.gk{--breite: min(74cqw, 110cqh);--k: calc(var(--breite) / 100);position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;container-type:size;perspective:1400px;background:linear-gradient(180deg,#2a5285,#08101d)}.gk__karte{position:relative;width:var(--breite);aspect-ratio:1.586;border-radius:calc(var(--k) * 4.6);overflow:hidden;color:#1b2028;background:linear-gradient(135deg,#f2f4f7,#dde1e6 36%,#c4cad1,#eceff2);box-shadow:inset 0 0 0 1px #ffffff8c,0 calc(var(--k) * 6) calc(var(--k) * 10) calc(var(--k) * -3) #0000008c;transform:rotateX(4deg) rotateY(-12deg);animation:gk-drehen 7s cubic-bezier(.37,0,.63,1) infinite alternate;will-change:transform}.gk__folie,.gk__glanz{position:absolute;pointer-events:none}.gk__folie{top:0;right:0;bottom:0;left:0;background:radial-gradient(at 16% 28%,#ff46b42e 0%,transparent 48%),radial-gradient(at 66% 18%,#00dcff2e 0%,transparent 52%),radial-gradient(at 78% 70%,#50ffbe2e 0%,transparent 56%),radial-gradient(at 38% 82%,#965aff2e 0%,transparent 52%),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.gk__glanz{top:-10%;right:-70%;bottom:-10%;left:-70%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.72) 48%,rgba(255,255,255,.14) 53%,transparent 60%),linear-gradient(112deg,transparent 28%,#00dcff24 34%,#50ffbe1f 39%,transparent 45%,#ff46b41f 55%,#965aff24 61%,transparent 68%);transform:translate(-24%);animation:gk-glanz 7s cubic-bezier(.37,0,.63,1) infinite alternate;will-change:transform}.gk__inhalt{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;padding:calc(var(--k) * 7) calc(var(--k) * 7.5)}.gk__kopf,.gk__fuss{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--k) * 3)}.gk__logo{width:calc(var(--k) * 46);height:auto}.gk__etikett,.gk__umfang,.gk__einheit{font-size:calc(var(--k) * 3.1);letter-spacing:.12em;color:#1b2028b8}.gk__jahr{display:flex;align-items:baseline;gap:calc(var(--k) * 2);align-self:center;margin:0}.gk__plus{font-family:var(--schrift-titel);font-size:calc(var(--k) * 19);line-height:.9;font-weight:600;letter-spacing:-.02em}.gk__einheit{font-size:calc(var(--k) * 4.2)}.gk__siegel{display:grid;place-items:center;width:calc(var(--k) * 10);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 210deg,#c9f3ff,#ffd9f3,#fff4c4,#ccffe9,#d6dcff,#c9f3ff);box-shadow:inset 0 0 0 1px #ffffffb3,0 1px 2px #00000026}.gk__siegel .icon{width:50%;height:50%}.gk__schatten{position:absolute;inset-block-end:14%;inset-inline:0;width:calc(var(--breite) * .8);height:calc(var(--k) * 8);margin-inline:auto;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent);filter:blur(calc(var(--k) * 2));animation:gk-schatten 7s cubic-bezier(.37,0,.63,1) infinite alternate}@keyframes gk-drehen{0%{transform:rotateX(5deg) rotateY(-14deg) rotate(-1deg)}to{transform:rotateX(-1deg) rotateY(14deg) rotate(1deg)}}@keyframes gk-glanz{0%{transform:translate(-24%)}to{transform:translate(24%)}}@keyframes gk-schatten{0%{transform:translate(-5%) scaleX(.9)}to{transform:translate(5%) scaleX(1)}}@media(min-width:600px){.gk{aspect-ratio:4 / 3}}@media(min-width:900px){.gk{--breite: min(60cqw, 92cqh);aspect-ratio:928 / 636;border-radius:var(--r-klein)}}@media(prefers-reduced-motion:reduce){.gk__karte,.gk__glanz,.gk__schatten{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/garantie-karte.css.map */