/* Gemeinsame Gestaltung für Impressum und Datenschutz.
   Bewusst schlicht — Rechtstexte müssen lesbar sein, nicht schön. */
@font-face{font-family:"Caviar Dreams";src:url(fonts/CaviarDreams.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Caviar Dreams";src:url(fonts/CaviarDreams-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url(fonts/Manrope-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url(fonts/Manrope-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --pearl:#FFFAFE; --blush:#F7EDF4; --moon:#E6E3EB;
  --aura:#B9A7F1; --mist:#6E5C9A; --night:#31285B;
  --kante:#DCD2E8; --text:#43395F;
  --head:"Caviar Dreams","Century Gothic",system-ui,sans-serif;
  --body:"Manrope","Segoe UI",system-ui,sans-serif;
  --rand:clamp(1.25rem,5vw,3rem);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--blush);color:var(--text);
  font-family:var(--body);font-size:clamp(1.05rem,.4vw + .96rem,1.16rem);
  line-height:1.8;-webkit-font-smoothing:antialiased;
}

.kopf{
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
  padding:clamp(1.2rem,3vw,2rem) var(--rand);
  border-bottom:1px solid var(--kante);background:var(--pearl);
}
.kopf .marke{width:min(150px,34vw);height:auto;display:block}
.zurueck{
  font-family:var(--head);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--mist);text-decoration:none;transition:color .3s ease;
}
.zurueck:hover,.zurueck:focus-visible{color:var(--night)}

main{
  width:min(72ch,100%);margin-inline:auto;
  padding:clamp(2.5rem,6vw,4.5rem) var(--rand) clamp(3.5rem,8vw,6rem);
}

h1{
  font-family:var(--head);font-weight:400;color:var(--night);
  font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.12;letter-spacing:-.015em;
  margin:0 0 2.2rem;
}
h2{
  font-family:var(--head);font-weight:400;color:var(--night);
  font-size:clamp(1.24rem,2.2vw,1.5rem);line-height:1.3;
  margin:2.6rem 0 .7rem;
}
h3{
  font-family:var(--head);font-weight:700;color:var(--mist);
  font-size:1.02rem;letter-spacing:.06em;margin:1.8rem 0 .5rem;
}
p{margin:0 0 1.1rem}
strong{font-weight:700;color:var(--night)}
ul{margin:0 0 1.2rem;padding-left:1.3rem}
li{margin-bottom:.5rem}

a{color:var(--mist);text-underline-offset:.22em}
a:hover,a:focus-visible{color:var(--night)}

.hinweis-kasten{
  background:var(--pearl);border:1px solid var(--kante);
  border-left:3px solid var(--aura);
  padding:1.3rem clamp(1.1rem,2.5vw,1.6rem);margin:1.6rem 0 2rem;
  font-size:1rem;line-height:1.7;
}
.hinweis-kasten p:last-child{margin-bottom:0}
.hinweis-kasten .titel{
  font-family:var(--head);font-weight:700;font-size:.8rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--mist);
  display:block;margin-bottom:.6rem;
}

.stand{font-size:.98rem;color:var(--mist);margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--kante)}

footer{
  border-top:1px solid var(--kante);background:var(--night);
  padding:clamp(2rem,5vw,3rem) var(--rand);
  display:flex;flex-wrap:wrap;gap:.8rem 2rem;justify-content:center;
  font-size:1rem;
}
footer a{color:#CFC6E0}
footer a:hover,footer a:focus-visible{color:var(--pearl)}

:focus-visible{outline:2px solid var(--mist);outline-offset:3px}