/* Menü-Vorschlag (Claude, 17.10.2026; Kay: „Die navi müssen wir auch noch überarbeiten und schöner machen“). Ergänzt
   mobile-navigation.css (Handy, gleiche Logik in mobile-navigation.js) und ersetzt den Inhalt von „Dein Sport“ auf dem Desktop. */
#mega.mn-neu{--mn-accent:#14694f;--mn-accent-hover:#0c4c38;--mn-ink:#172021;--mn-muted:#646b6d;--mn-line:#dfe3e4;--mn-tint:#edf4ef;--mn-paper:#f6f7f5;--mn-display:var(--display,Barlow,'Arial Narrow',Impact,sans-serif)}
#mega.mn-neu > .svg-defs{position:absolute;width:0;height:0;overflow:hidden}
#mega.mn-neu .mn-eyebrow{display:block;margin:0;font:700 11.5px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mn-accent)}
#mega.mn-neu .mn-ic svg,#mega.mn-neu .mn-ic-only svg,#mega.mn-neu .mn-arr{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mega.mn-neu .mn-arr{width:18px;height:18px;flex:0 0 18px}
#mega.mn-neu img{display:block;width:100%;height:100%;object-fit:contain}

/* ---------- Handy ---------- */
@media (max-width:960px){
 #mega.mn-neu > .fo-dnav{display:none}
 #mega.mn-neu .fo-mnav-search{border-radius:12px;border-color:var(--mn-line);background:var(--mn-paper)}
 #mega.mn-neu .mn-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0 12px;border:0;text-align:left}
 #mega.mn-neu .mn-head strong{display:block;margin-top:3px;font:800 30px/1 var(--mn-display);text-transform:uppercase;color:var(--mn-ink)}
 #mega.mn-neu .mn-head .fo-mnav-chevron{border-color:var(--mn-accent);transform:rotate(135deg)}
 #mega.mn-neu .mn-head[aria-expanded=true] .fo-mnav-chevron{transform:rotate(-45deg)}
 #mega.mn-neu .mn-sports{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:2px 0 6px}
 #mega.mn-neu .mn-sports > .mn-sport{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;min-height:0;padding:8px;border:1px solid var(--mn-line);border-radius:14px;background:#fff;text-align:left;font-weight:400}
 #mega.mn-neu .mn-sport:active,#mega.mn-neu .mn-sport:hover{border-color:var(--mn-accent)}
 #mega.mn-neu .mn-sport-img{display:grid;place-items:center;width:52px;height:52px;border-radius:10px;background:var(--mn-paper);overflow:hidden;color:var(--mn-accent)}
 #mega.mn-neu .mn-sport-img img{padding:3px}
 #mega.mn-neu .mn-ic-only svg{width:26px;height:26px}
 #mega.mn-neu .mn-sport-txt{min-width:0}
 #mega.mn-neu .mn-sport-txt strong{display:block;font:700 15.5px/1.2 'Segoe UI',Arial,sans-serif;color:var(--mn-ink)}
 #mega.mn-neu .mn-sport-txt small{display:block;margin-top:2px;font-size:11.5px;line-height:1.3;color:var(--mn-muted)}
 #mega.mn-neu .mn-gap{margin:24px 0 10px}
 #mega.mn-neu .mn-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 /* Symbol oben, Text darunter – passt auch bei 320 px ohne Umbruch im Titel */
 #mega.mn-neu .mn-action{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:14px;background:var(--mn-tint)}
 #mega.mn-neu .mn-action .mn-ic{display:grid;place-items:center;width:34px;height:34px;margin-bottom:6px;border-radius:50%;background:#fff;color:var(--mn-accent)}
 #mega.mn-neu .mn-action .mn-ic svg{width:18px;height:18px}
 #mega.mn-neu .mn-action strong{font:650 14.5px/1.2 'Segoe UI',Arial,sans-serif;color:var(--mn-ink)}
 #mega.mn-neu .mn-action small{font-size:12px;line-height:1.3;color:var(--mn-muted)}
 /* .fo-mnav-Präfix: mobile-navigation.css setzt „#mega.fo-mega .fo-mnav button“ (transparent, eckig) */
 #mega.mn-neu .fo-mnav .mn-fan{display:grid;grid-template-columns:56px minmax(0,1fr) 10px;align-items:center;gap:12px;width:100%;margin-top:14px;padding:10px 14px 10px 10px;border:0;border-radius:16px;background:var(--mn-accent);color:#fff;text-align:left}
 #mega.mn-neu .mn-fan-img{width:56px;height:56px;border-radius:12px;background:#fff;overflow:hidden}
 #mega.mn-neu .mn-fan-txt small{display:block;font-size:12px;color:#cfe6da}
 #mega.mn-neu .mn-fan-txt strong{display:block;font:800 24px/1 var(--mn-display);text-transform:uppercase}
 #mega.mn-neu .mn-fan .fo-mnav-chevron{border-color:#fff}
 #mega.mn-neu .mn-help{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:8px;padding:16px 0;border:0;border-bottom:1px solid var(--mn-line);text-align:left}
 #mega.mn-neu .mn-help strong{display:block;font:650 16px/1.3 'Segoe UI',Arial,sans-serif;text-transform:uppercase}
 #mega.mn-neu .mn-help small{display:block;font-size:12.5px;color:var(--mn-muted)}
 /* Unterebene (Sportart, Fanshop, Hilfe) */
 #mega.mn-neu .mn-panel-head{display:flex;align-items:center;gap:14px;margin:6px 0 10px}
 #mega.mn-neu .mn-big{width:64px;height:64px;border-radius:14px}
 #mega.mn-neu .mn-panel-head h2{margin:4px 0 0;font:800 34px/1 var(--mn-display)}
 #mega.mn-neu .mn-cat{display:grid;grid-template-columns:52px minmax(0,1fr) 10px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--mn-line)}
 #mega.mn-neu .mn-cat-img{display:grid;place-items:center;width:52px;height:52px;border-radius:10px;background:var(--mn-paper);overflow:hidden;color:var(--mn-accent)}
 #mega.mn-neu .mn-cat-img img{padding:3px}
 #mega.mn-neu .mn-cat-img.mn-ic-only svg{width:24px;height:24px}
 #mega.mn-neu .mn-cat-txt strong{display:block;font:650 16px/1.25 'Segoe UI',Arial,sans-serif;color:var(--mn-ink)}
 #mega.mn-neu .mn-cat-txt small{display:block;margin-top:2px;font-size:12.5px;color:var(--mn-muted)}
 #mega.mn-neu .mn-cat-leer small{font-style:italic}
 #mega.mn-neu .mn-cat-fan,#mega.mn-neu [data-mnav-panel="help"] .mn-cat:not(:has(.mn-cat-img)){grid-template-columns:minmax(0,1fr) 10px;min-height:52px}
 #mega.mn-neu .mn-cat-cfg .mn-cat-img{background:var(--mn-tint)}
 #mega.mn-neu .mn-all{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 6px;padding:14px 16px;border-radius:12px;background:var(--mn-accent);color:#fff !important;font:650 16px/1.2 'Segoe UI',Arial,sans-serif}
 #mega.mn-neu .fo-mnav-back{margin:4px 0 0}
}

