@font-face{font-family:Syne;src:url(fonts/syne.ttf) format("truetype");font-weight:400 800;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#0E0D12}
a{color:#F2A33A}a:hover{color:#FFC777}
input,textarea,select,button{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #F2A33A;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.legal{max-width:820px;margin:0 auto;padding:80px 24px 120px;color:#F3EEE6;font-family:Manrope,"Segoe UI",system-ui,sans-serif;font-size:17px;line-height:1.7}
.legal h1,.legal h2{font-family:Syne,"Arial Black",sans-serif}
.legal h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 32px}
.legal h2{font-size:1.4rem;margin:40px 0 10px}
.legal .hinweis{background:#2A2216;border:1px solid #6B4E1E;border-radius:12px;padding:16px 20px;color:#F3E2C4}