/* Gemeinsames Aussehen für Impressum und Datenschutz (passend zur App) */
@import url("fonts/fonts.css");
:root{--bg:#F7F2EC;--ink:#1B1530;--mute:#6E6680;--line:#E9E1D9;--accent:#6A3DF5;--gain:#D4FF3A;
  --grad:linear-gradient(120deg,#6A3DF5 0%,#A93BE6 50%,#D6336C 100%)}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:400 16px/1.6 "Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:24px 20px 80px}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}
.logo{font-weight:800;font-size:26px;letter-spacing:-.05em;text-decoration:none;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo i{font-style:normal;display:inline-block;width:.24em;height:.24em;border-radius:50%;background:var(--gain);margin-left:.04em;overflow:hidden;color:transparent}
.back{background:#fff;border-radius:999px;padding:9px 16px;font-weight:600;color:var(--ink);text-decoration:none;box-shadow:0 1px 2px rgba(27,21,48,.05),0 8px 24px rgba(66,40,120,.08)}
.back:hover{box-shadow:0 2px 6px rgba(27,21,48,.06),0 16px 40px rgba(66,40,120,.16)}
main{background:#fff;border-radius:28px;padding:28px clamp(20px,5vw,44px) 36px;box-shadow:0 1px 2px rgba(27,21,48,.05),0 8px 24px rgba(66,40,120,.08)}
h1{font-size:clamp(32px,6vw,48px);font-weight:800;letter-spacing:-.045em;line-height:1.05;margin:4px 0 8px}
h2{font-size:20px;letter-spacing:-.02em;margin:34px 0 8px}
h3{font-size:16px;margin:20px 0 4px}
p,li{color:#3B3450}
ul{padding-left:20px}
a{color:var(--accent)}
.lead{color:var(--mute);margin:0 0 8px}
.todo{background:#FFF3B0;border-radius:6px;padding:1px 6px;font-weight:600;color:#5A4500}
.note{background:#F3EDE6;border-radius:16px;padding:14px 16px;font-size:14px;color:var(--mute);margin:20px 0 0}
address{font-style:normal}
footer{text-align:center;color:var(--mute);font-size:13px;margin-top:28px}
footer a{color:var(--mute);margin:0 8px}