/* ============================================================
   pages.css – 404-Seite & einfache Inhaltsseiten (z. B. Barrierefreiheit)
   Verwendet in: 404.php, page-barrierefreiheit.php
   Abhängig von: tokens.css, base.css
   ============================================================ */

/* ----- Geteilte Buttons ----- */
/* .ht-btn-fill – voller oranger Button (Basis; Hover via .btn-orange). */
.ht-btn-fill{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;height:3.25rem;padding:0 1.75rem;background:var(--orange);color:#fff;text-decoration:none;font-size:1rem;font-weight:600;border-radius:0}
/* .ht-btn-outline – Button mit Rahmen (heller Grund). */
.ht-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;height:3.25rem;padding:0 1.75rem;background:transparent;color:#0a0a0a;text-decoration:none;font-size:1rem;font-weight:600;border:1.5px solid var(--line-light);border-radius:0;transition:border-color .2s ease}
.ht-btn-outline:hover{border-color:var(--orange);color:var(--orange)}

/* ----- 404 ----- */
/* .ht-404 – Fehlerseite, vertikal zentriert, lässt Platz für die fixe Nav. */
.ht-404{background:var(--gray);color:var(--ink);min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:12rem 0 8rem}
.ht-404__code{font-family:var(--font-head);font-size:clamp(5rem,18vw,11rem);line-height:.9;color:var(--orange);letter-spacing:-.03em;margin:0.5rem 0 0}
.ht-404__title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;color:#0a0a0a;margin:0.75rem 0 1rem}
.ht-404__text{font-size:1.0625rem;line-height:1.7;color:var(--muted-light);max-width:34rem;margin:0 auto 2rem}
.ht-404__actions{display:flex;flex-wrap:wrap;gap:0.875rem;justify-content:center}

/* ----- Einfache Inhaltsseite (Rechtstexte) ----- */
/* .ht-page – heller Textbereich mit Abstand zur fixen Nav. */
.ht-page{background:#fff;color:var(--ink);padding:11rem 0 6rem}
.ht-page__inner{max-width:48rem;margin:0 auto}
.ht-page h1{font-size:clamp(2rem,4.5vw,2.875rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#0a0a0a;margin:0 0 1.5rem}
.ht-page h2{font-size:1.375rem;font-weight:700;color:#0a0a0a;margin:2.5rem 0 0.75rem}
.ht-page h3{font-size:1.0625rem;font-weight:700;color:#0a0a0a;margin:1.75rem 0 0.5rem}
.ht-page p,.ht-page li{font-size:1rem;line-height:1.75;color:#3D3D3D}
.ht-page ul{margin:0 0 1rem;padding-left:1.25rem}
.ht-page li{margin-bottom:0.4rem}
.ht-page a{color:var(--orange);text-decoration:underline;text-underline-offset:2px}
.ht-page__note{background:#FFF4E8;border:1px solid rgba(247,148,30,.25);padding:1rem 1.25rem;margin:1.5rem 0;font-size:0.9375rem;line-height:1.6;color:#5b4636}