.intro{display:none}@media (prefers-reduced-motion:reduce){html.intro-an .intro{display:none!important}}html.intro-an .intro{z-index:100;background-color:var(--color-ink,#15181a);animation:.25s ease-in-out .44s both intro-wackler,.3s 3.2s forwards intro-aus;display:block;position:fixed;inset:-16px;overflow:hidden}html.intro-an:not(.intro-fertig){overflow:hidden}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:.9s cubic-bezier(.16,.8,.3,1) forwards intro-gitter;position:absolute;inset:-25%;transform:scale(1.35);mask-image:radial-gradient(#000 30%,#0000 78%)}html.intro-an .intro-wortmarke{white-space:nowrap;color:#d39526;letter-spacing:.26em;opacity:0;will-change:transform, opacity, letter-spacing;font-family:Archivo Variable,ui-sans-serif,system-ui,sans-serif;font-size:min(12vw,26vh);font-weight:700;line-height:1;animation:.78s cubic-bezier(.16,.84,.3,1) forwards intro-wortmarke;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=640px){html.intro-an .intro-wortmarke{font-size:min(10.5vw,22vh)}}html.intro-an .intro-leiste{transform-origin:bottom;will-change:transform;background-image:linear-gradient(#d395268c,#d39526 55%,#d395264d);border-radius:2px;width:3px;animation:.7s cubic-bezier(.2,.75,.25,1) 60ms forwards intro-leiste;position:absolute;top:16px;bottom:16px;left:calc(16px + clamp(12px,2.5vw,30px));transform:scaleY(0)}html.intro-an .intro-buehne{z-index:1;place-items:center;width:100%;height:100%;padding:32px 20px;display:grid;position:relative}html.intro-an .intro-saeule{flex-direction:column;align-items:center;gap:clamp(10px,2.2vh,20px);width:100%;max-width:560px;display:flex}html.intro-an .intro-logofeld{width:min(100%,480px,57.2vh);position:relative}html.intro-an .intro-logo,html.intro-an .intro-spur{will-change:transform;width:100%;height:auto;animation-name:intro-einfahrt;animation-timing-function:cubic-bezier(.16,.9,.3,1.3);animation-fill-mode:forwards;display:block;transform:translate(-135%)scale(.88)}html.intro-an .intro-logo{animation-duration:.46s}html.intro-an .intro-spur{animation-name:intro-einfahrt,intro-spur-aus;animation-timing-function:cubic-bezier(.16,.9,.3,1.3),linear;animation-fill-mode:forwards,forwards;position:absolute;top:0;left:0}html.intro-an .intro-spur-1{opacity:.5;filter:blur(3px);animation-duration:.505s,.3s}html.intro-an .intro-spur-2{opacity:.3;filter:blur(7px);animation-duration:.55s,.28s}html.intro-an .intro-spur-3{opacity:.16;filter:blur(13px);animation-duration:.595s,.26s}html.intro-an .intro-welle{--welle:min(42vw, 240px);width:var(--welle);height:var(--welle);margin-left:calc(var(--welle) / -2);margin-top:calc(var(--welle) / -2);opacity:0;will-change:transform, opacity;border:3px solid #d39526;border-radius:50%;animation:.62s cubic-bezier(.15,.75,.3,1) .47s forwards intro-welle;position:absolute;top:50%;left:50%;transform:scale(.12)}html.intro-an .intro-glanz{display:none}@supports (mask-image:url('#i')){html.intro-an .intro-glanz{-webkit-mask-image:var(--intro-logo);mask-image:var(--intro-logo);opacity:0;background-image:linear-gradient(100deg,#0000 40%,#fff8e8f5 50%,#0000 60%);background-position:130% 0;background-repeat:no-repeat;background-size:300% 100%;animation:.45s linear .7s forwards intro-glanz;display:block;position:absolute;inset:0;mask-size:100% 100%;mask-repeat:no-repeat}}html.intro-an .intro-funken{--funke-weite:min(30vw, 190px);width:0;height:0;position:absolute;top:50%;left:50%}html.intro-an .intro-funke{left:calc(var(--gr) / -2);top:calc(var(--gr) / -2);width:var(--gr);height:var(--gr);background-image:radial-gradient(circle, var(--k-mitte) 0%, var(--k-halb) 55%, var(--k-rand) 100%);opacity:0;will-change:transform, opacity;animation:intro-funke .47s cubic-bezier(.2, .7, .35, 1) calc(1.15s + var(--verzug)) forwards;border-radius:50%;position:absolute}html.intro-an .intro-blitz{opacity:0;background-color:#fff;animation:.15s ease-out 1.64s forwards intro-blitz;position:absolute;inset:0}html.intro-an .intro-balken{opacity:0;will-change:transform;background-image:linear-gradient(90deg,#0000,#d39526 34%,#f0b64a 50%,#d39526 66%,#0000);width:26vw;min-width:130px;animation:.48s cubic-bezier(.4,0,.2,1) 1.76s forwards intro-balken;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-45vw)skew(-12deg)}html.intro-an .intro-strich{transform-origin:0;background-color:#d39526;width:min(60%,288px,34.32vh);height:2px;animation:.24s cubic-bezier(.3,.7,.3,1) 2.2s forwards intro-strich;display:block;transform:scaleX(0)}html.intro-an .intro-text{letter-spacing:.14em;text-transform:uppercase;color:var(--color-paper,#f4f4f2);text-align:center;opacity:0;font-family:Archivo Variable,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.95rem,2.6vw,1.25rem);font-weight:600;animation:.27s cubic-bezier(.22,.7,.3,1) 2.38s forwards intro-eintritt;transform:translateY(14px)}html.intro-an .intro-knopf{color:var(--color-ink,#15181a);white-space:nowrap;opacity:0;background-color:#d39526;border-radius:.5rem;padding:.75rem 1.6rem;font-family:Archivo Variable,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.9rem,2.4vw,1rem);font-weight:600;animation:.32s cubic-bezier(.34,1.56,.64,1) 2.6s forwards intro-knopf;display:inline-block;transform:translateY(16px)scale(.9)}html.intro-an .intro-leistungen{letter-spacing:.26em;text-transform:uppercase;color:color-mix(in srgb, var(--color-paper,#f4f4f2) 70%, transparent);text-align:center;text-wrap:balance;opacity:0;max-width:100%;font-family:Public Sans Variable,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.6rem,2.1vw,.75rem);font-weight:500;line-height:1.7;animation:.3s cubic-bezier(.22,.7,.3,1) 2.84s forwards intro-eintritt;transform:translateY(10px)}@media (width<=480px){html.intro-an .intro-leistungen{letter-spacing:.16em}}@media (width<=380px){html.intro-an .intro-leistungen{letter-spacing:.11em;font-size:.5625rem}}@media (height<=460px){html.intro-an .intro-buehne{padding:24px 20px}html.intro-an .intro-saeule{gap:8px}html.intro-an .intro-knopf{padding:.5rem 1.1rem}}@keyframes intro-gitter{0%{opacity:0;transform:scale(1.35)}to{opacity:.16;transform:scale(1)}}@keyframes intro-wortmarke{0%{opacity:0;letter-spacing:.26em;transform:translate(-50%,calc(24vh - 50%))scale(1.14)}30%{opacity:.09}62%{opacity:.09;letter-spacing:.02em;transform:translate(-50%,-50%)scale(1)}to{opacity:.045;letter-spacing:.02em;transform:translate(-50%,-50%)scale(1)}}@keyframes intro-leiste{to{transform:scaleY(1)}}@keyframes intro-einfahrt{0%{transform:translate(-135%)scale(.88)}to{transform:translate(0,0)scale(1)}}@keyframes intro-spur-aus{to{opacity:0}}@keyframes intro-wackler{0%,to{transform:translate(0,0)}14%{transform:translate(7px,-4px)}32%{transform:translate(-6px,3px)}52%{transform:translate(5px,3px)}72%{transform:translate(-3px,-2px)}88%{transform:translate(2px,1px)}}@keyframes intro-welle{0%{opacity:0;border-width:3px;transform:scale(.12)}18%{opacity:.85}to{opacity:0;border-width:1px;transform:scale(2.3)}}@keyframes intro-glanz{0%{opacity:0;background-position:130% 0}14%{opacity:1}86%{opacity:1}to{opacity:0;background-position:-30% 0}}@keyframes intro-funke{0%{transform:translate3d(calc(var(--dx) * var(--funke-weite) * var(--weite) * .34), calc(var(--dy) * var(--funke-weite) * var(--weite) * .34), 0) scale(.4);opacity:0}22%{opacity:1}to{transform:translate3d(calc(var(--dx) * var(--funke-weite) * var(--weite)), calc(var(--dy) * var(--funke-weite) * var(--weite)), 0) scale(.85);opacity:0}}@keyframes intro-blitz{0%{opacity:0}35%{opacity:.9}to{opacity:0}}@keyframes intro-balken{0%{opacity:0;transform:translate(-45vw)skew(-12deg)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(118vw)skew(-12deg)}}@keyframes intro-strich{to{transform:scaleX(1)}}@keyframes intro-knopf{to{opacity:1;transform:translate(0,0)scale(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)}}
