/* RVG · Unterseiten (Impressum, Datenschutz, 404)
   Baut auf ui/ui.css auf. Hier nur Kopf, Textbereich und Fuß der Unterseiten. */
:root{--gutter:clamp(20px,4vw,40px)}
.container{width:min(100% - 2*var(--gutter), 1200px); margin-inline:auto}
.skip{position:absolute; left:-9999px; top:12px; z-index:100; background:var(--ink); color:#fff; padding:10px 16px; border-radius:var(--r-btn)}
.skip:focus{left:12px}

/* Kopf: rote Leiste mit Logo und Weg zurück */
.sub-header{background:var(--red-grad); color:#fff}
.sub-header .container{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:72px}
.sub-header .brand{display:flex; align-items:center; min-height:48px; flex:none}
.sub-header .brand img{display:block; height:48px; width:auto}
@media (max-width:559px){ .sub-header .brand img{height:42px} }

/* Textbereich für lange Texte */
.prose{max-width:760px; padding-block:clamp(48px,7vw,88px) clamp(64px,9vw,112px)}
.prose h1{font-size:clamp(2.4rem,5vw,3.5rem)}
.prose .lead{margin-top:14px}
.prose h2{font-size:clamp(1.4rem,2.4vw,1.75rem); margin-top:44px; margin-bottom:10px}
.prose h3{font-size:1.1rem; margin-top:24px; margin-bottom:6px}
.prose p,.prose ul,.prose address{margin-top:10px; color:#2B2B2B}
.prose address{font-style:normal}
.prose ul{padding-left:1.2em}
.prose li+li{margin-top:6px}
.prose a{color:var(--red); text-underline-offset:3px; overflow-wrap:anywhere}
.prose .alert{margin-top:28px}
.prose .stand{margin-top:48px; color:var(--grey); font-size:.95rem}
/* Hinweise für euch, nur im Entwurf sichtbar */
.ph-hint{display:none}
.entwurf .ph-hint{display:block; margin-top:8px; padding:8px 12px; border-radius:var(--r-btn); background:#FEF3C7; color:#78350F; font-size:.9rem}

/* Fuß */
.sub-footer{background:var(--red-grad); color:#fff; font-size:.9rem}
.sub-footer .container{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:4px 16px; padding-block:14px}
.sub-footer nav{display:flex; flex-wrap:wrap; gap:0 18px}
.sub-footer a{display:inline-block; min-width:44px; padding-block:12px; text-decoration:none}
.sub-footer a:hover{text-decoration:underline; text-underline-offset:4px}

/* Platzhalter-Markierung wie auf der Startseite */
.draft-badge{display:none}
.entwurf [data-ph]{outline:2px dashed #F5B400; outline-offset:4px; border-radius:4px}
.entwurf .draft-badge{display:flex; align-items:center; gap:10px; position:fixed; right:16px; bottom:16px; z-index:60; background:#FEF3C7; color:#78350F; border:1px solid #F59E0B; padding:8px 8px 8px 14px; border-radius:var(--r-btn); font-size:.8rem; font-weight:700}
.draft-badge button{border:0; background:#78350F; color:#FEF3C7; font:700 .75rem/1 var(--font); padding:7px 10px; border-radius:var(--r-btn); cursor:pointer}

/* Fehlerseite */
.not-found{padding-block:clamp(72px,12vw,140px); text-align:center}
.not-found .code{font-family:var(--display); font-weight:800; font-size:clamp(5rem,16vw,9rem); line-height:.9; color:var(--red)}
.not-found h1{font-size:clamp(2rem,4vw,3rem); margin-top:10px}
.not-found .lead{margin:14px auto 0}
.not-found .btn{margin-top:28px}