/* Gemeinsame Gestaltung der Textseiten (Impressum, Datenschutz): dieselben Farben und Schriften wie die Startseite. */
:root{--papier:#FBF7F0;--papier-2:#F3EDE1;--tinte:#161513;--tinte-2:#4B4740;--grau:#706B60;--linie:#E6DECF;--blau:#1F4FD8;--font:"Host Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media (prefers-color-scheme:dark){:root{--papier:#16140F;--papier-2:#1F1C15;--tinte:#F1ECE2;--tinte-2:#CFC8BA;--grau:#9A9486;--linie:#2F2B22;--blau:#7B97FF;color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--papier);color:var(--tinte);font-family:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
a{color:var(--blau)}
.kopf{display:flex;align-items:center;justify-content:space-between;padding:18px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
.marke{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:600;letter-spacing:-.01em}
.marke img{width:32px;height:32px;border-radius:50%}
main{flex:1;width:100%;max-width:680px;margin:0 auto;padding:40px 16px 64px}
h1{font-size:clamp(1.9rem,5vw,2.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:0 0 28px}
h2{font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin:32px 0 8px}
p,li{margin:0 0 10px;color:var(--tinte-2)}
ul{padding-left:20px}
.stand{font-family:var(--mono);font-size:.8rem;color:var(--grau);margin-top:36px}
footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:20px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));font-size:.85rem;color:var(--grau);border-top:1px solid var(--linie)}
footer a{color:inherit}
footer nav{display:flex;gap:16px}