/* Stoerer „Laser Season Start“ (Spec 096, 02.11.2026): freigestellte Sommer-Collage ohne Karte und ohne Rahmen. Teile sind generierte Grafiken mit gebackenem Schatten.
   Hausregeln: kein text-shadow, Knopf 6 px, keine Versalien. Schmale Spalte (Container bis 400 px): Buehne oben, Text darunter. */
@font-face { font-family: "LZS Display"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/assets/fonts/bricolage-grotesque-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "LZS Display"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/assets/fonts/bricolage-grotesque-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02AF, U+1E00-1E9F; }
@font-face { font-family: "LZS Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("/assets/fonts/figtree-var-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "LZS Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("/assets/fonts/figtree-var-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02AF, U+1E00-1E9F; }
.lzs { --lzs-navy: #0b2a5b; --lzs-pink: #e6007e; margin: 18px 0 0; max-width: 460px; text-transform: none; }
.lzs[hidden] { display: none; }
.lzs.is-mitte { margin-left: auto; margin-right: auto; }
.lzs.is-gross { max-width: 540px; }
.lzs__karte { position: relative; display: block; width: 100%; container-type: inline-size; color: var(--lzs-navy); text-align: left; font-family: "LZS Sans", "Figtree", system-ui, -apple-system, "Segoe UI", Arial, sans-serif; isolation: isolate; }
[dir="rtl"] .lzs__karte { text-align: right; }
.lzs__link { position: absolute; inset: 0; z-index: 6; border-radius: 6px; }
.lzs__link:focus-visible { outline: 3px solid var(--lzs-navy); outline-offset: 3px; }
.lzs__buehne { position: relative; display: block; height: 210px; overflow: hidden; overflow: clip; overflow-clip-margin: 0; }
.lzs__buehne img { position: absolute; display: block; height: auto; max-width: none; }
.lzs__sonne { position: absolute; right: 2%; top: 4px; width: 158px; height: 158px; }
.lzs__strahlen { inset: 0; width: 100%; animation: lzs-dreh 48s steps(96) infinite; }
.lzs__kern { inset: 26%; width: 48%; }
.lzs__wolke { left: 4%; top: 16px; width: 104px; }
.lzs__moewe { left: 58%; top: 12px; width: 46px; animation: lzs-flug 6s steps(14) infinite; }
.lzs__surf { left: 16%; bottom: 8px; width: 48px; rotate: -9deg; }
.lzs__ball { right: 8%; bottom: 20px; width: 52px; animation: lzs-huepf 1.1s steps(7) infinite; }
.lzs__figur { position: absolute; left: 50%; bottom: 8px; translate: -50% 0; height: 196px; aspect-ratio: var(--lzs-fa, 0.56); display: block; pointer-events: none; }
.lzs__figur .ss-figur__bild, .lzs__figur .ss-figur__film { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.lzs__figur .ss-figur__film { opacity: 0; }
.lzs__figur.ist-an .ss-figur__film { opacity: 1; }
.lzs__figur.ist-an .ss-figur__bild { opacity: 0; }
.lzs__figur .ss-figur__quelle { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.lzs__meer { position: absolute; left: 0; right: 0; bottom: 0; height: 34px; background: url("/assets/img/season-start/meer-2.webp?v=20261102a") 0 0 / auto 100% repeat-x; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); animation: lzs-wellen 5.4s steps(6) infinite alternate; }
.lzs__in { position: relative; z-index: 1; display: grid; gap: 4px; padding-top: 8px; }
.lzs__titel { display: block; font-family: "LZS Display", "LZS Sans", system-ui, sans-serif; font-weight: 800; font-size: 30px; line-height: 1; letter-spacing: -0.03em; color: var(--lzs-navy); }
.lzs__zeile { display: flex; align-items: center; gap: 10px; }
.lzs__null { display: inline-flex; align-items: center; flex: 0 0 auto; }
.lzs__z { display: block; height: 58px; width: auto; max-width: none; }
.lzs__z--0 { rotate: -4deg; }
.lzs__z--e { rotate: 3deg; margin-left: -4px; }
.lzs__preis { font-weight: 800; font-size: 16px; line-height: 1.18; color: var(--lzs-navy); }
.lzs__sub { font-size: 14px; line-height: 1.3; font-weight: 500; color: rgba(11, 42, 91, 0.82); }
.lzs__cd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; font-size: 13px; font-weight: 700; color: var(--lzs-navy); }
.lzs__cdz { font-weight: 900; font-size: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; letter-spacing: -0.01em; direction: ltr; }
.lzs__cdz b { font-weight: 900; color: inherit; }
.lzs__cdm { color: var(--lzs-pink); }
.lzs__cta { font-family: "LZS Display", "LZS Sans", system-ui, sans-serif; display: inline-flex; align-items: center; justify-content: center; gap: 8px; justify-self: start; min-height: 48px; margin-top: 4px; padding: 10px 20px; border-radius: 6px; background: var(--lzs-pink); color: #fff; font-weight: 800; font-size: 16px; line-height: 1.1; }
.lzs__cta svg { width: 18px; height: 18px; fill: currentColor; }
[dir="rtl"] .lzs__cta svg { transform: scaleX(-1); }
.lzs__karte:hover .lzs__cta { background: #c2006a; }
@container (min-width: 480px) { .lzs__buehne { height: 228px; } .lzs__figur { height: 214px; } .lzs__titel { font-size: 34px; } }
@keyframes lzs-dreh { to { rotate: 360deg; } }
@keyframes lzs-flug { 0%, 100% { translate: 0 0; rotate: -2deg; } 50% { translate: 16px -8px; rotate: 3deg; } }
@keyframes lzs-huepf { 0%, 100% { translate: 0 0; rotate: -6deg; } 50% { translate: 0 -16px; rotate: 8deg; } }
@keyframes lzs-wellen { from { background-position-x: 0; } to { background-position-x: 60px; } }
@media (prefers-reduced-motion: reduce) { .lzs__strahlen, .lzs__moewe, .lzs__ball, .lzs__meer { animation: none; } }