/* ============================================================================
   Stadtquartier Beta · sq4.css · Design-Vereinheitlichung (13.10.2026)
   Studie: apple.com (Pillen-Buttons in Satzschrift, Paar „gefüllt + Kontur“, Produkt-Unternavigation,
   ruhige Übergänge 0.5 s mit weichem Auslauf) und samsung.com (Tab-Navigation in Abschnitten, Chips,
   Karten-Raster). Übertragen auf die SQ-Marke: Orange nur als Akzent, Navy als Fläche, Q-Marke als
   Signatur – ein Button-System für Website, Cockpit und App.
   ========================================================================== */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1);--pill:999px}

/* ---------- Buttons: ein System ---------- */
.btn{border-radius:var(--pill);min-height:44px;padding:0 22px;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.2;max-width:100%;transition:background .4s var(--ease-out),color .3s,border-color .3s,transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:scale(.985)}
.btn.sm{min-height:36px;padding:0 16px;font-size:13.5px;border-radius:var(--pill)}
.btn.xs{min-height:30px;padding:0 12px;font-size:12.5px;border-radius:var(--pill)}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid rgba(0,38,58,.3)}
.btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 14px 30px -18px rgba(0,38,58,.6)}
.btn.light{background:#fff;color:var(--ink);border-color:#fff}
.btn.light:hover{background:#fff;color:var(--orange-text)}
.btn svg{flex:0 0 auto}

/* Primär-Button (SQ-Siegel): siehe Version 3 am Ende dieser Datei */
/* Auf dunklen Flächen: Kontur-Button hell */
.diag-dark .btn.ghost,.cine .btn.ghost,.navy .btn.ghost,.profile .btn.ghost,.login-wrap .side .btn.ghost,.auth-card .side .btn.ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.diag-dark .btn.ghost:hover,.cine .btn.ghost:hover,.navy .btn.ghost:hover,.profile .btn.ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
/* Button-Paare wie bei Apple: gefüllt + Kontur, gleiche Höhe, 12 px Abstand */
.row .btn+.btn{margin-left:0}
.row{gap:12px}
@media(max-width:700px){.btn{white-space:normal}}

/* ---------- Seitenübergänge ---------- */
@keyframes pageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#root>main.page-in,#root>.site.page-in,#root .adm-body.page-in,#root>.app.page-in{animation:pageIn .55s var(--ease-out) both}
@media(prefers-reduced-motion:reduce){.page-in{animation:none}}

/* ---------- Navigation: Bereichs-Menü mit Logos (Navi in Navi) ---------- */
.mega.mega2{grid-template-columns:repeat(3,minmax(0,1fr));width:min(760px,calc(100vw - 48px))}
.mega2 .tile{display:grid;gap:8px;padding:14px;border-radius:14px;text-decoration:none;color:var(--ink);transition:background .25s,transform .35s var(--ease-out);border:1px solid transparent}
.mega2 .tile:hover{background:#fff;transform:translateY(-2px);border-color:rgba(255,255,255,.9)}
.mega2 .tile img{height:34px;width:auto;justify-self:start}
.mega2 .tile b{font-family:var(--serif);font-weight:500;font-size:18px;letter-spacing:-.01em}
.mega2 .tile span{font-size:12.5px;color:var(--muted);line-height:1.4}
.mega2 .tile.on{background:#fff;border-color:rgba(255,81,0,.35)}
.mega2 .foot{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid rgba(0,38,58,.08);padding-top:12px}
.mega2 .foot a{font-size:13px;padding:7px 12px;border-radius:var(--pill);text-decoration:none;color:var(--ink);background:rgba(255,255,255,.6)}
.mega2 .foot a:hover{background:#fff}

/* ---------- Unternavigation je Bereich (sticky unter der Hauptleiste) ---------- */
.subnav{position:sticky;top:84px;z-index:45;margin:10px var(--gutter) 0;pointer-events:none}
.subnav .in{pointer-events:auto;display:flex;align-items:center;gap:14px;height:50px;padding:0 8px 0 16px;border-radius:var(--pill);background:rgba(255,255,255,.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.75);box-shadow:0 12px 34px -22px rgba(0,38,58,.4);max-width:1320px;margin:0 auto;transition:transform .5s var(--ease-out),opacity .4s}
.subnav.hide .in{transform:translateY(-8px);opacity:0;pointer-events:none}
.subnav .brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;white-space:nowrap;color:var(--ink);text-decoration:none}
.subnav .brand img{height:24px;width:auto}
.subnav .tabs{display:flex;gap:2px;margin-left:auto;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px}
.subnav .tabs::-webkit-scrollbar{display:none}
.subnav .tabs a{padding:7px 12px;font-size:13.5px;font-weight:500;color:var(--charcoal);text-decoration:none;border-radius:var(--pill);white-space:nowrap;position:relative;transition:color .25s}
.subnav .tabs a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out)}
.subnav .tabs a:hover{color:var(--ink)}
.subnav .tabs a.on{color:var(--ink)}
.subnav .tabs a.on::after{transform:scaleX(1)}
.subnav .cta{flex:0 0 auto}
@media(max-width:1000px){.subnav .cta{display:none}}
@media(max-width:700px){.subnav{top:74px;margin-top:8px}.subnav.mob-hide .in{transform:translateY(-8px);opacity:0;pointer-events:none}.subnav .in{height:44px;gap:8px;padding:0 6px 0 12px}.subnav .brand span{display:none}.subnav .tabs a{font-size:13px;padding:6px 10px}}
body[data-area=site] .sec-head h2,body[data-area=site] section h2{scroll-margin-top:150px}

/* ---------- Objektkarten: Foto-Vorschau beim Darüberfahren ---------- */
.ocard .ph{overflow:hidden}
.ocard .ph img{transition:opacity .35s,transform 1.2s var(--ease-out)}
.ocard .ph.swap img{opacity:.001}
.ocard .ph .dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:4px;opacity:0;transition:opacity .3s;pointer-events:none}
.ocard:hover .ph .dots{opacity:1}
.ocard .ph .dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55)}
.ocard .ph .dots i.on{background:#fff;width:14px;border-radius:3px}

/* ---------- Zahlen: weicher Tween auch bei Filtern (count-up kommt aus motion.js) ---------- */
.stats .v{font-variant-numeric:tabular-nums}

/* ---------- Diagramme auf dem Handy: Beschriftungen nicht überlappen ---------- */
.dg-narrow{display:none}
@media(max-width:640px){.dg-wide{display:none}.dg-narrow{display:block}.diag{overflow:visible;padding:14px}.diag svg{min-width:0}.vmap svg{max-height:70vh}}

/* ---------- Dunkler Modus für Cockpit und App (nav2.js schaltet data-theme) ---------- */
[data-theme=dark]{--paper:#0E1B24;--paper-2:#122330;--card:#16283A;--card-2:#1B3144;--ink:#F2EEE8;--charcoal:#C9D3DA;--muted:#8FA3AE;--line:#2A4256;--line-2:#223849;--glass:rgba(22,40,58,.78);--orange-soft:rgba(255,81,0,.16);--orange-text:#FF7A3D;--shadow:0 12px 30px -16px rgba(0,0,0,.6);--shadow-l:0 30px 60px -30px rgba(0,0,0,.7);color-scheme:dark}
[data-theme=dark] body,[data-theme=dark]{background:var(--paper);color:var(--ink)}
[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .adm-top,[data-theme=dark] .input,[data-theme=dark] select.input,[data-theme=dark] textarea.input{background:var(--card);color:var(--ink);border-color:var(--line)}
[data-theme=dark] .adm .side{background:#0A141C}
[data-theme=dark] .adm-main{background:var(--paper)}
[data-theme=dark] .adm-body{background:var(--paper)}
[data-theme=dark] .tbl th{background:var(--card-2);color:var(--charcoal)}
[data-theme=dark] .tbl td{border-color:var(--line-2)}
[data-theme=dark] .badge{background:var(--card-2);color:var(--charcoal)}
[data-theme=dark] .chip{background:var(--card-2);color:var(--ink);border-color:var(--line)}
[data-theme=dark] .btn.ghost{color:var(--ink);border-color:rgba(242,238,232,.35)}
[data-theme=dark] .btn.ghost:hover{background:var(--ink);color:#0E1B24}
[data-theme=dark] .btn.light{background:var(--card-2);color:var(--ink);border-color:var(--line)}
[data-theme=dark] .btn{--bg:#F2EEE8;--fg:#0E1B24}
[data-theme=dark] .btn.primary{color:#fff}
[data-theme=dark] .btn.primary::after{background:#F2EEE8}
[data-theme=dark] .btn.primary:hover{color:#0E1B24;border-color:#F2EEE8}
[data-theme=dark] .btn.primary:hover::before{background-image:url(../brand/sq-q.svg)}
[data-theme=dark] .note{background:var(--card-2);color:var(--ink)}
[data-theme=dark] .empty{background:var(--card);color:var(--charcoal)}
[data-theme=dark] .demobar{background:#061017}
[data-theme=dark] .kpi,[data-theme=dark] .widget,[data-theme=dark] .dash-w,[data-theme=dark] .kan-col,[data-theme=dark] .kan-card,[data-theme=dark] .task,[data-theme=dark] .mini-obj,[data-theme=dark] .drawer,[data-theme=dark] .overlay .box,[data-theme=dark] .modal{background:var(--card);color:var(--ink);border-color:var(--line)}
[data-theme=dark] .app,[data-theme=dark] .app .bar,[data-theme=dark] .app .tabbar,[data-theme=dark] .app .top{background:var(--paper);color:var(--ink);border-color:var(--line)}
[data-theme=dark] .ocard{background:var(--card);border-color:var(--line);color:var(--ink)}
[data-theme=dark] img.diagram,[data-theme=dark] .diag{filter:none}
[data-theme=dark] .muted{color:var(--muted)}
[data-theme=dark] a{color:inherit}
[data-theme=dark] .h1,[data-theme=dark] .h2,[data-theme=dark] .h3,[data-theme=dark] .h4{color:var(--ink)}
[data-theme=dark] ::placeholder{color:#7F94A1}
[data-theme=dark] .theme-btn svg{color:#FFD27A}
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;transition:transform .4s var(--ease-out),background .3s}
.theme-btn:hover{transform:rotate(20deg)}

/* ---------- Lage auf der Objektseite ---------- */
.lage-grid{align-items:start}
.lage-box .kv{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px 14px;margin:0;font-size:14px}
.lage-box .kv dt{color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding-top:2px}
.lage-box .kv dd{margin:0}
.lage-box .diag{background:var(--paper-2);border-radius:14px;padding:8px}
@media(max-width:860px){.lage-grid{grid-template-columns:1fr}.lage-box .kv{grid-template-columns:1fr;gap:2px 0}.lage-box .kv dd{margin-bottom:8px}}

/* ---------- Korrekturen 13.10. nachmittags ---------- */
/* Tablet/Laptop: .section setzte den seitlichen Abstand von .wrap auf 0 (gleiche Spezifität, später definiert) */
.wrap.section{padding-left:var(--gutter);padding-right:var(--gutter)}
/* Unternavigation am Handy: nur Logo, schmale Tabs, kein Haupt-Button */
@media(max-width:700px){
  .subnav{top:72px;margin:6px 10px 0}
  .subnav .in{height:40px;gap:6px;padding:0 6px 0 10px}
  .subnav .brand{gap:6px}
  .subnav .brand img{height:20px}
  .subnav .brand span{display:none}
  .subnav .tabs{gap:0}
  .subnav .tabs a{font-size:12.5px;padding:6px 9px}
  .subnav .tabs a::after{left:9px;right:9px;bottom:2px}
  .subnav .cta{display:none}
}
/* Mobile Navigation: kompakter, mit Bereichs-Logos, gruppiert */
.mnav{padding:16px var(--gutter) 28px;overflow:auto}
.mnav .mn-head{display:flex;align-items:center;justify-content:space-between}
.mnav .mn-groups{display:grid;gap:18px;margin-top:18px}
.mnav .mn-group h5{margin:0 0 6px;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.mnav .mn-group a{display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:17px;font-weight:500;padding:10px 0;border-bottom:1px solid var(--line-2);text-decoration:none;color:var(--ink)}
.mnav .mn-group a img{height:22px;width:auto}
.mnav .mn-group a .sub{margin-left:auto;font-size:12px;color:var(--muted)}
.mnav .mn-group a .ar{margin-left:auto;color:var(--muted)}
.mnav .mn-group a .ar+.sub{margin-left:0}
.mnav .mn-ctas{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.mnav .mn-foot{margin-top:auto;padding-top:22px;font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* Bereichs-Menü (Desktop): links das Thema, rechts die vier Divisionen */
.mega.mega2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);width:min(820px,calc(100vw - 48px));gap:22px}
.mega2 .focus{display:grid;gap:10px;padding:6px 6px 0}
.mega2 .focus img{height:36px;width:auto;justify-self:start}
.mega2 .focus b{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:-.01em}
.mega2 .focus p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.5;max-width:40ch}
.mega2 .focus ul{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
.mega2 .focus li a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;text-decoration:none;font-weight:500;font-size:14px;transition:background .2s,padding-left .25s var(--ease-out)}
.mega2 .focus li a:hover{background:#fff;padding-left:14px}
.mega2 .divs{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.mega2 .divs h5{grid-column:1/-1;margin:0 0 2px}
.mega2 .divs a{display:grid;gap:6px;padding:12px;border-radius:12px;text-decoration:none;color:var(--ink);border:1px solid transparent;transition:background .25s,transform .35s var(--ease-out)}
.mega2 .divs a img{height:26px;width:auto;justify-self:start}
.mega2 .divs a b{font-size:13.5px;font-weight:600}
.mega2 .divs a:hover{background:#fff;transform:translateY(-2px)}
.mega2 .divs a.on{background:#fff;border-color:rgba(255,81,0,.35)}
.mega2 .tile,.mega2 .foot{display:none}
/* Suchleiste: klare Spalten, Button als eigene Spalte, am Tablet 2+2+Button */
.searchbar{grid-template-columns:1.1fr 1fr 1.2fr .9fr auto;gap:0;padding:8px 8px 8px 12px;border-radius:16px}
.searchbar .field{padding:6px 16px 6px 6px;border-right:1px solid var(--line-2);min-width:0}
.searchbar .field label,.searchbar .field .lbl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.searchbar .input{font-size:16px;min-height:34px}
.searchbar .btn{min-height:52px;margin-left:10px;align-self:center;white-space:nowrap}
@media(max-width:1080px){.searchbar{grid-template-columns:1fr 1fr;row-gap:4px}.searchbar .field{border-right:0;border-bottom:1px solid var(--line-2);padding:8px 10px}.searchbar .field:nth-child(2n){border-left:1px solid var(--line-2)}.searchbar .field:nth-last-child(2),.searchbar .field:nth-last-child(3){border-bottom:0}.searchbar .btn{grid-column:1/-1;margin:10px 0 2px;justify-self:stretch}}
@media(max-width:560px){.searchbar{grid-template-columns:1fr}.searchbar .field{border-left:0!important;border-bottom:1px solid var(--line-2)!important}.searchbar .field:last-of-type{border-bottom:0!important}}
/* Footer: am Handy zwei Spalten, dezent die vier Divisionen */
.ftr .divrow{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:26px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
.ftr .divrow a{display:inline-flex;align-items:center;opacity:.55;transition:opacity .25s;text-decoration:none}
.ftr .divrow a:hover{opacity:1}
.ftr .divrow img{height:22px;width:auto}
.ftr .divrow .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8FA3AE;margin-right:4px}
@media(max-width:700px){
  .ftr .cols{grid-template-columns:1fr 1fr;gap:18px 14px}
  .ftr .cols>div:first-child{grid-column:1/-1}
  .ftr .cols h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
  .ftr .cols li{padding:5px 0}
  .ftr .divrow{gap:12px 16px}
  .ftr .divrow img{height:18px}
  .ftr .base{flex-direction:column;align-items:flex-start;gap:6px}
}

/* ---------- Kontakt & Tickets ---------- */
.kontakt-hero{min-height:46vh}
.kontakt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;align-items:start}
.kontakt-cards{display:grid;gap:12px}
.kcard{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line-2);text-decoration:none;color:var(--ink);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .3s}
.kcard .ki{grid-row:1/3;width:48px;height:48px;border-radius:50%;background:var(--orange-soft);color:var(--orange-text);display:grid;place-items:center}
.kcard .ki.ori{background:transparent}
.kcard b{font-size:16px}
.kcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-l);border-color:rgba(255,81,0,.3)}
.kform{position:relative;overflow:hidden}
.kform::before{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,81,0,.12),transparent 65%);pointer-events:none}
.kform .chip{cursor:pointer;position:relative}
.kform .chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.tsuccess{text-align:center;padding:20px 8px}
.tsuccess .tick{width:72px;height:72px;margin:0 auto;display:block}
.tsuccess .tick circle{fill:none;stroke:var(--orange);stroke-width:2.5;stroke-dasharray:190;stroke-dashoffset:190;animation:tkc .9s var(--ease-out) forwards}
.tsuccess .tick path{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:tkc .5s var(--ease-out) .6s forwards}
@keyframes tkc{to{stroke-dashoffset:0}}
.linkbox{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--paper-2);border-radius:12px;padding:10px 12px}
.linkbox code{font-size:12px;word-break:break-all;color:var(--ink)}
.tsuccess .row{justify-content:center}
.thread{display:grid;gap:10px}
.msg{max-width:min(78%,640px);display:grid;gap:4px}
.msg.me{justify-self:end}
.msg .b{padding:12px 16px;border-radius:16px;background:var(--paper-2);white-space:pre-wrap;line-height:1.5;font-size:15px}
.msg.me .b{background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.msg.them .b{border-bottom-left-radius:4px}
.msg.sys .b{background:transparent;border:1px dashed var(--line);font-size:13px;color:var(--muted)}
.msg .meta{font-size:11.5px;color:var(--muted)}
.msg.me .meta{text-align:right}
.tk-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
.tk-head .mini-obj{max-width:360px}
.rowlink:hover td{background:var(--paper-2)}
@media(max-width:900px){.kontakt-grid{grid-template-columns:1fr}.tk-grid{grid-template-columns:1fr!important}.msg{max-width:92%}}
[data-theme=dark] .msg .b{background:var(--card-2)}
[data-theme=dark] .msg.me .b{background:var(--orange);color:#fff}
.ftr .divrow a span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#E8E2D8;margin-left:8px}

/* ---------- Kopfzeile am Handy/Tablet: kompakter, runde Icons, Pille ---------- */
.hdr .iconbtn{border-radius:50%}
@media(max-width:1080px){
  .hdr .wrap{padding:6px 8px 6px 16px;border-radius:999px}
  .hdr.shrunk .wrap{padding:5px 6px 5px 14px}
  .hdr-actions{gap:6px}
  .hdr-actions .iconbtn{width:38px;height:38px}
  .hdr-actions .btn.sm{min-height:38px;padding:0 16px;font-size:13.5px}
}
@media(max-width:700px){
  .hdr{top:6px;padding:0 8px}
  .hdr .logo img{height:24px}
  .hdr.shrunk .logo img{height:22px}
  .hdr-actions{gap:4px}
  .hdr-actions .iconbtn{width:36px;height:36px}
  .hdr-actions .iconbtn svg{width:18px;height:18px}
  .hdr-actions .iconbtn .badge{top:-4px;right:-4px;transform:scale(.85)}
  .hdr-actions .btn.sm{min-height:36px;padding:0 13px;font-size:13px;margin-left:0!important}
  .subnav{top:56px}
}
@media(max-width:400px){.hdr-actions a[href="#/konto"]{display:none}}
/* Mobile-Menü: weich einblenden, Einträge gestaffelt */
.mnav{transform:none;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-out),visibility 0s .35s;background:rgba(244,239,232,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.mnav.open{opacity:1;visibility:visible;transition:opacity .35s var(--ease-out)}
.mnav .mn-group a{opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease-out),transform .5s var(--ease-out)}
.mnav.open .mn-group a{opacity:1;transform:none}
.mnav.open .mn-group a:nth-child(2){transition-delay:.03s}.mnav.open .mn-group a:nth-child(3){transition-delay:.06s}.mnav.open .mn-group a:nth-child(4){transition-delay:.09s}.mnav.open .mn-group a:nth-child(5){transition-delay:.12s}.mnav.open .mn-group a:nth-child(6){transition-delay:.15s}.mnav.open .mn-group a:nth-child(7){transition-delay:.18s}.mnav.open .mn-group a:nth-child(8){transition-delay:.21s}.mnav.open .mn-group a:nth-child(9){transition-delay:.24s}
@media(min-width:700px){.mnav .mn-groups{grid-template-columns:1fr 1fr;gap:28px}}
/* Feinkorrekturen */
.mnav .mn-ctas .btn{font-family:var(--sans);font-size:13.5px;border-bottom:1.5px solid rgba(0,38,58,.3);padding:0 16px}
body.mnav-open .ori-fab,body.mnav-open .ori-hint,body.mnav-open .siderail{opacity:0;pointer-events:none;transition:opacity .2s}
.mega.mega2{background:rgba(250,247,242,.94)}
/* Animation der Q-Marke darf Hover/Klick nicht blockieren (höhere Spezifität als .rv.in …) */