/* v2510-81 (Gman 28.10.2026 12:48 bis 12:59): Kopf (Menue-Knopf, WhatsApp-Link) und Fusszeile. Nur neue Regeln, gesperrte Dateien unveraendert. Link-Zustaende: css/links-regel-2810.css. */

/* ===== Kopf =====
   «Menue» ist kein nacktes Wort neben den Hauptlinks mehr: abgesetzter Knopf (Rahmen, Hamburger-Symbol), Abstand zu den Links mindestens 24 px,
   mindestens 44 x 44 px. 768 bis 1023 px (Platz fuer 6 Links, kein Telefon-Icon): nur Symbol (Wort fuer Screenreader), ab 1024 px Symbol + Wort. */
@media (min-width:768px){
  body .menue-innen .menue-mobil{box-sizing:border-box;min-width:44px;height:44px;min-height:44px;margin:0 0 0 14px;padding:0 14px!important;border:1.5px solid #122E4D!important;border-radius:8px;background:transparent!important;color:#122E4D;gap:8px;justify-content:center;font-family:"Satoshi",sans-serif;font-weight:600;font-size:15px;line-height:1;transition:background-color .2s ease,color .2s ease}
  body .menue-innen .menue-mobil::before{content:""!important;display:block!important;flex:0 0 20px;width:20px;height:14px;background:linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 6px/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 12px/100% 2px no-repeat}
  body .menue-innen .menue-mobil:is(:hover,:focus-visible,[aria-expanded=true]){background:#122E4D!important;color:#F6F1E8}
  body .menue-innen .menue-mobil:focus-visible{outline:2px solid #A3421D;outline-offset:3px}
}
@media (min-width:768px) and (max-width:1023px){
  body .menue-innen .menue-mobil{width:44px;padding:0!important}
  body .menue-innen .menue-mobil .menue-mobil-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
/* WhatsApp-Link im Menuepanel: Tippflaeche mindestens 44 px hoch (vorher 29 px) */
body .mobilpanel .mobilpanel-tel{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}

/* ===== Fusszeile =====
   1/2 Besichtigungs-Knopf und Richtofferte-Satz entfernt (HTML).  5 Nummer unter dem WhatsApp-Knopf entfernt (HTML).
   3 «Seiten» in zwei Spalten (4 + 4 Eintraege, mehr gibt es nicht), Wissen und Regionen so breit, dass kein Begriff mitten umbricht.
   4 Logo und Social-Icons: 20 px Abstand (vorher beruehrten sie sich).  6 Adressen einheitlich, nie umbrochen. */
body .fuss .fuss-spalte a,body .fuss .fuss-spalte .fuss-nowrap,body .fuss .fuss-ch p,body .fuss .fuss-at p{white-space:nowrap}
body .fuss .fuss-ch p,body .fuss .fuss-at p{line-height:1.7}
body .fuss .fuss-seiten{display:grid;grid-template-columns:1fr 1fr;align-content:start;grid-auto-rows:auto}
body .fuss .fuss-seiten .fuss-titel{grid-column:1/-1}
body .fuss .fuss-seiten p{margin:0}
@media (max-width:767px){
  body .fuss .fuss-seiten.fuss-auf.offen{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  body .fuss .fuss-seiten.fuss-auf.offen .fuss-titel{grid-column:1/-1}
}

/* ===== Hero: Variante C «Helle Karte» (Gman-Entscheid 28.10.2026 13:24, ersetzt Hero A+ Navy-Verlauf) =====
   Quelle: analysen/overlay_alternativen_2810/varianten/C_helle_karte.css. Nur Palettenfarben: Navy #122E4D, Creme #F6F1E8 (Karte .97), Slate #55606E, Terrakotta #A3421D / #C65A30, Sand #EADFCC (--sand).
   Ab 768 px: Foto unabgedunkelt, Text navy auf Creme-Karte. Unter 768 px: Foto oben in voller Breite ohne Abdunklung, Text darunter auf heller Flaeche.
   Entfernt wird jede Abdunklung auf dem Hero-Foto: .hero-verlauf, .hero-verlauf-links (auch .bild-3/.bild-5, hero-wechsel-2410.css:17), .hero-inhalt::before.
   Rueckweg: diesen Block aus css/v81-2810.css loeschen (dann gilt wieder css/ohne-blau-2710.css:95-96, :122-123). */
html body #kopf.hero .hero-verlauf,html body #kopf.hero .hero-verlauf-links,html body #kopf.hero.bild-3 .hero-verlauf-links,html body #kopf.hero.bild-5 .hero-verlauf-links{display:none!important;background:none!important}
html body #kopf.hero .hero-inhalt::before{display:none!important;content:none!important}
html body #kopf.hero .hero-inhalt{background:rgba(246,241,232,.97)!important;color:#122E4D!important;border-radius:16px;box-shadow:0 14px 44px rgba(18,46,77,.22)}
html body #kopf.hero .hero-inhalt :is(h1,p,.h1-ort,.claim-zeile,.hero-sterne,.hero-sterne span,.hero-sterne a){color:#122E4D!important;text-shadow:none!important}
html body #kopf.hero .hero-inhalt .h1-ort{color:#55606E!important}
html body #kopf.hero .hero-inhalt .akzent{color:#A3421D!important}
html body #kopf.hero .hero-inhalt .hero-sterne [aria-hidden=true]:first-child{color:#C65A30!important}
html body #kopf.hero a.start-glas{border-color:#122E4D!important;color:#122E4D!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body #kopf.hero a.start-glas:hover{background:rgba(18,46,77,.08)!important}
@media (min-width:768px){
  html body #kopf.hero .hero-inhalt{left:48px!important;right:auto!important;top:56px!important;bottom:auto!important;width:auto!important;max-width:680px!important;padding:28px 36px 28px!important}
}
@media (max-width:767px){
  html body #kopf.hero{display:block!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important;overflow:visible!important;background:#F6F1E8!important}
  html body #kopf.hero .hero-bild{position:relative!important;inset:auto!important;width:100%!important;height:min(118vw,560px)!important}
  html body #kopf.hero .hero-inhalt{position:relative!important;margin:0!important;padding:24px 24px 32px!important;border-radius:0;box-shadow:none;background:transparent!important}
}
/* Zahlenleiste hell (Sand, vorhandenes Token --sand #EADFCC) */
.zahlenband{background:var(--sand,#EADFCC)!important;color:#122E4D!important;border-top:0!important}
.zahlenband .zb-zahl{color:#122E4D!important}
.zahlenband .zb-text{color:#122E4D!important;opacity:.82}
.zahlenband .zb-liste li{border-color:rgba(18,46,77,.22)!important}

/* ===== Block 3 (Gman 28.10.2026 13:24 «alles nach deinen Vorschlaegen»): ein Knopf, ein Verlauf, ein Abstand, eine Titelstufe =====
   Knopf: 48 px hoch, Radius 8, 16 px / 600, Varianten nur in der Farbe (Hero-Knoepfe, Foot-WhatsApp, Alle Projekte, Besichtigung, Leiste, Pause).
   Ausnahme (kein Inhaltsknopf, Kopf-Bedienelement): Menue-Knopf im Kopf bleibt 44 px (Kopfhoehe 64 px), siehe Block 4. */
html body :is(a.start-karte,a.start-glas,a.btn,a.folge-btn,a.wa-knopf,button.gs-pause,.leiste a.leiste-tel){box-sizing:border-box;min-height:48px;border-radius:8px!important;font-size:16px!important;font-weight:600!important;line-height:1.2}
html body #kopf.hero :is(a.start-karte,a.start-glas){height:48px;min-height:48px;padding-block:0;border-radius:8px!important;font-size:16px!important;font-weight:600!important}
html body :is(a.btn,a.folge-btn,a.wa-knopf,button.gs-pause){height:auto;padding-block:0;padding-inline:24px}
html body a.start-karte .sk-titel,html body a.start-karte span{font-size:inherit!important;font-weight:inherit!important}

/* Ein Verlauf-Wert hinter Text (kein Verlauf mehr ueber dem Hero-Foto): schwarz 74 Prozent, bis zur Textkante voll, dann auslaufend.
   Entfaellt: Wege-Zusatzverlauf ::after (.32/.2), Projekte-Radial (.70/.36), zweite Projekt-Ebene (.58), Stufen .62/.45/.12. */
:root{--overlay-text:rgba(0,0,0,.74)}
html body .weg-tafel .tafel-verlauf,html body #wuensche .weg-tafel .tafel-verlauf{background:linear-gradient(0deg,var(--overlay-text) 0%,var(--overlay-text) 40%,rgba(0,0,0,0) 74%)!important}
html body .weg-tafel .tafel-verlauf::after{background:none!important;opacity:0!important}
html body .folge-verlauf{background:linear-gradient(90deg,var(--overlay-text) 0%,var(--overlay-text) 36%,rgba(0,0,0,0) 68%)!important}
html body .folge-inhalt::before{background:none!important;display:none!important}
html body .team-rot figcaption{background:linear-gradient(0deg,var(--overlay-text) 0%,var(--overlay-text) 60%,rgba(0,0,0,0) 100%)!important}
@media (max-width:767px){
  html body .weg-tafel .tafel-verlauf,html body #wuensche .weg-tafel .tafel-verlauf{background:linear-gradient(0deg,var(--overlay-text) 0%,var(--overlay-text) 55%,rgba(0,0,0,0) 92%)!important}
  html body .folge-verlauf{background:linear-gradient(0deg,var(--overlay-text) 0%,var(--overlay-text) 50%,rgba(0,0,0,0) 90%)!important}
}

/* Abschnittsabstand fest: 96 px (Desktop) / 64 px (Handy) oben; unten nur dort, wo der naechste Abschnitt eine andere Flaeche hat
   (Google-Sand, Fuss). Ausnahme: Vollbild-Projektpanels (#projekte .folge-panel) behalten ihre Hoehe. */
html body main section#wege,html body main section#projekte,html body main section#ablauf,html body main section#ueber-uns,html body main section#presse-start,html body main section#fragen-start,html body main section#google-stimmen{padding-top:96px!important;padding-bottom:0!important}
html body main section#google-stimmen,html body main section#fragen-start{padding-bottom:96px!important}
html body main section#presse-start .wrap{padding-top:0;padding-bottom:0}
@media (max-width:767px){
  html body main section#wege,html body main section#projekte,html body main section#ablauf,html body main section#ueber-uns,html body main section#presse-start,html body main section#fragen-start,html body main section#google-stimmen{padding-top:64px!important}
  html body main section#google-stimmen,html body main section#fragen-start{padding-bottom:64px!important}
}

/* Titelstufen: H2 40/44 (Handy 30/33), H3 Kartentitel 32/36 (Handy 24/28), Einleitung 17/27,2 (Handy 16/25,6), Eyebrow ueberall (Presse neu). */
html body :is(.t3,.w10-titel,.folge-ort){font-size:32px!important;line-height:36px!important;font-weight:700!important;letter-spacing:-.01em}
@media (max-width:767px){html body :is(.t3,.w10-titel,.folge-ort){font-size:24px!important;line-height:28px!important}}
html body :is(.kopf-intro,.lead,#ueber-uns .text){font-size:17px;line-height:27.2px}
@media (max-width:767px){html body :is(.kopf-intro,.lead,#ueber-uns .text){font-size:16px;line-height:25.6px}}
html body .pstr h2.t2{font-size:40px;line-height:44px;margin:0 0 32px;letter-spacing:-.015em}
@media (max-width:767px){html body .pstr h2.t2{font-size:30px;line-height:33px;margin-bottom:24px}}
html body .pstr h2.t2 em{color:#A3421D}
html body .pstr-in{display:block;padding:28px 32px}
html body .pstr-in ul{margin:0}
html body .pstr-in .pstr-alle{margin-top:20px}
@media (max-width:767px){html body .pstr-in{padding:20px 16px}}

/* ===== Block 4: Kopf deckend, eine Schrift, eine Hoehe ===== */
html body .menue{background:#F6F1E8!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body .menue :is(.menue-nav a,.menue-tel,.menue-mobil){font-size:16px!important;line-height:1.2}
html body .menue :is(.menue-nav a,.menue-tel,.menue-mobil,.menue-logo){height:44px;min-height:44px;box-sizing:border-box}
html body .menue .menue-nav a{padding-block:0;margin-block:0}
html body .menue .menue-tel{border-radius:8px}
/* WhatsApp je Breite: ab 1280 Symbol + Nummer, 1024 bis 1279 Symbol, 768 bis 1023 Symbol (44 x 44), Handy Knopf «WhatsApp» */
@media (min-width:768px) and (max-width:1023px){html body .menue-innen .menue-tel{display:inline-flex!important;min-width:44px;padding:0}}
/* 768 bis 899 px: kein Platz fuer sechs Links + Symbole, WhatsApp steht im Menuepanel (ab 900 als Symbol im Kopf) */
@media (min-width:768px) and (max-width:899px){html body .menue-innen{padding-inline:24px!important}html body .menue-innen .menue-tel{display:none!important}}

/* ===== Block 6: Handy-Leiste #leiste (nur Startseite, Markup in index.html; geteilte Dateien unveraendert) =====
   Beschriftung einzeilig («Pool planen», «WhatsApp»), erscheint erst nach dem Hero (js/leiste.js, IntersectionObserver), Knopfform wie ueberall (Radius 8). */
@media (max-width:767px){
  html body .leiste{padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;gap:8px!important;border-radius:8px!important}
  html body .leiste :is(a.btn,a.leiste-tel){flex:1 1 0;min-width:0;height:48px;padding:0 12px;white-space:nowrap!important;display:flex;align-items:center;justify-content:center;gap:8px}
}

/* ===== Block 7: Platzhalter nicht live (ausgeblendet, nicht geloescht; Rueckweg: diese beiden Regeln loeschen) ===== */
html body .weg10 .w10-medium:has(.w10-platzhalter){display:none!important}
html body #ueber-uns .ut-liste{display:none!important}
/* Zickzack ohne Platzhalterbilder: Karten ohne Medium haben 200 px Mindesthoehe, der Nachfolger startet ohne Ueberlappung (sonst liefen Weg 2, 4, 5 in die Nachbarkarten) */
@media (min-width:768px){
  html body .weg10 .w10-st:has(.w10-platzhalter){min-height:200px}
  html body .weg10 .w10-st:has(.w10-platzhalter) + .w10-st{margin-top:0}
}

/* Block 3 Nachtrag: Footer-WhatsApp-Knopf auf die eine Knopfgroesse 48 px (vorher 44 px in v76-2810.css:42), Revert: diese Zeile loeschen */
html body .fuss .fuss-spalte p a.wa-knopf{height:auto;min-height:48px;padding:0 14px!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important}

/* v2510-81c: Hero-Knopf «Pool zusammenstellen»: Schrift im Inneren war 14 px (css/v76-2810.css:17, spezifischer), jetzt wie alle Knoepfe 16/600. Rueckweg: diese Zeile loeschen */
html body #kopf.hero .hero-inhalt a.start-karte.start-online .sk-titel{font-size:16px!important;font-weight:600!important;line-height:1.2}