@property --morning-biss{syntax:"<length>";inherits:false;initial-value:28px}.morning-biss,.morning-bite{--morning-biss:28px;-webkit-mask-image:radial-gradient(circle at calc(100% - 2px) 2px, transparent var(--morning-biss), #000 calc(var(--morning-biss) + 1px));-webkit-mask-image:radial-gradient(circle at calc(100% - 2px) 2px, transparent var(--morning-biss), #000 calc(var(--morning-biss) + 1px));mask-image:radial-gradient(circle at calc(100% - 2px) 2px, transparent var(--morning-biss), #000 calc(var(--morning-biss) + 1px))}.morning-haeppchen-biss{--morning-biss:11px}@keyframes morning-anbeissen{0%{--morning-biss:0px}}.morning-licht{background:radial-gradient(55% 50% at 10% 100%, color-mix(in srgb, var(--color-lime-400) 9%, transparent), transparent 70%)}@keyframes morning-licht-steigen{0%{opacity:.35;transform:translateY(8%)}}@media (prefers-reduced-motion:no-preference){.morning-licht{animation:1.1s cubic-bezier(.2,.7,.2,1) both morning-licht-steigen}}@media (min-width:64rem){.morning-vorhang{--morning-textkante:calc(max(32px, 50% - 600px) + 680px);background:linear-gradient(to right, color-mix(in srgb, var(--color-navy-800) 95%, transparent) 0, color-mix(in srgb, var(--color-navy-800) 86%, transparent) calc(var(--morning-textkante) - 240px), color-mix(in srgb, var(--color-navy-800) 75%, transparent) var(--morning-textkante), color-mix(in srgb, var(--color-navy-800) 28%, transparent) calc(var(--morning-textkante) + 200px), color-mix(in srgb, var(--color-navy-800) 6%, transparent) 100%)}}.morning-kachel{background:radial-gradient(70% 70% at 100% 100%, color-mix(in srgb, var(--color-lime-400) 14%, transparent), transparent 70%), var(--color-navy-800)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.morning-bite{animation:linear both morning-anbeissen;animation-timeline:view();animation-range:entry 15% entry 60%}@media not (min-width:40rem){.morning-bite{animation-timeline:view(inline);animation-range:entry 20% entry 70%}}}}