/* CDU NRW: Honnef-Blau #0F2633, CDU-Türkis #4DC3C5 (cdu-nrw.de-frontend,
   docs/design-system.md). Systemschriften, nichts von außen geladen. */
:root { --ink: #0f2633; --turquoise: #4dc3c5; --paper: #fff; --muted: #3f5560; --wash: #eef2f4; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: var(--wash); color: var(--ink);
  font: 400 1.0625rem/1.6 Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
.wrap { width: 100%; max-width: 40rem; margin: 0 auto; padding: 0 1.5rem; }
.band { background: var(--ink); padding: 1.5rem 0; }
.band img { display: block; width: 160px; height: auto; }
main { flex: 1; background: var(--paper); padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
h1 { font-size: clamp(1.6rem, 4.5vw, 2.1rem); line-height: 1.2; font-weight: 800; margin: 0 0 1rem; }
.lead { font-size: 1.125rem; margin: 0 0 1.75rem; }
.small { font-size: .9375rem; color: var(--muted); margin-top: 1.75rem; }
.button { display: inline-block; background: var(--turquoise); color: var(--ink); font: inherit; font-weight: 800; font-size: 1.0625rem;
  text-decoration: none; border: 0; border-radius: 2px; padding: .95rem 1.6rem; cursor: pointer; min-height: 48px; }
.button:hover { background: #3fb3b5; }
.button:focus-visible, a:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
a { color: var(--ink); }
.foot { background: var(--wash); color: var(--muted); font-size: .8125rem; padding: 1.5rem 0 2rem; }
.foot a { color: var(--muted); }
@media (min-width: 48rem) { main { margin: 2rem auto; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }