@font-face{font-family:"Kumbh Sans";src:url("/medien/type/kumbh-sans-v27-latin-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Kumbh Sans";src:url("/medien/type/kumbh-sans-v27-latin-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Kumbh Sans";src:url("/medien/type/kumbh-sans-v27-latin-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  --pa-nacht:#071614;
  --pa-nacht-tief:#040E0D;
  --pa-nacht-platte:#0E2421;
  --pa-tinte:#0B2A26;
  --pa-tiffany:#7FD6CE;
  --pa-tiffany-tief:#11756F;
  --pa-tiffany-leise:#3E8C85;
  --pa-mint:#A6EBC6;
  --pa-mint-satt:#3FB88A;
  --pa-hell:#E4F6EE;
  --pa-hell-matt:#B5D3CB;
  --pa-familie:"Kumbh Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --pa-rahmen-dick:8px;
  --pa-rahmen-knopf:3px;
  --pa-rahmen-fein:1px;
  --pa-breite:90rem;
  --pa-seitenrand:clamp(1rem,3.5vw,3rem);
  --pa-kopfhoehe:5.5rem;
  --pa-luft-sektion:clamp(5rem,10vw,10rem);
  --pa-tempo-kurz:.3s;
  --pa-tempo-lang:.5s;
  --pa-kurve:ease;
}

*,*::before,*::after{box-sizing:border-box;border-radius:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1.5rem}
body{margin:0;min-height:100vh;background:var(--pa-nacht);color:var(--pa-hell-matt);font-family:var(--pa-familie);font-size:1.0625rem;font-weight:500;line-height:1.6;overflow-x:hidden}
img,svg,video,iframe{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--pa-mint);outline-offset:3px}
::selection{background:var(--pa-tiffany);color:var(--pa-nacht-tief)}

.pa-grund--nacht{--pa-unter:var(--pa-nacht);--pa-stimme:var(--pa-tiffany);--pa-stimme-text:var(--pa-tiffany);--pa-lesen:var(--pa-hell-matt);--pa-zweit:var(--pa-mint);--pa-leise:var(--pa-tiffany-tief);background-color:var(--pa-nacht);color:var(--pa-lesen)}
.pa-grund--tiffany{--pa-unter:var(--pa-tiffany);--pa-stimme:var(--pa-nacht-tief);--pa-stimme-text:var(--pa-nacht-tief);--pa-lesen:var(--pa-nacht-tief);--pa-zweit:var(--pa-hell);--pa-leise:var(--pa-tiffany-leise);background-color:var(--pa-tiffany);color:var(--pa-lesen)}
.pa-grund--mint{--pa-unter:var(--pa-mint);--pa-stimme:var(--pa-nacht-tief);--pa-stimme-text:var(--pa-nacht-tief);--pa-lesen:var(--pa-nacht-tief);--pa-zweit:var(--pa-hell);--pa-leise:var(--pa-mint-satt);background-color:var(--pa-mint);color:var(--pa-lesen)}
.pa-grund--hell{--pa-unter:var(--pa-hell);--pa-stimme:var(--pa-tiffany-tief);--pa-stimme-text:var(--pa-tiffany-tief);--pa-lesen:var(--pa-tinte);--pa-zweit:var(--pa-mint-satt);--pa-leise:var(--pa-hell-matt);background-color:var(--pa-hell);color:var(--pa-lesen)}

.pa-huelle{width:100%;max-width:var(--pa-breite);margin-inline:auto;padding-inline:var(--pa-seitenrand)}
.pa-seite{overflow:clip}
.pa-unsichtbar{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pa-skip{position:absolute;left:var(--pa-seitenrand);top:-10rem;z-index:100;padding:.75rem 1.25rem;background:var(--pa-mint);color:var(--pa-nacht-tief);font-weight:700}
.pa-skip:focus{top:1rem}

.pa-type-riese{font-weight:800;font-size:clamp(4.5rem,17vw,19rem);line-height:.8;letter-spacing:-.045em;text-transform:uppercase;color:var(--pa-stimme)}
.pa-type-titel{font-weight:800;font-size:clamp(2.6rem,6.4vw,6.5rem);line-height:1;letter-spacing:-.035em;text-transform:uppercase;color:var(--pa-stimme);text-wrap:balance;hyphens:auto;overflow-wrap:break-word}
.pa-type-kopf{font-weight:800;font-size:clamp(2.1rem,4.6vw,4.5rem);line-height:1.1;letter-spacing:-.03em;text-transform:uppercase;color:var(--pa-stimme);text-wrap:balance;hyphens:auto;overflow-wrap:break-word}
.pa-type-unter{font-weight:800;font-size:clamp(1.5rem,2.4vw,2.25rem);line-height:1.08;letter-spacing:-.02em;text-transform:uppercase;color:var(--pa-stimme);text-wrap:balance;hyphens:auto;overflow-wrap:break-word}
.pa-type-marke{font-weight:700;font-size:1rem;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;color:var(--pa-stimme-text)}
.pa-type-lead{font-weight:500;font-size:clamp(1.125rem,1.5vw,1.35rem);line-height:1.5;color:var(--pa-lesen)}
.pa-type-text{font-weight:500;font-size:1.0625rem;line-height:1.65;color:var(--pa-lesen)}
.pa-type-text--stark{font-weight:700}

.pa-button{--pa-knopf:var(--pa-stimme);--pa-knopf-invers:var(--pa-unter);position:relative;z-index:0;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.8em 1.9em;border:var(--pa-rahmen-knopf) solid var(--pa-knopf);background:transparent;color:var(--pa-knopf);font-family:var(--pa-familie);font-size:1rem;font-weight:700;line-height:1.1;letter-spacing:.12em;text-transform:uppercase;text-align:center;transition:color var(--pa-tempo-kurz) var(--pa-kurve),transform var(--pa-tempo-kurz) var(--pa-kurve)}
.pa-button::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;right:50%;opacity:0;background-color:var(--pa-knopf);transition:left var(--pa-tempo-lang) var(--pa-kurve),right var(--pa-tempo-lang) var(--pa-kurve),opacity var(--pa-tempo-lang) var(--pa-kurve)}
.pa-button:hover,.pa-button:focus-visible{color:var(--pa-knopf-invers)}
.pa-button:hover::before,.pa-button:focus-visible::before{left:0;right:0;opacity:1}
.pa-button:active{transform:scale(.9)}
.pa-button--primary{--pa-knopf:var(--pa-stimme);--pa-knopf-invers:var(--pa-unter)}
.pa-button--secondary{--pa-knopf:var(--pa-zweit);--pa-knopf-invers:var(--pa-nacht-tief);background-color:var(--pa-stimme);border-color:var(--pa-stimme);color:var(--pa-unter)}
.pa-button--ghost{--pa-knopf:var(--pa-lesen);--pa-knopf-invers:var(--pa-unter)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pa-button,.pa-button::before{transition:none}
  .pa-button:active{transform:none}
}