/* Hinweisseiten (404 und „Im Aufbau“): Kopf im Stil der Startseite, fast bildschirmhoch, mit Leistungsliste rechts wie die Systemliste der
   KI-Check-Seite (seite-ki-check.css Z. 40 bis 46). Wird nach bau/seite.css und seite-unterseite.css geladen; beide bleiben unverändert.
   Quelle dieser Datei ist unterseiten/404/bau/seite-hinweis.css; im-aufbau/bau/bau.py kopiert sie. Maße sind Gestaltungswerte,
   an den Bildschirmfotos in pruefung/r1 abgestimmt (22.10.2026). */

/* Kopf mindestens bildschirmhoch: bau/seite.js (Z. 486 bis 489) blendet den Kopf-Inhalt aus, sobald die Oberkante von .schluss im Fenster ist
   ('top bottom'). Hier folgt der Schluss direkt auf den Kopf; ein niedrigerer Kopf ließ den Inhalt beim Laden verschwinden
   (gemessen in pruefung/r1, erste Fassung mit 100svh minus 96 px: Titel unsichtbar). */
:root { --u-kopf-h: max(560px, calc(100svh + 2px)); --u-kopf-titel: clamp(44px, 6.4vw, 112px); }
@media (max-width: 767px) { :root { --u-kopf-h: calc(100svh + 2px); --u-kopf-titel: clamp(36px, 10vw, 46px); } }

.hw-marke { font-size: 13px; font-weight: 500; letter-spacing: .01em; color: rgba(246,248,245,.72); margin-bottom: 14px; }
.hw-marke .nr { color: var(--akzent-hell); margin-right: 4px; }
html.unterseite .u-kopf.hw-kopf .u-titel { max-width: 980px; }
html.unterseite .u-kopf.hw-kopf .u-titel + .u-unter { max-width: 620px; }
.hw-aktion { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; margin-top: 28px; }
.hw-reden { color: var(--schnee); }

.hw-liste { margin-top: 36px; }
.hw-liste-kopf { font-size: 13px; font-weight: 500; letter-spacing: .01em; color: rgba(246,248,245,.66); margin-bottom: 10px; }
.hw-liste ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(246,248,245,.22); }
.hw-liste li { border-bottom: 1px solid rgba(246,248,245,.22); }
.hw-liste a { display: flex; align-items: baseline; gap: 10px; padding: 11px 0 12px; color: var(--schnee); text-decoration: none; font-size: clamp(15px, 1.15vw, 18px); font-weight: 500; letter-spacing: -.01em; }
.hw-liste a:hover { color: var(--akzent-hell); }
.hw-liste .nr { color: var(--akzent-hell); }
.hw-liste a::after { content: "→"; margin-left: auto; opacity: .55; }

@media (min-width: 1180px) {
  .hw-liste { position: absolute; right: var(--rand); bottom: var(--u-kopf-unten); width: clamp(260px, 22vw, 340px); margin: 0; }
  .u-kopf.hw-kopf > :not(.hw-liste) { max-width: calc(100% - clamp(260px, 22vw, 340px) - 80px); }
}
@media (max-width: 767px) {
  .hw-aktion { gap: 16px 22px; margin-top: 22px; }
  .hw-liste { margin-top: 28px; }
  .hw-liste a { padding: 9px 0 10px; }
}

/* Schluss kürzer als auf den Leistungsseiten (seite.css Z. 295: 100svh) */
.hw-seite .schluss { min-height: 70vh; min-height: 70svh; }