/* Vertrauen-Bausteine 09, 16, 17, 18, 26 und 27 (Bauauftrag vertrauen-varianten-2026-10-22, Einbau 24.10.2026).
   Eingebunden von siteFooter (shell.mjs) vor fuss.css; kontakt.mjs lädt es nach, falls eine Seite ohne diesen Fuß auskommt.
   Farben aus kopf.css (Nachtblau #142a4c/#0d1e38, Leitblau #154e8a, Orange #f2884b nur als Akzent). Knöpfe Leitblau, der
   Chat-Knopf (Baustein 26) grün (#187a43, weiße Schrift 5,4:1). Keine Stilattribute, keine neue feste Leiste. */

/* ---------- 17 "Jetzt erreichbar" in der Serviceleiste ---------- */
.t-top-tel{position:relative}
.t-erreichbar{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.t-erreichbar[hidden]{display:none}
.t-top-kontakt .t-erreichbar{min-height:var(--k-service,44px);color:var(--k-auf-nacht,#b8c4d6);font-weight:700}
.t-erreichbar-punkt{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:#9aa6b8}
.t-erreichbar[data-zustand="offen"] .t-erreichbar-punkt{background:#3ccf73}
.t-erreichbar[data-zustand="offen"] .t-erreichbar-punkt::after{content:"";position:absolute;inset:-4px;border:2px solid #3ccf73;border-radius:50%;opacity:.5;animation:t-erreichbar-puls 2s ease-out infinite}
@keyframes t-erreichbar-puls{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.6);opacity:0}}
/* Schmale Leiste: nur ein grüner Punkt am Telefonzeichen, solange erreichbar; der Satz bleibt für Vorlesesoftware. */
.t-top-kontakt[data-erreichbar-stufe="marke"] .t-erreichbar{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.t-erreichbar-marke{display:none;position:absolute;top:11px;left:9px;width:8px;height:8px;border-radius:50%;background:#3ccf73;box-shadow:0 0 0 2px #0d1e38;pointer-events:none}
.t-top-kontakt[data-erreichbar-stufe="marke"][data-erreichbar-zustand="offen"] .t-erreichbar-marke{display:block}
@media(max-width:600px){.t-top:has(.t-kontakt-auf) .t-erreichbar-marke{left:25px}}

/* ---------- Kontakt-Dialog: Stand, Ansprechpartner, Chat-Knopf, Rückruf ---------- */
.t-kontakt-dialog .t-kontakt-erreichbar{display:flex;align-items:flex-start;margin:-12px 0 20px;color:#142a4c;font-weight:700;white-space:normal}
.t-kontakt-erreichbar .t-erreichbar-punkt{margin-top:8px}
.t-kontakt-dialog .t-kontakt-erreichbar[hidden]{display:none}
.t-kontakt-erreichbar .t-erreichbar-punkt{background:#7d8899}
.t-kontakt-erreichbar[data-zustand="offen"] .t-erreichbar-punkt{background:#1f8a4c}
.t-kontakt-erreichbar[data-zustand="offen"] .t-erreichbar-punkt::after{border-color:#1f8a4c}
.t-kontakt-dialog .t-person{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;margin:0 0 20px;padding:16px 18px;background:#eef1f5}
.t-person-bild{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;object-fit:cover;background:#142a4c;color:#fff;font:800 24px/1 Manrope,Arial,sans-serif;letter-spacing:.02em;box-shadow:0 0 0 3px #eef1f5,0 0 0 5px #f2884b}
.t-person-text{min-width:0}
.t-kontakt-dialog .t-person p{margin:0}
.t-kontakt-dialog .t-person-titel{color:#5a6678;font-size:13px;font-weight:700}
.t-kontakt-dialog .t-person-name{font-size:18px;font-weight:800;line-height:1.3}
.t-kontakt-dialog .t-person-rolle{color:#5a6678;font-size:14px}
.t-kontakt-dialog a.t-person-tel{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:800;overflow-wrap:anywhere}
.t-person-zeichen{width:18px;height:18px;flex:none;color:#b34f15}
.t-kontakt-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin:0 0 24px}
.t-kontakt-dialog a.t-kontakt-wa{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;padding:0 20px;background:#187a43;color:#fff;font-weight:800;text-align:center;text-decoration:none}
.t-kontakt-dialog a.t-kontakt-wa:hover{background:#1d6b3a}
.t-kontakt-wa-zeichen{width:20px;height:20px;flex:none}
@media(max-width:400px){.t-kontakt-dialog a.t-kontakt-wa{width:100%}.t-kontakt-dialog .t-person{gap:14px;padding:14px}.t-person-bild{width:56px;height:56px;font-size:19px}.t-person-zeichen{display:none}.t-kontakt-dialog a.t-person-tel{font-size:15px;overflow-wrap:normal;white-space:nowrap}}

/* ---------- 18 Anruf-Knopf am Handy (nur unter 768 px) ---------- */
.t-anruf{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;min-height:48px;padding:0 18px 0 14px;border-radius:999px;background:#154e8a;color:#fff;font:800 15px/1 Manrope,Arial,sans-serif;text-decoration:none;box-shadow:0 10px 20px -8px rgba(13,30,56,.6)}
.t-anruf:hover{background:#0f3c6b}
.t-anruf:focus-visible{outline:3px solid #142a4c;outline-offset:3px}
.t-anruf-zeichen{width:20px;height:20px;flex:none}
.t-anruf[hidden]{display:none}
/* Feinschliff 25.10.2026 (anruf-knopf.mjs ANRUF_AB_PX): erst nach etwas Scrollen sichtbar; mit Tastaturfokus sofort. */
.t-anruf{transition:opacity .2s ease,transform .2s ease}
.t-anruf[data-anruf="wartet"]:not(:focus-visible){opacity:0;transform:translateY(12px);pointer-events:none}
@media(prefers-reduced-motion:reduce){.t-anruf{transition:none}}
@media(min-width:768px){.t-anruf{display:none}}
@media(max-width:767px){html.t-mit-anruf footer.f-fuss{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}
@media print{.t-anruf{display:none}}

/* ---------- 09 Herkunft und 27 Mitgliedschaften im Fuß ---------- */
footer.f-fuss .f-herkunft{display:flex;align-items:center;gap:16px;margin:24px 0 0}
footer.f-fuss .f-siegel{width:88px;height:88px;flex:none}
.f-siegel-rand{fill:none;stroke:#b8c4d6;stroke-width:1.5}
.f-siegel-ring{fill:#dfe6f0;font:800 9.6px Manrope,Arial,sans-serif}
.f-siegel-mitte{fill:#142a4c;stroke:rgba(255,255,255,.28);stroke-width:1}
.f-siegel-klein{fill:#b8c4d6;font:700 10px Manrope,Arial,sans-serif}
.f-siegel-gross{fill:#fff;font:800 13px Manrope,Arial,sans-serif}
.f-flagge-schwarz{fill:#000}.f-flagge-rot{fill:#dd0000}.f-flagge-gold{fill:#ffce00}
footer.f-fuss .f-herkunft-text{margin:0;max-width:26ch;color:var(--f-muted,#b8c4d6);font-size:14px;line-height:1.5}
footer.f-fuss .f-herkunft-text strong{color:#fff}
footer.f-fuss .f-mitglied{margin:24px 0 0}
footer.f-fuss .f-mitglied-liste{display:flex;flex-wrap:wrap;gap:8px 24px;margin:8px 0 0;padding:0;list-style:none}
footer.f-fuss .f-mitglied-liste li{display:flex;align-items:center;gap:10px;min-height:44px;color:#dfe6f0}
footer.f-fuss .f-mitglied-liste a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#fff;text-decoration-color:rgba(255,255,255,.4)}
footer.f-fuss .f-mitglied-liste img{display:block;height:48px;width:auto;padding:4px;border-radius:4px;background:#fff}

@media(prefers-reduced-motion:reduce){.t-erreichbar-punkt::after{animation:none}}

/* Siegelreihe im Fuß: Herkunft (09) und "Seit 1991" nebeneinander, am Handy untereinander (24.10.2026). */
footer.f-fuss .f-siegelreihe{display:flex;flex-wrap:wrap;gap:8px 32px;margin:24px 0 0}
footer.f-fuss .f-siegelreihe .f-herkunft{margin:0}
/* Entscheidung 24.10.2026: beide Siegel nebeneinander, auch in der schmalen Kontaktspalte: Siegel über dem Text. */
footer.f-fuss .f-siegelreihe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:start;max-width:440px}
footer.f-fuss .f-siegelreihe .f-herkunft{flex-direction:column;align-items:flex-start;gap:10px}
footer.f-fuss .f-siegelreihe .f-herkunft-text{max-width:none}
.f-seit-rand{stroke:#f2884b}
.f-seit-mitte{fill:#f2884b}
.f-seit-klein{fill:#142a4c;font:700 10px Manrope,Arial,sans-serif}
.f-seit-gross{fill:#142a4c;font:800 19px Manrope,Arial,sans-serif}