html.lenis,html.lenis body{height: auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow: clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior: contain}.lenis.lenis-smooth iframe{pointer-events: none}.lenis.lenis-autoToggle{transition-property: overflow;transition-duration: 1ms;transition-behavior: allow-discrete}@font-face{font-family: "Geist";src: url("../fonts/geist-variabel.woff2") format("woff2");font-weight: 100 900;font-display: swap}:root{color-scheme: light;--grund: #F4F7FA;--weiss: #FFFFFF;--platte: #E8F0FA;--text: #0D2B45;--leise: #4A6178;--leiser: #7F96AD;--aktion: #1560E0;--aktion-hell: #0E57D0;--aktion-hauch: rgb(21 96 224 / 0.1);--nacht: #06111C;--nacht-2: #0B1A2B;--kante: rgb(13 43 69 / 0.1);--kante-stark: rgb(13 43 69 / 0.18);--flaeche: #FFFFFF;--link: #1560E0;--gruen: #17834F;--gelb: #B87400;--rot: #B3261E;--fehler: #B3261E;--welle-1: #BCD4EF;--welle-2: #6FA3E6;--welle-3: #1560E0;--schrift: "Geist",system-ui,-apple-system,"Segoe UI",sans-serif;--eng: -0.03em;--radius-fenster: 14px;--radius-karte: 16px;--radius-buehne: 32px;--schatten: 0 24px 48px -28px rgb(13 43 69 / 0.28);--schatten-tief: 0 50px 100px -40px rgb(6 17 28 / 0.75),0 0 0 1px rgb(255 255 255 / 0.08);--aus: cubic-bezier(0.23,1,0.32,1);--leiste-hoehe: 4.5rem;--wrap: 76rem;--rand: clamp(1rem,4vw,3rem)}.nacht{--text: #FFFFFF;--leise: rgb(255 255 255 / 0.74);--leiser: rgb(255 255 255 / 0.5);--kante: rgb(255 255 255 / 0.14);--kante-stark: rgb(255 255 255 / 0.24);--flaeche: rgb(255 255 255 / 0.06);--link: #8FB5F0;--gruen: #4ED38F;--gelb: #F2B134;--rot: #FF8A80;--fehler: #FF8A80;--aktion-hauch: rgb(21 96 224 / 0.3);--schatten: 0 30px 60px -30px rgb(0 0 0 / 0.8);color: var(--text);background: var(--nacht)}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: calc(var(--leiste-hoehe) + 1rem);background: var(--nacht);overflow-x: clip;overflow-y: auto}body{margin: 0;font-family: var(--schrift);font-size: 1.0625rem;line-height: 1.6;color: var(--text);background: var(--grund);-webkit-font-smoothing: antialiased;font-variant-numeric: lining-nums proportional-nums}body{position: relative;overflow: clip}img,svg,video{display: block;max-width: 100%}h1,h2,h3{margin: 0;font-weight: 600;letter-spacing: var(--eng);line-height: 1.05;text-wrap: balance}h1{font-size: var(--h1-groesse,clamp(2.5rem,1.15rem + 3.6vw,4.5rem));letter-spacing: -0.035em;line-height: 1.0}h2{font-size: clamp(2rem,1.1rem + 2.4vw,3.25rem)}h3{font-size: clamp(1.25rem,1.05rem + 0.6vw,1.5rem);letter-spacing: -0.02em}p{margin: 0}a{color: var(--link);text-decoration-thickness: 1px;text-underline-offset: 0.18em}a,button,input,select,textarea,label{touch-action: manipulation;-webkit-tap-highlight-color: transparent}a:hover{text-decoration-thickness: 2px}::selection{background: rgb(21 96 224 / 0.22);color: inherit}.nacht ::selection{background: rgb(143 181 240 / 0.35)}:focus-visible{outline: 3px solid var(--aktion);outline-offset: 3px;border-radius: 4px}.nacht :focus-visible{outline-color: #8FB5F0}.wrap{position: relative;z-index: 2;width: min(var(--wrap),100% - 2 * var(--rand));margin-inline: auto}.nur-leser{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.sprung{position: absolute;top: -100px;left: 1rem;z-index: 100;padding: 0.75rem 1rem;background: var(--aktion);color: #fff;border-radius: 8px}.sprung:focus{top: 1rem}.ikon{width: 1.1em;height: 1.1em;fill: currentColor;flex: none}.ikon--gross{width: 2.6rem;height: 2.6rem}.sprite{position: absolute;width: 0;height: 0}section{position: relative;padding-block: clamp(4.5rem,10vw,8rem)}.beispiel{margin-top: 0.9rem;font-size: 0.8125rem;color: var(--leiser)}.knopf{display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;min-height: 3.25rem;padding: 0.85rem 1.5rem;border-radius: 999px;font: inherit;font-weight: 600;font-size: 1rem;line-height: 1.2;letter-spacing: -0.01em;text-decoration: none;cursor: pointer;border: 0;color: var(--text);background: var(--flaeche);box-shadow: inset 0 0 0 1px var(--kante-stark);transition: background-color 160ms var(--aus),color 160ms var(--aus),box-shadow 160ms var(--aus)}.knopf .ikon{transition: transform 220ms var(--aus)}.knopf,.pille,.funnel__wahl button,.funnel__knopf,.funnel__termine button{transition-property: background-color,color,box-shadow,scale}.knopf:active,.pille:active,.funnel__wahl button:active,.funnel__knopf:active,.funnel__termine button:active{scale: 0.97}.knopf--haupt{color: #fff;background: var(--aktion);box-shadow: 0 1px 0 rgb(255 255 255 / 0.12) inset,0 14px 30px -14px rgb(21 96 224 / 0.75)}.knopf--haupt:hover{background: var(--aktion-hell)}.knopf--leise{background: transparent}.knopf--leise:hover{background: var(--flaeche)}.knopf--klein{min-height: 2.5rem;padding: 0.5rem 1.1rem;font-size: 0.9375rem}.knopf--breit{width: 100%}.knopf[aria-busy="true"]{opacity: 0.7;cursor: progress}@media (hover: hover) and (pointer: fine){.knopf--haupt:hover .ikon,.pfeil:hover .ikon{transform: translateX(3px)}}.reihe{display: flex;flex-wrap: wrap;gap: 0.75rem;align-items: center}.pfeil{display: inline-flex;align-items: center;gap: 0.5rem;margin-top: 1.5rem;font-weight: 600;text-decoration: none;color: var(--link)}.pfeil:hover{text-decoration: underline}.haken{list-style: none;margin: 1.5rem 0 0;padding: 0;display: grid;gap: 0.7rem}.haken li{display: flex;gap: 0.75rem;align-items: flex-start;color: var(--text);font-size: 1rem}.haken .ikon{margin-top: 0.3rem;width: 1.15rem;height: 1.15rem;color: var(--gruen)}.haken--reihe{grid-template-columns: repeat(auto-fit,minmax(16rem,1fr));gap: 1rem 2rem}.fenster{position: relative;width: 100%;border-radius: var(--radius-fenster);overflow: clip;background: #fff;color: #0D2B45;box-shadow: 0 0 0 1px rgb(13 43 69 / 0.08),var(--schatten);container-type: inline-size}.nacht .fenster{box-shadow: var(--schatten-tief),0 0 140px -40px rgb(21 96 224 / 0.55)}.fenster__adr{display: flex;align-items: center;gap: 6px;padding: 9px 12px;background: #F4F7FA;border-bottom: 1px solid #E6ECF2;font-size: 12px;color: #4A6178}.fenster__adr>i{width: 9px;height: 9px;border-radius: 50%;background: #D6E0EA}.fenster__url{display: inline-flex;align-items: center;gap: 6px;margin-left: 8px;flex: 1;min-width: 0;padding: 3px 10px;border-radius: 6px;background: #fff;border: 1px solid #DCE3E8;white-space: nowrap;overflow: hidden}.fenster__url .ikon{width: 11px;height: 11px;color: #4A6178}.fenster__url b{font-weight: 600;color: #0D2B45}.fenster__status{font-size: 11px;font-weight: 600;color: #17834F;padding: 3px 8px;border-radius: 999px;background: rgb(23 131 79 / 0.1)}.muster{--m: #1F5E4A;position: relative;font-family: var(--schrift);color: #15261D;background: #fff;font-size: 2.1cqi;line-height: 1.35}.muster__leiste{display: flex;align-items: center;gap: 2.2cqi;padding: 2.4cqi 3.4cqi;font-size: 2cqi;color: #4B5B68}.muster__leiste b{font-weight: 700;color: #15261D;margin-right: auto}.muster__leiste i{font-style: normal}.muster__logo{display: grid;place-items: center;width: 4.6cqi;height: 4.6cqi;border-radius: 1.3cqi;background: var(--m);color: #fff;font-weight: 700;font-size: 2.2cqi}.muster__knopf{display: inline-block;padding: 1.2cqi 2.6cqi;border-radius: 999px;background: var(--m);color: #fff;font-weight: 600;font-size: 1.9cqi;white-space: nowrap}.muster__knopf--hell{background: #fff;color: #15261D}.muster__held{position: relative;height: 44cqi;overflow: clip}.muster__held--hoch{height: 58cqi}.muster__held img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 55%}.muster__held::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgb(10 24 16 / 0.15),rgb(10 24 16 / 0) 35%,rgb(10 24 16 / 0.72) 100%)}.muster__heldtext{position: absolute;left: 3.4cqi;right: 3.4cqi;bottom: 3.2cqi;z-index: 1;color: #fff;display: grid;gap: 1.2cqi;justify-items: start}.muster__heldtext b{font-size: 4.4cqi;line-height: 1.05;font-weight: 600;letter-spacing: -0.02em;max-width: 30ch;text-wrap: balance}.muster__heldtext>span:not(.muster__knopf){font-size: 2.1cqi;max-width: 46ch;color: rgb(255 255 255 / 0.9)}.muster__heldtext .muster__knopf{margin-top: 0.8cqi}.muster__teil{padding: 3.4cqi}.muster__teil>b{display: block;font-size: 3cqi;font-weight: 600;letter-spacing: -0.02em;margin-bottom: 1.8cqi}.muster__drei{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.4cqi}.muster__drei span{display: flex;align-items: center;gap: 1.2cqi;padding: 1.6cqi 1.8cqi;border-radius: 1.4cqi;background: #F0F5F1;font-size: 1.9cqi;font-weight: 600}.muster__drei i{width: 2.4cqi;height: 2.4cqi;border-radius: 0.7cqi;background: var(--m);flex: none}.muster__band{margin: 0 3.4cqi 3.4cqi;padding: 3.2cqi;border-radius: 2cqi;background: var(--m);color: #fff;display: flex;align-items: center;justify-content: space-between;gap: 3cqi}.muster__band b{font-size: 2.8cqi;line-height: 1.1;font-weight: 600;letter-spacing: -0.02em}.muster--cafe{background: #FBF6F0;color: #2A1A12}.muster--cafe .muster__drei span{background: #F3E9DF}.handy{position: relative;width: 100%;aspect-ratio: 9 / 19;border-radius: 13% / 6.16%;container-type: inline-size;padding: 2.2%;background: #0B0F14;box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.12),0 0 0 1px rgb(0 0 0 / 0.5),var(--schatten)}.handy{container-type: inline-size}.handy::before{content: "";position: absolute;left: -0.8cqi;top: 22%;width: 0.8cqi;height: 14%;border-radius: 1px;background: #1b222b;box-shadow: 0 20% 0 0 #1b222b}.handy::after{content: "";position: absolute;right: -0.8cqi;top: 28%;width: 0.8cqi;height: 11%;border-radius: 1px;background: #1b222b}.handy__schirm{position: absolute;inset: 1.04% 2.2%;border-radius: 11cqi;overflow: clip;background: #fff;color: #15261D;font-size: 3.6cqi;line-height: 1.35}.handy__schirm::before{content: "";position: absolute;top: 2.4cqi;left: 50%;transform: translateX(-50%);width: 26cqi;height: 6.2cqi;border-radius: 999px;background: #0B0F14;z-index: 3}.handy__uhr{position: absolute;top: 3cqi;left: 7cqi;font-size: 3.4cqi;font-weight: 600;z-index: 3}.handy__schirm--dunkel{background: linear-gradient(180deg,#0F1C2B,#06111C);color: #fff}.handy__leiste{display: flex;align-items: center;gap: 2.4cqi;padding: 12cqi 5cqi 3cqi;font-weight: 600;font-size: 3.8cqi}.handy__leiste .muster__logo{width: 7cqi;height: 7cqi;font-size: 3.6cqi;border-radius: 2cqi}.handy__held{margin: 0 4cqi;padding: 5cqi 4cqi;border-radius: 4cqi;background: var(--m);color: #fff;display: grid;gap: 3cqi;justify-items: start;min-height: 46cqi;align-content: end}.handy__held b{font-size: 6.2cqi;line-height: 1.05;letter-spacing: -0.02em}.handy__held .muster__knopf{font-size: 3.4cqi;padding: 2.2cqi 4cqi}.handy__zeilen{display: grid;gap: 2.4cqi;padding: 5cqi 4cqi}.handy__zeilen span{height: 3cqi;border-radius: 999px;background: #E8EEF3}.handy__zeilen span:nth-child(2){width: 80%}.handy__zeilen span:nth-child(3){width: 55%}.nachricht{position: absolute;left: 4cqi;right: 4cqi;top: 14cqi;display: flex;gap: 3cqi;align-items: flex-start;padding: 3.6cqi 4cqi;border-radius: 4.5cqi;background: rgb(255 255 255 / 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.16);font-size: 3.5cqi;line-height: 1.3}.nachricht .ikon{width: 6cqi;height: 6cqi;color: #8FB5F0;margin-top: 0.4cqi}.nachricht b{display: block;font-weight: 600}.nachricht em{display: block;font-style: normal;color: rgb(255 255 255 / 0.8);margin-top: 0.8cqi}.nachricht small{display: block;margin-top: 1.4cqi;font-size: 3cqi;color: #4ED38F;font-weight: 600}.nachricht--mail{display: block}.handy__schirm--sperre{background: radial-gradient(70% 45% at 50% 0%,rgb(21 96 224 / 0.45),transparent 70%),radial-gradient(60% 40% at 50% 100%,rgb(111 163 230 / 0.2),transparent 70%),linear-gradient(180deg,#0F1C2B,#06111C)}.handy__schirm--sperre .handy__uhr{opacity: 0}.sperre{position: absolute;left: 0;right: 0;top: 13cqi;text-align: center;display: grid;gap: 0.6cqi}.sperre b{font-size: 18cqi;font-weight: 500;line-height: 1;letter-spacing: -0.02em}.sperre span{font-size: 3.6cqi;color: rgb(255 255 255 / 0.75)}.handy__schirm--sperre .nachricht{top: 40cqi}.sperre__fuss{position: absolute;left: 8cqi;right: 8cqi;bottom: 6cqi;display: flex;justify-content: space-between}.sperre__fuss i{width: 12cqi;height: 12cqi;border-radius: 50%;background: rgb(255 255 255 / 0.12)}.sperre__fuss::after{content: "";position: absolute;left: 50%;bottom: -3cqi;width: 30cqi;height: 1.2cqi;border-radius: 999px;background: rgb(255 255 255 / 0.5);translate: -50% 0}.nachricht--mail[hidden]{display: none}.mail__ampel{display: inline-block;margin-bottom: 1.6cqi;padding: 1cqi 2.6cqi;border-radius: 999px;font-size: 3cqi;font-weight: 700;background: var(--ampel-farbe,#4ED38F);color: #06111C}.leiste{position: fixed;inset: 0 0 auto 0;z-index: 50;height: var(--leiste-hoehe);display: flex;align-items: center;color: var(--text);transition: background-color 240ms var(--aus),box-shadow 240ms var(--aus),color 240ms var(--aus)}.leiste::before{content: "";position: absolute;inset: 0;background: rgb(244 247 250 / 0.82);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);box-shadow: 0 1px 0 var(--kante);opacity: 1;transition: opacity 240ms var(--aus)}.leiste--nacht{color: #fff}.leiste--nacht::before{opacity: 1;background: linear-gradient(180deg,rgb(6 17 28 / 0.97),rgb(6 17 28 / 0.85) 62%,rgb(6 17 28 / 0));backdrop-filter: none;-webkit-backdrop-filter: none;box-shadow: none}.leiste__raster{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;width: min(var(--wrap),100% - 2 * var(--rand))}.marke{display: inline-flex;align-items: center;gap: 0.7rem;color: inherit;text-decoration: none;font-weight: 600;letter-spacing: -0.01em;white-space: nowrap;min-width: 0}.marke__zeichen{width: 2.1rem;height: auto}.marke__zeichen .marke__w{stroke: currentColor}.leiste--nacht .marke__zeichen .marke__w{stroke: #fff}.leiste__nav{display: flex;gap: 1.6rem}.leiste__nav a{color: inherit;text-decoration: none;font-size: 0.9375rem;opacity: 0.82}.leiste__nav a:hover{opacity: 1;text-decoration: underline}.leiste__aktion{display: flex;align-items: center;gap: 0.75rem}.leiste__tel,.leiste__menue{display: none;place-items: center;width: 2.75rem;height: 2.75rem;border-radius: 50%;color: inherit;background: var(--flaeche);box-shadow: inset 0 0 0 1px var(--kante-stark);border: 0;cursor: pointer}.leiste--nacht .leiste__tel,.leiste--nacht .leiste__menue{--flaeche: rgb(255 255 255 / 0.08);--kante-stark: rgb(255 255 255 / 0.22)}.leiste__tel .ikon,.leiste__menue .ikon{width: 1.3rem;height: 1.3rem}.menue{position: absolute;top: calc(100% + 0.5rem);left: var(--rand);right: var(--rand);display: grid;gap: 0.25rem;padding: 1rem;border-radius: var(--radius-karte);background: var(--weiss);color: #0D2B45;box-shadow: 0 0 0 1px var(--kante),var(--schatten)}.menue[hidden]{display: none}.menue a{padding: 0.75rem 0.9rem;border-radius: 10px;color: inherit;text-decoration: none;font-weight: 500}.menue a:hover{background: var(--grund)}.menue .knopf{margin-top: 0.5rem}.menue__tel{text-align: center;color: var(--leise)}@media (max-width: 56rem){.leiste__nav,.leiste__aktion .knopf{display: none}.leiste__tel,.leiste__menue{display: grid}.leiste__raster{gap: 0.75rem}}@media (max-width: 24rem){.marke__name{font-size: 0.9375rem}.leiste__tel,.leiste__menue{width: 2.5rem;height: 2.5rem}}.welle{position: absolute;top: 0;left: 0;width: 100%;height: 0;z-index: 1;pointer-events: none;overflow: visible}.welle__pfad{fill: none;stroke-linecap: round;stroke-linejoin: round}.welle__pfad--hell{stroke: var(--welle-2);stroke-width: 2;opacity: 0.45}.welle__pfad--nacht{stroke: var(--welle-2);stroke-width: 5}.welle__pfad--glanz{stroke: var(--welle-3);stroke-width: 28;opacity: 0.4;filter: url(#welle-glanz)}.welle__pfad--offen{stroke: var(--welle-2);stroke-width: 1.5;opacity: 0.35;stroke-dasharray: 0.004 0.008 !important;stroke-dashoffset: 0 !important}.nacht ~ .welle .welle__pfad--offen{opacity: 0.35}.welle__licht{fill: #fff;filter: drop-shadow(0 0 10px #8FB5F0) drop-shadow(0 0 22px #1560E0);opacity: 0}.welle__licht.ist-an{opacity: 1}.welle__pfad{stroke-dasharray: 1;stroke-dashoffset: 1}html:not(.js) .welle{display: none}@media (max-width: 56rem){.welle__pfad--licht:not(.welle__pfad--senkrecht){display: none}}.kopf{min-height: 100svh;padding-top: calc(var(--leiste-hoehe) + var(--kopf-oben,clamp(2rem,6vh,4rem)));padding-bottom: 2rem;display: grid;grid-template-rows: 1fr auto;overflow: clip;border-radius: 0 0 var(--radius-buehne) var(--radius-buehne)}.kopf__licht{position: absolute;inset: 0;z-index: 0;background: radial-gradient(55% 50% at 72% 66%,rgb(21 96 224 / 0.46),transparent 70%),radial-gradient(40% 40% at 10% 100%,rgb(111 163 230 / 0.16),transparent 70%),linear-gradient(180deg,#06111C 0%,#081627 100%)}.kopf__raster{display: grid;grid-template-columns: minmax(0,36rem) minmax(0,1fr);gap: var(--kopf-luecke,clamp(2rem,5vw,4.5rem));align-items: center}.kopf__text{display: grid;gap: 1.4rem;justify-items: start}.kopf__vorspann{font-size: var(--vorspann-groesse,clamp(1.0625rem,1rem + 0.35vw,1.25rem));line-height: 1.55;color: var(--leise);max-width: 34rem}.probe{margin-top: 0.6rem;width: min(100%,var(--probe-breite,30rem));padding: 1rem 1.1rem 0.95rem;border-radius: var(--radius-karte);background: rgb(255 255 255 / 0.06);box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.16),0 0 0 1px rgb(21 96 224 / 0.3),0 0 70px -14px rgb(21 96 224 / 0.75);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);transition: box-shadow 200ms var(--aus)}.probe:focus-within{box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.3),0 0 0 2px rgb(143 181 240 / 0.6),0 0 90px -10px rgb(21 96 224 / 0.9)}.probe__feld{display: grid;gap: 0.15rem}.probe__beschriftung{font-size: 0.75rem;letter-spacing: 0.02em;color: #8FB5F0}.probe__eingabe{width: 100%;font: inherit;font-size: 1.375rem;font-weight: 600;letter-spacing: -0.015em;color: #fff;background: transparent;border: 0;padding: 0.1rem 0;outline: none;caret-color: #8FB5F0}.probe__eingabe::placeholder{color: rgb(255 255 255 / 0.42)}.probe__pillen{display: flex;flex-wrap: wrap;gap: 0.4rem;margin-top: 0.8rem}.pille{font: inherit;font-size: 0.8125rem;padding: 0.4rem 0.8rem;border-radius: 999px;border: 0;cursor: pointer;color: rgb(255 255 255 / 0.78);background: transparent;box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.2);transition: background-color 160ms var(--aus),color 160ms var(--aus),box-shadow 160ms var(--aus)}.pille:hover{background: rgb(255 255 255 / 0.08)}.pille.ist-an{color: #fff;background: rgb(21 96 224 / 0.4);box-shadow: inset 0 0 0 1px #4F8BEA}.probe__hinweis{margin-top: 0.75rem;font-size: 0.8125rem;color: rgb(255 255 255 / 0.6)}.probe__hinweis b{color: #fff}.kopf__fenster{position: relative;perspective: 1600px;translate: var(--fenster-x,0) var(--fenster-y,0)}.kopf__anker{position: absolute;left: 50%;bottom: 2.4rem;width: 1px;height: 1px}.fenster--kopf{transform-origin: 50% 60%}.fenster__anfrage{position: absolute;right: -0.75rem;top: 7.2rem;z-index: 4;display: flex;align-items: center;gap: 0.6rem;padding: 0.6rem 0.9rem 0.6rem 0.7rem;border-radius: 12px;background: rgb(6 17 28 / 0.86);color: #fff;box-shadow: 0 0 0 1px rgb(143 181 240 / 0.35),0 20px 40px -20px rgb(0 0 0 / 0.8);font-size: 0.8125rem;line-height: 1.25;opacity: 0;translate: 0 8px;transition: opacity 400ms var(--aus),translate 400ms var(--aus)}.fenster__anfrage.ist-an{opacity: 1;translate: 0 0}.fenster__anfrage .ikon{width: 1.4rem;height: 1.4rem;color: #8FB5F0}.fenster__anfrage b{display: block;font-weight: 600}.fenster__anfrage em{font-style: normal;color: rgb(255 255 255 / 0.8)}.kopf__beispiel{margin-top: 0.9rem;font-size: 0.8125rem;color: rgb(255 255 255 / 0.5);text-align: right}.kopf__stationen{list-style: none;margin: clamp(2rem,5vh,3.5rem) auto 0;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1rem 2rem}.kopf__stationen a{display: grid;gap: 0.1rem;color: inherit;text-decoration: none;padding-top: 0.9rem;border-top: 1px solid rgb(255 255 255 / 0.16)}.kopf__stationen b{font-weight: 600;font-size: 0.9375rem}.kopf__stationen span{font-size: 0.8125rem;color: rgb(255 255 255 / 0.6)}.kopf__stationen a:hover b{text-decoration: underline}@media (max-width: 56rem){.kopf{min-height: 0;padding-top: calc(var(--leiste-hoehe) + 1.5rem);border-radius: 0 0 24px 24px}.kopf__raster{grid-template-columns: 1fr;gap: 2rem}.kopf__text{gap: 1.1rem}.fenster__anfrage{right: 0.5rem;top: 6rem}.kopf__beispiel{text-align: center}.kopf__beispiel span{display: inline-block;padding: 0.2rem 0.7rem;border-radius: 999px;background: rgb(6 17 28 / 0.9);box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.14)}.kopf__stationen{grid-template-columns: 1fr;gap: 0.5rem;margin-top: 2rem}.kopf__stationen a{padding-top: 0.6rem;grid-template-columns: auto 1fr;gap: 0.6rem;align-items: baseline}}.system{background: var(--grund)}.system__kopf{max-width: 44rem;display: grid;gap: 1rem}.system__kopf p{color: var(--leise);font-size: 1.125rem}.system__linie{list-style: none;margin: clamp(3rem,6vw,4.5rem) 0 0;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 2rem}.station{position: relative;display: grid;gap: 0.5rem;padding-top: 2.4rem}.station__punkt{position: absolute;top: 0;left: 0;width: 14px;height: 14px;border-radius: 50%;background: var(--aktion);box-shadow: 0 0 0 4px rgb(21 96 224 / 0.14)}.station h3{font-size: 1.375rem}.station p{color: var(--leise)}.station a{display: inline-flex;align-items: center;gap: 0.4rem;margin-top: 0.4rem;font-weight: 600;text-decoration: none}.station a:hover{text-decoration: underline}@media (max-width: 56rem){.system__linie{grid-template-columns: 1fr;gap: 1.5rem}.station{padding-top: 0;padding-left: 2.25rem}.station__punkt{top: 0.35rem}}.vorschau{background: var(--weiss)}.vorschau__raster{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);gap: clamp(2rem,5vw,5rem);align-items: center}.vorschau__text{display: grid;gap: 1.1rem;justify-items: start}.vorschau__text>p{color: var(--leise);font-size: 1.125rem}.wege{list-style: none;margin: 0.4rem 0 0;padding: 0;display: grid;gap: 0.8rem}.wege li{padding-left: 1.4rem;position: relative;color: var(--leise)}.wege li::before{content: "";position: absolute;left: 0;top: 0.6rem;width: 8px;height: 8px;border-radius: 50%;background: var(--aktion)}.wege b{color: var(--text);font-weight: 600}.vorschau__satz{font-weight: 600;color: var(--text) !important}.vorschau__buehne{position: relative;padding: clamp(1.25rem,3vw,2.5rem);border-radius: 24px;background: var(--platte)}.vorschau__buehne .beispiel{position: absolute;left: clamp(1.25rem,3vw,2.5rem);bottom: 0.6rem;margin: 0}.fenster--gross{margin-right: 18%}.handy--vorschau{position: absolute;right: clamp(0.75rem,2vw,1.5rem);bottom: clamp(1rem,3vw,2rem);width: 26%;min-width: 6.5rem}@media (max-width: 56rem){.vorschau__raster{grid-template-columns: 1fr}.fenster--gross{margin-right: 0}.handy--vorschau{width: 30%;right: 0.75rem;bottom: 1.5rem}}.leistung--web{background: var(--grund)}.leistung--kunden{background: var(--weiss)}.leistung__raster{display: grid;grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);gap: clamp(2rem,5vw,5rem);align-items: center}.leistung__text{display: grid;gap: 1rem}.leistung__text>p{color: var(--leise)}.leistung__satz{font-size: 1.25rem;font-weight: 600;color: var(--text) !important;letter-spacing: -0.015em}.leistung__text--mitte{max-width: 46rem;margin-inline: auto;text-align: center;justify-items: center}.leistung__fuss{max-width: 60rem;margin: 2.5rem auto 0;text-align: center;display: grid;justify-items: center}.leistung__fuss .haken--reihe{text-align: left}.vergleich{position: relative;aspect-ratio: 16 / 11;border-radius: var(--radius-fenster);overflow: clip;box-shadow: 0 0 0 1px rgb(13 43 69 / 0.08),var(--schatten);background: #fff;container-type: inline-size;isolation: isolate}.vergleich__alt,.vergleich__neu{position: absolute;inset: 0}.vergleich__neu{clip-path: inset(0 0 0 62%)}.vergleich__neu .muster{height: 100%}.vergleich__neu .muster__held{height: calc(100% - 9cqi)}.alt{height: 100%;background: #FFFFFF;font-family: Georgia,"Times New Roman",serif;color: #000;font-size: 2.2cqi;line-height: 1.4}.alt__kopf{padding: 3cqi 4cqi;background: linear-gradient(#5B7FB5,#2E4E82);color: #fff}.alt__kopf b{display: block;font-size: 4.4cqi;font-weight: 700}.alt__kopf span{font-style: italic}.alt__nav{display: flex;gap: 0;background: #DCE3EE;border-bottom: 1px solid #9DAAC1}.alt__nav span{padding: 1.4cqi 3cqi;border-right: 1px solid #9DAAC1;color: #1A3A8A;text-decoration: underline}.alt__inhalt{padding: 3cqi 4cqi;display: grid;gap: 2cqi}.alt__zaehler{font-family: "Courier New",monospace;font-size: 2cqi;color: #555}.vergleich__etikett{position: absolute;left: 3cqi;bottom: 3cqi;padding: 0.9cqi 2cqi;border-radius: 999px;background: rgb(13 43 69 / 0.78);color: #fff;font-size: 2.1cqi;font-weight: 600}.vergleich__etikett--neu{left: auto;right: 3cqi;background: var(--aktion)}.vergleich__griff{position: absolute;inset: 0;z-index: 3;cursor: ew-resize}.vergleich__griff input{position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;opacity: 0;cursor: ew-resize}.vergleich__knauf{position: absolute;top: 0;bottom: 0;left: 0;translate: -50% 0;transform: translateX(var(--kx,62cqi));width: 2px;background: #fff;box-shadow: 0 0 0 1px rgb(13 43 69 / 0.2);pointer-events: none}.vergleich__knauf .ikon{position: absolute;top: 50%;left: 50%;translate: -50% -50%;width: 2.9rem;height: 2.9rem;padding: 0.8rem;border-radius: 50%;background: #fff;color: var(--text);box-shadow: 0 10px 24px -8px rgb(13 43 69 / 0.5)}.vergleich__griff input:focus-visible + .vergleich__knauf .ikon{outline: 3px solid var(--aktion);outline-offset: 2px}.kette{list-style: none;margin: clamp(2.5rem,5vw,4rem) auto 0;padding: 0;display: grid;grid-template-columns: 1fr 1fr 0.8fr;gap: clamp(1.5rem,4vw,3.5rem);align-items: end;max-width: 64rem}.kette__glied{display: grid;gap: 0.9rem;justify-items: center;container-type: inline-size}.kette__name{font-size: 0.9375rem;font-weight: 600;color: var(--leise)}.karte{width: 100%;border-radius: var(--radius-karte);background: #fff;box-shadow: 0 0 0 1px var(--kante),var(--schatten);container-type: inline-size;overflow: clip}.karte--anzeige{padding: 4cqi;display: grid;gap: 3cqi;font-size: 3.4cqi;color: #15261D}.anzeige__kopf{display: flex;gap: 2.6cqi;align-items: center}.anzeige__avatar{display: grid;place-items: center;width: 9cqi;height: 9cqi;border-radius: 50%;background: #1B5F8C;color: #fff;font-weight: 700}.anzeige__kopf b{display: block;font-weight: 600}.anzeige__kopf em{font-style: normal;color: #6B7A88;font-size: 2.9cqi}.anzeige__bild{display: block;height: 52cqi;border-radius: 3cqi;overflow: clip}.anzeige__bild img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 30%}.anzeige__text{font-weight: 600;font-size: 3.8cqi;letter-spacing: -0.01em}.karte--anzeige .muster__knopf{font-size: 3.2cqi;padding: 2cqi 4cqi;justify-self: start}.karte--fragen{padding: 5cqi 4.5cqi;display: grid;gap: 3.4cqi;font-size: 3.5cqi;color: #15261D}.fragen__balken{height: 1.4cqi;border-radius: 999px;background: #E6ECF2;overflow: clip}.fragen__balken i{display: block;width: 50%;height: 100%;background: var(--m)}.fragen__frage{font-weight: 600;font-size: 4.6cqi;letter-spacing: -0.015em}.fragen__wahl{display: grid;gap: 2cqi}.fragen__wahl span{padding: 2.8cqi 3.4cqi;border-radius: 2.6cqi;box-shadow: inset 0 0 0 1px #D6E0EA}.fragen__wahl span.ist-an{box-shadow: inset 0 0 0 2px var(--m);background: color-mix(in srgb,var(--m) 8%,#fff);font-weight: 600}.karte--fragen .muster__knopf{justify-self: end;font-size: 3.2cqi;padding: 2cqi 4.4cqi}.handy--chef{width: min(100%,12rem)}@media (max-width: 56rem){.leistung__raster{grid-template-columns: 1fr}.kette{grid-template-columns: 1fr;max-width: 22rem}.handy--chef{width: 50%}}.bewerber{border-radius: var(--radius-buehne);overflow: clip;margin-inline: clamp(0rem,1vw,1rem)}.bewerber__licht{position: absolute;inset: 0;z-index: 0;background: radial-gradient(50% 45% at 78% 40%,rgb(21 96 224 / 0.38),transparent 70%),radial-gradient(35% 35% at 15% 95%,rgb(78 211 143 / 0.12),transparent 70%),linear-gradient(180deg,#06111C,#081627)}.bewerber__raster{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);gap: clamp(2rem,5vw,5rem);align-items: start}.bewerber__text{display: grid;gap: 1.1rem}.bewerber__text>p{color: var(--leise)}.bewerber__aufforderung{font-weight: 600;color: #fff !important}.ampel{margin-top: 1.5rem;padding: 1.5rem;border-radius: var(--radius-karte);background: rgb(255 255 255 / 0.05);box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.12);display: grid;gap: 0.9rem}.ampel h3{font-size: 1.375rem}.ampel>p{color: var(--leise);font-size: 1rem}.ampel__liste{list-style: none;margin: 0.4rem 0 0;padding: 0;display: grid;gap: 0.75rem}.ampel__stufe{display: flex;gap: 0.8rem;align-items: flex-start;padding: 0.7rem 0.8rem;border-radius: 12px;font-size: 0.9375rem;color: var(--leise);transition: background-color 300ms var(--aus)}.ampel__stufe b{color: #fff;font-weight: 600}.ampel__licht{flex: none;width: 1rem;height: 1rem;margin-top: 0.3rem;border-radius: 50%;background: rgb(255 255 255 / 0.18);transition: background-color 300ms var(--aus),box-shadow 300ms var(--aus)}.ampel__stufe--gruen.ist-an .ampel__licht{background: var(--gruen);box-shadow: 0 0 18px var(--gruen)}.ampel__stufe--gelb.ist-an .ampel__licht{background: var(--gelb);box-shadow: 0 0 18px var(--gelb)}.ampel__stufe--rot.ist-an .ampel__licht{background: var(--rot);box-shadow: 0 0 18px var(--rot)}.ampel__stufe.ist-an{background: rgb(255 255 255 / 0.07)}.ampel__satz{font-size: 0.875rem;color: var(--leiser) !important}.bewerber__buehne{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(1.5rem,3vw,2.5rem);align-items: start}.handy--funnel{width: 100%;max-width: 18rem;margin-inline: auto}.handy__schirm--funnel{background: #fff}.funnel__schritt{position: absolute;inset: 0;padding: 14cqi 6cqi 6cqi;display: none;grid-template-rows: auto auto 1fr auto;gap: 3cqi;align-content: start}.funnel__schritt.ist-an{display: grid}.funnel__schritt>b{font-size: 5cqi;line-height: 1.15;letter-spacing: -0.015em}.funnel__balken{height: 1.4cqi;border-radius: 999px;background: #E6ECF2;overflow: clip}.funnel__balken i{display: block;height: 100%;width: 100%;background: var(--m);transform-origin: 0 50%;scale: var(--f) 1;transition: scale 400ms var(--aus)}.funnel__zaehler{font-size: 3cqi;color: #6B7A88;font-weight: 600}.funnel__wahl{display: grid;gap: 2.2cqi;align-content: start}.funnel__wahl button,.funnel__knopf,.funnel__termine button,.funnel__nochmal{font: inherit;cursor: pointer;border: 0}.funnel__wahl button{text-align: left;padding: 3.2cqi 3.6cqi;border-radius: 3cqi;background: #fff;color: #15261D;font-size: 3.6cqi;font-weight: 500;box-shadow: inset 0 0 0 1.5px #D6E0EA;transition: box-shadow 140ms var(--aus),background-color 140ms var(--aus)}.funnel__wahl button:hover{box-shadow: inset 0 0 0 2px var(--m)}.funnel__wahl button.ist-an{box-shadow: inset 0 0 0 2px var(--m);background: color-mix(in srgb,var(--m) 10%,#fff);font-weight: 600}.funnel__knopf{padding: 3.4cqi 5cqi;border-radius: 999px;background: var(--m);color: #fff;font-weight: 600;font-size: 3.7cqi}.funnel__knopf:hover{filter: brightness(1.08)}.funnel__start{position: absolute;inset: 0;display: grid;grid-template-rows: 44% 1fr;color: #15261D;background: #fff}.funnel__foto{position: relative;overflow: clip;background: #5E3D1E}.funnel__foto img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 40%}.funnel__foto::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgb(0 0 0 / 0.3),rgb(0 0 0 / 0) 40%,rgb(0 0 0 / 0.35))}.funnel__marke{position: absolute;left: 6cqi;bottom: 4cqi;z-index: 1;font-size: 3.4cqi;font-weight: 600;color: #fff;letter-spacing: 0.02em}.funnel__text{display: grid;grid-template-rows: auto auto auto 1fr;gap: 2.8cqi;padding: 5cqi 6cqi 6cqi;min-height: 0}.funnel__text b{font-size: 7cqi;line-height: 1.05;letter-spacing: -0.02em}.funnel__text>span{font-size: 3.7cqi;line-height: 1.4;color: #4F6157}.funnel__text ul{list-style: none;margin: 0.5cqi 0 0;padding: 0;display: grid;gap: 1.8cqi;font-size: 3.6cqi;font-weight: 500}.funnel__text li{padding-left: 5cqi;position: relative}.funnel__text li::before{content: "";position: absolute;left: 0;top: 1.6cqi;width: 2.4cqi;height: 2.4cqi;border-radius: 50%;background: var(--m)}.funnel__fuss{align-self: end;display: grid;gap: 2cqi}.funnel__fuss .funnel__knopf{width: 100%;text-align: center;padding: 4cqi 5cqi;font-size: 4cqi}.funnel__fuss small{font-size: 3cqi;color: #6B7A88;text-align: center}.funnel__felder{display: grid;gap: 2.4cqi}.funnel__felder span{display: grid;gap: 0.6cqi;padding: 2.6cqi 3.4cqi;border-radius: 3cqi;box-shadow: inset 0 0 0 1.5px #D6E0EA;font-size: 2.9cqi;color: #6B7A88}.funnel__felder em{font-style: normal;font-size: 3.8cqi;font-weight: 600;color: #15261D}.funnel__danke{position: absolute;inset: 0;padding: 14cqi 6cqi 8cqi;display: grid;align-content: center;gap: 3cqi;text-align: center;justify-items: center}.funnel__danke .ikon--gross{color: var(--m);width: 14cqi;height: 14cqi}.funnel__danke b{font-size: 5cqi;line-height: 1.15;letter-spacing: -0.015em}.funnel__danke span{font-size: 3.6cqi;color: #4F6157}.funnel__danke>div{display: grid;gap: 3cqi;justify-items: center}.funnel__danke>div[hidden]{display: none}.funnel__termine{display: flex;gap: 2cqi;flex-wrap: wrap;justify-content: center}.funnel__termine button{padding: 2.4cqi 3.4cqi;border-radius: 999px;background: #fff;box-shadow: inset 0 0 0 1.5px #D6E0EA;font-size: 3.3cqi;font-weight: 600;color: #15261D}.funnel__termine button.ist-an{background: var(--m);color: #fff;box-shadow: none}.funnel__nochmal{margin-top: 4cqi;background: transparent;color: #6B7A88;font-size: 3.2cqi;text-decoration: underline}.chef{display: grid;gap: 1rem;justify-items: center;text-align: center}.chef__titel{font-weight: 600;color: #fff}.handy--chef-gross{width: 100%;max-width: 12.5rem}.chef__text{font-size: 0.9375rem;color: var(--leise);max-width: 26rem;text-align: left}.nachricht--warten{opacity: 0.6}.chef.ist-an .nachricht--warten{display: none}.bewerber__fuss{margin-top: clamp(2.5rem,5vw,4rem);display: grid;gap: 0.5rem;justify-items: start}@media (max-width: 64rem){.bewerber__raster{grid-template-columns: 1fr}.bewerber__buehne{grid-template-columns: minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 40rem){.bewerber{border-radius: 24px;margin-inline: 0}.bewerber__buehne{grid-template-columns: 1fr}.handy--funnel{max-width: 13.5rem}.handy--chef-gross{max-width: 11rem}.nachricht{font-size: 4cqi}}.ablauf{background: var(--weiss)}.ablauf__raster{margin-top: clamp(2.5rem,5vw,4rem);display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,0.8fr);gap: clamp(2rem,6vw,6rem);align-items: center}.schritte{position: relative;list-style: none;margin: 0;padding: 0;display: grid;gap: clamp(1.5rem,3vw,2.5rem)}.schritt{position: relative;display: grid;grid-template-columns: 2.5rem 1fr;gap: 0.2rem 1.25rem;align-items: start}.schritt__nr{display: grid;place-items: center;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: var(--weiss);color: var(--aktion);font-weight: 600;box-shadow: inset 0 0 0 2px var(--aktion);position: relative;z-index: 2}.schritt h3{grid-column: 2;align-self: center;font-size: 1.25rem;margin-top: 0.4rem}.schritt p{grid-column: 2;color: var(--leise)}.ablauf__handy{display: grid;justify-items: center}.handy--ablauf{width: min(100%,16rem)}.ablauf__bild{position: relative;margin: 12cqi 4cqi 3cqi;border-radius: 4cqi;overflow: clip;height: 52cqi}.ablauf__bild img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 45%}.ablauf__bild::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,transparent 30%,rgb(10 24 16 / 0.8))}.ablauf__bildtext{position: absolute;left: 4cqi;right: 4cqi;bottom: 4cqi;z-index: 1;color: #fff;display: grid;grid-template-columns: auto 1fr;gap: 0.6cqi 2.4cqi;align-items: center}.ablauf__bildtext .muster__logo{grid-row: span 2;width: 8cqi;height: 8cqi;font-size: 4cqi;border-radius: 2.2cqi}.ablauf__bildtext b{font-size: 4cqi}.ablauf__bildtext em{font-style: normal;font-size: 2.9cqi;color: rgb(255 255 255 / 0.85)}.ablauf__chat{display: grid;gap: 2cqi;padding: 2cqi 4cqi}.ablauf__blase{max-width: 85%;padding: 2.6cqi 3.4cqi;border-radius: 4cqi 4cqi 4cqi 1cqi;background: #EEF2F5;font-size: 3.8cqi}.ablauf__blase--ich{justify-self: end;border-radius: 4cqi 4cqi 1cqi 4cqi;background: var(--aktion);color: #fff}.ablauf__eingabe{position: absolute;left: 4cqi;right: 4cqi;bottom: 5cqi;display: flex;align-items: center;justify-content: space-between;padding: 2.6cqi 2cqi 2.6cqi 4cqi;border-radius: 999px;box-shadow: inset 0 0 0 1.5px #D6E0EA;font-size: 3.4cqi;color: #8A98A6}.ablauf__eingabe i{width: 6cqi;height: 6cqi;border-radius: 50%;background: var(--aktion)}.ablauf__satz{margin-top: clamp(2rem,4vw,3rem);font-size: 1.125rem;font-weight: 600;max-width: 40rem}@media (max-width: 56rem){.ablauf__raster{grid-template-columns: 1fr}.handy--ablauf{width: min(60%,12.5rem)}}.gebiet{background: var(--grund)}.gebiet__raster{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);gap: clamp(2.5rem,6vw,5rem);align-items: center}.person__satz{margin-top: 1rem;color: var(--leise);font-size: 1.125rem}.gebiet__titel{margin-top: clamp(2.5rem,5vw,4rem);font-size: clamp(1.625rem,1.1rem + 1.4vw,2.375rem)}.gebiet__text>p:not(.person__satz){margin-top: 1rem;color: var(--leise);font-size: 1.125rem}.gebiet__karte{margin: 0;padding: clamp(1rem,3vw,2rem);overflow: clip;border-radius: 24px;background: var(--weiss);box-shadow: 0 0 0 1px var(--kante)}.gebiet__karte svg{width: 100%;height: auto;aspect-ratio: 420 / 373;overflow: visible}.gebiet__karte figcaption{margin-top: 0.75rem;font-size: 0.8125rem;color: var(--leiser)}.karte text{font-family: var(--schrift);font-size: 12.5px;font-weight: 600;fill: var(--text);paint-order: stroke;stroke: var(--weiss);stroke-width: 3px;stroke-linejoin: round}.karte .karte__ort--mitte{font-size: 13px;font-weight: 700}.karte__schein{fill: rgb(21 96 224 / 0.06)}.karte__iller{stroke: #8FB5DE;stroke-opacity: 0.8}.karte__donau{stroke: var(--aktion);filter: drop-shadow(0 0 3px rgb(21 96 224 / 0.35))}.karte__punkt{fill: #7F96AD}.karte__ring{stroke: var(--aktion);stroke-opacity: 0.5}.karte__mitte{fill: var(--aktion)}.karte__puls{stroke: var(--aktion);transform-box: fill-box;transform-origin: center}@media (max-width: 56rem){.gebiet__raster{grid-template-columns: 1fr}}.abraten{background: var(--weiss)}.abraten__kopf{max-width: 40rem;display: grid;gap: 0.8rem}.abraten__kopf p{color: var(--leise);font-size: 1.125rem}.abraten__liste{list-style: none;margin: clamp(2rem,4vw,3rem) 0 0;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.5rem}.abraten__liste li{display: flex;gap: 1rem;align-items: flex-start;padding: 1.5rem;border-radius: var(--radius-karte);background: var(--grund)}.abraten__liste .ikon{flex: none;width: 2rem;height: 2rem;padding: 0.45rem;border-radius: 50%;background: rgb(179 38 30 / 0.1);color: var(--rot)}.abraten__liste b{display: block;font-weight: 600;margin-bottom: 0.3rem}.abraten__liste p{color: var(--leise);font-size: 0.9375rem}@media (max-width: 56rem){.abraten__liste{grid-template-columns: 1fr;gap: 0.75rem}.abraten__liste li{padding: 1rem 1.1rem;gap: 0.8rem}.abraten__liste .ikon{width: 1.6rem;height: 1.6rem;padding: 0.35rem}.abraten__liste b{font-size: 1rem}}.fragen{background: var(--grund)}.fragen__raster{display: grid;grid-template-columns: minmax(0,0.7fr) minmax(0,1.3fr);gap: clamp(2rem,5vw,5rem);align-items: start}.fragen__liste{display: grid;gap: 0.5rem}.fragen details{border-radius: 12px;background: var(--weiss);box-shadow: 0 0 0 1px var(--kante)}.fragen summary{display: flex;justify-content: space-between;align-items: center;gap: 1rem;padding: 1rem 1.25rem;font-weight: 600;cursor: pointer;list-style: none}.fragen summary::-webkit-details-marker{display: none}.fragen summary .ikon{width: 1.2rem;height: 1.2rem;color: var(--leise);transition: transform 200ms var(--aus)}.fragen details[open] summary .ikon{transform: rotate(180deg)}.fragen details p{padding: 0 1.25rem 1.1rem;color: var(--leise)}@media (max-width: 56rem){.fragen__raster{grid-template-columns: 1fr;gap: 1.5rem}}.anfrage{border-radius: var(--radius-buehne) var(--radius-buehne) 0 0;overflow: clip}.anfrage__licht{position: absolute;inset: 0;z-index: 0;background: radial-gradient(50% 50% at 25% 30%,rgb(21 96 224 / 0.4),transparent 70%),linear-gradient(180deg,#06111C,#0A1B2E)}.anfrage__raster{display: grid;grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);gap: clamp(2rem,5vw,5rem);align-items: start}.anfrage__text{display: grid;gap: 1rem;position: sticky;top: calc(var(--leiste-hoehe) + 2rem)}.anfrage__text>p{color: var(--leise);font-size: 1.125rem}.direkt{margin-top: 1rem;padding-top: 1.5rem;border-top: 1px solid var(--kante)}.direkt__titel{font-weight: 600;margin-bottom: 0.75rem}.direkt ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.6rem}.direkt a{display: inline-flex;align-items: center;gap: 0.6rem;color: #fff;text-decoration: none}.direkt a:hover{text-decoration: underline}.direkt .ikon{color: #8FB5F0;width: 1.25rem;height: 1.25rem}.anfrage__karte{padding: clamp(1.25rem,3vw,2.25rem);border-radius: 20px;background: rgb(255 255 255 / 0.06);box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.14),0 40px 80px -40px rgb(0 0 0 / 0.7);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}.formular{display: grid;gap: 1.1rem}.feldpaar{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem}.feld{display: grid;gap: 0.35rem;min-width: 0}.feld label,.feld legend{font-size: 0.9375rem;font-weight: 600}.feld__frei{font-weight: 400;color: var(--leiser);font-size: 0.8125rem;margin-left: 0.3rem}.feld input:not([type="checkbox"]),.feld textarea,.feld select{width: 100%;font: inherit;color: #fff;padding: 0.8rem 0.95rem;border-radius: 12px;border: 0;background: rgb(255 255 255 / 0.07);box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.2);transition: box-shadow 160ms var(--aus),background-color 160ms var(--aus)}.feld input:focus,.feld textarea:focus,.feld select:focus{outline: none;box-shadow: inset 0 0 0 2px #8FB5F0;background: rgb(255 255 255 / 0.1)}.feld input[aria-invalid="true"],.feld textarea[aria-invalid="true"]{box-shadow: inset 0 0 0 2px var(--fehler)}.feld select{appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.9rem center;background-size: 1rem;padding-right: 2.6rem}.feld select option{color: #0D2B45}.feld textarea{resize: vertical;min-height: 5.5rem}.feld__hinweis{font-size: 0.8125rem;color: var(--leiser)}.feld__fehler{font-size: 0.875rem;color: var(--fehler);font-weight: 500}.feld__fehler[hidden],.feld__hinweis[hidden]{display: none}.feld--auswahl{margin: 0;padding: 0;border: 0}.auswahl{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 0.2rem}.auswahl label{position: relative;display: inline-flex;align-items: center;padding: 0.55rem 0.95rem;border-radius: 999px;font-size: 0.9375rem;cursor: pointer;box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.22);transition: background-color 160ms var(--aus),box-shadow 160ms var(--aus)}.auswahl input{position: absolute;opacity: 0;width: 1px;height: 1px}.auswahl label:has(input:checked){background: rgb(21 96 224 / 0.45);box-shadow: inset 0 0 0 1px #4F8BEA}.auswahl label:has(input:focus-visible){outline: 3px solid #8FB5F0;outline-offset: 2px}.feld--fang{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.haken-feld{display: flex;gap: 0.75rem;align-items: flex-start;font-weight: 400 !important;font-size: 0.9375rem;color: var(--leise);cursor: pointer}.haken-feld input{flex: none;width: 1.25rem;height: 1.25rem;margin: 0.15rem 0 0;accent-color: var(--aktion)}.haken-feld a{color: #fff}.formular__fehler{padding: 1rem 1.1rem;border-radius: 12px;background: rgb(255 138 128 / 0.12);box-shadow: inset 0 0 0 1px rgb(255 138 128 / 0.5)}.formular__fehler[hidden]{display: none}.formular__fehlertitel{font-weight: 600;margin-bottom: 0.4rem}.formular__fehler ul{margin: 0;padding-left: 1.2rem;display: grid;gap: 0.25rem}.formular__fehler a{color: #fff}.formular__beruhigung{font-size: 0.875rem;color: var(--leiser)}.formular__meldung{font-weight: 500;color: var(--fehler)}.formular__meldung[hidden]{display: none}.formular__meldung a{color: #fff}.danke{display: grid;gap: 1rem;padding: 1rem 0}.danke[hidden]{display: none}.danke__schritte{list-style: none;margin: 0;padding: 0;display: flex;gap: 0.5rem;flex-wrap: wrap}.danke__schritte li{padding: 0.4rem 0.9rem;border-radius: 999px;font-size: 0.875rem;box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.2);color: var(--leiser)}.danke__schritte li.ist-an{background: var(--gruen);color: #06111C;font-weight: 600;box-shadow: none}.danke h3{font-size: 1.5rem}.danke p{color: var(--leise)}@media (max-width: 56rem){.anfrage{border-radius: 24px 24px 0 0}.anfrage__raster{grid-template-columns: 1fr}.anfrage__text{position: static}.feldpaar{grid-template-columns: 1fr}}.fuss{background: var(--nacht);color: rgb(255 255 255 / 0.74);padding: 3rem 0 6rem;font-size: 0.9375rem}.fuss__raster{display: grid;grid-template-columns: 1.4fr 1fr auto;gap: 2rem;align-items: start}.fuss__marke{display: flex;gap: 1rem;align-items: flex-start}.fuss__marke .marke__zeichen{width: 2.4rem;flex: none}.fuss__marke .marke__w{stroke: #fff}.fuss__marke b{color: #fff;font-weight: 600}.fuss__adresse{font-style: normal;line-height: 1.7}.fuss a{color: #fff}.fuss__links{display: flex;gap: 1.25rem}.fuss__klein{grid-column: 1 / -1;font-size: 0.8125rem;color: rgb(255 255 255 / 0.5);padding-top: 1.5rem;border-top: 1px solid rgb(255 255 255 / 0.12)}@media (max-width: 56rem){.fuss{padding-bottom: 7rem}.fuss__raster{grid-template-columns: 1fr;gap: 1.5rem}}.rufleiste{position: fixed;left: 0.75rem;right: 0.75rem;bottom: 0.75rem;z-index: 40;display: none;gap: 0.5rem;padding: 0.5rem;border-radius: 999px;background: rgb(6 17 28 / 0.88);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: 0 0 0 1px rgb(255 255 255 / 0.12),0 20px 40px -20px rgb(0 0 0 / 0.8);translate: 0 calc(100% + 1.5rem);transition: translate 300ms var(--aus)}.rufleiste.ist-an{translate: 0 0}.rufleiste .knopf{flex: 1;min-height: 2.9rem;font-size: 0.9375rem}.rufleiste__tel{display: grid;place-items: center;width: 2.9rem;height: 2.9rem;border-radius: 50%;color: #fff;background: rgb(255 255 255 / 0.1);box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.2)}.rufleiste__tel .ikon{width: 1.3rem;height: 1.3rem}@media (max-width: 56rem){.rufleiste{display: flex}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}.js .leiste .marke__w{stroke-dasharray: 1;stroke-dashoffset: 1;animation: w-zeichnen 1.1s var(--aus) 0.1s forwards}.js .kopf__text>*{opacity: 0;translate: 0 14px;animation: aufsteigen 0.9s var(--aus) forwards;animation-delay: calc(0.2s + var(--n,0) * 0.09s)}.js .kopf__text>.kopf__vorspann{--n: 1}.js .kopf__text>.reihe{--n: 2}.js .kopf__text>.probe{--n: 3}.js [data-woerter] .wort{display: inline-block;opacity: 0;translate: 0 0.35em;animation: wort 0.7s var(--aus) forwards;animation-delay: calc(0.25s + var(--w) * 55ms)}.js .kopf__fenster .fenster--kopf{transform: perspective(1600px) rotateY(-16deg) rotateX(7deg) translateX(56px) scale(0.94);animation: fenster-kippt 1.4s var(--aus) 0.3s forwards}.js .kopf__stationen li{opacity: 0;animation: aufsteigen 0.8s var(--aus) forwards;animation-delay: calc(1.1s + var(--i,0) * 0.1s)}.js .kopf__stationen li:nth-child(2){--i: 1}.js .kopf__stationen li:nth-child(3){--i: 2}.js .kopf__beispiel{opacity: 0;animation: aufsteigen 0.8s var(--aus) 1.6s forwards}@supports (animation-timeline: view()){.js section:not(.kopf) [data-woerter] .wort{animation: wort linear both;animation-timeline: view();animation-range: entry 10% cover calc(22% + var(--w) * 1.4%)}.js .station,.js .kette__glied,.js .abraten__liste li{animation: aufsteigen linear both;animation-timeline: view();animation-range: entry calc(5% + var(--i,0) * 6%) cover calc(28% + var(--i,0) * 6%)}.js .vorschau__buehne,.js .leistung__bild,.js .handy--funnel,.js .chef,.js .gebiet__karte,.js .anfrage__karte,.js .ablauf__handy{animation: aufsteigen linear both;animation-timeline: view();animation-range: entry 5% cover 30%}.js .karte__donau{stroke-dasharray: 1;animation: fluss-zeichnen linear both;animation-timeline: view();animation-range: entry 20% cover 55%}.js .schritt{animation: aufsteigen linear both;animation-timeline: view();animation-range: entry 0% cover 25%}}@supports not (animation-timeline: view()){.js .station,.js .kette__glied,.js .abraten__liste li,.js .vorschau__buehne,.js .leistung__bild,.js .handy--funnel,.js .chef,.js .gebiet__karte,.js .anfrage__karte,.js .ablauf__handy,.js .schritt{opacity: 0;translate: 0 18px;transition: opacity 0.8s var(--aus),translate 0.8s var(--aus);transition-delay: calc(var(--i,0) * 90ms)}.js .ist-sichtbar,.js .abraten__liste li.ist-sichtbar{opacity: 1;translate: 0 0}.js section:not(.kopf) [data-woerter] .wort{display: inline-block;opacity: 0;translate: 0 0.3em;transition: opacity 0.6s var(--aus),translate 0.6s var(--aus);transition-delay: calc(var(--w) * 45ms)}.js section:not(.kopf) [data-woerter].ist-sichtbar .wort{opacity: 1;translate: 0 0}}.karte__puls{animation: puls 2.6s var(--aus) 3}.leiste__nav a,.pille,.funnel__wahl button{transition-duration: 160ms}.js .funnel__schritt.ist-an{animation: schritt-herein 220ms var(--aus)}}@media (prefers-reduced-motion: reduce){.welle__pfad{stroke-dashoffset: 0 !important}.welle__licht{display: none}.fenster__anfrage{transition: none}.rufleiste{transition: opacity 150ms}}@keyframes w-zeichnen{to{stroke-dashoffset: 0}}@keyframes aufsteigen{from{opacity: 0;translate: 0 14px}to{opacity: 1;translate: 0 0}}@keyframes wort{from{opacity: 0;translate: 0 0.35em}to{opacity: 1;translate: 0 0}}@keyframes fenster-kippt{from{transform: perspective(1600px) rotateY(-16deg) rotateX(7deg) translateX(56px) scale(0.94)}to{transform: perspective(1600px) rotateY(-5deg) rotateX(2deg) translateX(0) scale(1)}}@keyframes fuellen{from{scale: 1 0}to{scale: 1 1}}@keyframes schritt-herein{from{opacity: 0;translate: 0 8px}to{opacity: 1;translate: 0 0}}@keyframes fluss-zeichnen{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@keyframes puls{from{transform: scale(0.6);opacity: 0.9}to{transform: scale(2.2);opacity: 0}}@media (max-width: 56rem){.js .kopf__fenster .fenster--kopf{animation-name: fenster-kippt-handy}}@keyframes fenster-kippt-handy{from{transform: translateY(24px) scale(0.97)}to{transform: none}}.unterseite{padding: calc(var(--leiste-hoehe) + 3rem) 0 5rem;background: var(--grund)}.unterseite h1{font-size: clamp(2rem,1.2rem + 2.4vw,3rem);margin-bottom: 1.5rem}.unterseite .text{max-width: 44rem;display: grid;gap: 0.9rem}.unterseite h2{font-size: 1.375rem;margin-top: 1.5rem}.unterseite p,.unterseite li{color: var(--leise)}.unterseite .text ul{padding-left: 1.2rem}