/*
Theme Name: SIB Media 2026
Theme URI: https://media.startup-incubator.berlin
Description: Dediziertes Theme der SIB-Media-Lab-Subdomain (Cinematic Brutalism, Avada-frei). Nur via Snippet #424 für den media-Host aktiv.
Author: SIB / HWR Berlin
Version: 1.0
*/
:root{--red:#d50c2f;--red2:#ff2e4d;--ink:#0c0d10;--muted:#9aa0ab;--line:#23262e}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#0c0d10!important}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0c0d10!important;color:#f2f3f5;line-height:1.6;-webkit-font-smoothing:antialiased}
#main{background:#0c0d10!important;padding-top:0!important;margin-top:0!important}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}
.wrap{max-width:1280px;margin:0 auto;padding:0 30px}
:focus-visible{outline:2px solid var(--red2);outline-offset:3px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:#000;padding:8px 14px;border-radius:6px}
/* Header */
.mh{position:sticky;top:0;z-index:40;background:rgba(12,13,16,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.mh .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.mh .brand{display:flex;align-items:center;gap:12px}
.mh .brand .m{font-family:'Archivo';font-weight:900;font-size:19px}.mh .brand .m .l{color:var(--red2)}
.mh .brand .cob{font-family:'Inter Tight';font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}
.mh .brand .logo{display:flex;align-items:center}.mh .brand .logo img{height:44px;width:auto;display:block}
.mf .logo{display:inline-block}.mf .logo img{height:74px;width:auto;display:block}
.mh .brand .coop-h{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:12px;text-decoration:none}
.mh .brand .coop-h .cl{font-family:'Inter Tight';font-weight:700;font-size:10px;line-height:1.12;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:84px}
.mh .brand .coop-h img{height:26px;width:26px;border-radius:6px;display:block}
.mh .brand .coop-h:hover .cl{color:#fff}
.mf .fbrand{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.mf .coop-f{display:inline-flex;align-items:center;gap:11px;padding-left:20px;border-left:1px solid var(--line);text-decoration:none}
.mf .coop-f .cl{font-family:'Inter Tight';font-weight:700;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.mf .coop-f img{height:40px;width:40px;border-radius:9px;display:block}
.mf .coop-f .cn{font-size:14px;font-weight:700;color:#e7e9ee}
.mf .coop-f:hover .cl{color:#fff}
@media(max-width:980px){.mh .brand .coop-h .cl{display:none}}
@media(max-width:600px){.mh .brand .coop-h{display:none}.mf .coop-f{padding-left:0;border-left:0}}
.mh nav ul{display:flex;gap:24px;list-style:none;font-family:'Inter Tight';font-weight:600;font-size:14.5px;color:var(--muted)}
.mh nav a:hover{color:#fff}
.mh .right{display:flex;align-items:center;gap:14px}
.lang{display:inline-flex;background:#1c1f26;border-radius:999px;padding:3px;font-family:'Inter Tight';font-weight:700;font-size:13px}
.lang a{padding:4px 11px;border-radius:999px;color:var(--muted)}.lang a.on{background:var(--red);color:#fff}
.cta{background:var(--red);color:#fff;font-family:'Inter Tight';font-weight:700;font-size:14px;padding:9px 18px;border-radius:999px}.cta:hover{background:var(--red2)}
.burger{display:none;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
/* Hero */
.hero{position:relative;left:50%;width:100vw;margin-left:-50vw;min-height:clamp(560px,86vh,860px);display:flex;align-items:center;overflow:hidden;background:#000;background-size:cover;background-position:center 30%}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,13,16,.86),rgba(12,13,16,.35) 60%,transparent),linear-gradient(0deg,rgba(12,13,16,.9),transparent 55%)}
.herovid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;border:0;z-index:0;pointer-events:none}
.mpage-hero.has-vid{min-height:clamp(360px,56vh,560px);align-items:flex-end}
.mpage-hero::after{z-index:1}
@media(prefers-reduced-motion:reduce){.herovid{display:none}}
.cobrand-hf{position:relative;left:50%;width:100vw;margin-left:-50vw;height:clamp(280px,40vh,420px);overflow:hidden;background:#0c0d10;background-size:cover;background-position:center}
/* weiche, organische Übergänge (Maske blendet Ränder transparent → Body #0c0d10 scheint durch; Band-BG = Body = nahtlos) */
.cobrand-hf.hf1{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 24%,#000 80%,transparent 100%)}
.cobrand-hf.hf2{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.cobrand-hf.hf3{-webkit-mask-image:radial-gradient(120% 88% at 50% 44%,#000 30%,transparent 82%);mask-image:radial-gradient(120% 88% at 50% 44%,#000 30%,transparent 82%)}
.cobrand-hf .cb-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.cobrand-hf .cb-vid{display:none}}
@media(max-width:600px){.cobrand-hf{height:clamp(200px,32vh,300px)}}
.mgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:26px 0}
.mgal .it{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:#0c0d10}
.mgal .it img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.mgal .it:hover img{transform:scale(1.045)}
@media(max-width:600px){.mgal{grid-template-columns:1fr 1fr;gap:8px}}
.legal{max-width:780px;font-size:15px;line-height:1.7;color:#cfd3da}
.legal h2{font-family:'Inter Tight';font-weight:700;font-size:18px;color:#f2f3f5;margin:30px 0 8px;padding-top:18px;border-top:1px solid var(--line)}
.legal p{margin:10px 0}
.legal ul{margin:10px 0 12px 22px;padding:0}.legal li{margin:5px 0}
.legal a{color:var(--red2);text-decoration:underline}
.legal code{background:#1c1f26;padding:1px 6px;border-radius:5px;font-size:13px}
.legal .legal-cta{margin-top:32px}.legal .legal-cta a{text-decoration:none}
.mf .fbottom{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px 22px;flex-wrap:wrap;font-size:13px}
.mf .flegal{display:flex;gap:18px;flex-wrap:wrap}
.mf .flegal a{color:#9aa0ab;cursor:pointer}.mf .flegal a:hover{color:#fff}
.hero .bar{position:absolute;left:0;top:0;bottom:0;width:14px;background:var(--red);z-index:3}
.hero .inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 30px;width:100%}
.rec{display:inline-flex;align-items:center;gap:9px;font-family:'Inter Tight';font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#fff}
.rec .dot{width:11px;height:11px;border-radius:50%;background:var(--red2);box-shadow:0 0 12px var(--red2);animation:blink 2s steps(2) infinite}
@keyframes blink{50%{opacity:.25}}
.hero h1{font-family:'Archivo';font-weight:900;letter-spacing:-.035em;line-height:.92;font-size:clamp(46px,8vw,118px);margin:18px 0 0;max-width:15ch;text-transform:uppercase;color:#fff;mix-blend-mode:screen;text-shadow:0 2px 50px rgba(0,0,0,.6)}
.hero h1 .r{color:var(--red2)}
.hero p{font-family:'Inter';font-size:19px;max-width:50ch;margin-top:22px;color:#e7e9ee;border-left:4px solid var(--red);padding-left:20px}
.hero .hslogan{font-family:'Inter Tight';font-weight:700;font-size:clamp(18px,2.2vw,24px);line-height:1.25;color:var(--red2);max-width:32ch;margin:16px 0 0;border-left:0;padding-left:0}
.hero .elig,.mpage .elig{display:flex;align-items:flex-start;gap:11px;font-family:'Inter Tight';font-weight:600;font-size:14.5px;line-height:1.45;color:#fff;margin-top:18px;max-width:600px;background:rgba(12,13,16,.5);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:10px;padding:13px 18px;backdrop-filter:blur(4px)}
.hero .elig::before,.mpage .elig::before{content:"";flex:0 0 auto;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--red2);box-shadow:0 0 10px var(--red2)}
.acts{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.btn{font-family:'Inter Tight';font-weight:700;font-size:15px;padding:15px 28px;border-radius:6px;display:inline-block}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red2)}
.btn-ow{border:2px solid rgba(255,255,255,.55);color:#fff}.btn-ow:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.langrow{text-align:center;padding:22px 0 0}.langrow .lang{background:#1c1f26}
section{padding:84px 0}
.ey{font-family:'Inter Tight';font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.18em;color:var(--red2)}
h2.sh{font-family:'Archivo';font-weight:900;letter-spacing:-.02em;font-size:clamp(30px,4.6vw,58px);line-height:1;text-transform:uppercase;margin:14px 0 0}
.lead2{color:var(--muted);font-size:18px;margin-top:14px;max-width:60ch}
.formats{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:230px;gap:14px;margin-top:42px}
.fc{position:relative;overflow:hidden;border:3px solid #1a1c22;text-decoration:none;display:flex;align-items:flex-end;transition:border-color .45s ease,box-shadow .55s ease}
.fc .bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;transition:transform 1.2s cubic-bezier(.18,.62,.2,1),filter .6s ease;will-change:transform}
.fc::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 38%,rgba(12,13,16,.88));transition:background .45s ease}
.fc:hover{border-color:rgba(213,12,47,.5);box-shadow:0 20px 46px -22px rgba(0,0,0,.75)}
.fc:hover .bg{transform:scale(1.07);filter:saturate(1.06) brightness(1.04)}
.fc:hover::after{background:linear-gradient(180deg,rgba(213,12,47,.20),rgba(12,13,16,.92))}
.fc .t{position:relative;z-index:2;padding:18px 20px;transition:transform .5s cubic-bezier(.18,.62,.2,1)}
.fc:hover .t{transform:translateY(-5px)}
.fc .n{font-family:'Archivo';font-weight:900;font-size:13px;color:var(--red2);transition:letter-spacing .45s ease}
.fc:hover .n{letter-spacing:.05em}
.fc .t h3{position:relative;font-family:'Archivo';font-weight:800;font-size:23px;text-transform:uppercase;letter-spacing:-.01em;line-height:1;color:#fff;margin-top:2px}
.fc .t h3::after{content:"";position:absolute;left:0;bottom:-8px;height:2px;width:0;background:var(--red2);border-radius:2px;transition:width .6s cubic-bezier(.18,.62,.2,1)}
.fc:hover .t h3::after{width:48px}
.fc .t p{font-size:13px;color:#cfd3da;margin-top:7px;max-width:34ch;opacity:0;max-height:0;transition:opacity .4s ease,max-height .4s ease}
.fc:hover .t p{opacity:1;max-height:80px}
@media(prefers-reduced-motion:reduce){.fc .bg,.fc .t,.fc .t h3::after{transition:none}.fc:hover .bg{transform:none}}
.fc.big{grid-column:span 3;grid-row:span 2}.fc.wide{grid-column:span 3}.fc.sq{grid-column:span 2}
.rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.room{display:block;position:relative;overflow:hidden;border:3px solid #1a1c22;background:#14161b;color:#e7e9ee;text-decoration:none;transition:border-color .45s ease,box-shadow .55s ease,transform .5s cubic-bezier(.18,.62,.2,1)}
.room:hover{border-color:rgba(213,12,47,.5);transform:translateY(-4px);box-shadow:0 20px 46px -22px rgba(0,0,0,.7)}
.room .img{position:relative;aspect-ratio:4/3;overflow:hidden}
.room .img .ib{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(.25);transition:transform 1.2s cubic-bezier(.18,.62,.2,1),filter .6s ease;will-change:transform}
.room:hover .img .ib{transform:scale(1.06);filter:grayscale(0) saturate(1.05) brightness(1.04)}
.room .b{padding:16px 18px}
.room h3{position:relative;font-family:'Inter Tight';font-weight:700;font-size:19px;color:#f2f3f5}
.room h3::after{content:"";position:absolute;left:0;bottom:-7px;height:2px;width:0;background:var(--red2);border-radius:2px;transition:width .55s cubic-bezier(.18,.62,.2,1)}
.room:hover h3::after{width:40px}
.room p{color:var(--muted);font-size:14px;margin-top:6px;transition:color .4s}.room:hover p{color:#cfd3da}
@media(prefers-reduced-motion:reduce){.room,.room .img .ib,.room h3::after{transition:none}.room:hover .img .ib,.room:hover{transform:none}}
/* ---- Fakten-Banner: 3 Design-Varianten ---- */
.facts{position:relative;left:50%;width:100vw;margin-left:-50vw;padding:30px 0}
.facts .wrap{display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;font-family:'Inter Tight';font-weight:700;font-size:clamp(15px,1.7vw,19px)}
.facts b{font-family:'Archivo';font-weight:900}
.facts .sep{width:6px;height:6px;border-radius:50%;flex:0 0 auto;opacity:.55}
/* fs1 – Vollrot (klassisch) */
.facts.fs1{background:var(--red);color:#fff}
.facts.fs1 .sep{background:#fff}
/* fs2 – Dunkel, premium: rote Zahlen + Keylines oben/unten */
.facts.fs2{background:#0c0d10;color:#e7e9ee;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts.fs2 b{color:var(--red2)}
.facts.fs2 .sep{background:var(--red);opacity:.9}
/* fs3 – Keyline-Pills auf Dunkel */
.facts.fs3{background:#0c0d10;color:#e7e9ee;padding:26px 0}
.facts.fs3 .wrap{gap:14px}
.facts.fs3 span:not(.sep){border:1px solid var(--line);border-radius:999px;padding:9px 18px;background:rgba(255,255,255,.02)}
.facts.fs3 b{color:var(--red2)}
.facts.fs3 .sep{display:none}
/* fs4 – Rotband mit wanderndem Light-Sweep */
.facts.fs4{background:var(--red);color:#fff;overflow:hidden}
.facts.fs4 .sep{background:#fff;opacity:.55}
.facts.fs4::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.40),transparent);transform:skewX(-18deg);animation:fsweep 3.4s linear infinite;pointer-events:none;z-index:1}
.facts.fs4 .wrap{position:relative;z-index:2}
@keyframes fsweep{0%{left:-40%}100%{left:122%}}
.facts .slg{font-style:normal}
/* fs5 – Editorial: Großzahlen auf Dunkel, vertikale Keylines */
.facts.fs5{background:#0c0d10;color:#e7e9ee;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts.fs5 .wrap{gap:34px;align-items:center}
.facts.fs5 span:not(.sep){display:inline-flex;align-items:baseline;gap:9px}
.facts.fs5 b{color:var(--red2);font-size:clamp(34px,4.6vw,58px);line-height:.85}
.facts.fs5 .sep{width:1px;height:36px;border-radius:0;background:var(--line);opacity:1}
/* fs6 – Broadcast-Laufband (Marquee) */
.facts .marquee{display:none}
.facts.fs6{background:var(--red);color:#fff;overflow:hidden;padding:18px 0}
.facts.fs6 .wrap{display:none}
.facts.fs6 .marquee{display:block;overflow:hidden}
.facts.fs6 .mtrack{display:inline-flex;align-items:center;white-space:nowrap;animation:fmarq 28s linear infinite;will-change:transform}
.facts.fs6 .mi{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(15px,1.7vw,20px);padding:0 6px}
.facts.fs6 .md{padding:0 12px;color:rgba(255,255,255,.55)}
@keyframes fmarq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.facts.fs4::before{display:none}.facts.fs6 .mtrack{animation:none}}
.ctaband{text-align:center;padding:88px 0}
.ctaband h2{font-family:'Archivo';font-weight:900;font-size:clamp(32px,5vw,68px);text-transform:uppercase;letter-spacing:-.02em;line-height:.96;max-width:16ch;margin:0 auto}
.ctaband p{color:var(--muted);font-size:18px;margin:16px auto 28px;max-width:48ch}
/* Sub-page content (Phase 3 native pages) */
.mpage{padding:54px 0 70px}.mpage h1{font-family:'Archivo';font-weight:900;font-size:clamp(34px,5vw,64px);letter-spacing:-.02em;text-transform:uppercase;line-height:.98;color:#fff}
/* Unterseiten-Foto-Band (verbindet mit der Startseiten-Bildsprache; voll-bleed, flush unter Sticky-Header) */
.mpage-hero{position:relative;left:50%;width:100vw;margin-left:-50vw;margin-top:-54px;margin-bottom:42px;min-height:clamp(210px,32vh,320px);display:flex;align-items:flex-end;overflow:hidden;background:#000;background-size:cover;background-position:center 35%}
.mpage-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,16,.93),rgba(12,13,16,.2) 72%),linear-gradient(90deg,rgba(12,13,16,.72),transparent 58%)}
.mpage-hero .bar{position:absolute;left:0;top:0;bottom:0;width:12px;background:var(--red);z-index:3}
.mpage-hero .inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 30px 26px;width:100%}
.mpage-hero h1{font-family:'Archivo';font-weight:900;font-size:clamp(34px,5vw,60px);letter-spacing:-.02em;text-transform:uppercase;line-height:.98;color:#fff;margin-top:8px;overflow-wrap:break-word}
.mpage h2{font-family:'Archivo';font-weight:800;font-size:clamp(24px,3vw,38px);margin:34px 0 10px;text-transform:uppercase}
.mpage h3{font-family:'Inter Tight';font-weight:700;font-size:20px;margin:22px 0 8px}
.mpage p,.mpage li{font-size:17px;color:#d6d9de;line-height:1.7;max-width:70ch}.mpage ul{margin:10px 0 10px 22px}.mpage a{color:var(--red2);text-decoration:underline}
/* Button-/Karten-Links in Unterseiten: nicht von .mpage a (rot+underline) einfärben */
.mpage a.btn,.mpage a.btn-red{color:#fff;text-decoration:none}
.mpage a.btn-ow{color:#fff;text-decoration:none}
.mpage a.fc,.mpage a.room{color:inherit;text-decoration:none}
/* WPForms auf dunklem media-Theme lesbar: Labels/Choices hell, Inputs bleiben weiß */
.mpage .wpforms-container-full{--wpforms-label-color:#f2f3f5;--wpforms-label-sublabel-color:#9aa0ab}
.mpage .wpforms-field-label,.mpage .wpforms-field-label-inline,.mpage .wpforms-field legend{color:#f2f3f5!important}
.mpage .wpforms-form label{color:#f2f3f5}
.mpage .wpforms-field-description,.mpage .wpforms-field-sublabel,.mpage .wpforms-field-limit-text{color:#9aa0ab!important}
/* WPForms in die Markensprache holen: Submit = .btn-red, Inputs an Theme-Typo/Radius angleichen */
.mpage .wpforms-submit{font-family:'Inter Tight',sans-serif!important;font-weight:700!important;font-size:15px!important;text-transform:uppercase!important;letter-spacing:.06em!important;background:var(--red)!important;color:#fff!important;border:0!important;border-radius:6px!important;padding:15px 42px!important;cursor:pointer;transition:background .15s,transform .15s;box-shadow:none!important}
.mpage .wpforms-submit:hover{background:var(--red2)!important;transform:translateY(-1px)}
.mpage .wpforms-field input,.mpage .wpforms-field select,.mpage .wpforms-field textarea{font-family:'Inter Tight',sans-serif!important;border-radius:6px!important}
.mpage .wpforms-field-row{margin-bottom:2px}
/* Footer */
.mf{border-top:1px solid var(--line);padding:48px 0 36px;color:var(--muted);font-size:14px}
.mf .cols{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;font-family:'Inter Tight'}
.mf .fmenu{display:flex;gap:18px;flex-wrap:wrap}.mf .fmenu a:hover{color:#fff}
.mf .addr{font-size:13.5px;line-height:1.6}.mf .m{font-family:'Archivo';font-weight:900;font-size:16px}.mf .m .l{color:var(--red2)}
@media(max-width:900px){
  .mh nav ul{display:none}
  .burger{display:block}
  .mh nav ul.nav-open{display:flex;flex-direction:column;gap:0;position:absolute;top:62px;left:0;right:0;background:#0c0d10;border-bottom:1px solid var(--line);padding:6px 30px 16px;z-index:39}
  .mh nav ul.nav-open li{width:100%}
  .mh nav ul.nav-open a{display:block;padding:13px 0;font-size:16px;color:#f2f3f5;border-bottom:1px solid var(--line)}
  .mh nav ul.nav-open a:hover{color:var(--red2)}
  .formats{grid-template-columns:1fr;grid-auto-rows:200px}.fc.big,.fc.wide,.fc.sq{grid-column:span 1;grid-row:span 1}.rooms{grid-template-columns:1fr}.fc .t p{opacity:1;max-height:80px}
}
/* Mobile: Hero-H1 darf nicht aus dem Viewport laufen (langes Wort „MEDIENPRODUKTION") */
@media(max-width:600px){
  .hero{min-height:clamp(440px,76vh,640px);background-position:center 28%}
  .hero .inner{padding:0 20px}
  .hero h1{font-size:clamp(30px,8.4vw,46px);max-width:100%;overflow-wrap:break-word;word-break:break-word;hyphens:auto}
  .hero p{font-size:16px;max-width:100%}
  .hero .elig{font-size:13px}
  .btn{padding:14px 22px;font-size:14px}
  .mh .brand .logo img{height:36px}
  .mf .logo img{height:64px}
  .mpage-hero{min-height:clamp(150px,26vh,210px);margin-bottom:30px}
  .mpage-hero h1{font-size:clamp(28px,7.5vw,42px)}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* explicit link colors (media-2026, robust gegen evtl. injizierte Regeln) */
.mh .brand a{color:#fff}
.mh nav a{color:#9aa0ab}.mh nav a:hover{color:#fff}
.mf .fmenu a{color:#9aa0ab}.mf .fmenu a:hover{color:#fff}

/* ============ Taktung-Trenner (Vorschlag 2) – seitenweit zwischen Inhaltssektionen ============
   Reine ::before-Grafik (Baseline + feine Ticks + rote Takt-Marker, nach rechts auslaufend).
   Trifft nur klassenlose Inhalts-<section> der Unterseiten – Heroes/Closer/CTA/Home-Mission ausgenommen. */
.tk-taktung{height:22px;margin:46px 0;border:0;position:relative}
.tk-taktung::after,
.mpage:not(.home-mission) .wrap > section:not([class])::before{
  content:"";display:block;height:22px;
  background-image:
    linear-gradient(var(--line),var(--line)),
    repeating-linear-gradient(90deg,var(--red2) 0 2px,transparent 2px 112px),
    repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 22px);
  background-size:100% 1px, 112px 100%, 22px 64%;
  background-position:left bottom, left bottom, left bottom;
  background-repeat:no-repeat, repeat-x, repeat-x;
  -webkit-mask-image:linear-gradient(90deg,#000 56%,transparent);
          mask-image:linear-gradient(90deg,#000 56%,transparent);
}
.tk-taktung::after{position:absolute;left:0;right:0;bottom:0}
.mpage:not(.home-mission) .wrap > section:not([class])::before{margin:38px 0 30px}
/* erste Inhaltssektion (direkt nach dem Lead) etwas enger an den Text */
.mpage:not(.home-mission) .wrap > p.lead2 + section:not([class])::before{margin-top:30px}