@font-face { font-family: "Space Grotesk"; font-weight: 700; font-display: swap; src: url("/fonts/space-grotesk-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("/fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("/fonts/inter-latin-600-normal.woff2") format("woff2"); }
:root { --papier: #f6f4ef; --tinte: #111418; --tinte-weich: #3a3f47; --leise: #6b7079; --linie: rgba(17,20,24,.1); --akzent: #1f5eff; }
* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.65 "Inter", system-ui, sans-serif; color: var(--tinte); background: var(--papier); -webkit-font-smoothing: antialiased; }
.huelle { max-width: 760px; margin: 0 auto; padding: 3rem clamp(16px, 4vw, 48px) 4rem; }
a { color: var(--akzent); text-decoration: none; }
a:hover { text-decoration: underline; }
.zurueck { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; font-size: .95rem; margin-bottom: 2.5rem; }
.zurueck::before { content: "←"; }
h1 { font: 700 clamp(2.2rem, 5vw, 3.2rem)/1.1 "Space Grotesk", sans-serif; letter-spacing: -.02em; margin: 0 0 2rem; }
h1 span { color: var(--akzent); }
h2 { font: 700 1.25rem/1.3 "Space Grotesk", sans-serif; margin: 2.2rem 0 .6rem; letter-spacing: -.01em; }
p, address, li { color: var(--tinte-weich); }
address { font-style: normal; }
.leise { color: var(--leise); font-size: .95rem; }
ul { padding-left: 1.2rem; }
footer { max-width: 760px; margin: 0 auto; padding: 1.5rem clamp(16px, 4vw, 48px) 2.5rem; border-top: 1px solid var(--linie); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; font-size: .88rem; color: var(--leise); }
footer nav { display: flex; gap: 1.4rem; }
footer a { color: var(--tinte-weich); }