/* Gemeinsames Design für Impressum & Datenschutz – passend zu index.html */
:root{
  --night:#0F0E0C; --paper:#EFE9DF; --paper-2:#E5DDD0; --ink:#0F0E0C; --muted:#5E574D;
  --marker:#FFE500;
  --pad:clamp(20px,5vw,72px);
  --wide:'Archivo',system-ui,sans-serif; --serif:'Archivo',system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--wide);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--marker);outline-offset:3px}

/* Kopf */
.top{background:var(--night);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px var(--pad)}
.logo{display:flex;flex-direction:column;gap:5px;text-decoration:none;line-height:1}
.logo b{font-size:25px;font-weight:900;letter-spacing:-.04em;font-variation-settings:"wdth" 122;white-space:nowrap}
.logo small{font-family:var(--serif);font-style:italic;font-size:13px;opacity:.6;padding-left:1px}
.hl{display:inline-block;color:var(--night);background:var(--marker);padding:.04em .08em .1em;margin:0 .06em 0 -.08em;transform:rotate(-1.4deg)}
.back{font-size:15px;font-weight:600;text-decoration:none;padding-bottom:4px;background:linear-gradient(var(--marker),var(--marker)) no-repeat 0 100%/0 3px;transition:background-size .25s ease}
.back:hover{background-size:100% 3px}

/* Titel */
.title{position:relative;overflow:hidden;background:var(--night);color:var(--paper);padding:clamp(56px,7vw,110px) var(--pad) clamp(64px,8vw,120px)}
.title::before{content:"";position:absolute;right:-10%;top:-40%;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(255,229,0,.16),transparent 65%);pointer-events:none}
.label{position:relative;display:block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9E9588;margin-bottom:22px}
.title h1{position:relative;margin:0;font-size:clamp(44px,9vw,140px);line-height:.9;font-weight:900;letter-spacing:-.045em;text-transform:uppercase;font-variation-settings:"wdth" 122;overflow-wrap:anywhere}
.hl-d{display:inline-block;padding:.04em .12em .08em;margin-left:-.12em;background:var(--marker);color:var(--night);transform:rotate(-1.2deg)}
.title p{position:relative;margin:28px 0 0;max-width:560px;font-size:18px;line-height:1.6;color:#CFC7B9}

/* Inhalt */
.legal{max-width:880px;padding:clamp(56px,7vw,104px) var(--pad) clamp(80px,9vw,128px);margin:0 auto}
.legal section{padding:32px 0;border-top:2px solid var(--ink)}
.legal section:first-child{border-top:0;padding-top:0}
.legal h2{margin:0 0 14px;font-size:clamp(22px,2.2vw,28px);font-weight:900;letter-spacing:-.02em;line-height:1.15;font-variation-settings:"wdth" 112}
.legal h3{margin:22px 0 8px;font-size:18px;font-weight:800}
.legal p,.legal li{font-size:17px;line-height:1.7;color:#2E2A25}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 12px;padding-left:1.2em}
.legal li{margin-bottom:6px}
.legal a{text-decoration-color:var(--marker);text-decoration-thickness:3px;text-underline-offset:3px}
.legal a:hover{background:var(--marker)}
.legal .note{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--muted)}

/* Fuß */
.foot{background:var(--night);color:#8C8478;padding:28px var(--pad);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}
.foot nav{display:flex;gap:24px;flex-wrap:wrap}
.foot a{text-decoration:none}
.foot a:hover,.foot a[aria-current]{color:var(--paper)}

.top-right{display:flex;align-items:center;gap:22px}

/* Dark Mode */
body{transition:background-color .35s ease,color .35s ease}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{background:#161512;color:var(--paper)}
html[data-theme="dark"] .legal section{border-color:#4A453D}
html[data-theme="dark"] .legal p,html[data-theme="dark"] .legal li{color:#D8D0C2}
html[data-theme="dark"] .legal .note{color:#B3AA9C}
html[data-theme="dark"] .legal a:hover{color:var(--night)}

@media (max-width:560px){
  .top-right{gap:14px}
  .back{font-size:14px}
  .logo b{font-size:21px}
}