.sn .sn-ab.sn-ab-hell.sn-szs[data-ab-motiv]{--sn-ab-h:470px}@media (max-width:767px){.sn .sn-ab.sn-ab-hell.sn-szs[data-ab-motiv]{--sn-ab-h:420px}}.sn .sn-szs-text{z-index:2;text-align:center;justify-items:center;gap:16px;padding-top:72px;display:grid;position:relative}@media (min-width:768px){.sn .sn-szs-text{padding-top:88px}}@media (min-width:1024px){.sn .sn-szs-text{padding-top:112px}}.sn .sn-szs-text .h2{color:var(--sn-ab-t1);max-width:18em}.sn .sn-szs-satz{color:var(--sn-ab-t2);margin:0 auto}.sn .sn-szs-cta{margin-top:8px}.sn .sn-szs :focus-visible{outline-color:var(--sn-bild-fokus)}.sn .sn-szs-horizont{z-index:2;height:var(--sn-ab-h);position:relative}.sn .sn-szs-karte{width:min(100% - 32px,420px);transition:transform .8s var(--sn-ease),opacity .8s var(--sn-ease);position:absolute;top:22%;left:50%;translate:-50%}@media (max-width:767px){.sn .sn-szs-karte{top:14%}}.sn .sn-szs-karte[data-karte=vorher]{opacity:0;transform:translateY(16px)}.sn .sn-szs-karte[data-sofort]{transition:none}@media (prefers-reduced-motion:reduce){.sn .sn-szs-karte{transition:none}}.sn .sn-szs-app{-webkit-user-select:none;user-select:none;pointer-events:none}.sn .sn-szs-app>.sn-av{box-shadow:0 1px 2px color-mix(in srgb,var(--sn-night) 8%,transparent),0 24px 56px -20px color-mix(in srgb,var(--sn-night) 40%,transparent)}.sn .sn-szs-bsp{font:400 12px/16px var(--sn-font-sans);color:var(--sn-nacht-t2);margin:0;position:absolute;bottom:14px;left:max(16px,50% - 600px)}.sn[data-licht=abend] .sn-szs .sn-ab-bild:after{background:linear-gradient(to bottom,transparent calc(100% - 170px),color-mix(in srgb,var(--sn-night) 50%,transparent) calc(100% - 60px),var(--sn-night) 100%)}