html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark}
a,button{-webkit-tap-highlight-color:transparent}
/* shared styles for impressum / datenschutz / danke — rules copied from index.html */
@font-face{font-family:"Archivo Expanded";src:url("/fonts/archivo-expanded-800.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Archivo";src:url("/fonts/archivo-var.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Plex Mono";src:url("/fonts/plexmono-500.woff2") format("woff2");font-weight:500;font-display:swap}
:root{--black:#0B0C0E;--bone:#ECE8DF;--fog:#A9A59B;--soft:#D6D2C8;--line:#2A2D33;--dim:#3A3F47;--red:#E5342B;--pad:clamp(20px,5vw,40px)}
body{margin:0;background:var(--black);color:var(--bone);font-family:"Archivo","Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:var(--bone);transition:color .2s}a:hover{color:#fff}
::selection{background:var(--red);color:var(--black)}
.wide{font-family:"Archivo Expanded","Arial Black",sans-serif;font-weight:800}
.mono{font-family:"Plex Mono","Courier New",monospace;font-weight:500}
.red{color:var(--red)}
.eyebrow{margin:0;font-size:14px;letter-spacing:.24em;color:var(--fog)}
.lead{margin:0;max-width:520px;font-size:clamp(18px,2vw,22px);line-height:1.5;color:var(--soft)}
.btn{display:inline-block;text-decoration:none;background:var(--bone);color:var(--black);padding:20px 32px;font-size:16px;letter-spacing:.08em;border:0;cursor:pointer;transition:box-shadow .3s,background .3s}
@media (hover:hover){.btn:hover{background:#fff;color:var(--black);box-shadow:0 0 0 1px var(--red),0 0 48px rgba(229,52,43,.55)}}
.btn:focus-visible{outline:2px solid var(--bone);outline-offset:2px}

/* header: permanently in index.html's scrolled (#hdr.on) look; sticky so no top padding needed */
#hdr{position:sticky;top:0;z-index:50;background:rgba(11,12,14,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
#hdr .in{max-width:1240px;margin:0 auto;padding:clamp(12px,3vw,18px) var(--pad);display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:clamp(10px,2.4vw,14px);text-decoration:none;min-height:44px;min-width:0;font-size:clamp(14px,3.6vw,20px);letter-spacing:.02em;color:var(--bone)}
.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand svg{width:clamp(28px,7vw,36px);height:clamp(28px,7vw,36px);display:block;flex-shrink:0}
.btn-s{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;padding:clamp(12px,2.8vw,14px) clamp(14px,3.6vw,22px);font-size:clamp(11px,2.9vw,14px);white-space:nowrap}
@media (hover:hover){.btn-s:hover{box-shadow:0 0 0 1px var(--red),0 0 36px rgba(229,52,43,.5)}}

/* page content */
main{max-width:1240px;margin:0 auto;padding:clamp(48px,8vw,96px) var(--pad)}
.legal{max-width:1240px}
.legal>*{max-width:820px}
.legal h1{margin:0 0 32px;font-size:clamp(32px,5vw,56px);line-height:1.02;overflow-wrap:break-word}
.legal h2{margin:40px 0 12px;font-size:clamp(17px,4.4vw,22px);line-height:1.2;overflow-wrap:break-word}
.legal p{margin:0 0 16px;color:var(--soft);overflow-wrap:break-word}
.ph{background:#3a1512;color:#ffd9d5;padding:0 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.thanks{min-height:70vh;display:flex;flex-direction:column;justify-content:center;gap:28px;align-items:flex-start}
.thanks h1{margin:0;font-size:clamp(36px,5vw,64px);line-height:1.02}

/* footer */
footer{border-top:1px solid var(--line)}
footer .in{max-width:1240px;margin:0 auto;padding:40px var(--pad) 56px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.fbrand{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:.02em}
.fbrand svg{width:28px;height:28px;display:block}
footer nav{display:flex;gap:4px 28px;flex-wrap:wrap;font-size:14px;letter-spacing:.12em}
footer nav a{color:var(--fog);padding:12px 0}
@media (hover:hover){footer nav a:hover{color:var(--bone)}}
@media (max-width:380px){.brand{font-size:13px;gap:8px}.btn-s{padding:11px 12px;letter-spacing:.04em}}
@media (max-width:340px){.brand span{display:none}}
@media (max-width:400px){footer nav{font-size:12px;letter-spacing:.08em;gap:4px 16px}}
a:focus-visible,button:focus-visible{outline:2px solid var(--bone);outline-offset:2px}