.intro{display:none}@media (prefers-reduced-motion:reduce){html.intro-an .intro{display:none!important}}html.intro-an .intro{--ein-x:-62vw;--ein-y:0vh;--spur-x:-1;--spur-y:0;--karte-x:34vw;--karte-y:12vh;z-index:100;background-color:var(--color-ink,#15181a);animation:.26s ease-in-out 1.64s both intro-wackler,.3s 3.95s forwards intro-aus;display:block;position:fixed;inset:-16px;overflow:hidden}@media (width<=767px){html.intro-an .intro{--ein-x:0vw;--ein-y:58vh;--spur-x:0;--spur-y:1;--karte-x:0vw;--karte-y:46vh}}html.intro-an:not(.intro-fertig){overflow:hidden}html.intro-an .intro-szene{position:absolute;inset:0}html.intro-an .intro-tiefe{transform-origin:50%;will-change:transform, opacity;animation:.56s cubic-bezier(.6,0,.9,.4) 2.24s forwards intro-durchflug;position:absolute;inset:0}@keyframes intro-durchflug{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}html.intro-an .intro-gitter{opacity:0;will-change:transform, opacity;background-image:linear-gradient(90deg,#d39526 1px,#0000 1px),linear-gradient(#d39526 1px,#0000 1px);background-size:40px 40px;animation:1.2s cubic-bezier(.16,.8,.3,1) forwards intro-gitter;position:absolute;inset:-25%;transform:scale(1.28);mask-image:radial-gradient(#000 30%,#0000 78%)}@keyframes intro-gitter{0%{opacity:0;transform:scale(1.28)}22%{opacity:.15}to{opacity:.13;transform:scale(1.02)}}html.intro-an .intro-wortmarke{font-family:var(--font-display,ui-sans-serif), sans-serif;white-space:nowrap;color:#f4f4f2;opacity:0;letter-spacing:.1em;will-change:transform, opacity, letter-spacing;justify-content:center;align-items:center;font-size:min(16vw,21vh);font-weight:700;line-height:1;animation:1.15s cubic-bezier(.16,.8,.3,1) 50ms forwards intro-wortmarke;display:flex;position:absolute;inset:0;transform:scale(1.16)}@keyframes intro-wortmarke{0%{opacity:0;letter-spacing:.1em;transform:scale(1.16)}55%{opacity:.085}to{opacity:.07;letter-spacing:.012em;transform:scale(1)}}html.intro-an .intro-leiste{transform-origin:50% 100%;opacity:.9;background:linear-gradient(#d3952600,#d39526 22% 78%,#d3952600);width:3px;animation:1s cubic-bezier(.16,.8,.3,1) .1s forwards intro-leiste-y;position:absolute;top:34px;bottom:34px;left:34px;transform:scaleY(0)}@keyframes intro-leiste-y{to{transform:scaleY(1)}}@media (width<=767px){html.intro-an .intro-leiste{transform-origin:0%;background:linear-gradient(90deg,#d3952600,#d39526 22% 78%,#d3952600);width:auto;height:3px;animation:1s cubic-bezier(.16,.8,.3,1) .1s forwards intro-leiste-x;inset:auto 34px 40px;transform:scaleX(0)}@keyframes intro-leiste-x{to{transform:scaleX(1)}}}html.intro-an .intro-buehne{justify-content:center;align-items:center;padding:0 20px;display:flex;position:absolute;inset:16px}html.intro-an .intro-saeule{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:640px;display:flex}html.intro-an .intro-logofeld{justify-content:center;align-items:center;width:min(340px,62vw);height:min(152px,28vw);animation:.28s 2.82s forwards intro-logofeld-weg;display:flex;position:relative}@keyframes intro-logofeld-weg{to{height:0}}html.intro-an .intro-logo,html.intro-an .intro-spur{object-fit:contain;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html.intro-an .intro-logo{will-change:transform, opacity;animation:.46s cubic-bezier(.2,.7,.3,1) 1.2s both intro-logo-ein,.26s cubic-bezier(.3,1.6,.5,1) 1.66s forwards intro-logo-feder,.52s cubic-bezier(.6,0,.9,.4) 2.26s forwards intro-logo-durchflug}@keyframes intro-logo-ein{0%{transform:translate3d(calc(-50% + var(--ein-x)), calc(-50% + var(--ein-y)), 0) scale(.86);opacity:0}30%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes intro-logo-feder{0%{transform:translate(-50%,-50%)scale(1)}40%{transform:translate3d(calc(-50% + var(--spur-x) * -3.2%), calc(-50% + var(--spur-y) * -3.2%), 0) scale(1.05)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes intro-logo-durchflug{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(7)}}html.intro-an .intro-spur{opacity:0;will-change:transform, opacity}html.intro-an .intro-spur-1{--tiefe:1;animation:.4s ease-out 1.2s both intro-spur}html.intro-an .intro-spur-2{--tiefe:2;animation:.4s ease-out 1.18s both intro-spur}html.intro-an .intro-spur-3{--tiefe:3;animation:.4s ease-out 1.16s both intro-spur}@keyframes intro-spur{0%{opacity:0;transform:translate3d(calc(-50% + var(--ein-x) * .9), calc(-50% + var(--ein-y) * .9), 0)}35%{opacity:calc(.3 / var(--tiefe))}to{opacity:0;transform:translate3d(calc(-50% + var(--spur-x) * var(--tiefe) * 7%), calc(-50% + var(--spur-y) * var(--tiefe) * 7%), 0)}}@keyframes intro-wackler{0%,to{transform:translate(0,0)}20%{transform:translate(5px,-3px)}40%{transform:translate(-4px,2px)}60%{transform:translate(3px,2px)}80%{transform:translate(-2px,-1px)}}html.intro-an .intro-welle{opacity:0;will-change:transform, opacity;border:2px solid #d39526d9;border-radius:50%;width:min(150px,34vw);height:min(150px,34vw);margin:0;animation:.6s cubic-bezier(.15,.7,.3,1) 1.66s forwards intro-welle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.25)}@keyframes intro-welle{0%{opacity:0;border-width:3px;transform:translate(-50%,-50%)scale(.25)}18%{opacity:.85}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(3.6)}}html.intro-an .intro-glanz{-webkit-mask-image:var(--intro-logo);mask-image:var(--intro-logo);opacity:0;mix-blend-mode:screen;will-change:background-position, opacity;background:linear-gradient(100deg,#0000 38%,#ffffffd9 50%,#0000 62%) 130% 0/260% 100%;animation:.44s ease-in-out 1.82s forwards intro-glanz;position:absolute;inset:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}@keyframes intro-glanz{0%{opacity:0;background-position:130% 0}12%{opacity:1}88%{opacity:1}to{opacity:0;background-position:-30% 0}}html.intro-an .intro-funken{width:0;height:0;position:absolute;top:50%;left:50%}html.intro-an .intro-funke{width:var(--gr);height:var(--gr);margin-left:calc(var(--gr) / -2);margin-top:calc(var(--gr) / -2);background:radial-gradient(circle, var(--k-mitte) 0%, var(--k-halb) 45%, var(--k-rand) 72%);opacity:0;will-change:transform, opacity;animation:intro-funke .54s cubic-bezier(.2, .7, .3, 1) calc(1.66s + var(--verzug)) forwards;border-radius:50%;position:absolute;top:0;left:0}@keyframes intro-funke{0%{opacity:0;transform:translate(0,0)scale(.4)}16%{opacity:1;transform:translate3d(calc(var(--dx) * 22px * var(--weite)), calc(var(--dy) * 22px * var(--weite)), 0) scale(1)}to{opacity:0;transform:translate3d(calc(var(--dx) * 190px * var(--weite)), calc(var(--dy) * 190px * var(--weite)), 0) scale(.3)}}html.intro-an .intro-blitz{opacity:0;pointer-events:none;background:#fff;animation:.14s ease-out 2.2s forwards intro-blitz;position:absolute;inset:0}@keyframes intro-blitz{0%{opacity:0}30%{opacity:.82}to{opacity:0}}html.intro-an .intro-balken{opacity:0;pointer-events:none;will-change:transform, opacity;background:linear-gradient(90deg,#d3952600,#d3952680 45%,#f0b64ad9 55%,#d3952600);width:34%;height:220%;animation:.48s cubic-bezier(.3,.1,.2,1) 2.38s forwards intro-balken;position:absolute;top:-60%;left:-40%;transform:rotate(18deg)translate(-60vw)}@keyframes intro-balken{0%{opacity:0;transform:rotate(18deg)translate(-60vw)}22%{opacity:.95}78%{opacity:.95}to{opacity:0;transform:rotate(18deg)translate(190vw)}}html.intro-an .intro-flug{pointer-events:none;justify-content:center;align-items:center;gap:clamp(8px,1.6vw,18px);padding:0 14px;display:flex;position:absolute;inset:16px}html.intro-an .intro-karte{opacity:0;--dreh:calc((var(--nr) - 1.5) * 3.2deg);--hub:calc((1.5 - var(--nr)) * 10px);will-change:transform, opacity;width:clamp(96px,17vw,208px);animation:intro-karte-ein .62s cubic-bezier(.18, .75, .28, 1) calc(2.32s + var(--nr) * 90ms) both, intro-karte-weg .26s ease-in 3.06s forwards;background:#1d2124;border-radius:12px;flex:0 auto;margin:0;overflow:hidden;box-shadow:0 18px 40px #00000073}@keyframes intro-karte-ein{0%{opacity:0;transform:translate3d(var(--karte-x), var(--karte-y), 0) scale(.7) rotate(calc(var(--dreh) * 2.2))}30%{opacity:1}to{opacity:1;transform:translate3d(0, var(--hub), 0) scale(1) rotate(var(--dreh))}}@keyframes intro-karte-weg{to{opacity:0;transform:translate3d(calc(var(--karte-x) * -1.1), calc(var(--karte-y) * -1.7), 0) scale(1.35) rotate(var(--dreh))}}html.intro-an .intro-karte-bild{aspect-ratio:4/3;background:#2a2f33;display:block}html.intro-an .intro-karte-bild img{object-fit:cover;width:100%;height:100%;display:block}html.intro-an .intro-karte-band{text-align:left;background:#15181a;padding:6px 8px 7px;display:block}html.intro-an .intro-karte-name{font-family:var(--font-sans,ui-sans-serif), sans-serif;color:#f4f4f2b8;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(8px,.85vw,11px);line-height:1.25;display:block;overflow:hidden}html.intro-an .intro-karte-preis{font-family:var(--font-mono,ui-monospace), monospace;color:#d39526;white-space:nowrap;margin-top:1px;font-size:clamp(9px,1vw,13px);font-weight:700;line-height:1.2;display:block}@media (width<=520px){html.intro-an .intro-karte:nth-child(4){display:none}html.intro-an .intro-karte{width:clamp(88px,27vw,120px)}}html.intro-an .intro-strich{background:linear-gradient(90deg,#d3952600,#d39526,#d3952600);width:min(240px,52vw);height:2px;margin-top:clamp(16px,3vh,30px);animation:.22s cubic-bezier(.2,.7,.3,1) 3.2s forwards intro-strich;display:block;transform:scaleX(0)}@keyframes intro-strich{to{transform:scaleX(1)}}html.intro-an .intro-text{font-family:var(--font-display,ui-sans-serif), sans-serif;letter-spacing:.01em;color:#f4f4f2;opacity:0;margin-top:clamp(10px,2vh,18px);font-size:clamp(17px,3.4vw,26px);font-weight:600;animation:.28s cubic-bezier(.2,.7,.3,1) 3.3s forwards intro-auf;display:block;transform:translateY(14px)}html.intro-an .intro-knopf{color:#15181a;font-family:var(--font-display,ui-sans-serif), sans-serif;white-space:nowrap;opacity:0;background:#d39526;border-radius:10px;margin-top:clamp(14px,2.6vh,24px);padding:11px 22px;font-size:clamp(14px,2.4vw,17px);font-weight:600;animation:.32s cubic-bezier(.34,1.7,.5,1) 3.44s forwards intro-knopf;display:inline-block;transform:translateY(16px)scale(.9)}html.intro-an .intro-leistungen{font-family:var(--font-sans,ui-sans-serif), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#f4f4f26b;opacity:0;margin-top:clamp(12px,2.2vh,20px);font-size:clamp(9px,1.7vw,12px);animation:.3s ease-out 3.62s forwards intro-leistungen;display:block}@keyframes intro-auf{to{opacity:1;transform:translate(0,0)}}@keyframes intro-knopf{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes intro-leistungen{to{opacity:1}}html.intro-an .intro-ton,html.intro-an .intro-skip{z-index:3;color:#f4f4f2d1;font-family:var(--font-sans,ui-sans-serif), sans-serif;cursor:pointer;opacity:0;background:#15181a8c;border:1px solid #f4f4f238;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:8px 13px;font-size:13px;line-height:1;animation:.3s ease-out .5s forwards intro-bedienung;display:inline-flex;position:absolute}html.intro-an .intro-ton{top:calc(16px + max(16px, env(safe-area-inset-top)));right:32px}html.intro-an .intro-skip{right:32px;bottom:calc(16px + max(16px, env(safe-area-inset-bottom)))}@media (width<=767px){html.intro-an .intro-skip{bottom:calc(16px + max(46px, env(safe-area-inset-bottom) + 30px))}}html.intro-an .intro-ton:hover,html.intro-an .intro-skip:hover{color:#f4f4f2;border-color:#d39526b3}html.intro-an .intro-ton:focus-visible,html.intro-an .intro-skip:focus-visible{outline-offset:2px;outline:2px solid #d39526}html.intro-an .intro-ton svg{width:16px;height:16px}html.intro-an .intro-ton .intro-ton-an,html.intro-an .intro-ton[aria-pressed=true] .intro-ton-aus{display:none}html.intro-an .intro-ton[aria-pressed=true] .intro-ton-an{display:block}@keyframes intro-bedienung{to{opacity:1}}@keyframes intro-aus{to{opacity:0;visibility:hidden}}html.intro-an [data-intro]{opacity:0;transform:translateY(16px)}html.intro-an.intro-fertig [data-intro]{animation:.42s cubic-bezier(.22,.7,.3,1) forwards intro-eintritt}html.intro-an.intro-fertig [data-intro="2"]{animation-delay:60ms}html.intro-an.intro-fertig [data-intro="3"]{animation-delay:.12s}html.intro-an.intro-fertig [data-intro="4"]{animation-delay:.18s}@keyframes intro-eintritt{to{opacity:1;transform:translate(0,0)}}
