/* Gemeinsames Aussehen fuer Impressum und Datenschutz.
   Eigene Datei statt base64-Monolith: diese Seiten brauchen keine Bilder,
   muessen aber immer erreichbar sein, auch wenn die Programmseite umgebaut
   wird. Deshalb liegen sie bewusst neben der grossen index.html. */
:root{
  /* kein automatisches Abdunkeln, siehe Programmseite */
  color-scheme:light;
  --pink:#FD77BB; --cyan:#139595; --grund:#F2F0EC; --tinte:#0E1A1A;
  --linie:1.5px solid #139595;
  --t3:clamp(19px,2vw,26px); --t2:clamp(15px,1.15vw,18px); --t1:13px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--grund);color:var(--tinte);
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:var(--t2);line-height:1.6;
}
a{color:var(--cyan)}
a:hover{background:var(--pink);color:var(--tinte)}

.kopf{
  background:var(--pink);border-bottom:var(--linie);
  padding:22px clamp(16px,3vw,44px);position:relative;overflow:hidden;
}
.kopf::before{
  content:"";position:absolute;inset:-40% -20%;
  background:repeating-linear-gradient(58deg,
    rgba(255,255,255,.34) 0 26px, rgba(255,255,255,0) 26px 112px);
  pointer-events:none;
}
.kopf a{
  position:relative;font-family:'Anton',sans-serif;font-style:normal;
  text-transform:uppercase;font-size:clamp(20px,2.6vw,30px);line-height:1.02;
  color:var(--cyan);transform:skewX(-7deg);display:inline-block;
  text-decoration:none;
}
.kopf a:hover{background:none;color:var(--tinte)}
.kopf .zurueck{
  position:relative;display:block;margin-top:8px;font-size:var(--t1);
  text-transform:uppercase;letter-spacing:.09em;color:var(--tinte);
  font-family:inherit;transform:none;font-style:italic;
}

main{max-width:760px;margin:0 auto;padding:clamp(26px,4vw,54px) clamp(16px,3vw,44px) 80px}
h1{
  font-family:'Anton',sans-serif;font-style:normal;text-transform:uppercase;
  font-size:clamp(30px,5vw,52px);line-height:1.02;color:var(--cyan);
  transform:skewX(-7deg);transform-origin:left bottom;margin-bottom:26px;
}
h2{
  font-family:'Anton',sans-serif;font-style:normal;text-transform:uppercase;
  font-size:var(--t3);letter-spacing:.02em;color:var(--cyan);
  transform:skewX(-7deg);transform-origin:left bottom;
  margin:34px 0 12px;border-top:var(--linie);padding-top:16px;
}
h3{font-size:var(--t2);font-weight:600;font-style:italic;margin:20px 0 6px}
p{margin-bottom:12px}
ul{margin:0 0 14px 20px}
li{margin-bottom:6px}
address{font-style:normal;margin-bottom:14px}
.fuss{
  border-top:var(--linie);padding:20px clamp(16px,3vw,44px) 40px;
  font-size:var(--t1);text-transform:uppercase;letter-spacing:.08em;
  display:flex;gap:22px;flex-wrap:wrap;
}