:root{--held-start:0s;--szene-start:.2s}html[data-intro=ring] .szene__ring{position:relative}html[data-intro=ring] .szene__ring:before,html[data-intro=ring] .szene__ring:after{content:"";border:2px solid var(--live-600);pointer-events:none;animation:klingel-ring .9s var(--kurve-standard) var(--szene-start) 2 both;border-radius:9999px;position:absolute;inset:0}html[data-intro=ring] .szene__ring:after{animation-delay:calc(var(--szene-start) + .3s)}@keyframes klingel-ring{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.held-auftritt{animation:held-auf var(--dauer-auftritt) var(--kurve-standard) both;animation-delay:calc(var(--held-start) + var(--stufe,0) * var(--versatz))}@keyframes held-auf{0%{opacity:0;transform:translateY(12px)}}@property --glanz{syntax:"<percentage>";inherits:false;initial-value:120%}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference) and (min-width:64rem){.held-karte{perspective:1400px}.held-karte>.szene{transform-origin:60% 40%;animation:linear both karte-aufrichten;animation-timeline:scroll(root);animation-range:0 60vh}.held-karte>.szene:after{content:"";border-radius:var(--radius-2xl);pointer-events:none;background:linear-gradient(105deg, transparent calc(var(--glanz) - 18%), #ffffff29 var(--glanz), transparent calc(var(--glanz) + 18%));animation:linear both karte-glanz;animation-timeline:scroll(root);animation-range:0 60vh;position:absolute;inset:0 0 3.5rem}}}@keyframes karte-aufrichten{0%{transform:rotateX(9deg)rotateY(-16deg)rotate(1.5deg)translateZ(0)}to{transform:none}}@keyframes karte-glanz{0%{--glanz:-20%}to{--glanz:120%}}.szene{--z1:.5s;--z2:1.5s;--z3:2.5s;--chips:3s;--flug:3.7s;--ende:4.2s}.szene__status{display:inline-grid;position:relative}.szene__status>*{grid-area:1/1}.szene__status-klingelt{opacity:0;animation:szene-weg .16s ease-out calc(var(--szene-start) + var(--z1)) backwards}@keyframes szene-weg{0%{opacity:1}}.szene__status-spricht{animation:szene-blende .16s ease-out calc(var(--szene-start) + var(--z1)) backwards}@keyframes szene-blende{0%{opacity:0}}.szene__ring{animation:szene-ring .52s var(--kurve-standard) var(--szene-start) 2 both}@keyframes szene-ring{50%{transform:scale(1.18)}}.szene__zeile{animation:szene-zeile .36s var(--kurve-standard) backwards}.szene__zeile:first-child{animation-delay:calc(var(--szene-start) + var(--z1))}.szene__zeile:nth-child(2){animation-delay:calc(var(--szene-start) + var(--z2))}.szene__zeile:nth-child(3){animation-delay:calc(var(--szene-start) + var(--z3))}@keyframes szene-zeile{0%{opacity:0;transform:translateY(8px)}}.szene__offenlegung{animation:szene-blende .2s ease-out calc(var(--szene-start) + var(--z1) + .18s) backwards}.szene__schluessel{background-image:linear-gradient(color-mix(in oklab, var(--brand-600) 22%, transparent), color-mix(in oklab, var(--brand-600) 22%, transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:szene-marker .42s var(--kurve-standard) calc(var(--szene-start) + var(--z3) + .2s) backwards;background-position:0 85%;background-repeat:no-repeat;background-size:100% .62em;border-radius:.2em}@keyframes szene-marker{0%{background-size:0% .62em}}.szene__chip{animation:szene-chip-auf .22s var(--kurve-standard) calc(var(--szene-start) + var(--chips) + var(--k,0) * 80ms) backwards, szene-flug .6s var(--kurve-landung) calc(var(--szene-start) + var(--flug) + var(--k,0) * 60ms) forwards}@keyframes szene-chip-auf{0%{opacity:0;transform:scale(.9)}}@keyframes szene-flug{to{opacity:0;transform:translate(var(--flug-x,0px), var(--flug-y,40px)) scale(.4)}}.szene__uebernommen{animation:szene-blende .26s ease-out calc(var(--szene-start) + var(--flug) + .52s) backwards}.szene__kachel{animation:szene-puls .48s var(--kurve-standard) calc(var(--szene-start) + var(--ende)) both}@keyframes szene-puls{40%{transform:scale(1.04)}}.szene__zaehler{vertical-align:bottom;height:1lh;display:inline-block;overflow:clip}.szene__zaehler>span{animation:szene-zaehler .42s var(--kurve-landung) calc(var(--szene-start) + var(--ende)) backwards;display:block;transform:translateY(-50%)}@keyframes szene-zaehler{0%{transform:translateY(0)}}.szene__liste{overflow:clip}.szene__liste ol{animation:szene-liste .42s var(--kurve-standard) calc(var(--szene-start) + var(--ende)) backwards}@keyframes szene-liste{0%{transform:translateY(calc(-1 * var(--zeile-hoehe,1.75rem)))}}.szene__steuerung{animation:szene-steuerung .2s ease-out calc(var(--szene-start) + var(--ende) + .4s) backwards}@keyframes szene-steuerung{0%{opacity:0;visibility:hidden}}.buehne-foto img{filter:grayscale()sepia(.35)hue-rotate(115deg)saturate(1.5)brightness(.82);transition:filter var(--dauer-szene) var(--kurve-standard)}.buehne-foto[data-spielt=true] img{filter:none}.spieler-zeile{transition:color var(--dauer-normal) var(--kurve-standard), background-color var(--dauer-normal) var(--kurve-standard)}.spieler-wort{transition:color var(--dauer-schnell) linear}.spieler-fortschritt{transform-origin:0;transform:scaleX(var(--anteil,0))}.faehigkeit[data-aktiv=true]{border-color:var(--brand-600);box-shadow:0 0 0 4px color-mix(in oklab, var(--brand-600) 18%, transparent)}.faehigkeit{transition:border-color var(--dauer-langsam) var(--kurve-standard), box-shadow var(--dauer-langsam) var(--kurve-standard)}::view-transition-old(buehne-bild){animation-duration:var(--dauer-langsam)}::view-transition-new(buehne-bild){animation-duration:var(--dauer-langsam)}:root:active-view-transition-type(weiter)::view-transition-new(buehne-zitat){animation:buehne-von-rechts var(--dauer-langsam) var(--kurve-standard) both}:root:active-view-transition-type(zurueck)::view-transition-new(buehne-zitat){animation:buehne-von-links var(--dauer-langsam) var(--kurve-standard) both}@media (prefers-reduced-motion:no-preference){:root:is(:active-view-transition-type(wechsel),:active-view-transition-type(weiter),:active-view-transition-type(zurueck))::view-transition-old(root){display:none}:root:is(:active-view-transition-type(wechsel),:active-view-transition-type(weiter),:active-view-transition-type(zurueck))::view-transition-new(root){animation:none}}@keyframes buehne-von-rechts{0%{opacity:0;transform:translate(24px)}}@keyframes buehne-von-links{0%{opacity:0;transform:translate(-24px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.einblenden{animation:linear both einblenden;animation-timeline:view();animation-range:entry entry 45%}}}@keyframes einblenden{0%{opacity:0;transform:translateY(16px)}}.kopf-menue{opacity:1;transition:opacity var(--dauer-normal) var(--kurve-standard), transform var(--dauer-normal) var(--kurve-standard), overlay var(--dauer-normal) allow-discrete, display var(--dauer-normal) allow-discrete;transform:none}.kopf-menue:not(:popover-open){opacity:0;transform:translateY(-8px)}@starting-style{.kopf-menue:popover-open{opacity:0;transform:translateY(-8px)}}@property --mikro-ring{syntax:"<percentage>";inherits:false;initial-value:100%}.ablauf__telefon{display:none}.ablauf__liste{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-1rem;padding:.25rem 1rem 1rem;scroll-padding-inline:1rem;overflow-x:auto}.ablauf__liste::-webkit-scrollbar{display:none}.ablauf__reihe{gap:1rem;display:flex}.ablauf__schritt{scroll-snap-align:center;border:1px solid var(--ink-200);border-radius:var(--radius-2xl);background:var(--ink-50);flex:0 0 min(86%,22rem);padding:1.25rem}@media (min-width:64rem){.ablauf__liste{scroll-snap-type:none;margin:0;padding:0;overflow:visible}.ablauf__reihe{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem;display:grid}}.ablauf__nummer{background:var(--brand-600);color:var(--on-brand);box-shadow:0 0 0 6px color-mix(in oklab, var(--brand-600) 14%, transparent)}.mikro--welle{opacity:0}.mikro--ring{background:conic-gradient(var(--brand-600) var(--mikro-ring), var(--ink-200) 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px))}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ablauf{timeline-scope:--schritt-1, --schritt-2, --schritt-3, --schritt-4}.ablauf__schritt:first-child{view-timeline-name:--schritt-1}.ablauf__schritt:nth-child(2){view-timeline-name:--schritt-2}.ablauf__schritt:nth-child(3){view-timeline-name:--schritt-3}.ablauf__schritt:nth-child(4){view-timeline-name:--schritt-4}@media (max-width:63.98rem){.ablauf__schritt{view-timeline-axis:inline}}.ablauf__nummer{animation:ablauf-nummer var(--kurve-landung) both;animation-range:cover 40vh cover calc(40vh + 72px)}.ablauf__schritt:first-child .ablauf__nummer,[data-schritt="1"] .mikro,[data-schritt="1"] .rufo-zeichen__bogen{animation-timeline:--schritt-1}.ablauf__schritt:nth-child(2) .ablauf__nummer,[data-schritt="2"] .mikro,[data-schritt="2"] .rufo-zeichen__bogen{animation-timeline:--schritt-2}.ablauf__schritt:nth-child(3) .ablauf__nummer,[data-schritt="3"] .mikro,[data-schritt="3"] .rufo-zeichen__bogen{animation-timeline:--schritt-3}.ablauf__schritt:nth-child(4) .ablauf__nummer,[data-schritt="4"] .mikro,[data-schritt="4"] .rufo-zeichen__bogen{animation-timeline:--schritt-4}.ablauf__schritt-bild{--mikro-start:16%;--mikro-takt:6%;--mikro-dauer:9%}.mikro,.ablauf__klingeln .rufo-zeichen__bogen{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-range:cover calc(var(--mikro-start) + var(--stufe,0) * var(--mikro-takt)) cover calc(var(--mikro-start) + var(--stufe,0) * var(--mikro-takt) + var(--mikro-dauer))}.mikro--auf{animation-name:mikro-auf}.mikro--rechts{animation-name:mikro-rechts}.mikro--fall{animation-name:mikro-fall;animation-timing-function:var(--kurve-landung)}.mikro--pop{animation-name:mikro-pop;animation-timing-function:var(--kurve-landung)}.mikro--tippen{animation-name:mikro-tippen}.mikro--bahn{animation-name:mikro-bahn}.mikro--daumen{animation-name:mikro-daumen;animation-timing-function:var(--kurve-landung)}.mikro--ring{--mikro-dauer:16%;animation-name:mikro-ring}.mikro--wert{animation-name:mikro-wert}.mikro--welle{--mikro-dauer:14%;animation-name:mikro-welle}.mikro--glocke{transform-origin:50% 10%;--mikro-dauer:14%;animation-name:mikro-glocke}.ablauf__klingeln .rufo-zeichen__bogen{--stufe:calc(.3 + var(--i) * .35);animation-name:mikro-bogen}@media (min-width:64rem){.ablauf__raster{grid-template-columns:minmax(0,1fr) auto;gap:4rem;display:grid}.ablauf__reihe{display:block}.ablauf__schritt{background:0 0;border:0;padding:0}.ablauf__telefon{display:block}.ablauf__schritt-bild{display:none}.ablauf__schritt-text{flex-direction:column;justify-content:center;min-height:64vh;display:flex}.ablauf__schirm{opacity:0;animation:linear both ablauf-schirm;animation-range:cover 31% cover 69%}.ablauf__schirm:first-child{animation-timeline:--schritt-1}.ablauf__schirm:nth-child(2){animation-timeline:--schritt-2}.ablauf__schirm:nth-child(3){animation-timeline:--schritt-3}.ablauf__schirm:nth-child(4){animation-timeline:--schritt-4}.ablauf__schritt{animation:linear both ablauf-text;animation-timeline:view();animation-range:cover 25% cover 75%}.ablauf__nummer{animation-range:cover 30% cover 36%}.ablauf__telefon{--mikro-start:32%;--mikro-takt:3%;--mikro-dauer:5%}}}}@keyframes ablauf-schirm{0%{opacity:0;transform:translateY(12px)scale(.98)}8%,92%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)scale(.98)}}@keyframes ablauf-text{0%,to{opacity:.35}20%,80%{opacity:1}}@keyframes ablauf-nummer{0%{background:var(--ink-100);color:var(--ink-500);scale:.86;box-shadow:0 0 #0000}}@keyframes mikro-auf{0%{opacity:0;translate:0 12px}}@keyframes mikro-rechts{0%{opacity:0;translate:20px}}@keyframes mikro-fall{0%{opacity:0;translate:0 -36px;scale:.94}}@keyframes mikro-pop{0%{opacity:0;scale:.6}}@keyframes mikro-tippen{0%{clip-path:inset(0 100% 0 0 round 16px)}to{clip-path:inset(0 round 16px)}}@keyframes mikro-bahn{0%{background-color:var(--ink-300)}}@keyframes mikro-daumen{0%{translate:0}}@keyframes mikro-ring{0%{--mikro-ring:0%}}@keyframes mikro-wert{0%,to{background-color:#0000}45%{background-color:color-mix(in oklab, var(--brand-600) 28%, transparent)}}@keyframes mikro-welle{0%{opacity:.9;scale:.7}to{opacity:0;scale:1.7}}@keyframes mikro-glocke{0%,to{rotate:none}20%{rotate:16deg}40%{rotate:-13deg}60%{rotate:9deg}80%{rotate:-5deg}}@keyframes mikro-bogen{0%{opacity:.12}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.abschluss-zeichen .rufo-zeichen__bogen{animation:bogen-ruf .9s var(--kurve-buehne) infinite;animation-delay:calc(var(--i,0) * .14s)}}}.preise__reiter:has(:checked){background:var(--paper);color:var(--ink-900);box-shadow:var(--shadow-1)}.preise__reiter:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}@media (max-width:63.98rem){.preise:has(.preise__wahl :checked) .preise__karte{display:none}:is(.preise:has(input[value=Empfang]:checked) .preise__karte[data-tarif=Empfang],.preise:has(input[value=Termin]:checked) .preise__karte[data-tarif=Termin],.preise:has(input[value=Betrieb]:checked) .preise__karte[data-tarif=Betrieb]){display:flex}}.anruf-kachel img{filter:grayscale()sepia(.35)hue-rotate(115deg)saturate(1.4)brightness(.75);transition:filter var(--dauer-langsam) var(--kurve-standard), scale var(--dauer-szene) var(--kurve-standard)}.anruf-kachel:is(:hover,:focus-visible) img{filter:none;scale:1.04}@media (max-width:39.98rem){.anruf-reihe{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-1rem;padding:.25rem 1rem .75rem;scroll-padding-inline:1rem;overflow-x:auto}.anruf-reihe::-webkit-scrollbar{display:none}}.beleg{--zahn:7px;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--zahn)) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--zahn)) 51% repeat-x;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--zahn)) 51% repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / calc(2 * var(--zahn)) 51% repeat-x}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.beleg-halter{view-timeline:--beleg block}.beleg{animation:linear both beleg-druck;animation-timeline:--beleg;animation-range:entry 20% cover 50%}.beleg__stempel{animation:beleg-stempel var(--kurve-landung) both;animation-timeline:--beleg;animation-range:cover 45% cover 55%}}}@keyframes beleg-druck{0%{clip-path:inset(0 0 100%);translate:0 -1.25rem}}@keyframes beleg-stempel{0%{opacity:0;rotate:-4deg;scale:1.1}}@media (prefers-reduced-motion:reduce){.held-auftritt,.szene,.szene *,.einblenden,.ablauf *,.ablauf :before,.ablauf :after,.beleg,.beleg *{animation:none!important}}