/* Styles of the legal pages (privacy, terms, impressum). The fonts, palette
   and wordmark repeat the ones inlined in index.html. */
@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Inter-Regular.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/Inter-SemiBold.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Inter-Bold.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/Inter-ExtraBold.woff2) format("woff2")}

:root{--bg:#F3F6F6;--surface:#FFFFFF;--text:#12201F;--muted:#55666A;--line:#E1E8E8;--primary:#0F7173;--primaryText:#0F7173;--onPrimary:#FFFFFF}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){--bg:#0C1414;--surface:#152020;--text:#E6EFEE;--muted:#9AAEAC;--line:#243333;--primary:#5CC6C8;--primaryText:#7AD3D4;--onPrimary:#0B2627}
}
:root[data-theme="dark"]{--bg:#0C1414;--surface:#152020;--text:#E6EFEE;--muted:#9AAEAC;--line:#243333;--primary:#5CC6C8;--primaryText:#7AD3D4;--onPrimary:#0B2627}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--primaryText)}
:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:6px}

.wrap{max-width:760px;margin:0 auto;padding:0 40px}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.home{display:flex;text-decoration:none;color:var(--text)}
.back{color:var(--muted);text-decoration:none;font-size:15px;font-weight:600}
.back:hover{color:var(--text)}

.logo{display:inline-flex;align-items:center;font-weight:800;letter-spacing:-0.04em;line-height:1;padding:0.16em 0;color:var(--text)}
.logo .i{position:relative;display:inline-block}
.logo .i::after{content:"";position:absolute;left:50%;top:0.02em;width:0.2em;height:0.2em;margin-left:-0.1em;border-radius:0.06em;background:var(--primary)}

.doc{background:var(--surface);border-radius:28px;box-shadow:0 0 0 1px var(--line);padding:48px 56px;margin:16px 0 0}
.doc h1{margin:0 0 8px;font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-0.03em}
.doc .updated{margin:0 0 32px;font-size:14px;color:var(--muted)}
.doc h2{margin:40px 0 12px;font-size:21px;font-weight:800;letter-spacing:-0.015em}
.doc h1,.doc h2{overflow-wrap:break-word;hyphens:auto}
.doc h3{margin:24px 0 8px;font-size:17px;font-weight:700}
.doc p,.doc li{font-size:16px;line-height:1.65}
.doc p{margin:0 0 12px}
.doc ul{margin:0 0 12px;padding-left:22px}
.doc li{margin:0 0 6px}
.doc address{font-style:normal;font-size:16px;line-height:1.65;margin:0 0 12px}

.foot{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:40px 0 56px;margin-top:48px;border-top:1px solid var(--line)}
.copy{font-size:14px;color:var(--muted);flex-grow:1}
.footlinks{display:flex;flex-wrap:wrap;gap:8px 24px}
.foot a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}
.foot a:hover{color:var(--text)}

@media (max-width: 640px){
.wrap{padding:0 16px}
.nav{height:68px}
.doc{padding:28px 20px;border-radius:24px}
.doc h1{font-size:30px}
.foot{gap:16px}
.copy{flex-grow:0}
.footlinks{width:100%;gap:8px 20px}
}