.mh21-s{--s-ui:#3c4d73;--s-glow:#576687;--s-ink:#3c4d73}.mh21-s.love{--s-ui:#874246;--s-glow:#985c60;--s-ink:#874246}.mh21-s.clarity{--s-ui:#284e3f;--s-glow:#46675a;--s-ink:#284e3f}.mh21-s.friendship{--s-ui:#376870;--s-glow:#537d84;--s-ink:#376870}.mh21-s.inspiration{--s-ui:#56354b;--s-glow:#6e5164;--s-ink:#56354b}.mh21-s.gratitude{--s-ui:#61704c;--s-glow:#778465;--s-ink:#61704c}.mh21-s.calm{--s-ui:#7b6a7f;--s-glow:#8d7f91;--s-ink:#77667b}.mh21-s.joy{--s-ui:#955c45;--s-glow:#a4735f;--s-ink:#955c45}html[data-theme=dark] .mh21-s{--s-ui:#4e6087;--s-glow:#677698;--s-ink:#b5cbf7}html[data-theme=dark] .mh21-s.love{--s-ui:#8e484c;--s-glow:#9e6165;--s-ink:#feb4b6}html[data-theme=dark] .mh21-s.clarity{--s-ui:#436a5a;--s-glow:#5d7f71;--s-ink:#acd6c3}html[data-theme=dark] .mh21-s.friendship{--s-ui:#376870;--s-glow:#537d84;--s-ink:#a2d5de}html[data-theme=dark] .mh21-s.inspiration{--s-ui:#77546b;--s-glow:#8a6c80;--s-ink:#e5bcd6}html[data-theme=dark] .mh21-s.gratitude{--s-ui:#61704c;--s-glow:#778465;--s-ink:#c1d2aa}html[data-theme=dark] .mh21-s.calm{--s-ui:#7b6a7f;--s-glow:#8d7f91;--s-ink:#d6c3da}html[data-theme=dark] .mh21-s.joy{--s-ui:#955c45;--s-glow:#a4735f;--s-ink:#fab9a0}.mh21-art{display:block;width:100%;height:auto;overflow:visible}.mh21-art *{fill:none;stroke:#f6f2ea;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mh21-art .y{fill:#f1c74a;stroke:none}.mh21-art .b{fill:var(--s-ui)}.mh21-art .h{fill:var(--s-ui);stroke:none}.mh21-cv{position:relative;display:block;isolation:isolate}.mh21-cv:before,.mh21-cv:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:color-mix(in srgb,var(--s-ui) 72%,#0b1020);box-shadow:0 10px 18px -12px #0b102080;transition:transform .5s cubic-bezier(.16,1,.3,1)}.mh21-cv:before{transform:rotate(-3.5deg) translate(-5px,-2px)}.mh21-cv:after{background:color-mix(in srgb,var(--s-ui) 80%,#ffffff);transform:rotate(2.5deg) translate(6px,-5px)}.mh21-cover{position:relative;z-index:1;display:grid;place-items:center;aspect-ratio:2/1;border-radius:12px;color:#fff;background:radial-gradient(110% 95% at 50% 42%,var(--s-glow),var(--s-ui) 70%);box-shadow:inset 0 1px #ffffff24,0 16px 28px -16px #0b102099;transform:perspective(800px) rotateX(0) translateY(0);transform-origin:50% 100%;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.mh21-cover .mh21-art{width:min(36%,124px)}.mh21-cover .nm,.mh21-fc .nm{position:absolute;left:12px;top:10px;font:600 12px/1.2 var(--brand);letter-spacing:.12em;text-transform:uppercase;color:#fff}.mh21-cover .n{position:absolute;right:10px;bottom:10px;font:600 12px/1 var(--brand);color:#17203a;background:#f6f2ea;border-radius:999px;padding:6px 10px}.mh21-tpl:hover .mh21-cover,.mh21-tpl:focus-within .mh21-cover{transform:perspective(800px) rotateX(9deg) translateY(-3px);box-shadow:inset 0 1px #ffffff24,0 24px 30px -18px #0b1020a6}.mh21-tpl:hover .mh21-cv:before,.mh21-tpl:focus-within .mh21-cv:before{transform:rotate(-7deg) translate(-12px,-3px)}.mh21-tpl:hover .mh21-cv:after,.mh21-tpl:focus-within .mh21-cv:after{transform:rotate(6deg) translate(12px,-8px)}.mh21-tpls{padding-top:8px}.mh21-tpls.in-dlg{padding:10px 6px 4px}.mh21-tpl-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px}.mh21-tplf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.mh21-tplf .mh21-chip .dot{border-radius:50%;background:var(--s-ink)}.mh21-tplf .mh21-chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.mh21-tplf .mh21-chip[aria-pressed=true] .dot{background:var(--paper)}.mh21-fan{position:relative;width:100%;height:100%}.mh21-fc{position:absolute;display:grid;place-items:center;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:radial-gradient(110% 95% at 50% 42%,var(--s-glow),var(--s-ui) 70%);box-shadow:inset 0 1px #ffffff24,0 22px 36px -20px #0b102099;transition:transform .6s cubic-bezier(.16,1,.3,1)}.mh21-fc .mh21-art{width:44%}.mh21-fan.hand .mh21-fc{left:50%;top:50%;width:min(46%,184px);margin:calc(min(46%,184px) * -1/3) 0 0 calc(min(46%,184px)/-2)}.mh21-fan.hand .f0{transform:translate(-54%) rotate(-11deg)}.mh21-fan.hand .f1{transform:translateY(-8%) rotate(1deg);z-index:2}.mh21-fan.hand .f2{transform:translate(54%) rotate(11deg);z-index:1}.mh21-tile:hover .mh21-fan.hand .f0,.mh21-gate:hover .mh21-fan.hand .f0{transform:translate(-62%) rotate(-15deg)}.mh21-tile:hover .mh21-fan.hand .f2,.mh21-gate:hover .mh21-fan.hand .f2{transform:translate(62%) rotate(15deg)}.mh21-v-fan{width:100%;height:100%}.mh21-page .mh21-hero-vis{padding:0;max-width:520px}.mh21-hv{position:relative;aspect-ratio:500/440;transform:perspective(1100px) rotateX(calc(var(--ty,0) * -7deg)) rotateY(calc(var(--tx,0) * 9deg));transition:transform .6s cubic-bezier(.16,1,.3,1)}.mh21-hv-fan{position:absolute;top:0;right:0;bottom:0;left:0}.mh21-fan.peek .mh21-fc{width:46%}.mh21-fan.peek .f0{left:0;top:6%;transform:translate(calc(var(--tx,0) * -18px),calc(var(--ty,0) * -12px)) rotate(-10deg)}.mh21-fan.peek .f1{left:27%;top:0;transform:translate(calc(var(--tx,0) * -10px),calc(var(--ty,0) * -8px)) rotate(1deg);z-index:1}.mh21-fan.peek .f2{left:54%;top:7%;transform:translate(calc(var(--tx,0) * -18px),calc(var(--ty,0) * -12px)) rotate(10deg)}.mh21-fan.peek .mh21-fc .mh21-art{width:40%;margin-top:-10%}.mh21-page .mh21-hv .mh21-stack{position:absolute;left:17%;top:37%;width:80%;z-index:3}.mh21-page .mh21-hero .mh21-stack:before,.mh21-page .mh21-hero .mh21-stack:after{display:none}.mh21-qctl{margin-top:16px;padding-left:17%;display:grid;justify-items:center;align-content:start;gap:10px;min-height:98px;text-align:center}.mh21-qctl .mh21-row{justify-content:center}.mh21-qlabel{font:600 16px/1.3 var(--brand);color:var(--ink)}.mh21-grade{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mh21 .mh21-btn.g{background:#2d5a4b;color:#fff!important;box-shadow:0 10px 22px -14px #2d5a4be6}.mh21 .mh21-btn.y{background:#f1c74a;color:#141a28!important;box-shadow:inset 0 0 0 1.5px #9a7414,0 10px 22px -14px #9a7414cc}.mh21 .mh21-btn.r{background:#a33539;color:#fff!important;box-shadow:0 10px 22px -14px #a33539e6}.mh21-lctl .mh21-qlabel{flex-basis:100%;text-align:center}.mh21-q2{display:block;font-size:.8em;line-height:34px;color:var(--sheet-grey)}.mh21-learn .mh21-stage{flex:none;padding-block:clamp(16px,4vh,40px) 18px;min-height:0}.mh21-learn .mh21-lctl{margin-bottom:auto;padding-bottom:24px}.mh21-lctl .mh21-grade .mh21-btn{min-width:150px;min-height:50px;font-size:15px}@media(max-width:440px){.mh21-lctl .mh21-grade{width:100%}.mh21-lctl .mh21-grade .mh21-btn{min-width:0;flex:1;padding:0 10px}}.mh21-flip.deal,.mh21-score.deal{animation:mh21-deal .35s cubic-bezier(.16,1,.3,1)}.mh21-flip.out-yes{animation:mh21-out-yes .42s cubic-bezier(.55,0,.75,.2) forwards}@keyframes mh21-out-yes{0%{transform:none}22%{transform:translateY(8px) scale(.97)}to{transform:translate(14%,-70%) rotate(8deg) scale(.8);opacity:0}}.mh21-flip.out-mid{animation:mh21-out-mid .3s ease-in forwards}@keyframes mh21-out-mid{to{transform:translateY(22%) scale(.94);opacity:0}}.mh21-flip.out-no{animation:mh21-out-no .3s ease-in forwards}@keyframes mh21-out-no{to{transform:translate(-28%,6%) rotate(-6deg);opacity:0}}.mh21-burst{position:fixed;z-index:2147482600;width:0;height:0;pointer-events:none}.mh21-burst i{position:absolute;left:-8px;top:-13px;width:16px;height:26px;opacity:0;transform:rotate(var(--a));animation:mh21-ray .85s cubic-bezier(.16,1,.3,1) var(--w,0ms) forwards}.mh21-burst i svg{display:block;width:100%;height:100%;fill:#f1c74a;stroke:#9a7414;stroke-width:.7}@keyframes mh21-ray{0%{opacity:0;transform:rotate(var(--a)) translateY(-20px) scale(.3)}18%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(1.05)}}.mh21-burst b{position:absolute;left:-70px;top:-70px;width:140px;height:140px;border-radius:50%;box-shadow:0 0 0 4px #2d5a4b,0 0 0 10px #2d5a4b2e;opacity:0;animation:mh21-ring .65s cubic-bezier(.16,1,.3,1) forwards}@keyframes mh21-ring{0%{opacity:.95;transform:scale(.35)}to{opacity:0;transform:scale(2.6)}}.mh21-pop.go.yes{animation:mh21-pop-yes 1.2s cubic-bezier(.16,1,.3,1);color:#fff;background:#2d5a4b}@keyframes mh21-pop-yes{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}18%{opacity:1;transform:translate(-50%) scale(1.18)}32%{transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-16px)}}.mh21-score{display:block;width:100%;aspect-ratio:3/2}.mh21-score .in{position:absolute;top:58px;right:22px;bottom:14px;left:22px;display:grid;align-content:center;gap:8px}.mh21 .mh21-score .big{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5vw,56px);line-height:1;color:var(--sheet-ink)}.mh21-score .sum{display:flex;flex-wrap:wrap;gap:4px 14px;font:600 13px/1.3 var(--brand);color:var(--sheet-ink)}.mh21-score .sum i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}.mh21-score i.g{background:#2d5a4b}.mh21-score i.y{background:#f1c74a;box-shadow:inset 0 0 0 1.5px #9a7414}.mh21-score i.r{background:#a33539}@media(max-width:520px){.mh21-score .in{top:54px;right:16px;bottom:12px;left:16px;gap:6px}}.mh21-sico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:radial-gradient(110% 95% at 50% 42%,var(--s-glow),var(--s-ui) 70%);box-shadow:0 6px 12px -8px #0b10208c}.mh21-sico .mh21-art{width:84%}.mh21-sico .mh21-art *{stroke-width:5}.mh21-sico.lg{width:56px;height:56px;border-radius:14px}.mh21-sico.lg .mh21-art *{stroke-width:4}.mh21-page .mh21-deck-item{grid-template-columns:36px minmax(0,1fr);column-gap:12px;align-items:start}.mh21-deck-item .tx{display:grid;gap:4px;min-width:0}.mh21-deck-head{align-items:center}.mh21-deck-head .mh21-icon{align-self:flex-start}.mh21-pick{padding:30px clamp(16px,3vw,28px) 30px;display:grid;gap:10px;justify-items:center;text-align:center}.mh21-pick-g{list-style:none;padding:0;margin:12px 0 4px;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:760px){.mh21-pick-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.mh21-pick-b{-webkit-appearance:none;appearance:none;width:100%;height:100%;border:0;background:var(--card);border-radius:18px;padding:10px 10px 14px;box-shadow:var(--edge),var(--lift);display:grid;gap:8px;align-content:start;text-align:left;cursor:pointer;font:inherit;color:var(--ink);transition:transform .45s cubic-bezier(.16,1,.3,1)}html[data-theme=dark] .mh21-pick-b{background:var(--paper-2)}.mh21-pick-b .mh21-cover{aspect-ratio:4/3}.mh21-pick-b .mh21-cover .mh21-art{width:52%}.mh21-pick-b:hover{transform:translateY(-3px)}.mh21-pick-b:hover .mh21-cover{transform:perspective(600px) rotateX(10deg)}.mh21-pick-b .t{font:600 16px/1.3 var(--brand);padding:0 4px}.mh21-pick-b .m{font-size:13px;line-height:1.4;color:var(--ink-3);padding:0 4px;margin-top:-4px}.mh21-gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(24px,4vw,48px)}@media(max-width:760px){.mh21-gate{grid-template-columns:1fr}.mh21-gate .vis{order:-1}}.mh21-gate .txt{display:grid;gap:14px;justify-items:start;max-width:52ch}.mh21-gate .vis{height:clamp(180px,22vw,240px)}.mh21 ::selection{background:#f1c74a8c;color:#17203a}@media(prefers-reduced-motion:reduce){.mh21-burst{display:none}.mh21-hv{transform:none}.mh21-cover,.mh21-cv:before,.mh21-cv:after,.mh21-fc,.mh21-pick-b{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/257/assets/mh21-lernkartei-faecher.css.map */