/* v71a-2810 (v2510-71, Mi 28.10.2026): neue Datei statt Aenderung an start.css / kopf-fuss.css (ab Mi 12:00 gesperrt).
   Nur Palettenfarben (Navy #122E4D, Terrakotta #A3421D / #C65A30, Creme #F6F1E8 / #FBF8F2, Schiefer #55606E). Keine neuen Farben.
   1. Knoepfe «Pool zusammenstellen» kleiner (Gman 27.10. 22:51): Hoehe 44 px, Innenabstand 0 20 px, Schrift 14 px / 600.
   2. Hero-Text: weicher neutraler Textschatten (Overlays unveraendert, nichts doppelt gelegt).
   3. WhatsApp-Knoepfe (Kontakt, Besichtigung, Fuss).
   4. /poolbau/: Referenzbilder, «Ein Team vom Plan bis zum Service», Rollen im Ablauf. */

/* 1. CTA */
a.btn[href^="/konfigurator/"]{height:44px;min-height:44px;padding:0 20px;font-size:14px;font-weight:600}
.hl-leiste .hl-pille{min-height:44px;font-size:14px}

/* 2. Hero: Textschatten, neutral schwarz, weich */
.hero-inhalt h1,.hero-inhalt h2,.hero-inhalt p,.hero-inhalt .hero-claim,
.rg-hero h1,.rg-hero p,.hero-kompakt h1{text-shadow:0 1px 3px rgba(0,0,0,.35),0 2px 14px rgba(0,0,0,.35)}
.hero-inhalt .hero-sterne{text-shadow:0 1px 3px rgba(0,0,0,.35),0 2px 12px rgba(0,0,0,.35)}

/* 2b. Brotkrume auf hellem Kopf (kopf-ruhig, 17 Seiten): weiss auf Creme war unlesbar (Ursache wie v68 Projektseiten: kopf-fuss.css .brotkrume{color:weiss}) */
body .brotkrume.brotkrume-dunkel,body .brotkrume.brotkrume-dunkel a,body .brotkrume.brotkrume-dunkel span{color:#55606E}
body .brotkrume.brotkrume-dunkel [aria-current=page]{color:#122E4D}

/* 3. WhatsApp */
a.btn.wa-knopf{white-space:nowrap}
.wa-zeile{margin:24px 0 0}
.wa-nr{display:inline-block;margin-left:8px;font-weight:500;opacity:.9}
.fuss-spalte a.wa-knopf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:0 16px;border:1.5px solid #F6F1E8;border-radius:6px;color:#F6F1E8;font-family:"Satoshi","Figtree",sans-serif;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.fuss-spalte a.wa-knopf:hover,.fuss-spalte a.wa-knopf:focus-visible{background:#F6F1E8;color:#122E4D}
.fuss-spalte a.wa-knopf:focus-visible{outline:2px solid #F6F1E8;outline-offset:3px}
.foto-wa{margin-top:12px}

/* 4. /poolbau/ */
.np-ref .np-ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.np-ref a.np-ref-karte{display:block;text-decoration:none;color:#122E4D}
.np-ref figure{margin:0}
.np-ref .np-ref-bild{aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#F6F1E8}
.np-ref .np-ref-bild img{width:100%;height:100%;object-fit:cover;display:block}
.np-ref .np-ref-ort{font-family:"Satoshi",sans-serif;font-weight:700;font-size:22px;line-height:1.2;margin:16px 0 4px;color:#122E4D}
.np-ref .np-ref-art{font-weight:600;font-size:13px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#55606E;margin:0 0 8px}
.np-ref .np-ref-txt{margin:0 0 8px;max-width:48ch;color:#122E4D}
.np-ref .np-ref-mehr{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#A3421D;border-bottom:2px solid #C65A30}
.np-ref a.np-ref-karte:focus-visible{outline:2px solid #122E4D;outline-offset:4px}
.np-ref .np-ref-alle{margin-top:20px}
.np-team{background:#122E4D;color:#FBF8F2}
.np-team .label,.np-team .label-hell{color:#FBF8F2}
.np-team h2,.np-team h3{color:#FBF8F2}
.np-team .np-team-lead{color:#FBF8F2;font-size:18px;max-width:60ch;margin-top:16px}
.np-team ol{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:32px 0 0;padding:0;list-style:none}
.np-team li{border-top:3px solid #C65A30;padding-top:16px}
.np-team .np-team-nr{font-family:"Satoshi",sans-serif;font-weight:700;font-size:14px;letter-spacing:.1em;color:#FBF8F2;margin:0}
.np-team h3{font-family:"Satoshi",sans-serif;font-weight:700;font-size:22px;line-height:1.2;margin:8px 0}
.np-team li p:last-child{margin:0;font-size:16px;line-height:1.5;color:#FBF8F2}
.np-team .np-team-mehr{margin-top:28px}
.np-team .np-team-mehr a{color:#FBF8F2;border-bottom:1.5px solid #FBF8F2;display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:none}
.ablauf-rollen{list-style:none;margin:32px 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ablauf-rollen li{border-top:3px solid #C65A30;padding-top:14px}
.ablauf-rollen strong{display:block;font-family:"Satoshi",sans-serif;font-weight:700;font-size:18px;color:#122E4D;margin-bottom:6px}
.ablauf-rollen span{display:block;font-size:16px;line-height:1.5;color:#122E4D}
@media (max-width:1023px){.np-team ol{grid-template-columns:repeat(2,1fr)}.ablauf-rollen{grid-template-columns:1fr}}
@media (max-width:767px){.np-ref .np-ref-grid{grid-template-columns:1fr;gap:32px}.np-team ol{grid-template-columns:1fr}.np-ref .np-ref-ort{font-size:20px}.np-team .np-team-lead{font-size:16px}}

.np-ref>.wrap>.text{margin-top:12px}