/* Vereinheitlichung Startseite, Vorschlag 06.11.2026. Nur Vorschau (bauen.py bindet es in vorschau*.html ein), site/ bleibt unberuehrt.
   Grundlage: die Seite hat schon zwei Radien als Variablen, --r:3px (Bedienelemente) und --r2:6px (Karten, Flaechen).
   Alles, was davon abweicht, wird auf diese zwei Stufen gezogen. Nummern = Punkte in der Liste im Bericht. */

/* 1 Radien: 3px fuer Buttons, Felder, Schalter, Tags, Kacheln. 6px fuer Karten, Bilder, dunkle Flaechen */
.aib-box{border-radius:var(--r2,6px)!important}
.aib-me{border-radius:var(--r2,6px)!important}
.aib-cd{border-radius:var(--r2,6px)!important}
.aib-cd em{border-radius:var(--r,3px)!important}
.alts .aimg,.mz-pic,.tpics img,.tpics a img{border-radius:var(--r2,6px)!important}
.bill-sw{border-radius:var(--r,3px);overflow:hidden}
.maplibregl-ctrl-attrib{border-radius:var(--r,3px)!important}

/* 2 Dunkle Flaechen (AI access, Talk to us): gleicher Innenabstand, damit die Ueberschriften auf derselben Kante stehen */
.aib-box{padding:48px 56px!important}
.aib{padding:48px 0!important}
@media (max-width:640px){.aib{padding:32px 0!important}}
@media (max-width:640px){.aib-box{padding:28px 20px!important}#access .access{padding:28px 20px!important}}

/* 3 Ueberschriften H2: ueberall Funnel Display 300 wie bei den meisten Abschnitten (Players, Modules, AI access standen auf 400) */
#players h2,#modules h2,.aib h2{font-weight:300!important}

/* 4 Buttons und Felder: Standardhoehe 40px, Formularzeilen 44px (Hero-Suche, Talk to us) */
#modules .btn{height:40px!important;padding:0 18px!important;font-size:14.5px!important;display:inline-flex;align-items:center}
#find select,#pricing select,#rail select{height:40px!important}
#access .access input:not(.hp),#access .access select{height:44px!important}
#access .access .btn{height:44px!important;padding:0 24px!important;font-size:14.5px!important}
.bill-sw button{height:40px}

/* 5 Abschnitts-Abstaende: 96px wie die Mehrheit, mobil 64px (Players und File standen auf 104 bzw. 112, auch mobil) */
#players{padding-top:96px!important;padding-bottom:96px!important}
#before{padding-top:96px!important;padding-bottom:96px!important}
@media (max-width:640px){#players,#before{padding-top:64px!important;padding-bottom:64px!important}}

/* 6 Trennlinien zwischen Abschnitten: immer die helle Linie, Talk to us hatte als einziger eine dunkle */
#access{border-top-color:var(--line,#DED9CF)!important}

/* 7 Flaechenfolge: How it works und Modules lagen beide auf Weiss direkt untereinander. Modules auf Paper */
#modules{background:var(--paper,#F5F2EC)!important}

/* 8 Questions: Kopflinie ueber die ganze Breite wie bei allen anderen Abschnitten (stand nur ueber der linken Spalte) */
#faq h2{border-top:0!important;padding-top:0!important}
#faq .wrap.two{position:relative}
#faq .wrap.two::before{content:"";position:absolute;left:24px;right:24px;top:0;border-top:1px solid var(--ink,#15171B)}
#faq .wrap.two>div:first-child{padding-top:20px}

/* 9 Ocker als Textfarbe ist auf Paper zu schwach (2,6:1). Als Schrift dunkleres Ocker, als Flaeche bleibt #C98A0A */
#signals .wrk,.bill-sw em{color:#8A5E06!important}

/* 10 Mobiler Seitenrand einheitlich 16px wie in der Navigation (vorher Nav 16, Hero 20, Abschnitte 24) */
@media (max-width:640px){
  .wrap{padding-left:16px!important;padding-right:16px!important}
  #stage:not(.city):not(.rail) .copy{padding-left:16px!important;padding-right:16px!important}
  #faq .wrap.two::before{left:16px;right:16px}
}

/* 06.11.2026 nach Denis' Go (offene Punkte 11 bis 13) */
/* 11 Gemeinsame Kante: die zweite Spalte der Abschnittsköpfe beginnt wie der Zahlenblock und die Karte im Hero bei Inhaltskante + 480px */
@media (min-width:981px){
  #signals .whead,#players .phead2,#faq .two{grid-template-columns:480px minmax(0,1fr)!important;column-gap:0!important}
  #modules :has(> .m-strip-t),#before :has(> .pf-copy){grid-template-columns:480px minmax(0,1fr)!important;column-gap:0!important}
  #modules .m-strip-t,#before .pf-copy{padding-right:48px;box-sizing:border-box}
}
/* 12 Pricing-Tabelle: Werte in Inter wie die übrigen Zellen, Mono bleibt für Kicker und Metazeilen */
.ptable .mono-v{font-family:var(--ui,Inter,sans-serif)!important;font-size:inherit!important}
/* 13 "Coming next" ohne Inline-Style */
#who .nextline{margin-top:34px;max-width:64ch;font-size:15.5px;color:var(--ink-2,#2B2E33)}
