:root{--petrol:#0A6E63;--petrol-hell:#0C7A6E;--petrol-dunkel:#07564D;--bernstein:#E8B45A;--bernstein-text:#8F6100;--mint:#E3F0EE;--weiss:#FFFFFF;--anthrazitgruen:#1B2423;--graugruen:#5A6663;--farbe-hintergrund:var(--weiss);--farbe-flaeche-ruhig:var(--mint);--farbe-flaeche-stark:var(--petrol);--farbe-flaeche-fuss:var(--petrol-dunkel);--farbe-text:var(--anthrazitgruen);--farbe-text-leise:var(--graugruen);--farbe-text-invers:var(--weiss);--farbe-akzent:var(--bernstein);--farbe-link:var(--bernstein-text);--farbe-button:var(--petrol);--farbe-button-hover:var(--petrol-dunkel);--farbe-linie:var(--bernstein);--farbe-fokus:var(--petrol);--farbe-rand-feld:var(--graugruen);--schatten-dezent:0 2px 14px rgba(7, 86, 77, 0.12);--schatten-karte:0 4px 24px rgba(7, 86, 77, 0.10);--schrift-ueberschrift:var(--marke-schrift-ueberschrift, Georgia, serif);--schrift-fliess:var(--marke-schrift-fliess, system-ui, sans-serif);--groesse-fliess:1.125rem;--groesse-klein:1rem;--groesse-h1:clamp(2.125rem, 1.35rem + 3.4vw, 3.5rem);--groesse-h2:clamp(1.625rem, 1.3rem + 1.5vw, 2.25rem);--groesse-h3:1.3125rem;--groesse-kicker:1.0625rem;--groesse-gross:clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem);--zeilenhoehe-fliess:1.6;--zeilenhoehe-eng:1.15;--zeilenhoehe-mittel:1.3;--mass-zeile:66ch;--abstand-1:0.25rem;--abstand-2:0.5rem;--abstand-3:1rem;--abstand-4:1.5rem;--abstand-5:2rem;--abstand-6:3rem;--abstand-7:4.5rem;--abstand-abschnitt:clamp(4rem, 3rem + 5vw, 7rem);--radius-klein:4px;--radius-mittel:10px;--radius-gross:18px;--radius-rund:999px;--umbruch-klein:40em;--umbruch-mittel:56em;--umbruch-gross:72em;--dauer-kurz:200ms;--dauer-mittel:400ms;--dauer-lang:600ms;--kurve:cubic-bezier(0.25, 0.6, 0.35, 1);--breite-inhalt:72rem;--kopf-hoehe:4.75rem}*,*::before,*::after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kopf-hoehe) + 1rem)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--farbe-hintergrund);color:var(--farbe-text);font-family:var(--schrift-fliess);font-size:var(--groesse-fliess);line-height:var(--zeilenhoehe-fliess);text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:var(--schrift-ueberschrift);font-weight:600;line-height:var(--zeilenhoehe-eng);text-wrap:balance}h1{font-size:var(--groesse-h1)}h2{font-size:var(--groesse-h2);line-height:var(--zeilenhoehe-mittel)}h3{font-size:var(--groesse-h3);line-height:var(--zeilenhoehe-mittel)}p,li{max-width:var(--mass-zeile)}.text-leise{color:var(--farbe-text-leise);font-size:var(--groesse-klein)}:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:3px;border-radius:var(--radius-klein)}.sprunglink{position:absolute;top:calc(var(--kopf-hoehe) + 0.5rem);left:.5rem;z-index:100;background:var(--farbe-flaeche-stark);color:var(--farbe-text-invers);padding:var(--abstand-2) var(--abstand-3);border-radius:var(--radius-klein);transform:translateY(-200%);opacity:0}.sprunglink:focus-visible{transform:none;opacity:1;outline-color:var(--farbe-akzent)}.flaeche-ruhig{background:var(--farbe-flaeche-ruhig)}.flaeche-stark{background:var(--farbe-flaeche-stark);color:var(--farbe-text-invers);--farbe-text-leise:var(--mint);--farbe-link:var(--weiss);--farbe-fokus:var(--bernstein)}.flaeche-fuss{background:var(--farbe-flaeche-fuss);color:var(--farbe-text-invers);--farbe-text-leise:var(--mint);--farbe-link:var(--weiss);--farbe-fokus:var(--bernstein)}.inhalt{width:min(100% - 2.5rem, var(--breite-inhalt));margin-inline:auto}.abschnitt{padding-block:var(--abstand-abschnitt)}#kopf-anker{position:absolute;top:0;left:0;width:1px;height:80px;pointer-events:none;visibility:hidden}.kopf{position:sticky;top:0;z-index:50;background:var(--farbe-kopf,var(--weiss))}.kopf-innen{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-4);flex-wrap:wrap;padding-block:var(--abstand-3);transition:padding var(--dauer-kurz) var(--kurve)}.kopf--kompakt .kopf-innen{padding-block:var(--abstand-2)}.kopf--kompakt{box-shadow:var(--schatten-dezent)}.logo{display:inline-flex;align-items:baseline;gap:.45rem;text-decoration:none;font-family:var(--schrift-fliess)}.logo-marke{font-weight:700;letter-spacing:.14em;font-size:1.25rem;color:var(--weiss)}.logo-zusatz{font-weight:500;font-size:1.0625rem;color:var(--bernstein)}.hauptnavigation ul{display:flex;flex-wrap:wrap;gap:var(--abstand-2) var(--abstand-4);list-style:none;padding:0}.textlink{color:var(--farbe-link);text-decoration:none;background-image:linear-gradient(currentColor,currentColor),linear-gradient(var(--farbe-linie),var(--farbe-linie));background-size:0% 2px,100% 1px;background-position:0 100%,0 100%;background-repeat:no-repeat;padding-bottom:2px;transition:background-size var(--dauer-kurz) var(--kurve)}.textlink:hover,.textlink:focus-visible{background-size:100% 2px,100% 1px}.knopf{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;padding:.75rem 1.6rem;border:0;border-radius:var(--radius-rund);background:var(--farbe-button);color:var(--farbe-text-invers);font-family:var(--schrift-fliess);font-size:var(--groesse-fliess);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color var(--dauer-kurz) var(--kurve)}.knopf:hover,.knopf:focus-visible{background:var(--farbe-button-hover)}.knopf-pfeil{flex:none;transition:transform var(--dauer-kurz) var(--kurve)}.knopf:hover .knopf-pfeil,.knopf:focus-visible .knopf-pfeil{transform:translateX(4px)}.knopf--invers{background:var(--weiss);color:var(--petrol)}.knopf--invers:hover,.knopf--invers:focus-visible{background:var(--mint);color:var(--petrol-dunkel)}.trennlinie{border:0;height:2px;width:100%;background:var(--farbe-linie);transform-origin:left}.trennlinie--kurz{width:4.5rem}.zeitstrahl{list-style:none;padding:0;counter-reset:schritt}.zeitstrahl-schritt{position:relative;padding-left:4rem;padding-bottom:var(--abstand-6)}.zeitstrahl-schritt:last-child{padding-bottom:var(--abstand-3)}.zeitstrahl-schritt::before{content:"";position:absolute;left:calc(1.375rem - 1px);top:3rem;bottom:.25rem;width:2px;background:var(--farbe-linie);transform-origin:top}.zeitstrahl-schritt:last-child::before{content:none}.zeitstrahl-nummer{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-rund);background:var(--farbe-flaeche-stark);color:var(--farbe-text-invers);font-weight:600;font-size:1.0625rem}.kachel-bildrahmen{overflow:hidden;border-radius:var(--radius-mittel)}.kachel-bildrahmen img{transition:transform var(--dauer-mittel) var(--kurve)}.kachel:hover .kachel-bildrahmen img,.kachel:focus-within .kachel-bildrahmen img{transform:scale(1.03)}.platzhalterbild{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--abstand-2);background:var(--farbe-flaeche-ruhig);border:2px dashed var(--graugruen);border-radius:var(--radius-gross);color:var(--farbe-text-leise);font-size:var(--groesse-klein);text-align:center;padding:var(--abstand-4);width:100%}.platzhalterbild p{max-width:32ch}.formular-feld{margin-bottom:var(--abstand-4)}.formular-feld label{display:block;font-weight:600;margin-bottom:var(--abstand-1)}.formular-feld input,.formular-feld textarea{width:100%;max-width:var(--mass-zeile);padding:.75rem .9rem;border:1px solid var(--farbe-rand-feld);border-radius:var(--radius-klein);font:inherit;color:var(--farbe-text);background:var(--weiss)}.formular-feld input:focus-visible,.formular-feld textarea:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:1px}.formular-hinweis{max-width:var(--mass-zeile);margin-bottom:var(--abstand-4)}.formular-hinweis p+p{margin-top:var(--abstand-2)}.rechtstext-inhalt{display:flex;flex-direction:column;gap:var(--abstand-3)}.rechtstext-inhalt h2{margin-top:var(--abstand-4)}.rechtstext-inhalt h2:first-child{margin-top:0}.fusszeile{padding-block:var(--abstand-6)}.fusszeile-innen{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--abstand-5)}.fusszeile-navigation ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--abstand-2) var(--abstand-4)}@media (prefers-reduced-motion:no-preference){html.js .anim{opacity:0;transform:translateY(10px)}html.js .anim.sichtbar{opacity:1;transform:none;transition:opacity var(--dauer-mittel) var(--kurve),transform var(--dauer-mittel) var(--kurve);transition-delay:calc(var(--stufe, 0) * 60ms)}html.js .trennlinie{transform:scaleX(0)}html.js .trennlinie.sichtbar{transform:scaleX(1);transition:transform var(--dauer-lang) var(--kurve)}html.js .zeitstrahl-schritt::before{transform:scaleY(0)}html.js .zeitstrahl-schritt.sichtbar::before{transform:scaleY(1);transition:transform var(--dauer-lang) var(--kurve)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}