/* TAS Unger GmbH — Website-Stylesheet
   Ersetzt die Claude-Design-Runtime (support.js/image-slot.js).
   Design/Layout der Variante H bleibt über die Inline-Styles im HTML erhalten;
   diese Datei liefert nur Schrift, Basis-Reset und echte :hover/:focus-Regeln. */

/* ---- Lokale Schrift (DSGVO, kein Fremd-CDN) ---- */
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/manrope-400.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/manrope-500.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/manrope-600.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/manrope-700.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/manrope-800.woff2") format("woff2")}

/* ---- Basis (aus dem Design-<helmet> übernommen) ---- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;font-family:"Manrope",Helvetica,Arial,sans-serif}
a{color:#BB332C;text-decoration:none}
a:hover{color:#00354D}
img{max-width:100%}
input,textarea,button{font:inherit}

/* Container-Query-Kontext: die clamp()-Werte im Design nutzen cqw-Einheiten. */
.cq{container-type:inline-size}

/* ---- Hover/Focus — ersetzt die style-hover/style-focus-Attribute des Designs.
   !important, weil die Basisfarben inline gesetzt sind. ---- */
.lnk-red:hover{color:#BB332C !important}      /* Navigation, Kopf-Telefon */
.btn-red:hover{background:#9E2A24 !important} /* rote Call-to-Action-Buttons */
.card-sym:hover{border-color:#BB332C !important} /* Symptom-Kacheln */
.phone-big:hover{color:#00354D !important}    /* große Telefonnummer im Formular */
.foot-lnk:hover{color:#E9A19C !important}     /* Footer-Links */
.bar-call:hover{background:#002B3E !important} /* fixe Leiste: Anrufen */
.bar-write:hover{background:#9E2A24 !important}/* fixe Leiste: Schreib uns */
.fld:focus{border-color:#BB332C !important}   /* Formularfelder */

/* hidden muss Inline-display:flex schlagen (Befund-Panel, Erfolgs-/Fehlermeldung) */
[hidden]{display:none !important}

/* Honeypot-Feld unsichtbar für Menschen, sichtbar für Bots */
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}