/* ------------------------------------------------------------------
   Gemeinsames Kleid der Unterseiten (Impressum, Datenschutz, Danke).
   Bewusst eine eigene, kleine Datei: diese Seiten brauchen weder Hero
   noch Walze, und ein Duplikat des grossen Stylesheets waere bei jeder
   Farbaenderung eine Fehlerquelle.
------------------------------------------------------------------- */
@font-face{font-family:HeyWow; src:url(fonts/heywow-400.woff2) format('woff2');
  font-weight:400; font-style:normal; font-display:swap}
@font-face{font-family:HeyWow; src:url(fonts/heywow-500.woff2) format('woff2');
  font-weight:500; font-style:normal; font-display:swap}
@font-face{font-family:HeyWow; src:url(fonts/heywow-900.woff2) format('woff2');
  font-weight:900; font-style:normal; font-display:swap}

:root{
  --stark:#250209; --normal:#89235B; --leise:#A95181;
  --invers:#FFF3F2; --akzent:#DF3090; --zart:#F7CCE3;
  --bg:#FFF3F2; --flaeche:#ffffff;
  --linie:rgba(37,2,9,.12);
  --rand:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg); -webkit-text-size-adjust:100%}
body{
  margin:0; background:transparent; color:var(--stark);
  position:relative; z-index:0;
  font-family:HeyWow,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
/* Dieselbe Koernung wie auf der Startseite */
body::before{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22220%22%20height%3D%22220%22%3E%3Cfilter%20id%3D%22k%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.85%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22220%22%20height%3D%22220%22%20filter%3D%22url%28%23k%29%22%2F%3E%3C%2Fsvg%3E");
  background-repeat:repeat; background-size:220px 220px;
  opacity:.11;
}
.kopf{
  display:flex; align-items:center; gap:20px;
  padding:16px max(var(--rand), (100vw - 1232px)/2);
}
.kopf img{height:22px; width:auto; display:block}
.kopf a{color:var(--normal); text-decoration:none; font-size:14.5px}
.kopf .zurueck{margin-left:auto}
.kopf .zurueck:hover{color:var(--akzent)}

main{max-width:760px; margin:0 auto; padding:56px var(--rand) 96px}
h1{font-size:clamp(30px,4.4vw,46px); font-weight:900; letter-spacing:-.03em;
   line-height:1.1; margin:0 0 10px}
h2{font-size:20px; font-weight:900; letter-spacing:-.015em; margin:40px 0 10px}
h3{font-size:17px; font-weight:500; margin:24px 0 6px}
p,li{margin:0 0 12px}
ul{padding-left:20px}
a{color:var(--normal)}
a:hover{color:var(--akzent)}
.label{font-size:12px; font-weight:500; letter-spacing:.16em;
  text-transform:uppercase; color:var(--leise); margin:0 0 14px}
.lead{font-size:19px; line-height:1.55; color:var(--normal); margin:0 0 8px}
.stand{font-size:14px; color:var(--leise); margin-top:40px}
.karte{
  background:var(--flaeche); border:1px solid var(--linie);
  border-radius:12px; padding:22px 24px; margin:18px 0;
}
.karte p:last-child{margin-bottom:0}
dl{margin:0}
dt{font-weight:500; color:var(--leise); font-size:13px;
   letter-spacing:.06em; text-transform:uppercase; margin-top:14px}
dt:first-child{margin-top:0}
dd{margin:2px 0 0}
.btn{
  display:inline-block; padding:12px 22px; border-radius:999px;
  background:var(--stark); color:var(--invers); text-decoration:none;
  font-weight:500; font-size:15px;
}
.btn:hover{background:var(--normal); color:var(--invers)}
.fuss{
  border-top:1px solid var(--linie);
  padding:22px max(var(--rand), (100vw - 1232px)/2);
  font-size:14px; color:var(--leise);
  display:flex; gap:18px; flex-wrap:wrap;
}
.fuss a{color:var(--leise); text-decoration:none}
.fuss a:hover{color:var(--akzent)}