/* Gman 20.10.2026 / OK Grok Bot 22:57: Kopf + Fuss + oranger Hero-Knopf wie Startseite, zuletzt geladen */
/* Kopf: kein CTA */
.menue-konf,.menue-cta{display:none!important}
@media (max-width:767px){
.menue-mobil{border:0!important;background:none!important;box-shadow:none!important;display:flex!important;align-items:center;gap:8px;padding:10px 0!important;min-height:44px;margin-left:auto}
.menue-mobil::before{content:"";width:22px;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}
.menue-mobil-text{border:0!important;padding:0!important}
}
/* Hero: erster Knopf orange */
.hero .hero-aktionen .btn:first-child{background:var(--terra,#A3421D)!important;color:#fff!important;border-color:var(--terra,#A3421D)!important}
.hero .hero-aktionen .btn:first-child:hover{background:var(--terra-dunkel,#8B3818)!important}
/* Fuss */
.fuss-nowrap{white-space:nowrap}
.fuss-social{display:grid!important;grid-template-columns:repeat(3,40px)!important;gap:12px!important}
.fuss-unten .fuss-nowrap{white-space:nowrap}
.fuss-grid.fuss-6{grid-template-columns:.8fr 1.1fr 1.1fr 1.25fr 1fr 1.1fr!important}
@media (min-width:1100px){.fuss-grid.fuss-6.fuss-7{grid-template-columns:.75fr 1.05fr 1.05fr 1.2fr .9fr 1.05fr 1.1fr!important;gap:24px!important}}
@media (max-width:1099px){.fuss-grid.fuss-6{grid-template-columns:1fr 1fr 1fr!important}}
@media (max-width:767px){.fuss-grid.fuss-6{grid-template-columns:1fr 1fr!important}.fuss-social{grid-template-columns:repeat(5,40px)!important}}
/* Gman 22.10.2026 15:36: Social-Icons ohne Ueberlappung, nebeneinander, Umbruch nur wenn noetig */
.fuss-social{display:flex!important;flex-wrap:wrap!important;gap:8px!important;row-gap:8px!important;grid-template-columns:none!important;grid-auto-rows:auto!important;align-items:center;line-height:1}
.fuss-social a{flex:0 0 40px;height:40px;margin:0!important}
/* Gman 22.10.2026 15:35: in jeder H1 genau ein markanter Teil orange */
h1 .akzent{color:var(--terra-hell,#C65A30)}
/* Grok Bot 22.10.2026 16:13: ab 1100 px Logo-Spalte breit genug fuer 5 Social-Icons in einer Zeile */
@media (min-width:1100px){.fuss-grid.fuss-6.fuss-7{grid-template-columns:240px repeat(6,auto)!important;justify-content:space-between!important;gap:20px!important}}
/* Nachtauftrag 23:15: doppelte CTA als Textverweis */
a.cta-text{display:inline-block;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:inherit;padding:6px 0}
a.cta-text::after{content:" →"}
.abschluss a.cta-text,.abschluss-aktionen a.cta-text{color:#fff!important}
/* WCAG 1.4.3 Fix 21.10.2026 07:03 (Grok Bot): .label-hell wurde vom Inline-Block «.label{color:schiefer!important}» überschrieben (2.16:1 auf Navy); Bildnachweis-Badges zu transparent */
p.label.label-hell,.label.label-hell{color:rgba(246,241,232,.85)!important}
.herstellerfoto.herstellerfoto{background:rgba(18,46,77,.88)!important;color:#F6F1E8!important}
.cs-credit.cs-credit{background:rgba(12,32,54,.88)!important;color:#F6F1E8!important}

.h1-ort{display:block;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;opacity:.9}.vertrauen{margin:12px 0 0;font-size:15px;font-weight:600;opacity:.9}@media(max-width:767px){.h1-ort{font-size:12px}}
/* Zusatz 7, 21.10.2026: Tap-Ziele min. 44 px, keine Auto-Trennung in Titeln */
.menue-logo,.menue-nav a,.menue-tel,.menue-anruf,.menue-mobil,.mobilpanel-nav a,.mp-cta a,.brotkrume a{min-height:44px;display:inline-flex;align-items:center}.tl,.fuss a,main p a{padding-block:12px;margin-block:-12px}h1,h2,h3,.t1,.t2,.t3,.faq-frage{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal}
/* Gman 23.10.2026 15:42: Fusszeile mobil aufklappbar wie Startseite, auf allen Seiten (Regeln 1:1 aus index.html) */
@media (max-width:767px){
.fuss-grid.fuss-7{grid-template-columns:1fr!important;gap:0!important}
.fuss-grid .fuss-logo{margin-bottom:24px}
.fuss-auf .fuss-titel{display:flex;justify-content:space-between;align-items:center;margin:0;padding:14px 0;min-height:48px;cursor:pointer;border-top:1px solid rgba(255,255,255,.14)}
.fuss-auf .fuss-titel::after{content:"+";font-size:20px;line-height:1}
.fuss-auf.offen .fuss-titel::after{content:"–"}
.fuss-auf:not(.offen) > p:not(.fuss-titel){display:none}
.fuss-auf > p:not(.fuss-titel){padding-bottom:14px}
.fuss-unten{margin-top:24px}
.fuss a{display:inline-flex;align-items:center;min-height:44px}
nav.fuss-spalte p br,.fuss-spalte p a+br{display:none}.fuss-spalte p a{display:flex}
}
.fuss-social{flex-wrap:wrap!important;width:148px;max-width:100%;margin-top:32px}

/* Grok Bot 23.10.2026: Gman 15:57 - Fuss-Logo Desktop mindestens so gross wie Kopf-Logo */
@media (min-width:1024px){.fuss-logo img{height:44px;width:auto;display:block;margin-top:-9px}}/* 16:40: Logo-Mitte auf Mitte der Spaltentitel-Zeile (25.5px) */

/* Gman 16:54 Critiquito 2: Desktop-Klickflaechen Navigation und Fuss min. 44px */
@media (min-width:768px){.mu-panel a,.fuss a,.fuss button,.menue-nav a,.menue-tel,.mp-mehr a{min-height:44px!important;box-sizing:border-box;display:inline-flex;align-items:center}}

/* ===== v2510-58 Linkregel (Gman 27.10.2026 16:02), zentral ===== 
   Ursache: .tl, .fuss a, main p a haben padding-block:12px und margin-block:-12px (Tippflaeche). Die Hover-Linie war ein border-bottom
   und sass dadurch 12 bis 16 px unter dem Text, also in der naechsten Zeile (sah wie Durchstreichen aus).
   Regel 1: Listen-/Navigationslinks: Hover/Fokus ohne Linie, nur Farbwechsel (hell: #A3421D, 5.6:1 auf Creme; dunkler Footer: #fff), Fokusrahmen bleibt.
   Regel 2: Textlinks und Knopf-Textlinks (.tl): dünne Unterstreichung am Text selbst (1px, Abstand .2em), kein Rand mehr.
   Terracotta #C65A30 erreicht nur 3.8:1 auf Creme und 3.2:1 auf Navy (unter 4.5:1 fuer normalen Text), deshalb Hover-Text #A3421D bzw. #fff. */
.fuss a:not(.wa-knopf),.fuss-unten a,.brotkrume a,.brotkrume-dunkel a,.mobilpanel-nav a,.tl,.tl-hell,.fw-links a,.fw-weiter a,.navi a,.toc a,.saeule-links a,.ws-mehr .ab-mehr,.rg-blaettern a{border-bottom-color:transparent!important}
/* Ausnahme: Kopfmenue behaelt seinen Aktiv-/Hover-Balken am unteren Rand der Menuezeile */
.menue-nav a.tl:hover,.menue-nav a.tl:focus-visible,.menue-nav a.tl.aktiv{border-bottom-color:var(--navy)!important}
/* Regel 1, helle Flaechen */
.fw-links a,.fw-weiter a,.navi a,.toc a,.saeule-karte .saeule-links a,.mobilpanel-nav a,.brotkrume-dunkel a,.rg-blaettern a{text-decoration:none;transition:color .18s ease}
.fw-links a:hover,.fw-links a:focus-visible,.fw-weiter a:hover,.fw-weiter a:focus-visible,.navi a:hover,.navi a:focus-visible,.toc a:hover,.toc a:focus-visible,.saeule-karte .saeule-links a:hover,.saeule-karte .saeule-links a:focus-visible,.mobilpanel-nav a:hover,.mobilpanel-nav a:focus-visible,.rg-blaettern a:hover,.rg-blaettern a:focus-visible,.brotkrume-dunkel a:hover,.brotkrume-dunkel a:focus-visible{color:#A3421D;text-decoration:none}
.fw-links a:focus-visible,.fw-weiter a:focus-visible,.navi a:focus-visible,.toc a:focus-visible,.saeule-karte .saeule-links a:focus-visible,.mobilpanel-nav a:focus-visible,.rg-blaettern a:focus-visible,.brotkrume-dunkel a:focus-visible{outline:2px solid #A3421D;outline-offset:2px;border-radius:2px}
/* Regel 1, dunkler Footer */
.fuss a:hover,.fuss a:focus-visible,.fuss-unten a:hover,.fuss-unten a:focus-visible{color:#fff;text-decoration:none}
.fuss a:focus-visible,.fuss-unten a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:2px}
/* Regel 2: Textlinks, Knopf-Textlinks, Brotkrume: Unterstreichung nur am eigenen Text */
.tl:hover,.tl:focus-visible,.tl-hell:hover,.tl-hell:focus-visible,.ws-mehr .ab-mehr:hover,.brotkrume a:hover,.brotkrume a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
main a:not(.btn){text-decoration-thickness:1px;text-underline-offset:.2em}
/* v2510-59 (Grok Bot): Familien-Raster auf 390 passte nicht in die Spalte (Kacheln 200px Mindestbreite, «Keine Familie passt?» ragte 22px über den Rand, Links abgeschnitten). minmax(0,1fr) lässt die Kacheln schrumpfen. */
@media (max-width:767px){.fam-raster{grid-template-columns:repeat(2,minmax(0,1fr))}.fam-raster>.fam{min-width:0}.fam-raster .fam-kachel{width:100%;min-height:0;aspect-ratio:1/1}.fam-raster a.fam-kachel:has(.tl) .fam-inhalt{left:12px;right:10px}.fam-raster .fam-inhalt .fam-name,.fam-raster .fam-inhalt .fam-mass{overflow-wrap:anywhere}}
/* v2510-59: Mobile Leiste «Pool zusammenstellen» verdeckt beim Tastatur-Fokus/Anker keinen Link mehr */
@media (max-width:767px){html{scroll-padding-bottom:88px}}

/* ===== v2510-62 Brotkrume und Fuss: lesbarer (Jury aufruesten 27.10.: klein, kontrastarm) =====
   Brotkrume auf Hero/dunkel: 15 px (Handy 14 px), Text fast weiss (.96) statt .82, aktuelle Seite fett.
   Brotkrume auf hell (technik-seite, ablauf): 15 px, Farbe bleibt #55606E (6.2:1 auf Weiss).
   Fuss: Links und Titel 16 px, Zeile unten 15 px in #B9C8D8 (statt #9FB0C3), Plus/Minus der Handy-Akkordeons 26 px und weiss. */
.brotkrume{font-size:15px;color:rgba(255,255,255,.96)}
html .ts-kopf .brotkrume,html .abd-seite .brotkrume{font-size:15px}
.brotkrume [aria-current=page]{font-weight:600}
@media (max-width:767px){.brotkrume,html .ts-kopf .brotkrume,html .abd-seite .brotkrume{font-size:14px}}
.fuss-titel{font-size:16px}
.fuss-spalte p,.fuss-spalte a{font-size:16px}
.fuss-unten,.fuss-unten p,.fuss-unten a{font-size:15px}
.fuss-unten,.fuss-unten p{color:#B9C8D8}
.fuss-auf .fuss-titel::after{font-size:26px;color:#fff}

/* ===== v2510-66 Fuss und Kopfmenue: zwei Regressionen der Linkregel v2510-58 (Gman 27.10.2026, 20:13 und 20:18) =====
   Fuss, Ursache: ".fuss a{border-bottom-color:transparent!important}" (Linkregel v58) traf auch die runden Social-Icons; der untere Kreisrand war unsichtbar, die Kreise wirkten unten abgeschnitten.
   Aenderung 1: Rand unten wie vor v58 (rgba .22, Hover/Fokus .6).
   Aenderung 2: ab 1100 px stehen die Icons unter dem Logo in der linken Spalte (wie auf badipool.ch); Tablet und Handy unveraendert.
   Kopfmenue, Ursache: Das Menue behaelt den Balken am Zeilenrand (border-bottom, v58 Ausnahme), und die neue Regel 2 ".tl:hover{text-decoration:underline}" unterstrich zusaetzlich den Text: zwei Linien.
   Aenderung 3: im Kopfmenue keine Text-Unterstreichung, nur der Balken wie vor v58. */
.fuss .fuss-social a{border-bottom-color:rgba(255,255,255,.22)!important}
.fuss .fuss-social a:hover,.fuss .fuss-social a:focus-visible{border-bottom-color:rgba(255,255,255,.6)!important}
@media (min-width:1100px){.fuss .wrap{position:relative}.fuss .fuss-social{position:absolute;left:auto;top:59px;margin-top:0}.fuss .fuss-grid{margin-bottom:48px}}
.menue-nav a.tl:hover,.menue-nav a.tl:focus-visible,.menue-nav a.tl.aktiv{text-decoration:none}

/* ===== v2510-68 Ruecknahme K4 und K6 (Diff-Check 27.10.2026) =====
   K4: Hover-Pfeil «→» im Footer und bei .fw-links war nie bestellt, die Regeln sind entfernt (Pfeil-Hover regelt jetzt css/pfeil-v2-2710.css fuer .tl-Links).
   K6: Ruhelinie der Brotkrume wie vor v2510-58 (weiss .4 bzw. navy .3), jetzt als duenne Unterstreichung am Text statt als Rand 12 px tiefer.
   Hover/Fokus: Linie in voller Farbe. */
body .brotkrume a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-decoration-thickness:1px;text-underline-offset:.2em}
body .brotkrume a:hover,body .brotkrume a:focus-visible{text-decoration-color:currentColor}
body .brotkrume-dunkel a{text-decoration:underline;text-decoration-color:rgba(18,46,77,.3);text-decoration-thickness:1px;text-underline-offset:.2em}
body .brotkrume-dunkel a:hover,body .brotkrume-dunkel a:focus-visible{text-decoration:underline;text-decoration-color:var(--navy);text-decoration-thickness:1px;text-underline-offset:.2em}


/* ===== v2510-70 Kopf/Fuss mobil (Gman 27.10.2026 via GB) =====
   Fuss-Schlussbutton «Besichtigung anfragen»: Creme #F6F1E8 auf Terracotta #A3421D (nur Palettenwerte), 48 px hoch.
   Ab 1100 px sitzen die Social-Icons absolut im Fuss; sie ruecken um die Hoehe des Schlussbuttons (81 px) nach unten.
   Burger-Menue: Telefonzeile mind. 44 px hoch (Startseite hat die Zeile jetzt auch).
   .gs-status (bewertungen.js): belegt keinen Platz mehr (visuell versteckt, wie auf der Startseite), damit die Seite nicht um 26 px springt. */
.fuss .fuss-schluss{box-sizing:border-box;height:81px;padding:8px 0 24px;margin:0;text-align:center;border-bottom:1px solid rgba(255,255,255,.14)}
.fuss .fuss-schluss .fuss-schluss-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:48px;padding:0 28px;border-radius:8px;background:#A3421D;color:#F6F1E8;font-family:"Satoshi","Figtree",sans-serif;font-weight:600;font-size:16px;line-height:1;text-decoration:none;border-bottom:0!important;transition:background-color .2s}
.fuss .fuss-schluss .fuss-schluss-btn:hover,.fuss .fuss-schluss .fuss-schluss-btn:focus-visible{background:#8B3818;color:#F6F1E8}
.fuss .fuss-schluss .fuss-schluss-btn:focus-visible{outline:2px solid #F6F1E8;outline-offset:3px}
@media (min-width:1100px){.fuss .fuss-social{top:140px}}
@media (max-width:767px){.mobilpanel-tel{display:inline-flex;align-items:center;min-height:44px}}
.gs-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* Fuss ab 768 px: ein festes Raster, auf allen Seiten gleich (28.10.2026 20:40, Gman). Ersetzt die Fuss-Platzierung aus v81.
   Spalten ueber die Reihenfolge (1 Logo, 2 Schweiz, 3 Oesterreich, 4 Kontakt, 5 Seiten, 6 Wissen, 7 Regionen), damit alle Seitentypen gleich laufen.
   768 bis 1279: zwei gleichmaessige Reihen zu 4 Spalten: Logo+Social | Schweiz | Oesterreich | Kontakt, darunter Seiten (2 Spalten) | Wissen | Regionen.
   gilt bis in die Breite gleich (4 Spalten, 2 Reihen). Knopf und Nummer stehen im Knopf-Block (.wa-block). --r = 1, wenn der Schlussknopf «Besichtigung anfragen» die erste Reihe belegt. */
@media (min-width:768px){
  body .fuss .wrap{--r:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);column-gap:24px;row-gap:40px;padding-top:56px;position:static}
  body .fuss .wrap:has(.fuss-schluss){--r:1}
  body .fuss .fuss-grid{display:contents}
  body .fuss .fuss-schluss{grid-row:1;grid-column:1/-1;margin-bottom:0}
  body .fuss .fuss-grid>:nth-child(1){grid-row:calc(var(--r) + 1);grid-column:1;margin:0}
  body .fuss .fuss-social{flex-wrap:wrap;width:148px;max-width:100%;position:static;grid-row:calc(var(--r) + 1);grid-column:1;align-self:start;justify-self:start;margin-top:56px;gap:8px}
  body .fuss .fuss-grid>:nth-child(2){grid-row:calc(var(--r) + 1);grid-column:2;margin:0}
  body .fuss .fuss-grid>:nth-child(3){grid-row:calc(var(--r) + 1);grid-column:3;margin:0}
  body .fuss .fuss-grid>:nth-child(4){grid-row:calc(var(--r) + 1);grid-column:4;margin:0}
  body .fuss .fuss-grid>:nth-child(5){grid-row:calc(var(--r) + 2);grid-column:1;margin:0;display:block}
  body .fuss .fuss-grid>:nth-child(6){grid-row:calc(var(--r) + 2);grid-column:2;margin:0}
  body .fuss .fuss-grid>:nth-child(7){grid-row:calc(var(--r) + 2);grid-column:3;margin:0}
  body .fuss .fuss-grid>:nth-child(5) .fuss-titel{margin:0 0 16px}
  body .fuss .fuss-grid>:nth-child(5) p{margin:0}
  body .fuss .fuss-unten{grid-row:calc(var(--r) + 3);grid-column:1/-1;margin-top:16px}
}
/* Fuss-Social: Kreise 36 px, Abstand 8 px; ab 1024 px alle 5 nebeneinander, darunter 3 + 2 (passt in jede Spalte) */
@media (min-width:1024px){
  body .fuss .fuss-social{width:148px}
}
@media (min-width:768px){
  body .fuss .fuss-social a{flex:0 0 36px;width:36px;height:36px}
  body .fuss .fuss-social svg{width:16px;height:16px}
  body .fuss .wa-block{width:100%}
}
/* Knopf-Block Kontakt: ein Knopf ueber die Spaltenbreite, WhatsApp-Zeichen und Nummer im Knopf, linksbuendig (keine zweite Nummer darunter) */
.fuss a.fuss-wa{display:inline-flex;align-items:center;justify-content:flex-start;min-height:28px;margin:0;padding:0;border:0;background:none;color:inherit}
.fuss a.fuss-wa::before{content:"";flex:0 0 20px;width:20px;height:20px;margin-right:8px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91C21.95 6.45 17.5 2 12.04 2zm5.82 14.01c-.24.68-1.41 1.3-1.95 1.38-.5.08-1.13.11-1.82-.11-.42-.13-.96-.31-1.65-.61-2.9-1.25-4.79-4.18-4.94-4.37-.14-.19-1.18-1.57-1.18-2.99 0-1.42.74-2.12 1.01-2.41.26-.29.58-.36.77-.36.19 0 .38.01.55.01.18 0 .41-.07.64.49.24.58.82 2 .89 2.14.07.14.12.31.02.5-.1.19-.14.31-.29.48-.14.17-.3.38-.43.51-.14.14-.3.3-.13.59.17.29.75 1.24 1.61 2.01 1.11.99 2.04 1.3 2.33 1.44.29.14.46.12.63-.07.17-.19.72-.84.91-1.13.19-.29.38-.24.65-.14.26.1 1.68.79 1.97.94.29.14.48.22.55.34.07.12.07.7-.17 1.38z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91C21.95 6.45 17.5 2 12.04 2zm5.82 14.01c-.24.68-1.41 1.3-1.95 1.38-.5.08-1.13.11-1.82-.11-.42-.13-.96-.31-1.65-.61-2.9-1.25-4.79-4.18-4.94-4.37-.14-.19-1.18-1.57-1.18-2.99 0-1.42.74-2.12 1.01-2.41.26-.29.58-.36.77-.36.19 0 .38.01.55.01.18 0 .41-.07.64.49.24.58.82 2 .89 2.14.07.14.12.31.02.5-.1.19-.14.31-.29.48-.14.17-.3.38-.43.51-.14.14-.3.3-.13.59.17.29.75 1.24 1.61 2.01 1.11.99 2.04 1.3 2.33 1.44.29.14.46.12.63-.07.17-.19.72-.84.91-1.13.19-.29.38-.24.65-.14.26.1 1.68.79 1.97.94.29.14.48.22.55.34.07.12.07.7-.17 1.38z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:767px){html body .fuss .fuss-kontakt p a{display:flex!important;align-items:center;width:max-content;min-height:44px}html body .fuss .fuss-kontakt p br{display:none}}

/* Social-Knoepfe sind Kreise. Die Fuss-Link-Regel (min-height 44px, padding-block 12px) gilt fuer Textlinks und darf die Icon-Knoepfe nicht strecken. */
html body .fuss .fuss-social a{
  box-sizing:border-box!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  flex:0 0 36px!important;
  padding:0!important;
  margin-block:0!important;
  border-radius:50%!important;
}
@media (max-width:767px){
  html body .fuss .fuss-social a{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    flex:0 0 44px!important;
  }
}

/* 30.10.2026: Navigation links, WhatsApp nur als Zeichen, Festnetz mit Nummer. */
html body .menue a.menue-wa,
html body .menue a.menue-fest{
  display:inline-flex;align-items:center;justify-content:center;
  color:#122E4D;text-decoration:none;box-sizing:border-box;
}
html body .menue a.menue-wa{
  width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin-left:auto;
}
html body .menue a.menue-fest{
  gap:8px;min-height:44px;margin-left:12px;padding:0;
  font-family:Satoshi,sans-serif;font-size:16px;font-weight:600;line-height:1.2;white-space:nowrap;
}
html body .menue a.menue-wa svg,
html body .menue a.menue-fest svg{width:22px;height:22px;flex:none;display:block}
@media (max-width:1099px){
  html body .menue a.menue-fest{display:none!important}
  html body .menue a.menue-wa{display:inline-flex!important;margin-left:auto!important;border:0!important;border-radius:0!important}
}
@media (min-width:1100px){
  html body .menue .menue-nav{flex:1 1 auto!important;justify-content:center;margin-left:0!important;gap:20px!important}
  html body .menue a.menue-wa{display:inline-flex!important;margin-left:0!important}
  html body .menue a.menue-fest{display:inline-flex!important;width:44px;min-width:44px;margin-left:4px}
  html body .menue a.menue-fest .mt-nr{display:none!important}
}
html body .mobilpanel .mp-kontakt{display:flex;align-items:center;gap:18px;flex:0 0 auto}
html body .mobilpanel .mp-wa,
html body .mobilpanel .mp-fest{display:inline-flex;align-items:center;color:#122E4D;text-decoration:none;min-height:44px}
html body .mobilpanel .mp-wa{justify-content:center;width:44px}
html body .mobilpanel .mp-fest{gap:8px;font-family:Satoshi,sans-serif;font-weight:600;font-size:18px}
html body .mobilpanel .mp-wa svg,
html body .mobilpanel .mp-fest svg{width:26px;height:26px;flex:none;display:block}

/* Ein Strich für den ganzen Kopf: Terracotta, wächst beim Hover, bleibt auf der aktuellen Seite. Text bleibt navy. */
html body .menue .menue-logo,
html body .menue .menue-nav a.tl,
html body .menue a.menue-wa,
html body .menue a.menue-fest,
html body .mobilpanel .mp-wa,
html body .mobilpanel .mp-fest{
  color:#122E4D!important;
  text-decoration:none!important;
  background-image:linear-gradient(#A3421D,#A3421D)!important;
  background-repeat:no-repeat!important;
  background-position:0 calc(100% - 2px)!important;
  background-size:0 1.5px!important;
  transition:background-size .25s ease;
}
html body .menue .menue-logo:is(:hover,:focus-visible),
html body .menue .menue-nav a.tl:is(:hover,:focus-visible),
html body .menue .menue-nav a.tl.aktiv,
html body .menue .menue-nav a.tl[aria-current=page],
html body .menue a.menue-wa:is(:hover,:focus-visible),
html body .menue a.menue-fest:is(:hover,:focus-visible),
html body .mobilpanel .mp-wa:is(:hover,:focus-visible),
html body .mobilpanel .mp-fest:is(:hover,:focus-visible){
  background-size:100% 1.5px!important;
  color:#122E4D!important;
}

/* 30.10.2026 Fuss: ein Strich wie im Kopf. Text bleibt hell. Social-Icons werden Terracotta, ohne Strich. */
html body .fuss .fuss-spalte a:not(.wa-knopf),
html body .fuss .fuss-unten a{
  text-decoration:none!important;
  border-bottom:0!important;
  background-image:linear-gradient(#E27D50,#E27D50)!important;
  background-repeat:no-repeat!important;
  background-position:0 calc(50% + .62em)!important;
  background-size:0 1.5px!important;
  transition:background-size .25s ease;
}
html body .fuss .fuss-spalte a:not(.wa-knopf):is(:hover,:focus-visible,:active){
  color:#E8E1D3!important;
  text-decoration:none!important;
  background-size:100% 1.5px!important;
}
html body .fuss .fuss-unten a{
  min-width:0!important;
  padding-inline:10px!important;
}
html body .fuss .fuss-unten a:not(.wa-knopf):is(:hover,:focus-visible,:active){
  color:#9FB0C3!important;
  text-decoration:none!important;
  background-size:100% 1.5px!important;
}
html body .fuss .fuss-social a,
html body .fuss .fuss-social a:is(:hover,:focus-visible,:active){
  text-decoration:none!important;
  background-image:none!important;
}
html body .fuss .fuss-social a:is(:hover,:focus-visible,:active){
  color:#E27D50!important;
  border-color:#E27D50!important;
  border-bottom-color:#E27D50!important;
}
@media (max-width:767px){
  html body .fuss .fuss-unten{text-align:center}
}
html body .mobilpanel .mp-wa{display:none!important}
html body .mobilpanel .mp-fest{
  width:44px;min-width:44px;justify-content:center;gap:0;padding:0;
}
html body .mobilpanel .mp-fest span{display:none!important}

/* Gman t282u, 13.11.2026: Tap-Ziele mindestens 44 px (Fuss-Social auch auf dem iPad, Formular-Labels, Lexikon-Tags). */
html body .fuss .fuss-social a{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
}
@media (min-width:768px){
  body .fuss .fuss-social a{flex:0 0 44px;width:44px;height:44px}
}
@media (min-width:1024px){
  /* fünf Kreise à 44 px plus 8 px Abstand = 252 px, in einer Reihe */
  body .fuss .fuss-social,
  html body .fuss .fuss-social{width:252px;max-width:100%}
}
form.feld .fz > label{
  display:flex;
  align-items:center;
  min-height:44px;
  box-sizing:border-box;
}
form.feld label.hak2{
  display:flex;
  align-items:center;
  min-height:44px;
  box-sizing:border-box;
  gap:10px;
}
form.feld .hp label{min-height:0}
a.tag-gross,
.tag-gross{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:44px;
  box-sizing:border-box;
  padding-top:10px;
  padding-bottom:10px;
}