/* Impressum und Datenschutz. Systemschrift, weil die Galano-Weblizenz noch offen ist. */
:root{--blau:#0084C0;--pink:#E61556;--orange:#F18800;--mint:#E2EEE8;--text:#232323;--weiss:#FFFFFF;
  --font:"Helvetica Neue",Helvetica,Arial,sans-serif;--gutter:clamp(16px,4vw,64px)}
*{box-sizing:border-box}
html{background:var(--mint)}
body{margin:0;background:var(--mint);color:var(--text);font-family:var(--font);font-size:clamp(16px,1.05vw,18px);line-height:1.6;
  min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}
a{color:var(--blau);text-underline-offset:.18em}
a:hover{color:var(--pink)}

.top{display:flex;justify-content:space-between;align-items:center;padding:clamp(14px,2vw,24px) var(--gutter)}
.home{display:inline-flex;align-items:center;gap:.5em;padding:.75em 1.3em;border-radius:999px;background:var(--blau);color:var(--weiss);
  font-weight:700;text-decoration:none;transition:transform .2s,background .2s}
.home:hover{color:var(--weiss);background:var(--pink);transform:translateY(-2px)}
.mark img{display:block;width:44px;height:auto}

.text{width:min(100% - 2*var(--gutter),760px);margin:clamp(24px,6vh,72px) auto clamp(48px,8vh,96px);overflow-wrap:break-word}
h1{color:var(--blau);font-size:clamp(32px,7vw,80px);hyphens:manual;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 .6em}
h2{color:var(--blau);font-size:clamp(22px,2.4vw,30px);line-height:1.15;font-weight:800;margin:2em 0 .6em;padding-top:.5em;border-top:3px solid var(--orange)}
h3{font-size:1.05em;line-height:1.3;font-weight:700;margin:1.6em 0 .4em}
p,ul{margin:0 0 1em}
ul{padding-left:1.2em}
li{margin-bottom:.5em}

.links{display:flex;justify-content:center;gap:clamp(20px,4vw,40px);padding:20px var(--gutter) 28px;font-weight:700}
.links a{color:var(--text);text-decoration:none}
.links a:hover{color:var(--pink)}