/* v76-2810 (v2510-76, Mi 28.10.2026): NUR Startseite (nur index.html bindet diese Datei ein). kopf-fuss.css / start.css bleiben unberuehrt (gesperrt).
   Nur Palettenfarben: Navy #122E4D, Terrakotta #A3421D, Creme #F6F1E8, Schiefer #55606E. Keine neuen Farben, keine Preise.
   1. Kopfmenue: genau EINE Linie (V2-Gleitlinie) statt Doppellinie.
   2. Hero: Karte «Pool zusammenstellen» als 44-px-Knopf (Kicker und Hilfstext entfernt); Akzentwort Creme.
   3. Kopfzeile: Telefon-Platz = WhatsApp-Nummer, Boxen ohne Ueberlappung.
   4. Fusszeile: Satz neben «Besichtigung anfragen», WhatsApp-Knopf 223x44 mit Nummer als ein Block, keine 071. */

/* 1. Kopfmenue */
@media (min-width:768px){
body .menue-nav a.tl,body .menue-nav a.tl:hover,body .menue-nav a.tl:focus-visible,body .menue-nav a.tl.aktiv,body .menue-nav a.tl[aria-current=page]{border-bottom-color:transparent!important;text-decoration:none!important}
body .menue-nav a.tl.aktiv,body .menue-nav a.tl[aria-current=page]{background-size:100% 1.5px}
}

/* 2. Hero */
body .hero .start-karten{display:block;max-width:none;width:auto;flex:0 0 auto}
body .hero a.start-karte.start-online{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;min-height:44px;height:44px;padding:0 20px;gap:0;border-radius:6px;box-sizing:border-box}
body .hero .start-online .sk-titel{font-size:14px!important;font-weight:600;line-height:1;gap:10px}
body .hero .start-online .sk-pfeil{width:22px;height:22px}
body .hero:not(.kopf-ruhig) .hero-claim .akzent{color:#F6F1E8}

/* 3. Kopfzeile: Logo schrumpft nie auf 0 (800 px: Logo lag ueber der Navigation), Telefon-Ziel 44 px, WhatsApp-Nummer */
body .menue-innen .menue-logo{flex-shrink:0}
/* Stufen nach header_ueberlappung/v76-header.css.vorschlag (Pruefer 28.10.): nichts schrumpft, Telefon-Icon 44 px, Nummer als Text ab 1280 px; Konf-/Cta-Knoepfe gibt es auf der Startseite nicht (A2 pausiert) */
@media (min-width:1024px){
body .menue-innen{gap:10px}
body .menue-innen>*{flex:0 0 auto}
body .menue-nav{gap:10px;margin-left:auto}
body .menue-nav a.tl{white-space:nowrap}
body .menue-tel{justify-content:center;min-width:44px;margin:0 0 0 2px;padding:0}
body .menue-tel .mt-nr{display:none}
body .menue-mobil{min-width:44px;margin:0;padding-inline:2px;justify-content:center}
}
@media (min-width:1280px){body .menue-tel .mt-nr{display:inline}body .menue-tel{min-width:0;margin-right:4px}}
@media (min-width:768px) and (max-width:1023px){body .menue-innen{gap:12px}body .menue-nav{gap:12px}body .menue-tel{display:none}}
@media (max-width:767px){body .menue-innen{gap:12px}body .menue-tel{margin-right:0;padding:0 12px}}

/* 4. Fusszeile */
body .fuss .fuss-schluss .fuss-schluss-satz{margin:0 0 0 20px;color:#F6F1E8;font-size:15px;line-height:1.4;font-weight:500;max-width:46ch;text-align:left}
body .fuss .fuss-schluss{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 0}
@media (max-width:767px){body .fuss .fuss-schluss{height:auto;padding:8px 0 20px}body .fuss .fuss-schluss .fuss-schluss-satz{margin:12px 0 0;text-align:center}}
body .fuss .fuss-spalte .wa-block{display:inline-flex;flex-direction:column;align-items:stretch;margin-top:16px}
body .fuss .fuss-spalte p a.wa-knopf{display:inline-flex;align-items:center;justify-content:flex-start;box-sizing:border-box;max-width:100%;min-height:44px;height:44px;margin:0!important;padding:0 18px!important;border:1.5px solid #F6F1E8!important;border-radius:8px;background:transparent;color:#F6F1E8;font-size:16px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none}
body .fuss .fuss-spalte p a.wa-knopf:hover,body .fuss .fuss-spalte p a.wa-knopf:focus-visible{background:#F6F1E8;color:#122E4D;border-color:#F6F1E8!important}
body .fuss .fuss-spalte p a.wa-knopf:focus-visible{outline:2px solid #F6F1E8;outline-offset:3px}
body .fuss .fuss-spalte p .wa-nr{display:block;margin:8px 0 0;font-size:15px;font-weight:500;opacity:1;color:#F6F1E8}

/* Handy: Social-Icons 44x44 (Tap-Ziel), 5 x 44 + 4 x 12 px passt bis 360 px */
@media (max-width:767px){body .fuss .fuss-social a{flex:0 0 44px;width:44px;height:44px}body .fuss .fuss-logo{padding-top:16px}}

/* Vertrauenszeile im Hero (Gman 28.10. 10:34): ersetzt Hilfstext/Sternzeile, Sterne+Bewertung = Google-Link, Rest Text */
body .hero-sterne.hero-vertrauen{font-weight:500;line-height:1.5}
body .hero-sterne.hero-vertrauen a.tl{display:inline;white-space:normal;font-weight:600;border-bottom:0;text-decoration:none}/* v2510-81: Dauerunterstreichung entfernt, Ruhe/Hover/Tippen regelt css/links-regel-2810.css */
body .hero-sterne.hero-vertrauen a.tl span{display:inline;margin-right:4px}
body .hero-sterne.hero-vertrauen .vz-ort{display:inline-block;color:inherit;letter-spacing:normal;margin:0}

/* h1-Ortszeile (Gman 28.10. 10:30): laenger, umbrechend; mobil mindestens 13 px */
body .hero .h1-ort{max-width:none;line-height:1.4}
@media (max-width:767px){body .hero .h1-ort{font-size:13px;max-width:none}}

/* Hero-Knoepfe nebeneinander (Gman 28.10. 10:33): Terracotta gefuellt + Glas mit weissem Rahmen; mobil umbrechend, je 44 px */
body .hero .start-karten{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
body .hero a.start-glas{display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:44px;padding:0 20px;box-sizing:border-box;border:1.5px solid #fff;border-radius:6px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:"Satoshi",sans-serif;font-weight:600;font-size:14px;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 200ms}
body .hero a.start-glas:hover,body .hero a.start-glas:focus-visible{background:rgba(255,255,255,.22)}
/* Footer-Adressen je auf einer Zeile */
body .fuss .fuss-nowrap{white-space:nowrap}