/* v2510-82 (Gman, nach Abnahme v81 vom 28.10.2026): nur neue Regeln, alte Dateien unveraendert. Rueckbau: diese Datei und die Zeilen in index.html (link v82-2810.css, script v82-2810.js) entfernen.
   Neuer Farbwert (einziger): #E27D50 = hellerer Terrakotta-Ton nur fuer Link-Hover auf dunklem Grund (Kontrast 4.78:1 auf Navy #122E4D, vorher #C65A30 mit 3.22:1). */

/* M7: Hover auf dunklem Grund */
:root{--link-hover-dunkel:#E27D50}

/* M1: Schriftfamilie aller Knoepfe gleich (Satoshi), Hero-Knoepfe 48 / 8 / 16 / 600 */
html body :is(a.start-karte,a.start-glas,a.btn,a.folge-btn,a.wa-knopf,button.gs-pause,.leiste a,.leiste-tel,.leiste-btn),
html body a.start-karte :is(.sk-titel,span){font-family:"Satoshi",sans-serif}
html body #kopf.hero :is(a.start-karte,a.start-glas){height:48px;min-height:48px;font-size:16px!important;font-weight:600!important}
html body #kopf.hero a.start-karte .sk-titel{font-size:16px!important;font-weight:600!important;line-height:1.2}

/* M3: Mobile Leiste nur beim Hochscrollen, nach 2,5 s Ruhe wieder weg, nie dauerhaft ueber Text (Steuerung js/v82-2810.js) */
@media (max-width:767px){
  html body #leiste.v82-weg{transform:translateY(160%)!important;visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
  html body #leiste.an:not(.v82-weg){transition:transform .22s ease,visibility 0s}
}

/* M5: Weg-Zeitleiste ab 768 ohne Zickzack: Linie links, Text immer in derselben Spalte, Bild (falls vorhanden) rechts daneben */
@media (min-width:768px){
  html body .weg10 .w10-linie{left:11px;margin-left:-1px}
  html body .weg10 .w10-st{grid-template-columns:24px minmax(0,1fr);margin:0 0 56px}
  html body .weg10 .w10-st + .w10-st{margin-top:0}
  html body .weg10 .w10-st:last-child{margin-bottom:0}
  html body .weg10 :is(.w10-l,.w10-r) .w10-karte{grid-column:2;justify-self:stretch;max-width:none;padding:0 0 0 24px;display:grid;grid-template-columns:minmax(0,460px) minmax(0,420px);grid-template-rows:auto auto auto 1fr;column-gap:56px;align-items:start}
  html body .weg10 .w10-karte>*{grid-column:1}
  html body .weg10 .w10-karte>.w10-medium{grid-column:2;grid-row:1/5;margin:0}
  html body .weg10 .w10-punkt{grid-column:1;justify-self:start;margin-top:8px}
  html body .weg10 .w10-medium:has(img[src*="wi-plan"]){max-width:400px}
}
@media (min-width:768px) and (max-width:899px){
  html body .weg10 :is(.w10-l,.w10-r) .w10-karte{grid-template-columns:minmax(0,1fr) minmax(0,300px);column-gap:32px}
}

/* M6: Footer mobil, Kontakt (E-Mail und WhatsApp-Knopf 48 px) bleibt offen sichtbar */
@media (max-width:767px){
  html body .fuss .fuss-kontakt.fuss-auf:not(.offen)>p:not(.fuss-titel){display:block}
  html body .fuss .fuss-kontakt .wa-block{display:inline-flex;flex-direction:column;align-items:stretch;margin-top:12px}
}
/* Social-Icons Handy 44 x 44; ab 768 px 36 px (css/kopf-fuss.css) */
@media (max-width:767px){
html body .fuss .fuss-social a{flex:0 0 44px!important;width:44px;height:44px!important}
html body .fuss .fuss-social{gap:8px!important}
}

/* M8: Wege-Karten 768 bis 1023: eine Spalte, volle Breite, Text lesbar */
@media (min-width:768px) and (max-width:1023px){
  html body #wege .tafeln{flex-direction:column;height:auto;min-height:0;gap:16px}
  html body #wege .weg-tafel{flex:none;aspect-ratio:16/9;min-height:0}
  html body #wege .tafel-inhalt{left:32px;right:32px;bottom:28px}
  html body #wege .tafel-satz{position:static;width:auto;max-width:52ch;margin-top:8px;opacity:1}
}

/* Niedrig: Hero-Karte an der Inhaltskante (Logo), Header-WhatsApp 768 bis 899 als Symbol 44 px */
@media (min-width:900px){html body #kopf.hero .hero-inhalt{left:max(64px,calc((100vw - 1152px) / 2))!important}}
@media (min-width:768px) and (max-width:899px){
  html body #kopf.hero .hero-inhalt{left:24px!important}
  html body .menue-innen .menue-tel{display:inline-flex!important;min-width:44px;padding:0}
}

/* v2510-82 Mangel 9: Hero-Bild mobil etwas niedriger, damit die Google-Zeile bei 390 x 844 ganz über dem Falz steht */
@media (max-width:767px){
  html body #kopf.hero .hero-bild{height:min(92vw,520px)!important}
  /* Kontakt ist mobil immer offen: kein Plus-Zeichen */
  .fuss-kontakt.fuss-auf .fuss-titel::after{content:none!important}
}