/* =========================================================
   Golden Hour – Mobile / Responsive   (muss ALS LETZTES laden)
   Alle Regeln in @media-Bloecken -> Desktop (>1000px) unberuehrt.
   ========================================================= */
@media (max-width: 1000px){
  #container{ min-width:0; }
  #content{ padding:16px 0; }
  .shell{ padding:0 8px; }
  .hero-outer{ padding:12px 8px 0; }
  .htab{ padding:0 8px; }
  .htab-panel{ padding:14px 12px; }
  .hcol-box{ padding:12px 11px 14px; }
  #totopscroller{ display:none; }
  .railbar{ display:none; }

  .tabnav{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
  .tabnav > a, .tabnav > .box{ width:auto; min-width:0; margin:0; padding:12px 4px 11px; font-size:9px; letter-spacing:0; line-height:1.14; text-align:center; clip-path:polygon(0 100%, 6px 0, calc(100% - 6px) 0, 100% 100%); }
  .tabnav > .box > a{ font-size:9px; letter-spacing:0; padding:0; }

  .hero .wordmark:not(.ganz){ display:block; position:absolute; top:auto; bottom:0; left:0; right:0; width:auto; padding:30px 16px 12px; z-index:4; background:linear-gradient(to top, rgba(16,20,31,.94), rgba(16,20,31,.5) 52%, rgba(16,20,31,0)); }
  .hero .wordmark .wm-teil{ display:block; width:auto; max-width:100%; white-space:normal; }
  .hero .wordmark .wm-links{ font-size:1.55rem; line-height:1.04; }
  .hero .wordmark .wm-rechts{ font-size:.92rem; margin-top:3px; }

  .infogrid{ grid-template-columns:1fr; }
  .hcol-body{ max-height:none; }
  .hcol > h3{ letter-spacing:.08em; }
  .hcols{ display:flex !important; flex-wrap:nowrap; overflow-x:auto; gap:10px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:8px; }
  .hcols > .hcol{ flex:0 0 87% !important; grid-column:auto !important; scroll-snap-align:center; display:flex; flex-direction:column; }
  .hcols > .hcol .hcol-box{ max-height:300px; overflow-y:auto; }

  /* Foren-/Themenzeilen als KARTE wie altes TL-Mobil */
  .board{ display:flex !important; flex-direction:column; position:relative; height:auto !important; min-height:0; padding:0; gap:0; overflow:hidden; }
  .board .main{ display:contents; }
  .board .stats{ display:contents; }
  .board .thumb{ position:absolute; top:6px; right:8px; width:auto; height:auto; z-index:3; transform:scale(.42); transform-origin:top right; }
  .board .main h3{ order:1; margin:0 !important; padding:12px 44px 9px 14px; font-size:1.12rem; line-height:1.15; border-bottom:1px solid var(--line); }
  .board .main h3::first-letter{ font-size:1em; }
  .board .lastpost{ order:2; display:flex !important; align-items:center; gap:10px; padding:10px 14px !important; width:auto !important; border:0 !important; margin:0 !important; text-align:left; }
  .board .lastpost .lp-ava{ order:-1; flex:0 0 auto; width:36px !important; height:36px !important; }
  .board .lastpost .lp-ava img{ width:36px !important; height:36px !important; object-fit:cover; }
  .board .lastpost > div:first-child{ flex:1 1 auto; min-width:0; text-align:left; }
  .board .lastpost .lp-title{ display:block; font-size:.92rem; margin:0; }
  .board .lastpost .lp-meta{ display:block; font-size:.72rem; margin-top:1px; }
  .board .counts{ display:none !important; }
  .board .main p{ order:3; margin:0 !important; padding:0 14px 10px; font-size:.85rem; }
  .board .subs{ order:4; padding:0 14px 12px !important; margin:0 !important; border:0 !important; display:flex; flex-wrap:wrap; gap:6px; align-items:flex-start; align-content:flex-start; height:auto !important; min-height:0 !important; }
  .board .subs a{ flex:0 0 auto !important; align-self:flex-start !important; height:auto !important; min-height:0 !important; padding:5px 12px !important; }

  .mb-vorstellung table, .mb-vorstellung tbody, .mb-vorstellung tr, .mb-vorstellung td{ display:block; width:100%; }
  .mb-vorstellung td{ padding:8px 2px; border:0; }
  .mb-vorstellung .box3-last img{ float:none; }

  .post{ grid-template-columns:1fr; }
  .post .author{ border-right:0; border-bottom:1px solid var(--line); }
  .post .kopf{ grid-template-columns:76px minmax(0,1fr); align-items:center; gap:12px; }
  .post .kopf .gif-klein{ width:76px; height:84px; }
  .post .kopf .gif-klein img{ width:76px; height:84px; object-fit:cover; }
  .post .kopf .wer{ flex-direction:column; align-items:flex-start; min-width:0; }
  .post .kopf .name{ font-size:1.2rem; line-height:1.14; }
  .post .kopf .name a{ white-space:normal; word-break:break-word; }
  .post .kopf .rolle{ font-size:.8rem; margin-top:2px; }
  .post .mitte{ grid-template-columns:1fr; }
  .post .mitte > .body{ min-width:0; }
  .post .body{ overflow:hidden; }
  .post .body *{ max-width:100% !important; }
  .post .body [class^="box"], .post .body [class*=" box"]{ width:auto !important; }
  .post .avaspalte{ flex-direction:column; align-items:center; text-align:center; }
  .post .avaspalte > *{ max-width:100%; width:auto; }
  .post .avatar, .post .author_avatar{ width:auto; max-width:190px; height:auto; margin:14px auto 8px; }
  .post .avatar img, .post .author_avatar img{ width:100%; height:auto; display:block; }
  .post .avatar .felder{ display:none; }
  .post .signatur img{ max-width:100%; height:auto; }
  .post .fuss{ grid-template-columns:1fr; gap:12px; }
  .post .fuss .felder{ grid-template-columns:1fr 1fr; }
  .post .fuss .gif.gross{ justify-self:center; }
  .post .fuss .gif.gross img{ max-width:191px; width:100%; height:auto; }
  .post .actions{ flex-wrap:wrap; gap:8px 12px; align-items:center; }
  .post .actions .knoepfe{ flex-wrap:wrap; }

  .foot-row.three{ grid-template-columns:1fr; }
  .foot-row.three .fbox{ max-height:180px; overflow:auto; }
  .foot-row.quotes .fbox{ max-height:250px; overflow:auto; }
  .footer .footer-legend{ max-height:300px; overflow:auto; }
}
@media (max-width: 600px){
  .foot-row.two{ grid-template-columns:1fr 1fr; }
  .foot-row.quotes, .foot-row.legende-stats{ grid-template-columns:1fr; }
  .post .fuss .felder{ grid-template-columns:1fr; }
}