@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("font/barlow-400.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url("font/barlow-600.woff2") format("woff2"); }
@font-face { font-family: "Barlow Semi Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("font/barlow-semi-condensed-700.woff2") format("woff2"); }
:root { color-scheme: light; }
body { margin: 0; background: #FFFFFF; color: #111620; font: 400 1.05rem/1.65 "Barlow", system-ui, sans-serif; }
.recht { max-width: 44rem; margin: 0 auto; padding: 2.5rem 1.25rem 5rem; }
.recht h1 { font: 700 clamp(2.4rem, 1.8rem + 2.4vw, 3.4rem)/1.02 "Barlow Semi Condensed", "Arial Narrow", sans-serif; letter-spacing: -0.015em; margin: 1rem 0 2rem; }
.recht h2 { font: 700 1.3rem/1.2 "Barlow Semi Condensed", "Arial Narrow", sans-serif; margin: 2.2rem 0 0.5rem; }
.recht p, .recht li { margin: 0 0 0.9rem; }
.recht a { color: #1D4ED8; text-underline-offset: 0.2em; }
.recht a:focus-visible { outline: 2px solid #1D4ED8; outline-offset: 3px; border-radius: 4px; }
.recht__zurueck a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
.recht__entwurf { padding: 0.9rem 1rem; border: 1px solid #F2C46B; border-radius: 10px; background: #FFF8EA; font-size: 0.95rem; }
.offen { display: inline-block; padding: 0 0.35em; border-radius: 4px; background: #FFF1D6; color: #8A5300; font-weight: 600; }