/* HDV – Hörmann Dienstleistungen und Vertrieb
   Gemeinsame Grundstile. Die Gestaltung der einzelnen Abschnitte steht direkt im HTML.
   Schriften liegen lokal (kein Google-Fonts-Aufruf, gut für den Datenschutz). */

@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: 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: "Archivo"; font-style: normal; font-weight: 900; font-display: swap; src: url("../fonts/archivo-latin-900-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/inter-latin-800-normal.woff2") format("woff2"); }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: #0B0B0C; }
img { max-width: 100%; }
a { color: inherit; }
a:hover { color: inherit; opacity: .85; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid #0072BC; outline-offset: 3px;
}
section[id] { scroll-margin-top: 16px; }

.skip-link {
  position: absolute; left: 16px; top: -60px; z-index: 10;
  background: #FFFFFF; color: #0B0B0C; padding: 12px 18px;
  font-family: Inter, system-ui, sans-serif; font-weight: 600; text-decoration: none;
}
.skip-link:focus { top: 16px; }

/* Honigtopf-Feld gegen Spam-Bots: für Menschen unsichtbar */
.hp-feld { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.form-hinweis { grid-column: 1 / -1; margin: 0; padding: 14px 16px; font-size: 15px; font-weight: 600; }
.form-hinweis[hidden] { display: none; }
.form-hinweis.ok { background: #E7F6EC; color: #00703A; }
.form-hinweis.fehler { background: #FDE8ED; color: #B8050F; }

/* Rechtstexte (Impressum, Datenschutz) */
.rechtstext h2 { font-family: Archivo, sans-serif; font-weight: 800; font-size: 24px; margin: 40px 0 12px; }
.rechtstext p, .rechtstext li { font-size: 17px; line-height: 1.65; color: #333333; }
.rechtstext ul { padding-left: 22px; }