@layer theme;@layer base{.sk{--sk-maxw:1200px;--sk-buehne:1280px;--sk-gutter:clamp(16px, 4vw, 40px);--sk-ease:cubic-bezier(.16, 1, .3, 1);font-family:var(--font-manrope), system-ui, sans-serif;color:var(--sk-ink);background:#fff;font-size:17px;line-height:1.6;position:relative;overflow-x:clip}.sk h1,.sk h2,.sk h3,.sk h4{font-family:var(--font-outfit), sans-serif;letter-spacing:-.03em;text-wrap:balance;font-weight:500;line-height:1.06}.sk :focus-visible{outline:2px solid var(--sk-accent);outline-offset:3px;border-radius:6px}}@layer components{.sk-wrap{width:min(var(--sk-maxw), 100% - 2 * var(--sk-gutter));margin-inline:auto;position:relative}.sk-breit{width:min(var(--sk-buehne), 100% - 2 * var(--sk-gutter) + 80px);max-width:calc(100% - 24px);margin-inline:auto;position:relative}.sk-raster{inset-block:0;z-index:0;width:min(var(--sk-maxw), 100% - 2 * var(--sk-gutter));border-inline:1px solid var(--sk-raster);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.sk-sektion{border-top:1px solid var(--sk-raster);padding-block:60px;scroll-margin-top:120px;position:relative}.sk-kopf-karte{isolation:isolate;border:1px solid var(--sk-rahmen);transition:border-color .25s var(--sk-ease), border-radius .25s var(--sk-ease);border-top:0;border-radius:0 0 14px 14px;position:relative;box-shadow:0 1px 2px #0b1a300d,0 10px 30px -18px #0b1a304d}.sk-kopf-karte:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);transition:background .25s var(--sk-ease);background:#ffffffeb;position:absolute;inset:0}[data-fest] .sk-kopf-karte{border-color:color-mix(in oklch, var(--sk-rahmen) 70%, transparent)}[data-fest] .sk-kopf-karte:before{-webkit-backdrop-filter:blur(22px)saturate(1.8);backdrop-filter:blur(22px)saturate(1.8);background:#ffffffa8}[data-offen] .sk-kopf-karte{border-bottom-color:#0000;border-radius:0}[data-offen] .sk-kopf-karte:before{background:#fffc}.sk-band{background:linear-gradient(90deg, var(--sk-nacht), #0e2c67);box-shadow:inset 0 1px #ffffff1f}@supports (color:lab(0% 0 0)){.sk-band{background:linear-gradient(90deg, var(--sk-nacht), lab(18.7855% 8.62852 -38.6072))}}.sk-mega{inset-inline:-1px;z-index:5;-webkit-backdrop-filter:blur(28px)saturate(1.8);backdrop-filter:blur(28px)saturate(1.8);height:0;transition:height .22s var(--sk-ease);background:#fffc;border-radius:0 0 24px 24px;position:absolute;top:100%;overflow:hidden}[data-offen] .sk-mega{border:1px solid var(--sk-rahmen);border-top:0;box-shadow:0 1px 2px #0b1a300d,0 10px 30px -18px #0b1a304d}.sk-mega-panel{inset-inline:0;opacity:0;visibility:hidden;transition:opacity .16s var(--sk-ease), visibility 0s linear .16s;position:absolute;top:0}.sk-mega-panel[data-an]{opacity:1;visibility:visible;transition-delay:0s}.sk-kopf-schleier{z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s var(--sk-ease);background:#0b1a301a;position:fixed;inset:0}[data-offen] .sk-kopf-schleier{opacity:1}.sk-hero-raster{z-index:0;pointer-events:none;opacity:.8;background-image:linear-gradient(90deg,#183d8612 1px,#0000 1px),linear-gradient(#183d8612 1px,#0000 1px);background-image:linear-gradient(90deg,lab(26.7321% 9.5772 -45.6536/.07) 1px,#0000 1px),linear-gradient(lab(26.7321% 9.5772 -45.6536/.07) 1px,#0000 1px);background-position:top;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 60% at 42% 45%,#0000 0,#000 75%);mask-image:radial-gradient(55% 60% at 42% 45%,#0000 0,#000 75%)}.sk-hero-titel span{white-space:normal;display:block}.sk-schnitt{-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.sk-fenster{border:1px solid var(--sk-rahmen);box-shadow:var(--sk-shadow-fenster);background:#fff;border-radius:14px;position:relative;overflow:hidden}.sk-fenster-leiste{border-bottom:1px solid var(--sk-line);background:var(--sk-paper-2);align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.sk-fenster-leiste i{background:var(--sk-line-mid);border-radius:50%;width:10px;height:10px}.sk-lauf{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.sk-lauf-spur{width:max-content;animation:56s linear infinite sk-lauf;display:flex}.sk-lauf:hover .sk-lauf-spur{animation-play-state:paused}.sk-flow-schatten{pointer-events:none;width:25%;position:absolute;inset-block:0}.sk-flow-buehne{background-color:var(--farbe);background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 1px),linear-gradient(#ffffff1a 1px,#0000 1px);background-position:-1px -1px;background-size:32px 32px}.sk-flow-karte{transition:opacity .45s var(--sk-ease), visibility 0s linear .45s}.sk-flow-karte:not([data-an]){opacity:0;visibility:hidden}.sk-flow-karte[data-an]{transition-delay:0s}.sk-flow-karte .sk-flow-ui{opacity:0;transition:opacity .6s var(--sk-ease), transform .7s var(--sk-ease);transition-delay:calc(var(--n,0) * .12s + .15s);transform:translateY(18px)scale(.98)}.sk-flow-karte[data-an] .sk-flow-ui{opacity:1;transform:none}.sk-zeiger{transition:transform .6s var(--sk-ease) .45s;transform:translate(140px,140px)}.sk-flow-karte[data-an] .sk-zeiger{transform:none}.sk-feature{background:color-mix(in oklch, var(--farbe) var(--anteil,9%), white)}.sk-feature-medien{background:color-mix(in oklch, var(--farbe) 20%, white);perspective:1600px}.sk-medien-fenster{-webkit-mask-image:linear-gradient(#000 55%,#0000 95%);mask-image:linear-gradient(#000 55%,#0000 95%)}.sk-ebene{border:6px solid color-mix(in oklch, var(--farbe) 22%, white);box-shadow:0 1px 2px #0b1a300f,0 30px 60px -28px #0b1a3073}.sk-dpanel{--gx:50%;--gy:50%;isolation:isolate;color:#ffffffc2;background:radial-gradient(ellipse 60% 70% at 6% 0%, #1e4eac8c, transparent 70%), radial-gradient(ellipse 55% 75% at 100% 100%, #f2b03629, transparent 70%), var(--sk-nacht);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.sk-dpanel{background:radial-gradient(ellipse 60% 70% at 6% 0%, lab(34.4888% 12.5936 -56.1542/.55), transparent 70%), radial-gradient(ellipse 55% 75% at 100% 100%, lab(76.7671% 17.3435 67.5766/.16), transparent 70%), var(--sk-nacht)}}.sk-dpanel:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 100% 0,#000 15%,#0000 70%),radial-gradient(50% 60% at 0 100%,#000 10%,#0000 70%);mask-image:radial-gradient(60% 70% at 100% 0,#000 15%,#0000 70%),radial-gradient(50% 60% at 0 100%,#000 10%,#0000 70%)}.sk-dpanel:after{content:"";z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s var(--sk-ease);background:radial-gradient(520px circle at var(--gx) var(--gy), #3a81d738, transparent 60%);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.sk-dpanel:after{background:radial-gradient(520px circle at var(--gx) var(--gy), lab(52.6468% -.0438988 -51.7831/.22), transparent 60%)}}.sk-dpanel:hover:after{opacity:1}.sk-regler{appearance:none;background:linear-gradient(to right, var(--sk-brand) var(--p,50%), #ffffff29 var(--p,50%));cursor:pointer;border-radius:99px;width:100%;height:6px}.sk-regler::-webkit-slider-thumb{appearance:none;border:4px solid var(--sk-brand);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #00000059}.sk-regler::-moz-range-thumb{border:4px solid var(--sk-brand);background:#fff;border-radius:50%;width:12px;height:12px}.sk-kipp{transform-style:preserve-3d;transform:rotateX(calc(var(--ry,0) * -1deg)) rotateY(calc(var(--rx,0) * 1deg));transition:transform .18s ease-out}.sk-kipp:after{content:"";pointer-events:none;border-radius:inherit;opacity:0;mix-blend-mode:soft-light;background:linear-gradient(115deg, transparent 30%, #ffffff8c calc(var(--sx,50%) - 6%), #ffffffd9 var(--sx,50%), #ffffff8c calc(var(--sx,50%) + 6%), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.sk-kipp:hover:after{opacity:1}.sk-preis-oben{background:radial-gradient(circle at 105% -10%, color-mix(in oklch, var(--farbe) 60%, transparent) 0, transparent 46%), radial-gradient(circle at -10% 55%, color-mix(in oklch, var(--farbe) 22%, transparent) 0, transparent 52%), color-mix(in oklch, var(--farbe) 9%, white)}.sk-notiz{background-image:linear-gradient(105deg, var(--sk-brand), #fcd176 55%, #fff);color:#0000;-webkit-background-clip:text;background-clip:text}@supports (color:lab(0% 0 0)){.sk-notiz{background-image:linear-gradient(105deg, var(--sk-brand), lab(86.3231% 7.54684 50.6262) 55%, #fff)}}.sk-faq-antwort{visibility:hidden;transition:grid-template-rows .26s var(--sk-ease), visibility 0s linear .26s;grid-template-rows:0fr;display:grid}[data-auf]>.sk-faq-antwort{visibility:visible;grid-template-rows:1fr;transition-delay:0s}.sk-schluss-glow{background:radial-gradient(55% 55% at 50% 35%,#183d861f,#0000 70%);background:radial-gradient(55% 55% at 50% 35%,lab(26.7321% 9.5772 -45.6536/.12),#0000 70%)}.sk-v-weg,.sk-v-scan{opacity:0}}@layer utilities;@keyframes sk-lauf{to{transform:translate(-50%)}}@keyframes sk-auf{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes sk-schweben{0%,to{translate:0}50%{translate:0 -9px}}@keyframes sk-pop{0%{opacity:0;transform:scale(.6)rotate(-10deg)}60%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:none}}@keyframes sk-buehne-auf{0%{opacity:.6;transform:perspective(1600px)rotateX(14deg)scale(.9)translateY(60px)}to{opacity:1;transform:none}}@keyframes sk-parallax{0%{translate:0 36px}to{translate:0 -36px}}@keyframes sk-tiefe{0%{translate:0 20px}to{translate:0 -20px}}@media (prefers-reduced-motion:no-preference){html:has(.sk){scroll-behavior:smooth}.sk-hero-titel span,.sk-hero-seite>*{opacity:0;animation:sk-auf .9s var(--sk-ease) forwards}.sk-hero-titel span:nth-child(2){animation-delay:.12s}.sk-hero-titel span:nth-child(3){animation-delay:.24s}.sk-hero-seite>:first-child{animation-delay:.38s}.sk-hero-seite>:nth-child(2){animation-delay:.5s}.sk-hero-seite>:nth-child(3){animation-delay:.62s}.sk-schwebt{animation:6s ease-in-out infinite sk-schweben;animation-delay:var(--verzug,0s)}@supports (animation-timeline:view()){.sk-hero-buehne{transform-origin:50% 0;animation:linear both sk-buehne-auf;animation-timeline:view();animation-range:entry entry 70%}.sk-feature[data-da] .sk-medien-schnitt{animation:linear both sk-parallax;animation-timeline:view();animation-range:entry 10% exit 90%}.sk-feature[data-da] .sk-ebene{animation:linear both sk-tiefe;animation-timeline:view();animation-range:entry exit}}[data-bewegung] .sk-ein{opacity:0;transition:opacity .8s var(--sk-ease), transform .8s var(--sk-ease);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(18px)}[data-bewegung] .sk-ein[data-da]{opacity:1;transform:none}.sk-wort{vertical-align:bottom;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.sk-wort>span{display:inline-block}[data-bewegung] [data-worte] .sk-wort>span{transition:transform .8s var(--sk-ease);transition-delay:calc(var(--w,0) * 55ms);transform:translateY(110%)}[data-bewegung] [data-worte][data-da] .sk-wort>span{transform:none}[data-bewegung] .sk-staffel>*{opacity:0;transition:opacity .7s var(--sk-ease), transform .7s var(--sk-ease), translate .35s var(--sk-ease);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(22px)}[data-bewegung] .sk-staffel[data-da]>*{opacity:1;transform:none}[data-bewegung] .sk-feature .sk-medien-fenster{opacity:0;transform-origin:50% 100%;transition:opacity .9s var(--sk-ease), transform 1.1s var(--sk-ease);transform:translateY(28px)perspective(1400px)rotateX(5deg)}[data-bewegung] .sk-feature .sk-ebene{opacity:0;transition:opacity .8s var(--sk-ease), transform .8s var(--sk-ease);transition-delay:calc(var(--n,0) * .16s + .42s);transform:translateY(28px)scale(.97)}[data-bewegung] .sk-feature .sk-punkte>li{opacity:0;transition:opacity .6s var(--sk-ease), transform .6s var(--sk-ease);transition-delay:calc(var(--i,0) * .1s + .25s);transform:translate(-10px)}[data-bewegung] .sk-feature[data-da] :is(.sk-medien-fenster,.sk-ebene,.sk-punkte>li){opacity:1;transform:none}.sk-feature[data-da] .sk-glas-pop{animation:sk-pop .7s var(--sk-ease) both .15s}}@keyframes sk-v-bild{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}}@keyframes sk-v-ein{0%{opacity:0;transform:translateY(8px)}}@keyframes sk-v-pop{0%{opacity:0;transform:scale(.85)}}@keyframes sk-v-weg{0%{opacity:1}to{opacity:0}}@keyframes sk-v-fuellen{0%{transform:scaleX(0)}}@keyframes sk-v-wachsen{0%{transform:scaleY(0)}}@keyframes sk-v-druck{45%{filter:brightness(1.15);transform:translateY(1.5px)scale(.97)}}@keyframes sk-v-taste{45%{background-color:var(--sk-brand);color:var(--sk-nacht);box-shadow:none;border-color:#0000;transform:translateY(2px)}}@keyframes sk-v-spur{0%{background-color:#ffffff2e}}@keyframes sk-v-knopf{0%{translate:0}}@keyframes sk-v-richtig{0%{background-color:#ffffff0a;border-color:#ffffff1a}}@keyframes sk-v-blitz{50%{background-color:#ffffff17}}@keyframes sk-v-tippen{0%{clip-path:inset(0 100% 0 0)}}@keyframes sk-v-scan{0%{opacity:1;translate:0}to{opacity:1;translate:0 96px}}@media (prefers-reduced-motion:no-preference){.sk-mega-panel[data-an] .sk-vorschau{animation:sk-v-bild .45s var(--sk-ease) both}.sk-mega-panel[data-an] .sk-v-ein{animation:sk-v-ein .5s var(--sk-ease) both;animation-delay:calc(var(--i,0) * 80ms + 80ms)}.sk-mega-panel[data-an] .sk-v-pop{animation:sk-v-pop .35s var(--sk-ease) both;animation-delay:var(--t,.6s)}.sk-mega-panel[data-an] .sk-v-weg{animation:.2s both sk-v-weg;animation-delay:var(--t,.6s)}.sk-mega-panel[data-an] .sk-v-fuellen{transform-origin:0;animation:sk-v-fuellen var(--dauer,1s) var(--sk-ease) both;animation-delay:var(--t,.3s)}.sk-mega-panel[data-an] .sk-v-wachsen{transform-origin:50% 100%;animation:sk-v-wachsen .7s var(--sk-ease) both;animation-delay:calc(var(--i,0) * 60ms + .2s)}.sk-mega-panel[data-an] .sk-v-druck{animation:.4s sk-v-druck;animation-delay:var(--t,.6s)}.sk-mega-panel[data-an] .sk-v-taste{animation:.45s sk-v-taste;animation-delay:var(--t,.6s)}.sk-mega-panel[data-an] .sk-v-spur{animation:.25s both sk-v-spur;animation-delay:var(--t,.6s)}.sk-mega-panel[data-an] .sk-v-knopf{animation:sk-v-knopf .25s var(--sk-ease) both;animation-delay:var(--t,.6s)}.sk-mega-panel[data-an] .sk-v-richtig{animation:.3s both sk-v-richtig;animation-delay:var(--t,.9s)}.sk-mega-panel[data-an] .sk-v-blitz{animation:.5s sk-v-blitz;animation-delay:var(--t,.6s)}.sk-mega-panel[data-an] .sk-v-tippen{animation:1.3s steps(44,end) both sk-v-tippen;animation-delay:var(--t,.6s)}.sk-mega-panel[data-an] .sk-v-scan{animation:.6s ease-in-out .25s 2 sk-v-scan}}
