@font-face { font-family: "Bodoni Moda"; src: url("font/BodoniModa.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("font/Satoshi-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("font/Satoshi-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
:root { color-scheme: light; }
body { margin: 0; background: #F4EEE6; color: #1E1613; font: 400 1rem/1.65 "Satoshi", "Helvetica Neue", Arial, sans-serif; }
.recht { max-width: 44rem; margin: 0 auto; padding: 3.5rem 1.25rem 5rem; }
.recht h1 { font: 400 clamp(2.2rem, 1.6rem + 2.4vw, 3.2rem)/1.05 "Bodoni Moda", Georgia, serif; margin: 1rem 0 2rem; }
.recht h2 { font: 500 1.02rem/1.3 "Satoshi", sans-serif; margin: 2.2rem 0 0.5rem; }
.recht p, .recht li { margin: 0 0 0.9rem; }
.recht a { color: #7B1628; text-underline-offset: 0.2em; }
.recht a:focus-visible { outline: 2px solid #7B1628; outline-offset: 3px; }
.recht__zurueck a { display: inline-flex; align-items: center; min-height: 44px; }
.recht__entwurf { padding: 0.9rem 1rem; border: 1px solid rgba(123, 22, 40, 0.35); border-radius: 10px; background: #FBF7F1; font-size: 0.92rem; }