.hsf{--hsf-akz:var(--signal);--hsf-ease:cubic-bezier(.4,0,.2,1);--hsf-aus:.6s;--hsf-ein:.9s;--hsf-versatz:.15s;align-content:center;min-width:0;display:grid;position:relative}.hsb-hero .hsf{--hsf-akz:var(--hsb-farbe)}.hsa-hero .hsf{--hsf-akz:var(--hsa-akz)}.hsf-bilder{align-items:center;min-width:0;display:grid}.hsf-bild{z-index:0;grid-area:1/1;min-width:0;display:grid;position:relative}.hsf-bild[data-hsf-an]{z-index:1}.hsf-bild>.hsa-bild{margin:0}.hsf-c{margin-right:calc(-1 * (var(--rand) + max(0px, (100vw - var(--inhalt)) / 2)));align-self:stretch}.hsf-c>.hsc-bild{z-index:auto;margin:0;position:relative;inset:auto}html:not(.js) .hsf-bild:not([data-hsf-an]){display:none}html.js .hsf-bild:not([data-hsf-an]){opacity:0;visibility:hidden}@media (prefers-reduced-motion:no-preference){html.js .hsf-bild{transition:opacity var(--hsf-aus) var(--hsf-ease),visibility 0s linear var(--hsf-aus)}html.js .hsf-bild[data-hsf-an]{transition:opacity var(--hsf-ein) var(--hsf-ease) var(--hsf-versatz),visibility 0s}html.js .hsf-bild:not([data-hsf-an]) *,html.js .hsf-bild:not([data-hsf-an]) :before,html.js .hsf-bild:not([data-hsf-an]) :after,.hsf-bild[data-hsf-wartet] *,.hsf-bild[data-hsf-wartet] :before,.hsf-bild[data-hsf-wartet] :after{animation-play-state:paused!important}.hsf-bild[data-hsf-neu] *,.hsf-bild[data-hsf-neu] :before,.hsf-bild[data-hsf-neu] :after{animation:none!important}}.hsf-steuerung{justify-content:center;margin:clamp(18px,2vw,28px) 0 0;display:flex}html:not(.js) .hsf-steuerung{display:none}html.js .hsf:not([data-hsf-js]) .hsf-steuerung{visibility:hidden}.hsf-kapsel{box-shadow:inset 0 0 0 1px var(--line-2);border-radius:100px;align-items:center;gap:2px;padding:3px;display:inline-flex}.hsf-knopf{width:38px;height:38px;color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;transition:color .25s,background-color .25s;display:grid}.hsf-knopf:hover{color:var(--ink);background-color:color-mix(in srgb,var(--ink) 8%,transparent)}.hsf-ic{place-items:center;width:16px;height:16px;display:inline-grid}.hsf-ic svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.hsf-ic-weiter{display:none}.hsf-ic-weiter svg{fill:currentColor;stroke:none}.hsf-knopf[aria-pressed=true] .hsf-ic-pause{display:none}.hsf-knopf[aria-pressed=true] .hsf-ic-weiter{display:inline-grid}.hsf-marken{align-items:center;padding:0 6px 0 2px;display:flex}.hsf-marke{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:19px;place-items:center;width:42px;height:38px;margin:0;padding:0;display:grid}.hsf-spur{background:color-mix(in srgb,var(--ink) 50%,transparent);border-radius:2px;width:28px;height:2px;transition:background-color .3s,transform .3s;display:block;position:relative;overflow:hidden}.hsf-spur i{background:var(--hsf-akz);transform-origin:0;border-radius:2px;position:absolute;inset:0;transform:scaleX(0)}.hsf-marke:hover .hsf-spur{background:color-mix(in srgb,var(--ink) 75%,transparent)}.hsf-marke[aria-current=true] .hsf-spur{background:color-mix(in srgb,var(--hsf-akz) 34%,transparent);transform:scaleY(1.5)}.hsf-marke[aria-current=true] .hsf-spur i{transform:none}.hsf-knopf:focus-visible,.hsf-marke:focus-visible{outline:1.5px solid var(--hsf-akz);outline-offset:1px}@media (prefers-reduced-motion:no-preference){.hsf[data-hsf-lauf] .hsf-marke[aria-current=true] .hsf-spur i{animation:hsf-lauf var(--hsf-dauer,9s) linear both}.hsf[data-hsf-lauf][data-hsf-halt] .hsf-marke[aria-current=true] .hsf-spur i{animation-play-state:paused}}@keyframes hsf-lauf{0%{transform:scaleX(0)}to{transform:none}}@media (prefers-reduced-motion:reduce){.hsf-knopf{display:none}.hsf-marken{padding:0 2px}}@media (width>=901px){.hsb-raster>.hsf,.hsa-raster>.hsf{align-self:stretch}.hsf-steuerung{width:max-content;padding-bottom:calc(var(--hsf-krumen) - 12.4px);margin:0 auto;position:absolute;bottom:100%;left:0;right:0}.hsb-hero .hsf{--hsf-krumen:clamp(20px,2.2vw,32px)}.hsa-hero .hsf{--hsf-krumen:clamp(14px,2.6vh,30px)}}@media (width>=901px) and (width<=999px){.hsf-c>.hsc-bild{height:auto;margin:0}}@media (width<=900px){.hsa-raster>.hsf{order:4;margin-top:clamp(36px,7vw,52px)}.hsf-c>.hsc-bild{height:auto;margin-left:calc(clamp(60px,22vw,300px) - var(--rand))}}@media (width<=760px){.hsf-c>.hsc-bild{margin-left:calc(22vw - var(--rand))}}@media (width>=761px){@container (width<=599px){.hsf-c .hsc-frage:not([data-handy]){display:none}.hsf-c .hsc-frage[data-lage]{translate:calc(-100% - 12px) -50%}.hsf-c .hsc-frage[data-lage]:before{top:50%;left:calc(100% + 12px)}.hsf-c .hsc-ziel{--hsc-luft:18px;gap:10px;height:46px;padding:0 16px 0 6px;font-size:14px}.hsf-c .hsc-rang{width:34px;height:34px;font-size:15px}}}@media (width<=560px){.hsa-raster>.hsf{margin-top:40px}.hsf-steuerung{margin-top:20px}}@media print{.hsf-steuerung,.hsf-bild:not([data-hsf-an]){display:none}}@media (width>=1101px){#grundlagen .e1-weg.ux3au{--ux3au-mitte5:52.31%;grid-template-columns:minmax(0,2.1fr) minmax(112px,1fr) minmax(0,3.25fr) minmax(56px,.65fr) minmax(0,2.1fr) minmax(36px,.4fr) minmax(0,.95fr)}#grundlagen .ux3au-fn{text-align:right;pointer-events:none;grid-area:2/1/span 2;place-self:center end;justify-items:end;gap:7px;margin:0 14px 20px 0;display:grid}#grundlagen .e1-weg.ki-zuerst .ux3au-fn{margin:20px 14px 0 0}#grundlagen .ux3au-fn>.e1-fan{grid-area:1/1;place-self:auto end;margin:0}#grundlagen .ux3au-fq{pointer-events:none;grid-area:2/2/span 2;align-self:stretch;margin:0;position:relative}#grundlagen .ux3au-fq>span{left:0;right:0;top:calc(var(--y) - 11px);width:max-content;height:22px;margin:0 auto;padding:0 9px;font-size:10.5px;position:absolute}#grundlagen .ux3au-fq>span:first-child{--y:20.8%}#grundlagen .ux3au-fq>span:nth-child(2){--y:47.5%}#grundlagen .ux3au-fq>span:nth-child(3){--y:72.5%}#grundlagen .e1-weg.ki-zuerst .ux3au-fq>span:first-child{--y:27.5%}#grundlagen .e1-weg.ki-zuerst .ux3au-fq>span:nth-child(2){--y:52.5%}#grundlagen .e1-weg.ki-zuerst .ux3au-fq>span:nth-child(3){--y:79.2%}#grundlagen .ux3au-basis{right:calc(-1 * var(--ux3au-mitte5) + 12px)}#grundlagen .ux3au-sl-bogen{top:75%;bottom:-14px;right:calc(-1 * var(--ux3au-mitte5) - 2px);border-right:1px dashed var(--ink-3);border-bottom:1px dashed var(--ink-3);opacity:.75;pointer-events:none;border-bottom-right-radius:14px;width:14px;position:absolute}#grundlagen .ux3au-sl-strich{border-top:1px dashed var(--ink-3);opacity:.75;flex:1;min-width:16px;height:0}#grundlagen .ux3au-sl .ux3au-kreis{display:none}}@media (width>=1101px) and (width<=1279px){#grundlagen .ux3au-fq>span{padding:0 7px;font-size:10px}}#grundlagen .ux3au-fq>span{border:1px solid var(--line-2);background:var(--frame);color:var(--ink-2);white-space:nowrap;border-radius:100px;align-items:center;font-weight:500;line-height:1;display:flex}#grundlagen .ux3au-fk{color:var(--ink-2);margin:0;font-size:12px;font-weight:300;line-height:1.45}#grundlagen .ux3au-fk>span:not(.vh){display:block}#grundlagen .ux3au-basis{align-items:center;margin:0;display:flex;position:absolute;bottom:0;left:-1px;transform:translateY(100%)}#grundlagen .ux3au-basis>.e1-gr-k{flex:none;position:static;transform:none}#grundlagen .ux3au-sl{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;flex:none;align-items:center;gap:7px;margin:0 10px 0 12px;font-size:9.5px;font-weight:500;line-height:1;display:flex}#grundlagen .ux3au-sl svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex:none}#grundlagen .ux3au-sl .ux3au-pfeil{stroke-width:1.2px;width:7px;height:9px}#grundlagen .ux3au-sl .ux3au-kreis{stroke-width:1.6px;width:13px;height:13px}#grundlagen .ux3au-fq>span:nth-child(2){transition-delay:.12s}#grundlagen .ux3au-fq>span:nth-child(3){transition-delay:.24s}#grundlagen .ux3au-fk{transition-delay:.3s}#grundlagen .ux3au-sl{transition-delay:1.15s}#grundlagen .ux3au-sl-bogen{transition:clip-path .9s var(--ease)}#grundlagen .ux3au-sl-strich{transition:clip-path 1s var(--ease) .5s}html.au-js #grundlagen .ux3au-sl-bogen[data-au-p]:not([data-an]){clip-path:inset(0 0 100%)}html.au-js #grundlagen .ux3au-sl-bogen[data-au-p][data-an]{clip-path:inset(0 -4px -4px 0)}html.au-js #grundlagen .ux3au-sl-strich[data-au-p]:not([data-an]){clip-path:inset(-2px -2px -2px 100%)}html.au-js #grundlagen .ux3au-sl-strich[data-au-p][data-an]{clip-path:inset(-2px -2px -2px 0)}@media (prefers-reduced-motion:reduce){#grundlagen .ux3au-fq>span,#grundlagen .ux3au-fk,#grundlagen .ux3au-sl,#grundlagen .ux3au-sl-bogen,#grundlagen .ux3au-sl-strich{transition:none!important}}@media (width<=1100px){#grundlagen .ux3au-fn{display:contents}#grundlagen .e1-weg.ux3au .e1-fan{letter-spacing:.14em;place-self:auto start;margin:0;padding:30px 0 0;font-size:9.5px;position:relative;grid-area:auto/1/auto/-1!important;display:block!important}#grundlagen .e1-weg.ux3au .e1-fan:before{content:"";background:var(--line-2);width:1px;height:18px;position:absolute;top:4px;left:5px}#grundlagen .ux3au-fq{flex-wrap:wrap;gap:8px;margin:-2px 0 0;display:flex;grid-column:1/-1!important}#grundlagen .ux3au-fq>span{height:26px;padding:0 11px;font-size:12px}#grundlagen .ux3au-fk{text-align:left;justify-self:start;max-width:44ch;font-size:13.5px;grid-column:1/-1!important}#grundlagen .ux3au-fk>span:not(.vh){display:inline}#grundlagen .ux3au-sl-bogen,#grundlagen .ux3au-sl-strich,#grundlagen .ux3au-sl .ux3au-pfeil{display:none}#grundlagen .ux3au-basis{flex-wrap:wrap;row-gap:10px}#grundlagen .e1-weg.ux3au .e1-l.l1{order:0}#grundlagen .e1-weg.ux3au .e1-in1{order:1}#grundlagen .e1-weg.ux3au .e1-in2{order:2}#grundlagen .e1-weg.ux3au.ki-zuerst .e1-in2{order:1}#grundlagen .e1-weg.ux3au.ki-zuerst .e1-in1{order:2}#grundlagen .e1-weg.ux3au .e1-fan{order:3}#grundlagen .e1-weg.ux3au .ux3au-fq{order:4}#grundlagen .e1-weg.ux3au .ux3au-fk{order:5}#grundlagen .e1-weg.ux3au .e1-l.l2{order:6}#grundlagen .e1-weg.ux3au .e1-gr{order:7}#grundlagen .e1-weg.ux3au .e1-l.l3{order:8}#grundlagen .e1-weg.ux3au .e1-out1{order:9}#grundlagen .e1-weg.ux3au .e1-out2{order:10}#grundlagen .e1-weg.ux3au.ki-zuerst .e1-out2{order:9}#grundlagen .e1-weg.ux3au.ki-zuerst .e1-out1{order:10}#grundlagen .e1-weg.ux3au .e1-l.l4{order:11}#grundlagen .e1-weg.ux3au .e1-an{order:12}}@media (width<=560px){#grundlagen .ux3au-basis{flex-direction:column;align-items:flex-start}#grundlagen .ux3au-sl{margin:0}#grundlagen .e1-weg.ux3au .e1-gr{margin-bottom:58px}}[data-au-takt] .au-auf{transition-duration:.7s}[data-au-takt] .au-wisch,[data-au-takt] .nz .ln,[data-au-takt] .e1-z li:after{transition-duration:.9s}[data-au-takt] .nz .pt{transition-duration:.5s}[data-au-takt] .nz .fd{transition-duration:.7s}
