:root{--m-paper: oklch(100% 0 0);--m-paper-2: oklch(97.2% .003 85);--m-ink: oklch(22% .012 70);--m-ink-2: oklch(45% .013 70);--m-ink-3: oklch(60% .012 70);--m-rule: oklch(91.5% .005 80);--m-rule-2: oklch(84% .008 80);--m-accent: oklch(54% .11 65);--m-accent-deep: oklch(45% .1 62);--m-accent-wash: oklch(54% .11 65 / .1);--m-on-accent: oklch(100% 0 0);--m-dark: oklch(21% .012 70);--m-on-dark: oklch(96% .006 80);--m-on-dark-2: oklch(80% .01 80);--m-on-dark-rule: oklch(100% 0 0 / .14);--m-gold: oklch(76% .11 75);--m-focus: oklch(54% .11 65);--m-shadow: 0 1px 2px oklch(22% .012 70 / .06), 0 18px 48px -18px oklch(22% .012 70 / .22);--m-scrim: oklch(15% .01 70 / .72);--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--space-3xl: 7rem;--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.1875rem;--text-xl: 1.5rem;--text-h2: clamp(1.75rem, 1.35rem + 1.5vw, 2.5rem);--text-h1: clamp(2.2rem, 1.55rem + 2.5vw, 3.5rem);--radius-img: 14px;--radius-pill: 999px;--radius-field: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-short: .18s;--dur-mid: .32s;--wrap: 1200px;--gutter: clamp(16px, 4vw, 40px);--nav-h: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip;scroll-padding-top:calc(var(--nav-h) + 16px)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--m-paper);color:var(--m-ink);font-family:var(--font-body);font-size:var(--text-md);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body.ist-offen{overflow:hidden}::selection{background:var(--m-accent-wash);color:var(--m-ink)}:focus-visible{outline:2px solid var(--m-focus);outline-offset:3px;border-radius:4px}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}strong{font-weight:600;color:var(--m-ink)}code{font-size:.9em;background:var(--m-paper-2);border:1px solid var(--m-rule);border-radius:6px;padding:.05em .35em}h1,h2{font-family:var(--font-display);font-weight:400;font-style:normal;color:var(--m-ink);text-wrap:balance;overflow-wrap:anywhere;min-width:0;letter-spacing:-.01em}h1{font-size:var(--text-h1);line-height:1.06}h2{font-size:var(--text-h2);line-height:1.12}h3,h4{font-family:var(--font-body);font-weight:600;font-size:var(--text-lg);line-height:1.35;color:var(--m-ink)}p{color:var(--m-ink-2);max-width:64ch}.akzent{color:var(--m-accent)}.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}.abschnitt{padding:clamp(4rem,9vw,7.5rem) 0}.abschnitt-eng{padding:clamp(3rem,6vw,4.5rem) 0}.flaeche{background:var(--m-paper-2)}.kopf{max-width:640px;margin-bottom:clamp(2rem,4vw,3.5rem)}.kopf p{margin-top:var(--space-sm);font-size:var(--text-lg)}.kopf-zeile{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-xl);align-items:end;justify-content:space-between;margin-bottom:clamp(2rem,4vw,3.5rem)}.kopf-zeile .kopf{margin-bottom:0}.dachzeile{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--m-accent);margin-bottom:var(--space-sm)}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:0 1.4rem;border-radius:var(--radius-pill);border:1px solid transparent;font:600 var(--text-sm)/1 var(--font-body);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.knopf:active{transform:translateY(1px)}.knopf:disabled,.knopf[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.knopf svg{width:16px;height:16px;flex-shrink:0}.knopf-voll{background:var(--m-ink);color:var(--m-paper)}.knopf-voll:hover{background:var(--m-accent-deep)}.knopf-linie{background:var(--m-paper);border-color:var(--m-rule-2);color:var(--m-ink)}.knopf-linie:hover{border-color:var(--m-ink)}.knopf-akzent{background:var(--m-accent);color:var(--m-on-accent)}.knopf-akzent:hover{background:var(--m-accent-deep)}.knopf-hell{background:var(--m-on-dark);color:var(--m-dark)}.knopf-hell:hover{background:var(--m-gold)}.knopf-geist{background:transparent;border-color:var(--m-on-dark-rule);color:var(--m-on-dark)}.knopf-geist:hover{border-color:var(--m-on-dark)}.knopf-klein{min-height:40px;padding:0 1.1rem;font-size:var(--text-xs)}.knopf-breit{width:100%}.knoepfe{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-lg)}.pfeil{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:var(--text-sm);color:var(--m-accent-deep);white-space:nowrap}.pfeil:after{content:"\2192";transition:transform var(--dur-short) var(--ease-out)}.pfeil:hover{color:var(--m-ink)}.pfeil:hover:after{transform:translate(3px)}.leiste{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color var(--dur-mid) var(--ease-out)}.leiste.ist-gescrollt{border-bottom-color:var(--m-rule)}.leiste-innen{display:flex;align-items:center;gap:var(--space-lg);height:var(--nav-h)}.marke{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.01em;color:var(--m-ink);white-space:nowrap;display:inline-flex;align-items:baseline;gap:.5rem}.marke span{font-family:var(--font-body);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--m-ink-3)}.menue{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto}.menue-links{display:flex;align-items:center;gap:1.6rem}.menue-link{position:relative;font-size:var(--text-sm);color:var(--m-ink-2);white-space:nowrap;padding:.4rem 0}.menue-link:hover,.menue-link[aria-current=page]{color:var(--m-ink)}.menue-link[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--m-accent)}.menue-knoepfe{display:flex;align-items:center;gap:var(--space-2xs)}.menue-schalter{display:none;margin-left:auto;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:0;color:var(--m-ink);cursor:pointer;border-radius:10px}.menue-schalter svg{width:22px;height:22px}@media(max-width:1080px){.menue-schalter{display:inline-flex}.menue{display:none;position:absolute;left:0;right:0;top:var(--nav-h);flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-md) var(--gutter) var(--space-lg);background:var(--m-paper);border-bottom:1px solid var(--m-rule);box-shadow:var(--m-shadow)}.menue.ist-offen{display:flex}.menue-links{flex-direction:column;align-items:stretch;gap:0}.menue-link{padding:.85rem 0;border-bottom:1px solid var(--m-rule);font-size:var(--text-md)}.menue-link[aria-current=page]:after{display:none}.menue-knoepfe{flex-direction:column;align-items:stretch}.menue-knoepfe .knopf{min-height:48px}}.krumen{padding-top:var(--space-lg);font-size:var(--text-xs);color:var(--m-ink-3);display:flex;flex-wrap:wrap;gap:.4rem}.krumen a{white-space:nowrap}.krumen a:hover{color:var(--m-accent-deep)}.krumen span[aria-hidden]{opacity:.6}.seitenkopf{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2.5rem,5vw,4rem)}.seitenkopf h1{max-width:20ch}.seitenkopf .einleitung{margin-top:var(--space-md);font-size:var(--text-lg);max-width:58ch}.start{padding:clamp(2rem,4.5vw,3.5rem) 0 clamp(3.5rem,7vw,6rem)}.start-kopf{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg) clamp(2rem,5vw,5rem);align-items:end;margin-bottom:clamp(2rem,4vw,3.5rem)}@media(min-width:960px){.start-kopf{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.start h1{max-width:19ch;font-size:clamp(2.2rem,1.4rem + 2.2vw,3.3rem)}.start .einleitung{font-size:var(--text-lg);max-width:46ch}.start .knoepfe{margin-top:var(--space-md)}.start-fakten{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.6rem;margin-top:var(--space-xl);font-size:var(--text-xs);color:var(--m-ink-3)}.start-fakten li{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}.start-fakten li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--m-accent)}.film{position:relative;min-width:0}.film-buehne{position:relative;display:block;width:100%;padding:0;border:1px solid var(--m-rule);border-radius:var(--radius-img);overflow:hidden;background:var(--m-paper-2);box-shadow:var(--m-shadow);cursor:pointer;aspect-ratio:16 / 10}.film-buehne video{width:100%;height:100%;object-fit:cover}.film-hinweis{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:.7rem 1.2rem;border-radius:var(--radius-pill);background:var(--m-scrim);color:var(--m-paper);font:600 var(--text-sm)/1 var(--font-body);white-space:nowrap;opacity:0;transition:opacity var(--dur-short) var(--ease-out);pointer-events:none}.film-buehne:hover .film-hinweis,.film-buehne:focus-visible .film-hinweis{opacity:1}.film-buehne:focus-visible{outline-offset:4px}@media(hover:none){.film-hinweis{display:none}}.film-fuss{display:flex;align-items:center;gap:var(--space-md) var(--space-xl);margin-top:var(--space-md)}.film-probieren{flex-shrink:0;display:inline-flex;align-items:center;gap:.65rem;min-height:54px;padding:0 1.5rem 0 .6rem;border-radius:var(--radius-pill);background:var(--m-ink);color:var(--m-paper);font:600 var(--text-md)/1 var(--font-body);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.film-probieren i{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--m-accent);color:var(--m-on-accent)}.film-probieren svg{width:15px;height:15px}.film-probieren:hover{background:var(--m-accent-deep)}.film-probieren:active{transform:translateY(1px)}@media(max-width:700px){.film-fuss{flex-direction:column;align-items:stretch}.film-probieren{justify-content:center}}.film-spuren{flex:1;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs)}.film-spur{display:block;padding:0;background:none;border:0;text-align:left;cursor:pointer;font:500 var(--text-xs)/1.3 var(--font-body);color:var(--m-ink-3);min-width:0}.film-spur:before{content:"";display:block;height:3px;border-radius:3px;margin-bottom:.55rem;background:linear-gradient(90deg,var(--m-accent) calc(var(--lauf, 0) * 100%),var(--m-rule) 0)}.film-spur[aria-selected=true]{color:var(--m-ink)}.film-spur.ist-fertig:before{background:var(--m-rule-2)}.film-spur:hover{color:var(--m-ink)}.film-spur span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.start{padding-top:1.25rem}.start-kopf{gap:0;margin-bottom:var(--space-md)}.start .dachzeile{margin-bottom:.4rem}.start h1{max-width:none;font-size:min(calc((100vw - 2rem) / 14.1),2rem);line-height:1.15;text-wrap:nowrap}.start h1 .akzent{display:block}.start .einleitung{display:none}.start .knoepfe{margin-top:var(--space-sm);flex-wrap:nowrap}.start .knoepfe .knopf{flex:1;min-height:44px;padding:0 .8rem;font-size:var(--text-sm)}.film-buehne{aspect-ratio:390 / 693;width:min(100%,calc((100svh - 7rem) * 390 / 693));margin-inline:auto}}.kasse-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}@media(min-width:960px){.kasse-raster{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.ablauf{list-style:none;counter-reset:ablauf;margin-top:var(--space-xl);border-top:1px solid var(--m-rule)}.ablauf li{counter-increment:ablauf;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-sm);padding:var(--space-md) 0;border-bottom:1px solid var(--m-rule)}.ablauf li:before{content:counter(ablauf);font-family:var(--font-display);font-size:1.6rem;line-height:1;color:var(--m-accent)}.ablauf h3{margin-bottom:.2rem;font-size:var(--text-md)}.ablauf p{font-size:var(--text-sm)}.hinweis{margin-top:var(--space-md);font-size:var(--text-xs);color:var(--m-ink-3)}.bild{border:1px solid var(--m-rule);border-radius:var(--radius-img);overflow:hidden;background:var(--m-paper-2);box-shadow:var(--m-shadow)}.bild img{width:100%;height:auto}figure figcaption{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--m-ink-3)}.branchen{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:start}@media(min-width:1000px){.branchen{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}.branchen-liste{list-style:none;border-top:1px solid var(--m-rule)}.branche{border-bottom:1px solid var(--m-rule)}.branche-kopf{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) 0;background:none;border:0;text-align:left;cursor:pointer;font:400 1.45rem/1.2 var(--font-display);color:var(--m-ink-3);transition:color var(--dur-short) var(--ease-out)}.branche-kopf:hover,.branche.ist-aktiv .branche-kopf{color:var(--m-ink)}.branche-kopf small{font:600 var(--text-xs)/1 var(--font-body);letter-spacing:.04em;color:var(--m-accent);white-space:nowrap}.branche-inhalt{display:none;padding-bottom:var(--space-md)}.branche.ist-aktiv .branche-inhalt{display:block}.branche-inhalt p{font-size:var(--text-sm)}.branche-inhalt .knoepfe{margin-top:var(--space-md)}.branche-inhalt .bild{display:none;margin-top:var(--space-md)}.branchen-bilder{position:sticky;top:calc(var(--nav-h) + 24px);display:grid}.branchen-bilder .bild{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity var(--dur-mid) var(--ease-out),visibility 0s linear var(--dur-mid)}.branchen-bilder .bild.ist-aktiv{opacity:1;visibility:visible;transition:opacity var(--dur-mid) var(--ease-out)}@media(max-width:999px){.branchen-bilder{display:none}.branche-inhalt .bild{display:block}}.liste-zwei{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(2rem,5vw,4.5rem);border-top:1px solid var(--m-rule)}@media(min-width:760px){.liste-zwei{grid-template-columns:repeat(2,minmax(0,1fr))}}.liste-zwei>div{padding:var(--space-md) 0;border-bottom:1px solid var(--m-rule)}.liste-zwei dt,.liste-zwei h3{font-family:var(--font-body);font-weight:600;font-size:var(--text-md);color:var(--m-ink);margin-bottom:.3rem}.liste-zwei dd,.liste-zwei p{font-size:var(--text-sm);color:var(--m-ink-2);margin:0}.liste-zwei a:not(.pfeil){color:var(--m-accent-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.daten{border-top:1px solid var(--m-rule)}.daten>div{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:var(--space-sm);padding:.85rem 0;border-bottom:1px solid var(--m-rule);font-size:var(--text-sm)}.daten dt{color:var(--m-ink-3)}.daten dd{color:var(--m-ink);margin:0}@media(max-width:520px){.daten>div{grid-template-columns:minmax(0,1fr);gap:.15rem}}.zeile{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}@media(min-width:900px){.zeile{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.zeile.gedreht{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.zeile.gedreht>:first-child{order:2}}.zeile+.zeile{margin-top:clamp(4rem,8vw,6.5rem)}.zeile .text p+p{margin-top:var(--space-sm)}.zeile .text h2+p,.zeile .text h3+p{margin-top:var(--space-sm)}.produkte{list-style:none;margin-top:var(--space-md);border-top:1px solid var(--m-rule)}.produkte li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.15rem var(--space-sm);padding:.7rem 0;border-bottom:1px solid var(--m-rule);font-size:var(--text-sm)}.produkte li>:first-child{font-weight:600;color:var(--m-ink)}.produkte li>:last-child{color:var(--m-ink-3)}.produkte a{display:contents}.produkte a:hover>:first-child{color:var(--m-accent-deep)}.marke-klein{display:inline-block;margin-left:.5rem;padding:.2rem .55rem;border-radius:var(--radius-pill);background:var(--m-accent-wash);color:var(--m-accent-deep);font:600 .72rem/1.2 var(--font-body);vertical-align:middle;white-space:nowrap}.gruppen{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg) clamp(2rem,4vw,3.5rem);margin-top:clamp(2.5rem,5vw,3.5rem)}@media(min-width:640px){.gruppen{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.gruppen{grid-template-columns:repeat(4,minmax(0,1fr))}}.gruppe h3{font-size:var(--text-sm);letter-spacing:.02em;padding-bottom:.6rem;border-bottom:1px solid var(--m-rule-2);margin-bottom:.35rem}.gruppe ul{list-style:none}.gruppe a{display:block;padding:.35rem 0;font-size:var(--text-sm);color:var(--m-ink-2)}.gruppe a:hover{color:var(--m-accent-deep)}.vergleich-rahmen{overflow-x:auto;-webkit-overflow-scrolling:touch}.vergleich{width:100%;min-width:560px;border-collapse:collapse;font-size:var(--text-sm)}.vergleich th,.vergleich td{padding:.9rem var(--space-sm);border-bottom:1px solid var(--m-rule);text-align:left;vertical-align:top}.vergleich thead th{vertical-align:bottom;padding-top:0;padding-bottom:var(--space-md);border-bottom-color:var(--m-ink)}.vergleich thead th:first-child{width:44%}.vergleich th[scope=row]{font-weight:400;color:var(--m-ink-2);padding-left:0}.vergleich td{text-align:center;color:var(--m-ink);width:28%}.vergleich .hervor{background:var(--m-paper-2)}.paket-name{display:block;font:600 var(--text-md)/1.3 var(--font-body);color:var(--m-ink)}.paket-preis{display:block;margin-top:.4rem;font:400 2.4rem/1 var(--font-display);color:var(--m-ink);white-space:nowrap}.paket-preis small{font:400 var(--text-xs)/1 var(--font-body);color:var(--m-ink-3);margin-left:.25rem}.paket-fuer{display:block;margin-top:.5rem;font-weight:400;font-size:var(--text-xs);color:var(--m-ink-3);line-height:1.45}.ja{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:var(--m-accent-wash);color:var(--m-accent-deep);font-weight:700;font-size:.8rem}.nein{color:var(--m-ink-3)}.vergleich tfoot td{border-bottom:0;padding-top:var(--space-md)}.vergleich tfoot .knopf{width:100%}.preis-fuss{margin-top:var(--space-md);font-size:var(--text-xs);color:var(--m-ink-3)}.zusatz{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl) clamp(2rem,5vw,4.5rem)}@media(min-width:860px){.zusatz{grid-template-columns:repeat(2,minmax(0,1fr))}}.zusatz>div{border-top:2px solid var(--m-ink);padding-top:var(--space-md)}.zusatz .betrag{font:400 1.6rem/1.2 var(--font-display);color:var(--m-ink);margin:.35rem 0 var(--space-sm)}.zusatz ul{list-style:none;margin:var(--space-md) 0 var(--space-lg)}.zusatz li{position:relative;padding:.35rem 0 .35rem 1.2rem;font-size:var(--text-sm);color:var(--m-ink-2)}.zusatz li:before{content:"";position:absolute;left:0;top:.95em;width:6px;height:1px;background:var(--m-accent)}.wege{list-style:none;border-top:1px solid var(--m-rule)}.weg{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md) clamp(2rem,5vw,4rem);padding:clamp(2rem,4vw,3rem) 0;border-bottom:1px solid var(--m-rule)}@media(min-width:900px){.weg{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.weg-nr{font:600 var(--text-xs)/1 var(--font-body);letter-spacing:.06em;color:var(--m-accent);margin-bottom:var(--space-xs);display:block}.weg h3{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.weg p{font-size:var(--text-sm)}.weg p a{color:var(--m-accent-deep);text-decoration:underline;text-underline-offset:3px}.code{min-width:0;margin:0;padding:1.1rem 1.25rem;border-radius:var(--radius-field);background:var(--m-dark);color:var(--m-on-dark-2);font:400 .84rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto;white-space:pre;-moz-tab-size:2;tab-size:2}.code .t{color:var(--m-gold)}.anleitungen{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.anleitungen a{display:inline-flex;align-items:center;min-height:40px;padding:0 1rem;border:1px solid var(--m-rule-2);border-radius:var(--radius-pill);font-size:var(--text-sm);white-space:nowrap;transition:border-color var(--dur-short) var(--ease-out)}.anleitungen a:hover{border-color:var(--m-ink)}.schritte{list-style:none;counter-reset:schritt;display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(1.5rem,4vw,3rem)}@media(min-width:760px){.schritte{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1080px){.schritte.vier{grid-template-columns:repeat(4,minmax(0,1fr))}.schritte.drei{grid-template-columns:repeat(3,minmax(0,1fr))}}.schritte li{counter-increment:schritt;padding:var(--space-md) 0;border-top:1px solid var(--m-rule-2)}.schritte li:before{content:counter(schritt);display:block;font:400 1.6rem/1 var(--font-display);color:var(--m-accent);margin-bottom:var(--space-xs)}.schritte h3{font-size:var(--text-md);margin-bottom:.3rem}.schritte p{font-size:var(--text-sm)}.fragen{max-width:820px;border-top:1px solid var(--m-rule)}.fragen details{border-bottom:1px solid var(--m-rule)}.fragen summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:1.15rem 0;cursor:pointer;font-weight:600;font-size:var(--text-md);color:var(--m-ink)}.fragen summary::-webkit-details-marker{display:none}.fragen summary:after{content:"+";flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--m-rule-2);font-weight:400;color:var(--m-ink-2);transition:transform var(--dur-short) var(--ease-out)}.fragen details[open] summary:after{transform:rotate(45deg)}.fragen details p{padding:0 0 1.2rem;font-size:var(--text-sm)}.fragen-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg) clamp(2rem,5vw,4.5rem)}@media(min-width:960px){.fragen-raster{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}.varianten{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}@media(min-width:700px){.varianten{grid-template-columns:repeat(3,minmax(0,1fr))}}.varianten img{border-radius:var(--radius-img);aspect-ratio:4 / 3;object-fit:cover;width:100%;background:var(--m-paper-2)}.varianten h3{font-size:var(--text-md);margin:var(--space-sm) 0 .25rem}.varianten p{font-size:var(--text-sm)}.farben{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin-top:var(--space-md);list-style:none}.farben li{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-sm);color:var(--m-ink-2)}.farben i{width:18px;height:18px;border-radius:50%;border:1px solid var(--m-rule-2);background:var(--f)}.weitere{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.kontakt-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,5rem);padding:clamp(2.5rem,5vw,4rem) 0 clamp(4rem,8vw,6rem);align-items:start}@media(min-width:960px){.kontakt-raster{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.auswahl-hinweis{display:inline-flex;margin-top:var(--space-md);padding:.5rem .9rem;border-radius:var(--radius-pill);background:var(--m-accent-wash);color:var(--m-accent-deep);font-size:var(--text-sm);font-weight:600}.formular{padding:clamp(1.5rem,3vw,2.25rem);border:1px solid var(--m-rule);border-radius:var(--radius-img);background:var(--m-paper);box-shadow:var(--m-shadow)}.formular h2{font-size:1.6rem}.formular>p{margin-top:.4rem;font-size:var(--text-sm)}.feld{margin-top:var(--space-md)}.feld label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--m-ink);margin-bottom:.4rem}.feld input,.feld textarea{width:100%;min-height:48px;padding:.75rem .9rem;border:1px solid var(--m-rule-2);border-radius:var(--radius-field);background:var(--m-paper);color:var(--m-ink);font:400 var(--text-md)/1.4 var(--font-body);transition:border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.feld textarea{min-height:120px;resize:vertical}.feld input:hover,.feld textarea:hover{border-color:var(--m-ink-3)}.feld input:focus-visible,.feld textarea:focus-visible{outline:none;border-color:var(--m-accent);box-shadow:0 0 0 3px var(--m-accent-wash)}.feld input:user-invalid,.feld textarea:user-invalid{border-color:#b63325}.formular .knopf{margin-top:var(--space-md)}.klein{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--m-ink-3)}.klein a{text-decoration:underline;text-underline-offset:2px}.form-status{margin-top:var(--space-sm);font-size:var(--text-sm);min-height:1.4em}.form-status.is-ok{color:#197037}.form-status.is-error{color:#b63325}.form-status.is-waiting{color:var(--m-ink-3)}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.schluss{background:var(--m-dark);color:var(--m-on-dark)}.schluss h2{color:var(--m-on-dark)}.schluss p{color:var(--m-on-dark-2)}.schluss .dachzeile{color:var(--m-gold)}.schluss-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl) clamp(2rem,5vw,5rem);align-items:end}@media(min-width:960px){.schluss-raster{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.schluss .schritte li{border-top-color:var(--m-on-dark-rule)}.schluss .schritte li:before{color:var(--m-gold)}.schluss .schritte h3{color:var(--m-on-dark)}.schluss .schritte p{color:var(--m-on-dark-2)}.schluss .knoepfe{margin-top:var(--space-lg)}.schluss-text{margin-top:var(--space-sm);font-size:var(--text-lg)}.schluss .schritte{grid-template-columns:minmax(0,1fr)}.schluss .schritte li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);column-gap:var(--space-sm);padding:var(--space-sm) 0}.schluss .schritte li:before{grid-row:span 2;margin:0}.fuss{background:var(--m-dark);color:var(--m-on-dark-2);border-top:1px solid var(--m-on-dark-rule);font-size:var(--text-sm)}.fuss-oben{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding:clamp(3rem,6vw,4.5rem) 0 var(--space-xl)}@media(min-width:760px){.fuss-oben{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}}.fuss .marke{color:var(--m-on-dark)}.fuss .marke span{color:var(--m-on-dark-2)}.fuss-marke p{margin-top:var(--space-sm);color:var(--m-on-dark-2);font-size:var(--text-sm);max-width:36ch}.fuss h4{color:var(--m-on-dark);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-sm)}.fuss-spalte a{display:block;padding:.3rem 0;color:var(--m-on-dark-2);white-space:nowrap}.fuss-spalte a:hover{color:var(--m-on-dark)}.fuss-unten{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs) var(--space-lg);padding:var(--space-md) 0 var(--space-xl);border-top:1px solid var(--m-on-dark-rule);font-size:var(--text-xs)}.fuss-unten a:hover{color:var(--m-on-dark)}.probe{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--m-paper);color:var(--m-ink)}.probe::backdrop{background:var(--m-scrim)}.probe[open]{display:flex;flex-direction:column}.probe-leiste{display:flex;align-items:center;gap:var(--space-sm);min-height:60px;padding:.5rem clamp(10px,2vw,20px);border-bottom:1px solid var(--m-rule);background:var(--m-paper)}.probe-titel{font-family:var(--font-display);font-size:1.15rem;white-space:nowrap}.probe-reiter{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1}.probe-reiter::-webkit-scrollbar{display:none}.probe-reiter button{flex-shrink:0;min-height:38px;padding:0 .9rem;border-radius:var(--radius-pill);border:1px solid transparent;background:none;cursor:pointer;font:500 var(--text-sm)/1 var(--font-body);color:var(--m-ink-2);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.probe-reiter button:hover{color:var(--m-ink);background:var(--m-paper-2)}.probe-reiter button[aria-selected=true]{background:var(--m-ink);color:var(--m-paper)}.probe-aktionen{display:flex;align-items:center;gap:var(--space-2xs);margin-left:auto}.probe-zu{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--m-rule-2);background:var(--m-paper);cursor:pointer;color:var(--m-ink)}.probe-zu:hover{border-color:var(--m-ink)}.probe-zu svg{width:18px;height:18px}.probe-rahmen{position:relative;flex:1;min-height:0;background:var(--m-paper-2)}.probe-rahmen iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:var(--m-paper)}.probe-laden{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--m-ink-3)}@media(max-width:760px){.probe-leiste{flex-wrap:wrap;row-gap:.4rem}.probe-titel{display:none}.probe-reiter{order:3;flex-basis:100%}.probe-aktionen .knopf{display:none}.probe-aktionen{margin-left:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.12s!important;animation:none!important}.knopf:active{transform:none}}.gross{margin-top:var(--space-sm);font-size:var(--text-lg)}.bild-schmal{max-width:520px;margin-inline:auto}.ohne-abstand{margin-bottom:0}@media(max-width:640px){.vergleich{min-width:0;table-layout:fixed}.vergleich thead th:first-child{width:42%}.vergleich thead th:first-child span,.paket-fuer,.nur-breit{display:none}.vergleich th,.vergleich td{padding:.75rem .4rem}.vergleich th[scope=row]{padding-left:0;font-size:var(--text-xs)}.paket-name{font-size:var(--text-sm)}.paket-preis{font-size:1.6rem}.paket-preis small{display:block;margin:.25rem 0 0}.vergleich tfoot .knopf{padding:0 .5rem}}.vergleich thead th:first-child{width:31%}.vergleich td{width:23%}.paket-zusatz{display:block;margin-top:.35rem;font-size:var(--text-xs);font-weight:600;color:var(--m-accent-deep)}@media(max-width:640px){.vergleich thead th:first-child{width:34%}.paket-preis{font-size:1.3rem}.paket-zusatz{font-weight:500;font-size:.7rem;line-height:1.3}.vergleich tfoot .knopf{min-height:40px;font-size:var(--text-xs)}}.logos-titel{font:600 var(--text-xs)/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--m-ink-3);margin-bottom:var(--space-md)}.logos{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));border-top:1px solid var(--m-rule);border-left:1px solid var(--m-rule)}.logos li{border-right:1px solid var(--m-rule);border-bottom:1px solid var(--m-rule);background:var(--m-paper)}.logos li>a,.logos li>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;min-height:112px;padding:var(--space-md) var(--space-sm);color:var(--m-ink-2);transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.logos li>a:hover{color:var(--m-ink);background:var(--m-paper-2)}.logos svg{width:30px;height:30px;fill:currentColor}.logos svg[fill=none]{fill:none}.logo-name{font-size:var(--text-sm);font-weight:600;color:var(--m-ink);white-space:nowrap}.logos-text{margin-top:var(--space-md);font-size:var(--text-sm)}.logo-nur-name{font-size:1.25rem;font-weight:700;letter-spacing:.01em;color:var(--m-ink-2)}.feld-optional{font-weight:400;color:var(--m-ink-3)}@media(max-width:640px){.vergleich th,.vergleich td{padding-left:.25rem;padding-right:.25rem}.paket-name{font-size:.75rem;line-height:1.25;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.paket-preis{font-size:1.15rem}.paket-preis small{font-size:.68rem}}@media(max-width:640px){.vergleich thead th:first-child{width:27%}.paket-name{font-size:.7rem;letter-spacing:-.01em;overflow-wrap:normal}}