/* ResQ Dispatch – Produktseite. Gestaltung steht überwiegend inline im HTML (aus dem Claude-Design-Entwurf). */
@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/archivo-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/archivo-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/archivo-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/archivo-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2')}
html{scroll-behavior:smooth}
body{margin:0;background:#F7F6F3;color:#1F1D1B;font-family:'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#E60005;text-decoration:none}
a:hover{color:#A51E0F}
summary::-webkit-details-marker{display:none}
input,select,textarea,button{font:inherit}
section[id]{scroll-margin-top:72px}
.dc-if{display:contents}
.dc-if[hidden]{display:none}
details[open] summary>span{transform:rotate(45deg)}
summary>span{transition:transform .2s}
:focus-visible{outline:2px solid #E60005;outline-offset:2px}
.einwilligung{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:#A3B5C9}
.einwilligung input{margin:3px 0 0;accent-color:#E60005;width:16px;height:16px;flex-shrink:0}
.einwilligung a{color:#EEF3F9;text-decoration:underline}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formular-fehler{margin:0;padding:10px 12px;border-radius:9px;background:rgba(230,0,5,0.15);border:1px solid #FF2A2F;color:#fff;font-size:14px}
input::placeholder,textarea::placeholder{color:#7E93AA}
@media (max-width:860px){.kopf-nav{display:none !important}.kopf-cta{margin-left:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important}}
.hv1:hover{color:#1F1D1B !important}
.hv2:hover{background:#A51E0F !important;color:#fff !important}
.hv3:hover{background:#EFEEEA !important;color:#1F1D1B !important}
.hv4:hover{background:#1F1D1B !important;color:#fff !important}
.hv5:hover{color:#FF2A2F !important}
.hv6:hover{color:#fff !important}
.hv7:hover{background:#A51E0F !important}
/* Textseiten (Datenschutz, 404) */
.text-seite{max-width:860px;margin:0 auto;padding:56px 24px 88px;font-size:16.5px;line-height:1.65;color:#3A3632}
.text-seite h1{margin:0 0 12px;font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(34px,5vw,52px);line-height:1.04;letter-spacing:-0.03em;color:#1F1D1B}
.text-seite h2{margin:40px 0 8px;font-family:'Archivo',sans-serif;font-size:22px;letter-spacing:-0.01em;color:#1F1D1B}
.text-seite p{margin:0 0 14px}
.text-seite .eyebrow{margin:0 0 12px;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:#E60005}
.text-seite .lead{font-size:19px;color:#554F4A}
.text-seite .stand{margin-top:40px;font-size:14px;color:#554F4A}
.text-seite .knopf{display:inline-block;margin-top:12px;font-weight:600;color:#fff;background:#E60005;padding:14px 22px;border-radius:10px}
.text-seite .knopf:hover{background:#A51E0F;color:#fff}
@media (max-width:480px){
  .kopf{padding:0 16px !important;gap:12px !important}
  .kopf-marke{gap:8px !important}
  .kopf-marke img{width:30px !important;height:30px !important}
  .kopf-marke span{font-size:18px !important}
  .kopf-knopf{font-size:14px !important;padding:9px 12px !important}
}