.ui-box{--bx-flaeche: var(--thaani-surface, #eee7de);--bx-gold: var(--thaani-golden-bronze, #c9a24a);--bx-gold-hell: #f5ecd3;--bx-gold-text: #6b4f0f;--bx-leise: rgba(var(--ui-ink-rgb), .62);display:flow-root;z-index:2;padding:clamp(3.2rem,4vw,4.8rem) 0 clamp(6.4rem,8vw,9.6rem);font-family:var(--thaani-font-body)}.ui-kopf-section+.section-ui-box .ui-box{padding-top:0}.ui-kopf-section+.section-ui-box .ui-box__stempel{margin-top:calc(-1*clamp(3.2rem,5vw,8rem))}.ui-box__titel,.ui-box__linie{margin:0;font-family:var(--thaani-font-heading);font-size:clamp(2.2rem,2vw,2.6rem);font-weight:800;line-height:1.05;text-transform:uppercase}.ui-box__stempel{display:grid;grid-template-columns:28rem minmax(0,1fr)}.ui-box__abriss{display:grid;align-content:space-between;gap:1.8rem;padding:2.8rem;border-radius:var(--ui-radius-lg) 0 0 var(--ui-radius-lg);border-right:2px dashed rgba(var(--thaani-linen-rgb, 247, 241, 232),.35);background:var(--ui-ink);color:var(--thaani-linen, #f7f1e8)}.ui-box__abriss .ui-box__titel{color:var(--thaani-linen, #f7f1e8)}.ui-box__zahl{margin:0;font-family:var(--thaani-font-heading);font-size:5.2rem;font-weight:800;line-height:1;color:var(--bx-gold);font-variant-numeric:tabular-nums}.ui-box__zahl small{font-family:var(--thaani-font-body);font-size:1.6rem;font-weight:600;color:rgba(var(--thaani-linen-rgb, 247, 241, 232),.72)}.ui-box__abriss-text{margin:0;font-size:1.4rem;line-height:1.45;color:rgba(var(--thaani-linen-rgb, 247, 241, 232),.84)}.ui-box__felder{display:grid;align-content:center;gap:1.8rem;padding:2.8rem 3.2rem}.ui-box__reihe{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2.2rem}.ui-box__stempelreihe{display:grid;grid-auto-columns:7.6rem;grid-auto-flow:column;gap:1.6rem;margin:0;padding:0;list-style:none}.ui-box__stempelfeld{position:relative;display:grid;place-items:center;width:7.6rem;height:7.6rem;border:2px dashed var(--ui-line-strong);border-radius:50%;color:var(--bx-leise);font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums}.ui-box__stempelfeld.is-voll{border:0}.ui-box__stempelfeld .ui-box__etikett{width:100%;height:100%;box-shadow:0 0 0 3px var(--ui-card),0 0 0 5px rgba(var(--ui-ink-rgb),.22)}.ui-box__stempelfeld.is-gratis{border-color:var(--bx-gold);background:var(--bx-gold-hell);color:var(--bx-gold-text)}.ui-box__stempelfeld.is-gratis.is-voll{background:none}.ui-box__stempelfeld.is-gratis.is-voll .ui-box__etikett{box-shadow:0 0 0 3px var(--ui-card),0 0 0 6px var(--bx-gold)}.ui-box__stempelfeld.is-voll .ui-box__feld-nr,.ui-box__stempelfeld.is-voll .ui-box__feld-gratis{display:none}.ui-box__feld-gratis{display:grid;justify-items:center;gap:.2rem;font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ui-box__feld-gratis .thaani-icon{width:2.2rem;height:2.2rem}.ui-box__siegel{position:absolute;bottom:-.5rem;left:50%;display:none;padding:.2rem .9rem;border-radius:.6rem;background:var(--bx-gold);color:var(--ui-ink);font-size:1.1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%);box-shadow:0 .4rem 1rem -.6rem rgba(var(--ui-ink-rgb),.6)}.ui-box__stempelfeld.is-voll .ui-box__siegel{display:block}@media(prefers-reduced-motion:no-preference){.ui-box__stempel.is-welle-a .ui-box__stempelfeld.is-voll .ui-box__etikett{animation:ui-box-welle-a .5s ease calc(var(--i, 0) * 45ms) both}.ui-box__stempel.is-welle-b .ui-box__stempelfeld.is-voll .ui-box__etikett{animation:ui-box-welle-b .5s ease calc(var(--i, 0) * 45ms) both}.ui-box__stempel .ui-box__stempelfeld.is-voll.is-neu .ui-box__etikett{animation:ui-box-pop .5s cubic-bezier(.3,1.6,.5,1) calc(var(--i, 0) * 45ms) both}.ui-box__stempelfeld.is-gratis.is-neu .ui-box__siegel{animation:ui-box-ein .25s ease calc(var(--i, 0) * 45ms + .3s) both}}@keyframes ui-box-welle-a{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes ui-box-welle-b{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes ui-box-pop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes ui-box-ein{0%{opacity:0}to{opacity:1}}.ui-box-feier{--feier-gold: var(--thaani-golden-bronze, #c9a24a);--feier-ink-rgb: var(--thaani-dark-amethyst-rgb, 15, 4, 33);--feier-linen: rgb(var(--thaani-linen-rgb, 247, 241, 232));--j: min(30rem, 70vw, 40vh);position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;overflow:hidden;cursor:pointer;font-family:var(--thaani-font-body, sans-serif)}.ui-box-feier[hidden]{display:none}.ui-box-feier>*,.ui-box-feier__glanz{position:absolute;display:none;pointer-events:none}.ui-box-feier__grund,.ui-box-feier__glas{display:block}.ui-box-feier__grund{top:0;right:0;bottom:0;left:0;background:rgba(var(--feier-ink-rgb),.66)}.ui-box-feier__glas{top:calc(42% - var(--j) / 2);left:calc(50% - var(--j) / 2);width:var(--j);height:var(--j)}.ui-box-feier__glas img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2.6rem 3rem rgba(0,0,0,.45))}.ui-box-feier__marke{position:absolute;bottom:6%;left:50%;padding:.6rem 1.6rem;border-radius:99px;background:var(--feier-gold);color:rgb(var(--feier-ink-rgb));font-family:var(--thaani-font-heading, sans-serif);font-size:clamp(1.6rem,2vw,2rem);font-weight:800;text-transform:uppercase;transform:translate(-50%) rotate(-6deg);box-shadow:0 1.2rem 2rem -1rem #0009}.ui-box-feier__text{top:calc(42% + var(--j) * .56);right:1.6rem;left:1.6rem;display:grid;justify-items:center;gap:.8rem;text-align:center}.ui-box-feier__text strong{font-family:var(--thaani-font-heading, sans-serif);font-size:clamp(2.8rem,5vw,4.4rem);font-weight:800;line-height:1;text-transform:uppercase;color:var(--feier-gold)}.ui-box-feier__text span{font-size:clamp(1.4rem,1.6vw,1.6rem);font-weight:600;color:var(--feier-linen)}.ui-box-feier.is-sockel .ui-box-feier__kegel,.ui-box-feier.is-sockel .ui-box-feier__sockel,.ui-box-feier.is-sockel .ui-box-feier__glanz{display:block}.ui-box-feier.is-sockel .ui-box-feier__grund{background:rgba(var(--feier-ink-rgb),.8)}.ui-box-feier__kegel{top:0;left:calc(50% - var(--j));width:calc(var(--j) * 2);height:calc(42% + var(--j) * .6);background:linear-gradient(180deg,#fff4d68c,#fff4d61a 80%,#fff4d600);clip-path:polygon(43% 0,57% 0,80% 100%,20% 100%)}.ui-box-feier__sockel{top:calc(42% + var(--j) * .43);left:calc(50% - var(--j) * .4);width:calc(var(--j) * .8);height:calc(var(--j) * .27);border-radius:0 0 50% 50% / 0 0 calc(var(--j) * .075) calc(var(--j) * .075);background:linear-gradient(90deg,#9c7a2c,#e3c27a 45%,#a9842f)}.ui-box-feier__sockel:before{content:"";position:absolute;top:calc(var(--j) * -.075);right:0;left:0;height:calc(var(--j) * .15);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#f3dc9f,var(--feier-gold) 72%)}.ui-box-feier.is-sockel .ui-box-feier__glas{transform-origin:50% 100%}.ui-box-feier.is-sockel .ui-box-feier__marke{top:8%;right:2%;bottom:auto;left:auto;transform:rotate(10deg)}.ui-box-feier.is-sockel .ui-box-feier__text{top:calc(42% + var(--j) * .78)}.ui-box-feier__glanz{top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#fff0 42%,#ffffffd9,#fff0 58%) 100% 0 / 300% 100% no-repeat;-webkit-mask:var(--bild) center / contain no-repeat;mask:var(--bild) center / contain no-repeat}.ui-box-feier.is-feld .ui-box-feier__strahlen{display:block}.ui-box-feier__strahlen{top:calc(42% - var(--j) * .9);left:calc(50% - var(--j) * .9);width:calc(var(--j) * 1.8);height:calc(var(--j) * 1.8);border-radius:50%;background:repeating-conic-gradient(#c9a24acc 0deg 8deg,#c9a24a00 8deg 22.5deg);-webkit-mask:radial-gradient(circle,#000 14%,rgba(0,0,0,.55) 42%,transparent 68%);mask:radial-gradient(circle,#000 14%,rgba(0,0,0,.55) 42%,transparent 68%)}@media(prefers-reduced-motion:no-preference){.ui-box-feier.is-sockel .ui-box-feier__grund,.ui-box-feier.is-sockel .ui-box-feier__kegel{animation:ui-box-feier-grund 5s ease both}.ui-box-feier.is-sockel .ui-box-feier__sockel{animation:ui-box-feier-sockel 5s ease both}.ui-box-feier.is-sockel .ui-box-feier__glas{animation:ui-box-feier-landen 5s both}.ui-box-feier.is-sockel .ui-box-feier__glanz{animation:ui-box-feier-glanz 3s .95s both}.ui-box-feier.is-sockel .ui-box-feier__text{animation:ui-box-feier-text 4.85s ease .15s both}.ui-box-feier.is-feld .ui-box-feier__grund{animation:ui-box-feier-feld-grund 5s ease both}.ui-box-feier.is-feld .ui-box-feier__strahlen{animation:ui-box-feier-strahlen 5s linear both}.ui-box-feier.is-feld .ui-box-feier__glas{animation:ui-box-feier-feld 5s both}.ui-box-feier.is-feld .ui-box-feier__text{animation:ui-box-feier-feld-text 5s ease both}}@keyframes ui-box-feier-grund{0%{opacity:0}7%{opacity:1}92%{opacity:1}to{opacity:0}}@keyframes ui-box-feier-sockel{0%{opacity:0;transform:translateY(3rem)}6%{opacity:1;transform:none}92%{opacity:1}to{opacity:0}}@keyframes ui-box-feier-landen{0%{opacity:0;transform:translateY(calc(var(--j) * -1.3));animation-timing-function:cubic-bezier(.5,0,.9,.5)}4%{opacity:1}11%{transform:translateY(0) scaleY(1);animation-timing-function:ease-out}13%{transform:translateY(0) scaleY(.93);animation-timing-function:ease-out}15.5%{transform:translateY(-1.4rem) scaleY(1.02);animation-timing-function:ease-in}18%{transform:translateY(0) scaleY(1)}92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes ui-box-feier-glanz{0%{background-position:100% 0;animation-timing-function:ease-in-out}30%{background-position:0 0}30.01%,70%{background-position:100% 0;animation-timing-function:ease-in-out}to{background-position:0 0}}@keyframes ui-box-feier-text{0%{opacity:0;transform:translateY(1.6rem) scale(.96)}9%{opacity:1;transform:none}90%{opacity:1}to{opacity:0}}@keyframes ui-box-feier-feld{0%{opacity:0;transform:translate(var(--jx, 0px),var(--jy, 0px)) scale(var(--js, .2));animation-timing-function:cubic-bezier(.3,.9,.3,1.1)}2%{opacity:1}12%{transform:translate(0) scale(1);animation-timing-function:ease-in-out}30%{transform:translateY(-.8rem) scale(1);animation-timing-function:ease-in-out}48%{transform:translate(0) scale(1);animation-timing-function:ease-in-out}66%{transform:translateY(-.8rem) scale(1);animation-timing-function:ease-in-out}83%{opacity:1;transform:translate(0) scale(1);animation-timing-function:cubic-bezier(.6,0,.8,.6)}96%{opacity:1;transform:translate(var(--jx, 0px),var(--jy, 0px)) scale(var(--js, .2))}to{opacity:0;transform:translate(var(--jx, 0px),var(--jy, 0px)) scale(var(--js, .2))}}@keyframes ui-box-feier-feld-grund{0%{opacity:0}9%{opacity:1}79%{opacity:1}88%,to{opacity:0}}@keyframes ui-box-feier-strahlen{0%,6%{opacity:0;transform:rotate(0) scale(.4)}13%{opacity:1;transform:rotate(20deg) scale(1)}79%{opacity:1;transform:rotate(175deg) scale(1)}84%,to{opacity:0;transform:rotate(190deg) scale(.6)}}@keyframes ui-box-feier-feld-text{0%,9%{opacity:0;transform:translateY(1.4rem)}14%{opacity:1;transform:none}75%{opacity:1}79%,to{opacity:0}}.ui-box__marke{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1.1rem;border-radius:99rem;box-shadow:inset 0 0 0 1.5px var(--bx-gold);color:var(--bx-gold-text);font-size:1.25rem;font-weight:700;line-height:1.4;white-space:nowrap}.ui-box__marke .thaani-icon{display:none;width:1.4rem;height:1.4rem}.ui-box__marke.is-erreicht{background:var(--bx-gold);box-shadow:none;color:var(--ui-ink)}.ui-box__marke.is-erreicht .thaani-icon{display:block}.ui-box__fuss{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.6rem}.ui-box__hinweis{display:flex;align-items:flex-start;gap:.8rem;margin:0;color:var(--bx-gold-text);font-size:1.45rem;font-weight:600;line-height:1.4}.ui-box__hinweis .thaani-icon{flex-shrink:0;width:1.8rem;height:1.8rem}.ui-box__spar{padding:.5rem 1.2rem;border-radius:99rem;background:var(--bx-gold-hell);color:var(--bx-gold-text);font-size:1.3rem;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.ui-box__spar[hidden]{display:none}.ui-box__gruppe{display:grid;gap:1.2rem;margin-top:2.8rem}.ui-box__gruppe-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.2rem}.ui-box__je{font-size:1.3rem;color:var(--bx-leise)}.ui-box__raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:0;padding:0;list-style:none}.ui-box__sorte{display:grid;grid-template-columns:5.6rem minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1rem 1.2rem 1rem 1rem;border-radius:var(--ui-radius-md);background:var(--ui-card);box-shadow:inset 0 0 0 1px var(--ui-line);transition:box-shadow .2s ease}.ui-box__sorte.is-drin{box-shadow:inset 0 0 0 2px var(--ui-ink)}.ui-box__etikett{position:relative;display:block;width:5.6rem;height:5.6rem;overflow:hidden;border-radius:50%;background:var(--c)}.ui-box__etikett:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(var(--ui-ink-rgb),.08);pointer-events:none}.is-hell>.ui-box__etikett:after{box-shadow:inset 0 0 0 1px rgba(var(--ui-ink-rgb),.22)}.ui-box__etikett img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(3.4);transform-origin:47% 61%}.ui-box__etikett.is-glas img{transform:scale(2.1);transform-origin:50% 58%}.ui-box__text{display:grid;gap:.2rem;min-width:0}.ui-box__name{font-size:1.55rem;font-weight:700;line-height:1.2;color:inherit;text-decoration:none}.ui-box__name:hover{text-decoration:underline;text-underline-offset:.2em}.ui-box__unter{font-size:1.25rem;line-height:1.3;color:var(--bx-leise)}.ui-box__heat{display:inline-flex;gap:.1rem;margin-top:.2rem}.ui-box__heat .thaani-icon{width:1.4rem;height:1.4rem}.ui-box__heat .is-off{opacity:.25}.ui-box__stepper{display:inline-flex;align-items:center;border-radius:99rem;box-shadow:inset 0 0 0 1px var(--ui-line-strong)}.ui-box__stepper button{display:grid;place-items:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:none;color:inherit;font:inherit;font-size:1.9rem;line-height:1;cursor:pointer}.ui-box__stepper button:disabled{opacity:.3;cursor:default}.ui-box__stepper output{min-width:1.8rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.ui-box__leiste{position:sticky;bottom:1.6rem;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem 2.4rem;margin-top:2.8rem;padding:1.4rem 1.6rem 1.4rem 2.4rem;border-radius:2.4rem;background:var(--ui-ink);color:var(--ui-card);box-shadow:0 2rem 4rem -2rem rgba(var(--ui-ink-rgb),.7)}.ui-box__leiste-text{display:grid;gap:.2rem;min-width:0}.ui-box__leiste-text strong{font-size:1.8rem;font-variant-numeric:tabular-nums}.ui-box__leiste-text span{font-size:1.35rem;opacity:.75}.ui-box__leiste-text span:empty{display:none}.ui-box__cta{--ui-btn-bg: var(--bx-gold);--ui-btn-ink: var(--ui-ink);padding:0 2.6rem}.ui-box__cta[disabled]{--ui-btn-bg: rgba(255, 253, 249, .2);--ui-btn-ink: rgba(255, 253, 249, .75);opacity:1}.ui-box__fehler{flex-basis:100%;margin:0;font-size:1.35rem;color:#f4b3b3}.ui-box__fehler[hidden]{display:none}@media(prefers-reduced-motion:reduce){.ui-box__sorte{transition:none}}@media screen and (max-width:1099px){.ui-box__raster{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-box__stempel{grid-template-columns:minmax(0,1fr)}.ui-box__abriss{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:2rem 2.4rem;border-radius:var(--ui-radius-lg) var(--ui-radius-lg) 0 0;border-right:0;border-bottom:2px dashed rgba(var(--thaani-linen-rgb, 247, 241, 232),.35)}.ui-box__abriss-text{grid-column:1 / -1}}@media screen and (max-width:749px){.ui-box__felder{padding:2rem}.ui-box__stempelreihe{grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-flow:row;gap:.6rem;width:100%}.ui-box__stempelfeld{width:100%;height:auto;aspect-ratio:1;font-size:1.2rem}.ui-box__feld-gratis>span{display:none}.ui-box__feld-gratis .thaani-icon{width:1.8rem;height:1.8rem}.ui-box__siegel{bottom:-.6rem;padding:.1rem .5rem;font-size:.9rem}.ui-box__zahl{font-size:4rem}}@media screen and (max-width:599px){.ui-box__raster{grid-template-columns:minmax(0,1fr)}.ui-box__leiste{bottom:.8rem;gap:1rem 2.4rem;padding:1.2rem 1.2rem 1.2rem 1.8rem}.ui-box__leiste-text span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-box__cta{flex:1 1 100%;min-height:4.6rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/thaani-ui-box.css.map */