.sn .sec.sn-abl-flaeche{background:var(--sn-surface)}.sn .sn-abl{--abl-rand:max(16px,env(safe-area-inset-right,0px))}@media (min-width:768px){.sn .sn-abl{--abl-rand:max(24px,env(safe-area-inset-right,0px))}}.sn .sn-abl-kopf{gap:12px;display:grid}.sn .sn-abl-k{grid-template-columns:minmax(0,1fr);margin-top:28px;display:grid}.sn .sn-abl-liste,.sn .sn-abl-bilder{display:contents}.sn .sn-abl-liste{margin:0;padding:0;list-style:none}.sn .sn-abl-schritt{min-width:0}.sn .sn-abl-alt{height:0;display:block}.sn .sn-abl-tk{border:0;border-top:1px solid var(--sn-line);width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border-radius:0;margin:0;padding:18px 0 16px;display:block}.sn button.sn-abl-tk{appearance:none;cursor:pointer}.sn .sn-abl-zeile{font:500 18px/26px var(--sn-font-sans);letter-spacing:-.01em;color:var(--sn-t1);grid-template-columns:40px minmax(0,1fr);align-items:baseline;margin:0;display:grid}.sn .sn-abl-nr{font:500 13px/26px var(--sn-font-mono);font-feature-settings:normal;letter-spacing:0;color:var(--sn-t3)}.sn .sn-abl-titel{min-width:0}.sn .sn-abl-satz{max-width:calc(52ch + 40px);font:400 16px/25px var(--sn-font-sans);color:var(--sn-t2);text-wrap:pretty;margin:4px 0 0;padding-left:40px;display:block}@media (min-width:768px){.sn .sn-abl-zeile{font-size:20px;line-height:28px}.sn .sn-abl-nr{line-height:28px}}.sn .sn-abl-bild{min-width:0;margin:0 0 32px;display:grid}.sn .sn-abl-bilder>.sn-abl-bild:last-child{margin-bottom:0}.sn .sn-abl-buehne{background:var(--sn-surface);border-radius:16px;justify-content:center;align-items:center;min-width:0;padding:32px;display:flex;position:relative;overflow:clip}.sn .sn-abl-flaeche .sn-abl-buehne,.sn [data-flaeche=nebel] .sn-abl-buehne{background:0 0;border-radius:0;padding-block:0;overflow:visible}.sn .sn-abl-rahmen{width:100%;min-width:0;max-width:600px}.sn .sn-abl-karte{pointer-events:none;-webkit-user-select:none;user-select:none;min-width:0;container-type:inline-size}.sn .sn-abl-bsp{font:400 12px/16px var(--sn-font-sans);color:var(--sn-t3);margin:12px 0 0}@media (max-width:767px){.sn .sn-abl-buehne{margin-right:calc(-1 * var(--abl-rand));border-radius:14px 0 0 14px;justify-content:flex-start;padding:20px 0 16px 16px}.sn .sn-abl-flaeche .sn-abl-buehne,.sn [data-flaeche=nebel] .sn-abl-buehne{border-radius:0;padding:0;overflow:clip visible}.sn .sn-abl-rahmen{max-width:none}.sn .sn-abl-karte{--sn-ansicht-ueber:24px;margin-right:-24px}}@media (max-width:1023px){.sn .sn-abl-bild+.sn-abl-bild .sn-abl-buehne{align-items:flex-start;padding-bottom:0}.sn .sn-abl-rahmen{flex-direction:column-reverse;display:flex}.sn .sn-abl-bsp{margin:0 0 12px}.sn .sn-abl-bild+.sn-abl-bild .sn-abl-karte{max-height:var(--abl-schnitt,300px);overflow:clip}.sn .sn-abl-flaeche .sn-abl-bild+.sn-abl-bild .sn-abl-karte,.sn [data-flaeche=nebel] .sn-abl-bild+.sn-abl-bild .sn-abl-karte{-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000);mask-image:linear-gradient(#000 calc(100% - 56px),#0000)}.sn .sn-abl-flaeche .sn-abl-rahmen,.sn [data-flaeche=nebel] .sn-abl-rahmen{flex-direction:column}.sn .sn-abl-flaeche .sn-abl-bsp,.sn [data-flaeche=nebel] .sn-abl-bsp{margin:12px 0 0}.sn .sn-abl-flaeche .sn-abl-bild+.sn-abl-bild .sn-abl-bsp,.sn [data-flaeche=nebel] .sn-abl-bild+.sn-abl-bild .sn-abl-bsp{margin:4px 0 0}}@media (max-width:767px){.sn .sn-abl{--abl-schnitt:200px}.sn .sn-abl-bild+.sn-abl-bild .sn-abl-karte>*{border-bottom-right-radius:0;border-bottom-left-radius:0}}.sn .sn-abl-fuss{margin-top:40px}.sn .sn-abl-fuss-l{font:500 14px/20px var(--sn-font-sans);color:var(--sn-t3);margin:0 0 12px}@media (min-width:1024px){.sn .sn-abl-k{-moz-column-gap:56px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px 56px;margin-top:48px}.sn .sn-abl-schritt{grid-column:1;grid-row:var(--abl-r)}.sn .sn-abl-bild{grid-column:2;grid-row:var(--abl-r);margin:0}.sn .sn-abl[data-seite=links] .sn-abl-k{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.sn .sn-abl[data-seite=links] .sn-abl-schritt{grid-column:2}.sn .sn-abl[data-seite=links] .sn-abl-bild{grid-column:1}.sn .sn-abl-tk{border-top:0;padding:0}.sn .sn-abl-buehne{min-height:360px;padding:40px}.sn .sn-abl-flaeche .sn-abl-buehne,.sn [data-flaeche=nebel] .sn-abl-buehne{min-height:0;padding-block:0}.sn .sn-abl-fuss{margin-top:56px}}@keyframes sn-abl-ein{0%{opacity:0}}@keyframes sn-abl-aus{to{opacity:0}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.sn .sn-abl[data-js] .sn-abl-k{row-gap:0}.sn .sn-abl[data-js] .sn-abl-liste{border-bottom:1px solid var(--sn-line);grid-area:1/1;align-self:center;display:block}.sn .sn-abl[data-js] .sn-abl-bilder{grid-area:1/2;align-self:stretch;min-width:0;display:grid}.sn .sn-abl[data-js][data-seite=links] .sn-abl-liste{grid-column:2}.sn .sn-abl[data-js][data-seite=links] .sn-abl-bilder{grid-column:1}.sn .sn-abl[data-js] .sn-abl-bild{visibility:hidden;grid-area:1/1}.sn .sn-abl[data-js] .sn-abl-bild[data-aktiv]{visibility:visible}.sn .sn-abl[data-js] .sn-abl-buehne{align-items:flex-start;min-height:0;padding-top:40px}.sn .sn-abl-flaeche[data-js] .sn-abl-buehne,.sn [data-flaeche=nebel] .sn-abl[data-js] .sn-abl-buehne,.sn .sn-abl[data-js][data-flaeche=nebel] .sn-abl-buehne{padding-top:0}.sn .sn-abl[data-js] .sn-abl-tk{border-top:1px solid var(--sn-line);padding:18px 0 20px;position:relative}.sn .sn-abl[data-js] .sn-abl-schritt[data-aktiv] .sn-abl-tk:before{content:"";background:var(--sn-t1);width:72px;height:2px;position:absolute;top:-1px;left:0}.sn .sn-abl[data-js] .sn-abl-titel,.sn .sn-abl[data-js] .sn-abl-satz{transition:color .15s var(--sn-ease)}.sn .sn-abl[data-js] .sn-abl-schritt:not([data-aktiv]) .sn-abl-titel,.sn .sn-abl[data-js] .sn-abl-schritt:not([data-aktiv]) .sn-abl-satz{color:var(--sn-t3)}.sn .sn-abl[data-js] .sn-abl-schritt:not([data-aktiv]) .sn-abl-tk:hover .sn-abl-titel{color:var(--sn-t1)}.sn .sn-abl[data-js] .sn-abl-tk:focus-visible{outline-offset:4px;border-radius:8px}.sn .sn-abl[data-js] .sn-abl-bild[data-ein] .sn-abl-rahmen{animation:sn-abl-ein .2s var(--sn-ease) both}.sn .sn-abl[data-js] .sn-abl-bild[data-aus]{z-index:1}.sn .sn-abl[data-js] .sn-abl-bild[data-aus] .sn-abl-rahmen{visibility:visible;animation:sn-abl-aus .2s var(--sn-ease) both}}@media (min-width:1024px) and (max-width:1279px){.sn .sn-abl-k{-moz-column-gap:40px;column-gap:40px}.sn .sn-abl-buehne{padding:28px 22px}.sn .sn-abl[data-js] .sn-abl-buehne{padding-top:28px}.sn .sn-abl-flaeche .sn-abl-buehne,.sn [data-flaeche=nebel] .sn-abl-buehne{padding-block:0}}
