.hq4{--ink:#121212;--creme:#fcf7f0;--gelb:#fff800;--tuerkis:#31e3ff;--gruen:#00fb56;--orange:#f07d1a;--grau:#4a4a4a;--linie:#e3d9cc;color:var(--ink)}.hq4 [hidden]{display:none!important}.hq4-kicker{margin:0 0 .8rem;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.hq4-pill{display:inline-block;background:var(--gelb);color:var(--ink);border:1.5px solid var(--ink);border-radius:2rem;padding:.2rem 1rem;font-size:1.25rem;font-weight:700;letter-spacing:.02em;line-height:1.5;white-space:nowrap}.hq4-pill--weiss{background:#fff}.hq4-tag{display:inline-block;border:1.5px solid var(--ink);border-radius:.6rem;padding:.1rem .7rem;font-size:1.15rem;font-weight:700;letter-spacing:.04em;line-height:1.6;white-space:nowrap;background:#fff}.hq4-cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:5.2rem;padding:.8rem 2.6rem;background:var(--tuerkis);color:var(--ink);border:2px solid var(--ink);border-radius:7px;box-shadow:0 3px 0 var(--ink);font:inherit;font-size:1.6rem;font-weight:700;letter-spacing:.02em;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background-color .15s ease}.hq4-cta:hover{background:#5ee9ff}.hq4-cta:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.hq4-cta.is-busy{opacity:.6;pointer-events:none}.hq4-cta[disabled],.hq4-cta[aria-disabled=true]{background:#e8e8e8;box-shadow:none;border-color:#1212124d;color:#12121299;cursor:default;transform:none}.hq4-sek{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:4.8rem;padding:.6rem 2.2rem;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:7px;box-shadow:0 3px 0 var(--ink);font:inherit;font-size:1.5rem;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background-color .15s ease}.hq4-sek:hover{background:var(--gelb)}.hq4-sek:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.hq4-preis{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem 1rem;margin:0}.hq4-preis strong{font-size:2.8rem;line-height:1.1;font-weight:700}.hq4-preis s{font-size:1.6rem;color:var(--grau)}.hq4-klein{font-size:1.3rem;line-height:1.45;color:var(--grau);margin:0}.hq4 a:focus-visible,.hq4 button:focus-visible,.hq4 input:focus-visible+label,.hq4 summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hq4-sec{padding-top:var(--pt,48px);padding-bottom:var(--pb,48px)}.hq4-h2{margin:0 0 2.4rem;font-size:clamp(2.6rem,3.4vw,4rem);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase}@media screen and (max-width:749px){.hq4-cta,.hq4-sek{width:100%}.hq4-sec{padding-top:calc(var(--pt,48px)*.7);padding-bottom:calc(var(--pb,48px)*.7)}}.hqf{position:relative;width:100%;aspect-ratio:var(--ar,1/1);--px:0;--py:0;isolation:isolate}.hqf__item{position:absolute;left:var(--x);top:var(--y);width:var(--w);z-index:var(--z,1);translate:calc(var(--px)*var(--tiefe,1)*1px) calc(var(--py)*var(--tiefe,1)*1px);transition:translate .5s cubic-bezier(.2,.7,.2,1)}.hqf--warten .hqf__item{opacity:0;transform:translate3d(0,46px,0) scale(.94)}.hqf--warten.is-in .hqf__item{animation:hqf-in 1s cubic-bezier(.2,.8,.2,1) var(--in,0s) both}.hqf__float{position:relative;transform:rotate(var(--r,0deg));animation:hqf-float var(--dauer,6.5s) ease-in-out var(--phase,0s) infinite;will-change:transform}.hqf__float img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 14px 18px rgba(18,18,18,.1))}.hqf__shadow{position:absolute;left:12%;right:12%;bottom:calc(var(--sb,-10%));height:10%;border-radius:50%;background:radial-gradient(closest-side,#12121238,#12121200);animation:hqf-shadow var(--dauer,6.5s) ease-in-out var(--phase,0s) infinite;z-index:-1}.hqf__swap{position:relative}.hqf__swap img{transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.hqf__swap img+img{position:absolute;top:0;right:0;bottom:0;left:0}.hqf__swap img.is-aus{opacity:0;transform:rotateY(70deg) scale(.96)}.hqf__badge{position:absolute;right:var(--bx,-4%);top:var(--by,-8%);z-index:5;width:clamp(7.2rem,11vw,10.4rem);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--gelb);color:var(--ink);border:2px solid var(--ink);border-radius:50%;font-size:clamp(1.2rem,1.4vw,1.5rem);font-weight:800;line-height:1.1;letter-spacing:.01em;transform:rotate(12deg);animation:hqf-badge 3.2s ease-in-out infinite;box-shadow:0 3px 0 var(--ink)}.hqf__badge span{padding:0 .6rem}@keyframes hqf-in{0%{opacity:0;transform:translate3d(0,46px,0) scale(.94)}to{opacity:1;transform:none}}@keyframes hqf-float{0%,to{transform:translateZ(0) rotate(var(--r,0deg))}50%{transform:translate3d(0,-14px,0) rotate(calc(var(--r,0deg) + 1.4deg))}}@keyframes hqf-shadow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.84);opacity:.6}}@keyframes hqf-badge{0%,to{transform:rotate(12deg) scale(1)}50%{transform:rotate(7deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){.hqf__item,.hqf--warten .hqf__item{opacity:1;transform:none;translate:none}.hqf--warten.is-in .hqf__item,.hqf__float,.hqf__shadow,.hqf__badge{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/holly-q4.css.map */