/* recht.css — gemeinsames Layout für Impressum + Datenschutz (Design der Hauptseite) */
:root{ --bg:#23212c; --hell:#fafafa; --pink:#ab126e; --indigo:#364c9e; --grau:#b8b2c6; }
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--hell);
  font-family:'Inter Tight',system-ui,-apple-system,sans-serif;line-height:1.55;
  -webkit-font-smoothing:antialiased}
a{color:#ff7ec8;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid #ff7ec8;outline-offset:3px;border-radius:4px}

.kopf{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:18px 6vw;background:rgba(35,33,44,.82);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.08)}
.marke{font-weight:700;letter-spacing:.14em;font-size:15px;
  background:linear-gradient(90deg,var(--pink),var(--indigo));-webkit-background-clip:text;
  background-clip:text;color:transparent}
.zurueck{font-size:14px;color:var(--grau)}
.zurueck:hover{color:#fff}

main{max-width:820px;margin:0 auto;padding:56px 6vw 90px}
h1{font-size:clamp(30px,4.4vw,46px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 10px}
.unter{color:var(--grau);font-size:15px;margin:0 0 40px}
h2{font-size:19px;font-weight:700;margin:38px 0 10px;letter-spacing:-.01em}
p,li{color:#d8d3e2;font-size:15.5px;margin:0 0 12px}
ul{padding-left:20px;margin:0 0 14px}
li{margin:0 0 5px}

/* Kontakt-/Hinweiskarte */
.karte{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px 24px;margin:0 0 12px;
  background:linear-gradient(135deg,rgba(171,18,110,.10),rgba(54,76,158,.10))}
.karte p{margin:0 0 6px}
.karte strong{color:#fff}

.fuss{border-top:1px solid rgba(255,255,255,.08);padding:28px 6vw 46px;text-align:center;
  color:#8f8a9c;font-size:13px}
.fuss a{color:#b8b2c6;margin:0 10px}

@media (max-width:640px){ main{padding:36px 6vw 64px} }