:root{--blau: #2563eb;--blau-dunkel: #1e40af;--blau-tief: #172554;--blau-hell: #eff6ff;--blau-mittel: #dbeafe;--gruen: #059669;--gruen-dunkel: #047857;--gruen-hell: #ecfdf5;--akzent: #b45309;--akzent-kraeftig: #f59e0b;--akzent-hell: #fffbeb;--akzent-rand: #fde68a;--rot: #b91c1c;--rot-hell: #fef2f2;--text: #1c1917;--text-leise: #57534e;--text-sehr-leise: #78716c;--rand: #e7e5e4;--rand-stark: #d6d3d1;--grund: #ffffff;--grund-leise: #fafaf9;--grund-warm: #f5f5f4;--grund-dunkel: #1c1917;--schrift: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--schrift-mono: ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;--fs-mini: .8125rem;--fs-klein: .9375rem;--fs-basis: 1.0625rem;--fs-gross: clamp(1.125rem,1.05rem + .35vw,1.3125rem);--fs-h4: 1.0625rem;--fs-h3: 1.25rem;--fs-h2: clamp(1.625rem,1.25rem + 1.5vw,2.375rem);--fs-h1: clamp(2.125rem,1.45rem + 2.9vw,3.625rem);--a1: .25rem;--a2: .5rem;--a3: .75rem;--a4: 1rem;--a5: 1.5rem;--a6: 2rem;--a7: 3rem;--a8: 4.5rem;--a9: 6rem;--radius-klein: 8px;--radius: 14px;--radius-gross: 22px;--breite: 1180px;--breite-text: 44rem;--kopf-hoehe: 68px;--schatten-klein: 0 1px 2px rgba(28,25,23,.06);--schatten: 0 1px 2px rgba(28,25,23,.05),0 8px 24px -6px rgba(28,25,23,.1);--schatten-gross: 0 2px 6px rgba(28,25,23,.05),0 28px 56px -16px rgba(28,25,23,.22);--fokus: 3px solid var(--blau);color-scheme: light}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--kopf-hoehe) + 16px)}body{margin: 0;font: 400 var(--fs-basis)/1.65 var(--schrift);color: var(--text);background: var(--grund);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img,svg{max-width: 100%;height: auto}img{display: block}a{color: var(--blau);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: .18em;text-decoration-color: rgba(37,99,235,.35)}a:hover{color: var(--blau-dunkel);text-decoration-color: currentColor}:focus-visible{outline: var(--fokus);outline-offset: 2px;border-radius: 4px}h1,h2,h3,h4{line-height: 1.15;letter-spacing: -.022em;margin: 0 0 .5em;font-weight: 750;text-wrap: balance}h1{font-size: var(--fs-h1);letter-spacing: -.032em}h2{font-size: var(--fs-h2)}h3{font-size: var(--fs-h3);letter-spacing: -.015em;line-height: 1.3}h4{font-size: var(--fs-h4);letter-spacing: 0}p{margin: 0 0 1em}p,li{text-wrap: pretty}ul,ol{padding-left: 1.3em;margin: 0 0 1em}li{margin: .3em 0}strong{font-weight: 650}small{font-size: .85em}hr{border: 0;border-top: 1px solid var(--rand);margin: var(--a6) 0}code,kbd{font-family: var(--schrift-mono);font-size: .9em;background: var(--grund-warm);padding: .1em .35em;border-radius: 5px}[hidden]{display: none !important}.huelle{max-width: var(--breite);margin: 0 auto;padding: 0 clamp(18px,4vw,32px)}.leise{color: var(--text-leise)}.klein{font-size: var(--fs-klein)}.mini{font-size: var(--fs-mini)}.mittig{text-align: center}.zahl{font-variant-numeric: tabular-nums}.unter{font-size: var(--fs-gross);color: var(--text-leise);line-height: 1.55;max-width: 38em}.augenbraue{display: inline-flex;align-items: center;gap: 8px;font-size: var(--fs-mini);font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--blau);margin: 0 0 var(--a3)}.nur-sr{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.sprung{position: absolute;left: -999px;top: 8px;z-index: 50;background: var(--grund);color: var(--text);padding: 10px 16px;border-radius: var(--radius-klein);box-shadow: var(--schatten);font-weight: 650}.sprung:focus{left: 12px}.knopf{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 46px;padding: 11px 20px;border-radius: 11px;font: 650 var(--fs-klein)/1.2 var(--schrift);text-decoration: none;white-space: nowrap;border: 1px solid transparent;cursor: pointer;transition: background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s}.knopf:hover{text-decoration: none}.knopf:active{transform: translateY(1px)}.knopf svg{width: 18px;height: 18px;flex-shrink: 0}.knopf-haupt{background: var(--blau);color: #fff;box-shadow: 0 1px 2px rgba(30,64,175,.3),inset 0 1px 0 rgba(255,255,255,.12)}.knopf-haupt:hover{background: var(--blau-dunkel);color: #fff}.knopf-neben{background: var(--grund);color: var(--text);border-color: var(--rand-stark);box-shadow: var(--schatten-klein)}.knopf-neben:hover{border-color: var(--text-sehr-leise);color: var(--text);background: var(--grund-leise)}.knopf-gruen{background: var(--gruen-dunkel);color: #fff}.knopf-gruen:hover{background: #065f46;color: #fff}.knopf-leise{background: transparent;color: var(--blau);padding-left: 10px;padding-right: 10px}.knopf-leise:hover{background: var(--blau-hell);color: var(--blau-dunkel)}.knopf-hell{background: #fff;color: var(--blau-tief)}.knopf-hell:hover{background: var(--blau-hell);color: var(--blau-tief)}.knopf-rahmen-hell{background: transparent;color: #fff;border-color: rgba(255,255,255,.45)}.knopf-rahmen-hell:hover{background: rgba(255,255,255,.1);color: #fff;border-color: #fff}.knopf-gross{min-height: 52px;padding: 14px 26px;font-size: var(--fs-basis);border-radius: 13px}.knopf-klein{min-height: 36px;padding: 7px 14px;font-size: var(--fs-mini);border-radius: 9px}.knopf-breit{width: 100%}.handlungen{display: flex;gap: 12px;flex-wrap: wrap;align-items: center;margin: var(--a5) 0 var(--a4)}.handlungen.mittig{justify-content: center}.pfeil-link{display: inline-flex;align-items: center;gap: 6px;font-weight: 650;text-decoration: none}.pfeil-link::after{content: "→";transition: transform .15s}.pfeil-link:hover::after{transform: translateX(3px)}.plakette,.abzeichen{display: inline-flex;align-items: center;gap: 6px;font-size: var(--fs-mini);font-weight: 650;line-height: 1.3;padding: 4px 11px;border-radius: 999px;background: var(--gruen-hell);color: var(--gruen-dunkel)}.plakette{margin-bottom: var(--a4)}.abzeichen{font-size: .75rem;padding: 2px 9px;vertical-align: middle;letter-spacing: .01em}.abzeichen-blau{background: var(--blau-hell);color: var(--blau-dunkel)}.abzeichen-akzent{background: var(--akzent-hell);color: var(--akzent);box-shadow: inset 0 0 0 1px var(--akzent-rand)}.abzeichen-grau{background: var(--grund-warm);color: var(--text-leise)}.abzeichen-dunkel{background: var(--grund-dunkel);color: #fff}.punkt{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: var(--gruen);flex-shrink: 0}.kopf{position: sticky;top: 0;z-index: 30;background: rgba(255,255,255,.9);-webkit-backdrop-filter: saturate(1.6) blur(12px);backdrop-filter: saturate(1.6) blur(12px);border-bottom: 1px solid var(--rand)}.kopf-innen{display: flex;align-items: center;gap: var(--a5);height: var(--kopf-hoehe)}.marke{display: inline-flex;align-items: center;gap: 10px;font-weight: 800;font-size: 1.2rem;letter-spacing: -.02em;color: var(--text);text-decoration: none;flex-shrink: 0}.marke:hover{color: var(--text)}.marke img{width: 32px;height: 32px}.navi{display: flex;align-items: center;gap: var(--a2);flex: 1}.navi-liste{display: flex;align-items: center;gap: 2px;list-style: none;margin: 0 auto 0 var(--a4);padding: 0}.navi-liste>li{margin: 0;position: relative}.navi-link,.aufklapp>summary{display: inline-flex;align-items: center;gap: 5px;padding: 8px 12px;border-radius: 9px;color: var(--text);font-weight: 550;font-size: var(--fs-klein);text-decoration: none;cursor: pointer;list-style: none;user-select: none}.aufklapp>summary::-webkit-details-marker{display: none}.aufklapp>summary::after{content: "";width: 7px;height: 7px;border: solid currentColor;border-width: 0 1.6px 1.6px 0;transform: translateY(-2px) rotate(45deg);opacity: .6;transition: transform .15s}.aufklapp[open]>summary::after{transform: translateY(1px) rotate(-135deg)}.navi-link:hover,.aufklapp>summary:hover,.aufklapp[open]>summary{background: var(--grund-warm);color: var(--text)}.navi-link[aria-current="page"],.aufklapp.aktiv>summary{color: var(--blau)}.aufklapp-tafel{position: absolute;top: calc(100% + 10px);left: -12px;z-index: 40;width: max-content;max-width: min(640px,92vw);display: grid;grid-template-columns: repeat(2,minmax(220px,1fr));gap: 4px;padding: 10px;background: var(--grund);border: 1px solid var(--rand);border-radius: var(--radius);box-shadow: var(--schatten-gross)}.aufklapp-tafel.eine-spalte{grid-template-columns: minmax(260px,1fr)}.aufklapp-eintrag{display: flex;gap: 12px;align-items: flex-start;padding: 10px 12px;border-radius: 10px;color: var(--text);text-decoration: none}.aufklapp-eintrag:hover{background: var(--grund-leise);color: var(--text)}.aufklapp-eintrag[aria-current="page"]{background: var(--blau-hell)}.aufklapp-eintrag .symbol{width: 34px;height: 34px;border-radius: 9px}.aufklapp-eintrag .symbol svg{width: 18px;height: 18px}.aufklapp-eintrag strong{display: block;font-size: var(--fs-klein);font-weight: 650;line-height: 1.3}.aufklapp-eintrag span.leise{display: block;font-size: var(--fs-mini);line-height: 1.4;margin-top: 2px}.aufklapp-fuss{grid-column: 1 / -1;display: flex;justify-content: space-between;align-items: center;gap: 12px;margin-top: 4px;padding: 12px 12px 4px;border-top: 1px solid var(--rand);font-size: var(--fs-mini);color: var(--text-leise)}.navi-handlungen{display: flex;align-items: center;gap: 8px}.navi-handlungen .knopf{min-height: 40px;padding: 8px 16px}.menue-knopf{display: none;margin-left: auto;align-items: center;gap: 8px;min-height: 42px;padding: 8px 14px;border: 1px solid var(--rand-stark);border-radius: 10px;background: var(--grund);color: var(--text);font: 600 var(--fs-klein) var(--schrift);text-decoration: none;cursor: pointer}.menue-knopf:hover{color: var(--text);background: var(--grund-leise)}.menue-knopf .striche,.menue-knopf .striche::before,.menue-knopf .striche::after{display: block;width: 16px;height: 2px;background: currentColor;border-radius: 2px;position: relative;transition: transform .2s,background-color .2s}.menue-knopf .striche::before,.menue-knopf .striche::after{content: "";position: absolute;left: 0}.menue-knopf .striche::before{top: -5px}.menue-knopf .striche::after{top: 5px}.menue-knopf[aria-expanded="true"] .striche{background: transparent}.menue-knopf[aria-expanded="true"] .striche::before{transform: translateY(5px) rotate(45deg)}.menue-knopf[aria-expanded="true"] .striche::after{transform: translateY(-5px) rotate(-45deg)}.brotkrumen{font-size: var(--fs-mini);color: var(--text-leise);margin: 0 0 var(--a4)}.brotkrumen ol{display: flex;flex-wrap: wrap;gap: 4px 8px;list-style: none;margin: 0;padding: 0}.brotkrumen li{margin: 0;display: inline-flex;gap: 8px}.brotkrumen li + li::before{content: "›";color: var(--text-sehr-leise)}.brotkrumen a{color: var(--text-leise);text-decoration: none}.brotkrumen a:hover{color: var(--blau);text-decoration: underline}.krumen-leiste{padding-top: var(--a5)}.abschnitt{padding: var(--a9) 0}.abschnitt-eng{padding: var(--a8) 0}.abschnitt.leise-grund{background: var(--grund-leise);border-top: 1px solid var(--rand);border-bottom: 1px solid var(--rand)}.abschnitt.warm{background: var(--grund-warm)}.abschnitt.dunkel{background: var(--blau-tief);color: #e0e7ff}.abschnitt.dunkel h2,.abschnitt.dunkel h3{color: #fff}.abschnitt.dunkel .leise{color: #c7d2fe}.abschnitt.dunkel a:not(.knopf){color: #fff;text-decoration-color: rgba(255,255,255,.5)}.abschnitt.dunkel :focus-visible{outline-color: #fff}.abschnitt.dunkel .augenbraue{color: #93c5fd}.abschnitt-kopf{max-width: 46rem;margin-bottom: var(--a7)}.abschnitt-kopf.mittig{margin-left: auto;margin-right: auto;text-align: center}.abschnitt-kopf.mittig .unter{margin-left: auto;margin-right: auto}.abschnitt-kopf p:last-child{margin-bottom: 0}.gitter{display: grid;gap: var(--a5);grid-template-columns: repeat(3,minmax(0,1fr))}.gitter-2{grid-template-columns: repeat(2,minmax(0,1fr))}.gitter-4{grid-template-columns: repeat(4,minmax(0,1fr))}.spalten{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: clamp(32px,5vw,72px);align-items: center}.spalten.text-breit{grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr)}.spalten.oben{align-items: start}.unterteil{margin-top: var(--a7)}figure{margin: 0}figure.unterteil{margin: var(--a7) 0 0}.karte{position: relative;background: var(--grund);border: 1px solid var(--rand);border-radius: var(--radius);padding: clamp(20px,2.4vw,28px);box-shadow: var(--schatten-klein)}.karte>:last-child{margin-bottom: 0}.karte h3{display: flex;align-items: center;gap: 12px;margin-bottom: .45em}.karte h3 .abzeichen{margin-left: auto}.karte>p{color: var(--text-leise)}.karte-link{display: flex;flex-direction: column;color: inherit;text-decoration: none;transition: border-color .15s,box-shadow .15s,transform .15s}.karte-link:hover{color: inherit;border-color: var(--rand-stark);box-shadow: var(--schatten);transform: translateY(-2px)}.karte-link .pfeil-link{margin-top: auto;padding-top: var(--a3);color: var(--blau)}.karte-hervor{border-color: var(--blau-mittel);background: linear-gradient(180deg,var(--blau-hell),var(--grund) 60%)}.symbol{width: 42px;height: 42px;border-radius: 11px;background: var(--blau-hell);color: var(--blau);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0}.symbol svg{width: 22px;height: 22px}.symbol-akzent{background: var(--akzent-hell);color: var(--akzent)}.symbol-gruen{background: var(--gruen-hell);color: var(--gruen-dunkel)}.symbol-gross{width: 56px;height: 56px;border-radius: 15px}.symbol-gross svg{width: 28px;height: 28px}.liste-haken{list-style: none;padding: 0;margin: 0 0 1em}.liste-haken li{padding-left: 1.75em;position: relative;margin: .5em 0}.liste-haken li::before{content: "";position: absolute;left: .1em;top: .38em;width: 1.05em;height: 1.05em;border-radius: 50%;background: var(--gruen-hell) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23047857' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat}.liste-nein li::before{background: var(--grund-warm) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5l5 5m0-5l-5 5' fill='none' stroke='%2357534e' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% no-repeat}.liste-ruhig{list-style: none;padding: 0;margin: 0}.liste-ruhig li{margin: 0;padding: 10px 0;border-bottom: 1px solid var(--rand)}.liste-ruhig li:last-child{border-bottom: 0}.buehne{position: relative;overflow: hidden;padding: clamp(48px,7vw,96px) 0 clamp(48px,6vw,80px);background: radial-gradient(900px 480px at 85% 0%,var(--blau-hell),transparent 70%),radial-gradient(700px 400px at 0% 100%,#fff7ed,transparent 70%),var(--grund)}.buehne-raster{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.08fr);gap: clamp(32px,4vw,64px);align-items: center}.buehne h1{margin-bottom: var(--a4)}.buehne h1 em{font-style: normal;color: var(--blau)}.beruhigung{display: flex;flex-wrap: wrap;gap: 8px 20px;margin: 0;padding: 0;list-style: none;font-size: var(--fs-klein);color: var(--text-leise)}.beruhigung li,.beruhigung span{display: inline-flex;align-items: center;gap: 7px;margin: 0}.beruhigung li::before,.beruhigung span::before{content: "";width: 16px;height: 16px;border-radius: 50%;background: var(--gruen-hell) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23047857' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat}.geraete{position: relative;width: 100%;aspect-ratio: 10 / 8}.geraete img{position: absolute;height: auto;filter: drop-shadow(0 18px 28px rgba(28,25,23,.16)) drop-shadow(0 2px 4px rgba(28,25,23,.08))}.geraete .g-verwaltung{top: 0;right: 0;width: 86%}.geraete .g-stempeluhr{left: 0;bottom: 3%;width: 56%}.geraete .g-handy{right: 3%;bottom: 0;width: 25%}.geraet-einzeln{margin: 0 auto;filter: drop-shadow(0 18px 28px rgba(28,25,23,.16)) drop-shadow(0 2px 4px rgba(28,25,23,.08))}.geraet-einzeln.handy{width: min(300px,70%)}.geraet-einzeln.tablet{width: min(560px,100%)}.fakten{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: var(--a4);margin: clamp(40px,5vw,64px) 0 0;padding: var(--a5) 0 0;border-top: 1px solid var(--rand);list-style: none}.fakten li{margin: 0;display: flex;gap: 12px;align-items: flex-start;font-size: var(--fs-klein);color: var(--text-leise);line-height: 1.45}.fakten strong{display: block;color: var(--text);font-size: var(--fs-basis)}.fakten .symbol{width: 36px;height: 36px;border-radius: 10px}.fakten .symbol svg{width: 19px;height: 19px}.seitenkopf{padding: var(--a5) 0 clamp(40px,5vw,64px);background: linear-gradient(180deg,var(--blau-hell) 0%,rgba(239,246,255,0) 100%)}.seitenkopf .brotkrumen{margin-bottom: clamp(24px,3vw,40px)}.seitenkopf h1{max-width: 20em}.seitenkopf.mittig{text-align: center}.seitenkopf.mittig h1,.seitenkopf.mittig .unter{margin-left: auto;margin-right: auto}.seitenkopf.mittig .handlungen{justify-content: center}.seitenkopf .meta{font-size: var(--fs-mini);color: var(--text-sehr-leise);margin: 0}.seitenkopf-raster{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr);gap: clamp(32px,5vw,72px);align-items: center}.seitenkopf-bild{display: flex;justify-content: center}.schritte{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--a5);counter-reset: schritt;list-style: none;padding: 0;margin: 0;position: relative}.schritte>li{margin: 0;position: relative;padding: var(--a6) var(--a5) var(--a5);background: var(--grund);border: 1px solid var(--rand);border-radius: var(--radius);box-shadow: var(--schatten-klein)}.schritte>li::before{counter-increment: schritt;content: counter(schritt);position: absolute;top: -18px;left: var(--a5);width: 36px;height: 36px;border-radius: 50%;background: var(--blau);color: #fff;font-weight: 750;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 0 5px var(--grund-leise)}.schritte h3{margin-top: var(--a2)}.schritte p{color: var(--text-leise);margin: 0}.schritte .zeit{display: inline-block;margin-top: var(--a3);font-size: var(--fs-mini);font-weight: 650;color: var(--akzent)}.regeln{display: grid;gap: var(--a4)}.regel{display: grid;grid-template-columns: 96px minmax(0,1fr);gap: var(--a4);align-items: center;padding: var(--a4) var(--a5);background: var(--grund);border: 1px solid var(--rand);border-radius: var(--radius)}.regel-para{font-weight: 800;font-size: 1.05rem;color: var(--blau);letter-spacing: -.01em}.regel-para small{display: block;font-size: .72rem;font-weight: 650;color: var(--text-sehr-leise);letter-spacing: .04em;text-transform: uppercase}.regel h3{font-size: var(--fs-basis);margin: 0 0 2px}.regel p{margin: 0;font-size: var(--fs-klein);color: var(--text-leise)}.regel-grafik{grid-column: 1 / -1;margin-top: 2px}.grafik-rolle{overflow-x: auto;-webkit-overflow-scrolling: touch;padding: var(--a4);background: var(--grund);border: 1px solid var(--rand);border-radius: var(--radius)}.grafik-rolle>svg{min-width: 560px}.zeitstrahl{width: 100%;height: auto;display: block;overflow: visible}.zeitstrahl .arbeit{fill: var(--blau)}.zeitstrahl .arbeit-leicht{fill: var(--blau-mittel)}.zeitstrahl .pause{fill: var(--akzent-kraeftig)}.zeitstrahl .ruhe{fill: var(--grund-warm);stroke: var(--rand-stark);stroke-dasharray: 3 3}.zeitstrahl .linie{stroke: var(--rand-stark);stroke-width: 1}.zeitstrahl .marke-linie{stroke: var(--text-leise);stroke-width: 1.2;stroke-dasharray: 2 3}.zeitstrahl text{font: 600 11px var(--schrift);fill: var(--text-leise)}.zeitstrahl text.hell{fill: #fff}.zeitstrahl text.stark{fill: var(--text);font-weight: 700}.umschalter>input[type="radio"]{position: absolute;opacity: 0;width: 1px;height: 1px;margin: 0;pointer-events: none}.umschalter-leiste{display: inline-flex;flex-wrap: wrap;gap: 4px;padding: 4px;background: var(--grund-warm);border: 1px solid var(--rand);border-radius: 12px;margin-bottom: var(--a6)}.umschalter-leiste label{display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 8px 16px;border-radius: 9px;font-size: var(--fs-klein);font-weight: 600;color: var(--text-leise);cursor: pointer;transition: background-color .15s,color .15s,box-shadow .15s}.umschalter-leiste label:hover{color: var(--text)}.umschalter-leiste label svg{width: 18px;height: 18px}.umschalter-kopf{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 8px 16px;margin-bottom: var(--a6)}.umschalter-kopf .umschalter-leiste{margin: 0}.umschalter-kopf .umschalter-titel{font-weight: 650;font-size: var(--fs-klein)}.umschalter>input:nth-of-type(1):checked ~ * label:nth-of-type(1),.umschalter>input:nth-of-type(2):checked ~ * label:nth-of-type(2),.umschalter>input:nth-of-type(3):checked ~ * label:nth-of-type(3),.umschalter>input:nth-of-type(4):checked ~ * label:nth-of-type(4),.umschalter>input:nth-of-type(5):checked ~ * label:nth-of-type(5){background: var(--grund);color: var(--text);box-shadow: var(--schatten-klein),0 0 0 1px var(--rand)}.umschalter>input:nth-of-type(1):focus-visible ~ * label:nth-of-type(1),.umschalter>input:nth-of-type(2):focus-visible ~ * label:nth-of-type(2),.umschalter>input:nth-of-type(3):focus-visible ~ * label:nth-of-type(3),.umschalter>input:nth-of-type(4):focus-visible ~ * label:nth-of-type(4),.umschalter>input:nth-of-type(5):focus-visible ~ * label:nth-of-type(5){outline: var(--fokus);outline-offset: 2px}.umschalter>input:nth-of-type(1):checked ~ .tafeln>.tafel:not(:nth-child(1)),.umschalter>input:nth-of-type(2):checked ~ .tafeln>.tafel:not(:nth-child(2)),.umschalter>input:nth-of-type(3):checked ~ .tafeln>.tafel:not(:nth-child(3)),.umschalter>input:nth-of-type(4):checked ~ .tafeln>.tafel:not(:nth-child(4)){display: none}.umschalter>input:nth-of-type(1):checked ~ * .gp:not(.g1),.umschalter>input:nth-of-type(2):checked ~ * .gp:not(.g2),.umschalter>input:nth-of-type(3):checked ~ * .gp:not(.g3),.umschalter>input:nth-of-type(4):checked ~ * .gp:not(.g4),.umschalter>input:nth-of-type(5):checked ~ * .gp:not(.g5){display: none}.tafel{animation: einblenden .25s ease}@keyframes einblenden{from{opacity: 0;transform: translateY(4px)}to{opacity: 1;transform: none}}.reiter{text-align: center}.reiter .tafel{text-align: left}.tafel-raster{display: grid;grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);gap: clamp(28px,5vw,72px);align-items: center}.tafel-raster h3{font-size: clamp(1.375rem,1.1rem + 1vw,1.75rem);letter-spacing: -.02em}.tafel-bild{display: flex;justify-content: center;align-items: center;min-height: 100%;padding: var(--a5);background: linear-gradient(160deg,var(--blau-hell),var(--grund-warm));border-radius: var(--radius-gross)}.preise{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--a5);align-items: stretch}.preise.vier{grid-template-columns: repeat(auto-fill,minmax(250px,1fr))}.preis{position: relative;display: flex;flex-direction: column;background: var(--grund);border: 1px solid var(--rand);border-radius: var(--radius-gross);padding: clamp(22px,2.6vw,32px);box-shadow: var(--schatten-klein)}.preis h3{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;font-size: 1.15rem;margin-bottom: var(--a3)}.preis>p{font-size: var(--fs-klein);color: var(--text-leise)}.preis.empfohlen{border: 2px solid var(--blau);box-shadow: var(--schatten)}.preis.empfohlen::before{content: "Alles drin";position: absolute;top: -13px;left: 24px;background: var(--blau);color: #fff;font-size: .75rem;font-weight: 700;letter-spacing: .02em;padding: 3px 11px;border-radius: 999px}.betrag{display: flex;align-items: baseline;flex-wrap: wrap;gap: 0 6px;font-size: 2.5rem;font-weight: 800;letter-spacing: -.035em;line-height: 1.1;margin: 0 0 var(--a3);font-variant-numeric: tabular-nums}.betrag small{font-size: var(--fs-klein);color: var(--text-leise);font-weight: 500;letter-spacing: 0}.betrag-klein{font-size: 1.75rem}.preis .liste-haken{margin: var(--a4) 0 var(--a5);flex: 1;font-size: var(--fs-klein)}.preis .knopf{width: 100%}.preis .knopf + .knopf{margin-top: 10px}.preis-fuss{margin-top: var(--a5);text-align: center;font-size: var(--fs-klein);color: var(--text-leise)}.module{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--a4)}.modul{display: flex;flex-direction: column;gap: 6px;padding: var(--a5);background: var(--grund);border: 1px solid var(--rand);border-radius: var(--radius)}.modul h3{font-size: var(--fs-basis);margin: 0;display: flex;align-items: center;gap: 10px}.modul p{font-size: var(--fs-klein);color: var(--text-leise);margin: 0}.modul .modul-preis{margin-top: auto;padding-top: var(--a3);font-size: var(--fs-klein);color: var(--text-leise)}.modul .modul-preis strong{font-size: 1.25rem;color: var(--text);font-variant-numeric: tabular-nums}.modul-basis{grid-column: span 3;display: grid;grid-template-columns: minmax(0,1fr) auto;gap: var(--a5);align-items: center;background: linear-gradient(120deg,var(--blau-hell),var(--grund) 70%);border-color: var(--blau-mittel)}.modul-basis .liste-haken{columns: 2;column-gap: var(--a6);margin: var(--a3) 0 0;font-size: var(--fs-klein)}.modul-basis .liste-haken li{break-inside: avoid;margin-top: 0}.modul-basis .modul-preis{margin: 0;padding: 0;text-align: right}.modul-basis .modul-preis strong{font-size: 2.25rem;display: block;letter-spacing: -.03em}.tabelle-huelle{overflow-x: auto;border: 1px solid var(--rand);border-radius: var(--radius);background: var(--grund);box-shadow: var(--schatten-klein);-webkit-overflow-scrolling: touch}.vergleich,.artikel table{width: 100%;border-collapse: collapse;font-size: var(--fs-klein)}.vergleich th,.vergleich td,.artikel th,.artikel td{padding: 14px 18px;border-bottom: 1px solid var(--rand);text-align: left;vertical-align: top}.vergleich tbody tr:last-child>*{border-bottom: 0}.vergleich thead th,.artikel thead th{background: var(--grund-leise);font-size: var(--fs-mini);font-weight: 700;letter-spacing: .02em;color: var(--text-leise);white-space: nowrap}.vergleich tbody th{font-weight: 650;color: var(--text)}.vergleich td{font-variant-numeric: tabular-nums;color: var(--text-leise)}.vergleich td.ja,.vergleich .spalte-wir{color: var(--text);font-weight: 600}.vergleich thead .spalte-wir{color: var(--blau);background: var(--blau-hell)}.vergleich td.spalte-wir{background: rgba(239,246,255,.55)}.vergleich td.ja::before{content: "";display: inline-block;width: 14px;height: 14px;margin-right: 8px;vertical-align: -2px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.2l3 3 6-6.5' fill='none' stroke='%23047857' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat}.vergleich td.betrag-zelle{font-weight: 650;color: var(--text);white-space: nowrap}.vergleich .klein-text{display: block;font-weight: 400;color: var(--text-leise);font-size: var(--fs-mini);margin-top: 2px}.tabelle-notiz{margin-top: var(--a3);font-size: var(--fs-mini);color: var(--text-leise)}.akkordeon{display: grid;gap: 10px}.akkordeon details,.artikel details{background: var(--grund);border: 1px solid var(--rand);border-radius: 12px;transition: border-color .15s,box-shadow .15s}.akkordeon details:hover,.artikel details:hover{border-color: var(--rand-stark)}.akkordeon details[open],.artikel details[open]{box-shadow: var(--schatten-klein)}.akkordeon summary,.artikel summary{display: flex;justify-content: space-between;align-items: center;gap: 16px;padding: 16px 20px;cursor: pointer;font-weight: 650;list-style: none;border-radius: 12px}.akkordeon summary::-webkit-details-marker,.artikel summary::-webkit-details-marker{display: none}.akkordeon summary::after,.artikel summary::after{content: "";flex-shrink: 0;width: 22px;height: 22px;border-radius: 50%;background: var(--grund-warm) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 4v8M4 8h8' fill='none' stroke='%2357534e' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 14px no-repeat;transition: transform .2s}.akkordeon details[open]>summary::after,.artikel details[open]>summary::after{transform: rotate(45deg)}.akkordeon details>:not(summary),.artikel details>:not(summary){padding: 0 20px;color: var(--text-leise)}.akkordeon details>:last-child,.artikel details>:last-child{padding-bottom: 18px;margin-bottom: 0}.fragen-raster{display: grid;grid-template-columns: minmax(0,.8fr) minmax(0,1.6fr);gap: clamp(28px,5vw,72px);align-items: start}.fragen-gruppe + .fragen-gruppe{margin-top: var(--a7)}.fragen-gruppe h2{font-size: var(--fs-h3)}.hinweis,.kasten{display: flex;gap: 14px;align-items: flex-start;padding: 16px 20px;margin: 1.4em 0;border-radius: 12px;background: var(--blau-hell);border: 1px solid var(--blau-mittel);color: var(--text);font-size: var(--fs-klein);line-height: 1.6}.hinweis>svg{width: 20px;height: 20px;flex-shrink: 0;margin-top: 2px;color: var(--blau)}.hinweis>div>:last-child,.kasten>:last-child{margin-bottom: 0}.hinweis-warnung{background: var(--akzent-hell);border-color: var(--akzent-rand)}.hinweis-warnung>svg{color: var(--akzent)}.hinweis-erfolg{background: var(--gruen-hell);border-color: #a7f3d0}.hinweis-erfolg>svg{color: var(--gruen-dunkel)}.hinweis-ruhig{background: var(--grund-leise);border-color: var(--rand)}.hinweis-ruhig>svg{color: var(--text-leise)}.kasten{display: block;border-left: 4px solid var(--blau)}.feld{display: block;margin: 0 0 var(--a4);font-weight: 600;font-size: var(--fs-klein)}.feld-hilfe{display: block;font-weight: 400;font-size: var(--fs-mini);color: var(--text-leise);margin-top: 4px}:where(input:not([type="radio"],[type="checkbox"],[type="submit"],[type="button"],[type="hidden"],[type="range"]),select,textarea){display: block;width: 100%;margin-top: 6px;min-height: 46px;padding: 10px 14px;font: 400 var(--fs-basis)/1.4 var(--schrift);color: var(--text);background: var(--grund);border: 1px solid var(--rand-stark);border-radius: 10px;box-shadow: inset 0 1px 2px rgba(28,25,23,.04);transition: border-color .15s,box-shadow .15s}:where(textarea){min-height: 96px;resize: vertical}:where(select){appearance: none;-webkit-appearance: none;padding-right: 40px;background: var(--grund) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%2357534e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center / 16px no-repeat}:where(input:hover,select:hover,textarea:hover){border-color: var(--text-sehr-leise)}:where(input,select,textarea):focus-visible{outline: none;border-color: var(--blau);box-shadow: 0 0 0 3px rgba(37,99,235,.25)}:where(input[type="radio"],input[type="checkbox"]){width: 18px;height: 18px;margin: 0 8px 0 0;vertical-align: -3px;accent-color: var(--blau)}:where(input:user-invalid,textarea:user-invalid){border-color: var(--rot)}fieldset{border: 0;padding: 0;margin: 0 0 var(--a4);min-width: 0}legend{font-weight: 650;font-size: var(--fs-klein);padding: 0;margin-bottom: 6px}.wahl{display: flex;align-items: flex-start;gap: 4px;padding: 10px 12px;margin: 6px 0;border: 1px solid var(--rand);border-radius: 10px;font-weight: 400;cursor: pointer;transition: border-color .15s,background-color .15s}.wahl:hover{border-color: var(--rand-stark);background: var(--grund-leise)}.artikel-raster{display: grid;grid-template-columns: minmax(0,1fr) 300px;gap: clamp(32px,5vw,72px);align-items: start}.artikel{max-width: var(--breite-text);font-size: 1.0938rem}.artikel>h2{font-size: clamp(1.375rem,1.15rem + .9vw,1.75rem);margin-top: 2em}.artikel>h2:first-child{margin-top: 0}.artikel h3{margin-top: 1.6em}.artikel p,.artikel li{color: #292524}.artikel ol>li::marker{font-weight: 700;color: var(--blau)}.artikel .quellen{margin-top: var(--a7);padding-top: var(--a4);border-top: 1px solid var(--rand)}.quellen{font-size: var(--fs-mini);color: var(--text-leise)}.chronik{list-style: none;padding: 0 0 0 4px;margin: 1.4em 0 1.8em}.artikel .chronik li{position: relative;margin: 0;padding: 0 0 1.1em 1.6em;border-left: 2px solid var(--blau-mittel)}.artikel .chronik li:last-child{border-left-color: transparent;padding-bottom: 0}.chronik li::before{content: "";position: absolute;left: -8px;top: .3em;width: 14px;height: 14px;border-radius: 50%;background: var(--grund);border: 3px solid var(--blau)}.chronik time{display: block;font-size: var(--fs-mini);font-weight: 700;letter-spacing: .02em;color: var(--blau)}.chronik strong{color: var(--text)}.artikel .kasten strong:first-child,.artikel .hinweis strong:first-child{color: var(--text)}.artikel figure{margin: 1.6em 0}.artikel figcaption{font-size: var(--fs-mini);color: var(--text-leise);margin-top: 8px}.seitenleiste{position: sticky;top: calc(var(--kopf-hoehe) + 24px);display: grid;gap: var(--a4)}.seitenleiste .karte{padding: var(--a5)}.seitenleiste h2{font-size: var(--fs-basis);margin-bottom: var(--a2)}.seitenleiste ul{list-style: none;padding: 0;margin: 0;font-size: var(--fs-klein)}.seitenleiste li{margin: 0}.seitenleiste li a{display: block;padding: 7px 0;color: var(--text-leise);text-decoration: none;border-bottom: 1px solid var(--rand)}.seitenleiste li:last-child a{border-bottom: 0}.seitenleiste li a:hover{color: var(--blau)}.seitenleiste li a[aria-current="page"]{color: var(--blau);font-weight: 650}.werbung{background: var(--blau-tief);color: #e0e7ff;border: 0}.werbung h2{color: #fff}.werbung p{color: #c7d2fe;font-size: var(--fs-klein)}.werbung :focus-visible{outline-color: #fff}.inhaltsverzeichnis{font-size: var(--fs-klein)}.inhaltsverzeichnis ol{margin: 0;padding-left: 1.2em}.inhaltsverzeichnis a{color: var(--text-leise);text-decoration: none}.inhaltsverzeichnis a:hover{color: var(--blau)}.branchen{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: var(--a4)}.branche{display: flex;flex-direction: column;gap: 8px;padding: var(--a5);background: var(--grund);border: 1px solid var(--rand);border-radius: var(--radius);color: var(--text);text-decoration: none;transition: border-color .15s,box-shadow .15s,transform .15s}.branche:hover{color: var(--text);border-color: var(--rand-stark);box-shadow: var(--schatten);transform: translateY(-2px)}.branche h3{font-size: var(--fs-basis);margin: 6px 0 0}.branche p{font-size: var(--fs-mini);color: var(--text-leise);margin: 0;line-height: 1.5}.branche .paket{margin-top: auto;padding-top: 10px;font-size: var(--fs-mini);color: var(--text-leise);border-top: 1px solid var(--rand)}.branche .paket strong{color: var(--text)}.paket-karte{width: 100%;max-width: 420px;box-shadow: var(--schatten)}.paket-karte h2{font-size: 1.5rem;margin: 0 0 6px}.paket-karte .mini{margin: 12px 0 0}.instanzen{display: grid;gap: var(--a4)}.instanz-rahmen{position: relative;padding: 36px 18px 18px;border: 1.5px dashed rgba(199,210,254,.45);border-radius: var(--radius)}.instanz-titel{position: absolute;top: -12px;left: 16px;display: inline-flex;align-items: center;gap: 6px;padding: 2px 10px;border-radius: 999px;background: var(--blau-tief);color: #fff;font-size: var(--fs-mini);font-weight: 650}.instanz-titel svg{width: 15px;height: 15px}.instanz-reihe{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px}.instanz{padding: 12px;border-radius: 10px;background: rgba(255,255,255,.08);border: 1px solid rgba(255,255,255,.14);font-size: var(--fs-mini);color: #c7d2fe;line-height: 1.4}.instanz strong{display: block;color: #fff;font-size: var(--fs-klein)}.instanz.ihre{background: #fff;border-color: #fff;color: var(--text-leise)}.instanz.ihre strong{color: var(--blau-tief)}.instanz-teile{display: flex;gap: 6px;margin-top: 8px;flex-wrap: wrap}.instanz-teile span{font-size: .72rem;padding: 2px 7px;border-radius: 6px;background: rgba(255,255,255,.12);color: #e0e7ff}.instanz.ihre .instanz-teile span{background: var(--blau-hell);color: var(--blau-dunkel)}.liste-dunkel{list-style: none;padding: 0;margin: var(--a5) 0;display: grid;gap: var(--a4)}.liste-dunkel li{display: flex;gap: 14px;margin: 0}.liste-dunkel .symbol{background: rgba(255,255,255,.1);color: #fff}.liste-dunkel strong{display: block;color: #fff}.liste-dunkel span{color: #c7d2fe;font-size: var(--fs-klein)}.abschluss{position: relative;overflow: hidden;background: radial-gradient(600px 300px at 90% 0%,rgba(96,165,250,.35),transparent 70%),linear-gradient(135deg,var(--blau),var(--blau-dunkel) 60%,var(--blau-tief));color: #fff;border-radius: var(--radius-gross);padding: clamp(32px,6vw,64px);text-align: center}.abschluss h2{color: #fff;max-width: 22em;margin-left: auto;margin-right: auto}.abschluss p{color: #dbeafe;font-size: var(--fs-gross);max-width: 36em;margin-left: auto;margin-right: auto}.abschluss .handlungen{justify-content: center;margin-bottom: 0}.abschluss :focus-visible{outline-color: #fff}.abschluss .knopf-neben{background: #fff;color: var(--blau-tief);border-color: transparent}.abschluss .klein{color: #bfdbfe;margin: var(--a4) 0 0;font-size: var(--fs-mini)}.fuss{background: var(--grund-dunkel);color: #d6d3d1;padding: var(--a8) 0 var(--a6);font-size: var(--fs-klein)}.fuss-raster{display: grid;grid-template-columns: minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap: var(--a6)}.fuss .marke{color: #fff}.fuss .marke:hover{color: #fff}.fuss-text{color: #a8a29e;margin: var(--a4) 0 var(--a4);max-width: 22em;line-height: 1.6}.fuss h2{color: #fff;font-size: var(--fs-klein);letter-spacing: 0;margin: 0 0 var(--a3)}.fuss ul{list-style: none;padding: 0;margin: 0}.fuss li{margin: 0 0 8px}.fuss a{color: #d6d3d1;text-decoration: none}.fuss a:hover{color: #fff;text-decoration: underline}.fuss :focus-visible{outline-color: #fff}.fuss-kontakt{display: inline-flex;align-items: center;gap: 8px;color: #fff !important;font-weight: 600}.fuss-kontakt svg{width: 18px;height: 18px}.fuss-unten{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px 24px;margin-top: var(--a7);padding-top: var(--a5);border-top: 1px solid #44403c;color: #a8a29e;font-size: var(--fs-mini)}.fuss-unten p{margin: 0}.fuss-unten a{color: #d6d3d1}.fuss-versprechen{display: inline-flex;align-items: center;gap: 8px}.fuss-versprechen svg{width: 16px;height: 16px;color: #6ee7b7}.kategorien{display: flex;flex-wrap: wrap;gap: 8px;margin-top: var(--a5)}.kategorien a{display: inline-flex;align-items: center;min-height: 40px;padding: 8px 16px;border-radius: 999px;background: var(--grund);border: 1px solid var(--rand-stark);color: var(--text);font-size: var(--fs-klein);font-weight: 600;text-decoration: none}.kategorien a:hover{border-color: var(--blau);color: var(--blau)}.produkt{display: flex;flex-direction: column}.produkt-hersteller{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;margin: 0;min-height: 22px;font-size: .75rem;font-weight: 700;letter-spacing: .05em;text-transform: uppercase;color: var(--text-sehr-leise)}.produkt-hersteller .abzeichen{text-transform: none;letter-spacing: 0}.produkt h3{display: block;margin: 8px 0 2px}.produkt-nummer{margin: 0 0 12px;font-size: var(--fs-mini);color: var(--text-sehr-leise)}.produkt-text{font-size: var(--fs-klein);color: var(--text-leise);margin: 0}.produkt-inhalt{margin: 14px 0 4px;font-weight: 650;font-size: var(--fs-klein);color: var(--text) !important}.produkt .liste-haken{font-size: var(--fs-klein);margin: 0}.produkt-passt{margin-top: 14px;padding: 10px 12px;border-radius: 10px;background: var(--blau-hell);font-size: var(--fs-mini);color: var(--text) !important}.produkt-hinweis{margin: 10px 0 0;padding: 10px 12px;border-radius: 10px;background: var(--akzent-hell);font-size: var(--fs-mini);color: var(--text) !important}.produkt-preis{margin-top: auto;padding-top: 16px}.produkt-preis p{margin: 0;padding-top: 14px;border-top: 1px solid var(--rand);color: var(--text-leise);font-size: var(--fs-mini)}.produkt-preis p strong{font-size: 1.4rem;color: var(--text);font-variant-numeric: tabular-nums;letter-spacing: -.02em}.produkt-preis .knopf{margin-top: 12px;width: 100%}.bestellung{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--a5);align-items: start}.bestellung .karte h2{font-size: var(--fs-h3);margin-top: 0}.bestellung .feld{margin: var(--a4) 0}.bestellung fieldset.feld label{display: flex;align-items: flex-start;font-weight: 400;margin: 6px 0;padding: 10px 12px;border: 1px solid var(--rand);border-radius: 10px;cursor: pointer}.bestellung fieldset.feld label:hover{background: var(--grund-leise);border-color: var(--rand-stark)}.bestellung fieldset.feld label input{margin-top: 3px}.bestellung .summe{position: sticky;bottom: 0;margin: var(--a5) calc(-1 * clamp(20px,2.4vw,28px)) calc(-1 * clamp(20px,2.4vw,28px));padding: var(--a4) clamp(20px,2.4vw,28px);background: var(--grund-leise);border-top: 1px solid var(--rand);border-radius: 0 0 var(--radius) var(--radius)}.bestellung .summe .betrag{font-size: 2rem;margin-bottom: 4px}.bestellung .summe p{margin: 4px 0 0;font-size: var(--fs-klein)}.bestellung label.feld>input[type="checkbox"]{margin-top: 3px}.bestellung label.feld:has(>input[type="checkbox"]){display: flex;align-items: flex-start;font-weight: 400}.blatt{width: min(360px,100%);margin: 0 auto;background: #fff;border: 1px solid var(--rand);border-radius: 6px;box-shadow: var(--schatten-gross);transform: rotate(-1.5deg)}@media (max-width: 1080px){.branchen{grid-template-columns: repeat(3,minmax(0,1fr))}.fakten{grid-template-columns: repeat(2,minmax(0,1fr))}.fuss-raster{grid-template-columns: repeat(3,minmax(0,1fr))}.fuss-marke{grid-column: 1 / -1}.navi-handlungen .knopf-leise{display: none}}@media (max-width: 960px){:root{--kopf-hoehe: 62px}.menue-knopf{display: inline-flex}.navi{display: none;position: absolute;top: var(--kopf-hoehe);left: 0;right: 0;flex-direction: column;align-items: stretch;gap: 0;max-height: calc(100vh - var(--kopf-hoehe));max-height: calc(100dvh - var(--kopf-hoehe));overflow-y: auto;overscroll-behavior: contain;padding: 8px clamp(18px,4vw,32px) 24px;background: var(--grund);border-bottom: 1px solid var(--rand);box-shadow: var(--schatten-gross)}.navi.offen{display: flex}.navi-liste{flex-direction: column;align-items: stretch;margin: 0}.navi-liste>li{border-bottom: 1px solid var(--rand)}.navi-link,.aufklapp>summary{display: flex;justify-content: space-between;padding: 14px 4px;font-size: var(--fs-basis);border-radius: 0}.navi-link:hover,.aufklapp>summary:hover,.aufklapp[open]>summary{background: transparent}.aufklapp-tafel{position: static;width: auto;max-width: none;grid-template-columns: 1fr;box-shadow: none;border: 0;padding: 0 0 12px}.aufklapp-fuss{display: none}.navi-handlungen{flex-direction: column;align-items: stretch;margin-top: 16px}.navi-handlungen .knopf{min-height: 48px}.navi-handlungen .knopf-leise{display: inline-flex}.buehne-raster,.spalten,.spalten.text-breit,.seitenkopf-raster,.tafel-raster,.fragen-raster,.artikel-raster{grid-template-columns: minmax(0,1fr)}.buehne-raster .geraete{max-width: 620px;margin: 0 auto}.gitter,.preise,.module,.schritte{grid-template-columns: repeat(2,minmax(0,1fr))}.modul-basis{grid-column: 1 / -1;grid-template-columns: 1fr}.modul-basis .modul-preis{text-align: left}.schritte{row-gap: var(--a6)}.seitenleiste{position: static}.abschnitt{padding: var(--a8) 0}.abschnitt-eng{padding: var(--a7) 0}.abschnitt-kopf{margin-bottom: var(--a6)}.bestellung{grid-template-columns: minmax(0,1fr)}}@media (max-width: 640px){body{font-size: 1rem}.gitter,.gitter-2,.gitter-4,.preise,.module,.schritte,.branchen,.fakten,.instanz-reihe{grid-template-columns: minmax(0,1fr)}.fuss-raster{grid-template-columns: repeat(2,minmax(0,1fr))}.modul-basis .liste-haken{columns: 1}.handlungen .knopf{flex: 1 1 auto}.regel{grid-template-columns: 1fr;gap: 4px}.umschalter-leiste{display: flex;width: 100%}.umschalter-leiste label{flex: 1 1 auto;justify-content: center;padding: 8px 10px}.vergleich th,.vergleich td{padding: 12px 14px}.fuss-unten{flex-direction: column}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}html{scroll-behavior: auto}}@media print{:root{--schatten: none;--schatten-klein: none;--schatten-gross: none}body{font-size: 11pt;color: #000;background: #fff}.kopf,.fuss,.sprung,.menue-knopf,.abschluss,.seitenleiste,.handlungen,.umschalter-leiste,.geraete,.navi{display: none !important}.abschnitt,.abschnitt-eng,.seitenkopf,.buehne{padding: 12pt 0;background: none !important;border: 0 !important}.abschnitt.dunkel{color: #000}.abschnitt.dunkel h2,.abschnitt.dunkel h3,.abschnitt.dunkel strong,.abschnitt.dunkel span{color: #000 !important}.artikel-raster,.spalten,.buehne-raster,.seitenkopf-raster{display: block}.karte,.preis,.modul,.regel,.akkordeon details,.tabelle-huelle{box-shadow: none;break-inside: avoid;border-color: #999}.artikel a[href^="http"]::after,.artikel a[href^="/"]::after{content: " (" attr(href) ")";font-size: .85em;color: #555}details>:not(summary){display: block !important}h2,h3{break-after: avoid}a{color: #000;text-decoration: underline}}.er-kasten{background:#f5f7f9;border:1px solid #e2e6ea;border-radius:.8rem;padding:1.4rem 1.5rem;margin:2rem 0}.er-kasten h2{margin-top:0}.er-felder{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.2rem 0}.er-felder label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.95rem}.er-felder input{padding:.55rem .7rem;border:1px solid #cbd2d9;border-radius:.5rem;font:inherit;font-size:1rem;background:#fff}.er-hilfe{font-weight:400;font-size:.82rem;color:#667;line-height:1.3}.er-tab{border-collapse:collapse;width:100%;margin:.5rem 0}.er-tab th,.er-tab td{padding:.45rem .3rem;text-align:left;border-bottom:1px solid #e2e6ea;font-weight:400}.er-tab th{font-weight:600}.er-tab td.er-zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.er-tab tr.er-summe th,.er-tab tr.er-summe td{border-bottom:none;border-top:2px solid #cbd2d9;padding-top:.6rem;font-weight:700;font-size:1.05rem}.er-satz{margin:.8rem 0 0}.er-fuss{font-size:.85rem;color:#667;margin:1rem 0 0}@media (max-width:520px){.er-tab td:nth-child(2){display:none}}.er-pflicht{font-size:.92rem;color:#334;background:#eef4fa;border-left:3px solid #9cb8d4;border-radius:.4rem;padding:.7rem .9rem;margin:.9rem 0 0}.er-anm{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e6ea}.er-anm-frage{margin:0 0 .7rem;font-size:.97rem}.er-anm-zeile{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.7rem}.er-anm-zeile input{flex:1 1 14rem;min-width:0;padding:.55rem .7rem;border:1px solid #cbd2d9;border-radius:.5rem;font:inherit}.er-anm-haken{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;line-height:1.45;color:#334}.er-anm-haken input{margin-top:.25rem;flex:none}.er-anm-klein{font-size:.82rem;color:#667;margin:.6rem 0 0}.er-meldung{margin:.7rem 0 0;font-size:.93rem}.er-meldung.er-ok{color:#2f7a4d;font-weight:600}.er-meldung.er-fehler{color:#b3261e}