/* ---------- Desktop „Dein Sport“ ---------- */
@media (min-width:961px){
 #mega.mn-neu > .fo-dnav{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding:26px var(--gutter,48px) 30px;color:var(--mn-ink)}
 #mega.mn-neu .fo-dnav a{text-decoration:none}
 #mega.mn-neu .dn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--mn-line)}
 #mega.mn-neu .dn-head h2{margin:4px 0 0;font:800 36px/1 var(--mn-display);text-transform:uppercase}
 #mega.mn-neu .dn-alle{display:inline-flex;align-items:center;gap:6px;color:var(--mn-accent);font-weight:650}
 #mega.mn-neu .dn-sports{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 22px}
 #mega.mn-neu .dn-sport-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--mn-ink)}
 #mega.mn-neu .dn-sport-head:hover strong{color:var(--mn-accent)}
 #mega.mn-neu .dn-img{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:10px;background:var(--mn-paper);overflow:hidden;color:var(--mn-accent)}
 #mega.mn-neu .dn-img img{padding:2px}
 #mega.mn-neu .dn-img.mn-ic-only svg{width:24px;height:24px}
 #mega.mn-neu .dn-sport-head strong{font:800 21px/1 var(--mn-display);text-transform:uppercase}
 #mega.mn-neu .dn-sport ul{list-style:none;margin:0;padding:0}
 #mega.mn-neu .dn-sport li a{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #eef0ef;color:var(--mn-ink);font-size:15px}
 #mega.mn-neu .dn-sport li a:hover{color:var(--mn-accent)}
 #mega.mn-neu .dn-sport li small{font-size:12px;color:var(--mn-muted)}
 #mega.mn-neu .dn-side{display:grid;gap:12px;align-content:start}
 #mega.mn-neu .dn-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 #mega.mn-neu .dn-action{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;background:var(--mn-tint);color:var(--mn-ink);transition:background .15s}
 #mega.mn-neu .dn-action:hover{background:#dfeee6}
 #mega.mn-neu .dn-action .mn-ic{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--mn-accent)}
 #mega.mn-neu .dn-action .mn-ic svg{width:18px;height:18px}
 #mega.mn-neu .dn-action strong{display:block;font-size:15px;line-height:1.2}
 #mega.mn-neu .dn-action small{display:block;font-size:12.5px;line-height:1.3;color:var(--mn-muted)}
 #mega.mn-neu .dn-fan{padding:14px 16px 16px;border-radius:16px;background:var(--mn-accent);color:#fff}
 #mega.mn-neu .dn-fan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff}
 #mega.mn-neu .dn-fan-head small{display:block;font-size:12px;color:#cfe6da}
 #mega.mn-neu .dn-fan-head strong{display:block;font:800 28px/1 var(--mn-display);text-transform:uppercase}
 #mega.mn-neu .dn-fan-head img{width:64px;height:64px;border-radius:12px;background:#fff}
 #mega.mn-neu .dn-fan nav{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px}
 #mega.mn-neu .dn-fan nav a{color:#e3f1ea;font-size:13.5px}
 #mega.mn-neu .dn-fan nav a:hover{color:#fff;text-decoration:underline}
}
@media (min-width:961px) and (max-width:1180px){
 #mega.mn-neu > .fo-dnav{grid-template-columns:minmax(0,1fr) 270px;gap:28px}
}