@font-face{font-family:"Anton";src:url(assets/Anton-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Fredoka";src:url(assets/Fredoka.woff2) format("woff2");font-weight:300 700;font-display:swap}
:root{--ink:#111;--paper:#F7F4EE;--red:#FF3B2F}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.5 "Fredoka",system-ui,sans-serif}
a{color:inherit}
.shell{width:min(1120px,100% - 40px);margin-inline:auto}
:focus-visible{outline:4px solid var(--red);outline-offset:3px}

/* legal pages (impressum, datenschutz) */
.bar{border-bottom:3px solid var(--ink)}
.bar .shell{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.logo{font:400 30px/1 "Anton",Impact,sans-serif;text-transform:none;text-decoration:none}
.logo b{color:var(--red);font-weight:400}
.pill{display:inline-flex;align-items:center;background:#D8FF3E;border:3px solid var(--ink);border-radius:999px;padding:6px 14px;font:600 14px/1 "Fredoka",sans-serif;text-decoration:none}
.legal{padding:56px 0 80px;max-width:760px}
.legal h1{font:400 clamp(40px,7vw,68px)/1 "Anton",Impact,sans-serif;margin:0 0 24px}
.legal h2{font:400 26px/1.1 "Anton",Impact,sans-serif;margin:32px 0 8px}
.legal p{margin:0 0 1em}
footer{padding:34px 0 46px;font-size:15px}
footer .shell{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer nav{display:flex;gap:20px}
@media (max-width:560px){.legal{padding-top:34px}footer .shell{flex-direction:column}}