.mh21{--paper:#f4f7fc;--paper-2:#e8eef9;--card:#ffffff;--ink:#17203a;--ink-2:#414c69;--ink-3:#5c6680;--line:#d8e0ee;--line-strong:#7a85a0;--link:#28427f;--btn-bg:#1b2950;--btn-fg:#f6f2ea;--btn-bolt:#f1c74a;--focus:#3a6ce0;--bolt:#f1c74a;--bolt-line:#9a7414;--bolt-ink:#141a28;--mark:rgba(241,199,74,.55);--hint-bg:#fff6d8;--hint-line:#f1d27a;--accent-ink:#7c5d08;--glass:rgba(255,255,255,.7);--glass-line:rgba(255,255,255,.95);--edge:inset 0 0 0 1px rgba(23,32,58,.06);--lift:0 1px 0 rgba(23,32,58,.04),0 22px 44px -26px rgba(40,66,127,.4);--btn-shadow:0 10px 24px -14px rgba(27,41,80,.7);--scrim:rgba(23,32,58,.42);--m-ui:#3c4d73;--m-ink:#3c4d73;--on-moment:#ffffff;--cream:#f6f2ea;--sheet:#fcf9f2;--sheet-ink:#283044;--sheet-grey:#736d5f;--sheet-rule:#e7e0d1;--hand-ink:#2c3a63;--sheet-shadow:0 30px 60px -30px rgba(0,0,0,.6);--serif:var(--type-serif,"Instrument Serif",Georgia,serif);--brand:var(--type-brand,"Poppins",system-ui,sans-serif);--body:var(--type-body,"DM Sans",system-ui,sans-serif);--hand:"Caveat","Segoe Print","Bradley Hand",cursive;color:var(--ink);font-family:var(--body);font-size:var(--type-text,17px);line-height:1.65}html[data-theme=dark] .mh21{--paper:#121827;--paper-2:#192132;--card:#1e273a;--ink:#eee8dc;--ink-2:#d3d6dd;--ink-3:#bcc0c9;--line:#2d3750;--line-strong:#6b7590;--link:#b3c1e6;--btn-bg:#f1c74a;--btn-fg:#141a28;--btn-bolt:#141a28;--focus:#f1c74a;--bolt-line:#f1c74a;--mark:rgba(241,199,74,.24);--hint-bg:#2a2a1e;--hint-line:#8a7a3a;--accent-ink:#f1c74a;--glass:rgba(30,39,58,.78);--glass-line:rgba(238,232,220,.12);--edge:inset 0 0 0 1px rgba(238,232,220,.12);--lift:0 1px 0 rgba(0,0,0,.2),0 22px 44px -26px rgba(0,0,0,.6);--btn-shadow:0 10px 26px -14px rgba(241,199,74,.45);--scrim:rgba(0,0,0,.62);--m-ui:#4e6087;--m-ink:#b5cbf7}.mh21 *,.mh21 *:before,.mh21 *:after{box-sizing:border-box}.mh21 [hidden],.mh21[hidden]{display:none!important}.mh21 p,.mh21 h1,.mh21 h2,.mh21 h3,.mh21 h4,.mh21 ul,.mh21 ol,.mh21 dl,.mh21 dd,.mh21 figure{margin:0}.mh21 p,.mh21 li{text-wrap:pretty}.mh21 a{color:var(--link);text-underline-offset:3px}.mh21 :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus)!important;outline-offset:3px!important;box-shadow:none!important}.mh21-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mh21-wrap{max-width:1160px;margin-inline:auto;padding-left:max(clamp(16px,4vw,40px),env(safe-area-inset-left,0px));padding-right:max(clamp(16px,4vw,40px),env(safe-area-inset-right,0px))}.mh21-block{padding-block:clamp(56px,8vw,104px)}.mh21-label{font:600 var(--type-label,12px)/1.2 var(--brand);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.mh21-eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 var(--type-label,12px)/1 var(--brand);letter-spacing:.14em;text-transform:uppercase;color:var(--link);background:var(--glass);border:1px solid var(--glass-line);border-radius:999px;padding:7px 12px;box-shadow:var(--lift);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mh21-eyebrow svg{width:9px;height:13px;fill:var(--bolt);stroke:var(--bolt-line);stroke-width:1}.mh21 .mh21-h1{font-family:var(--serif)!important;font-weight:400!important;font-size:var(--type-h1,clamp(42px,4.5vw,64px))!important;line-height:1.05!important;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.mh21 .mh21-h2{font-family:var(--serif)!important;font-weight:400!important;font-size:var(--type-h2,clamp(34px,3.35vw,48px))!important;line-height:1.1!important;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.mh21 .mh21-h3{font-family:var(--brand)!important;font-weight:600!important;font-size:var(--type-h3,clamp(22px,1.8vw,26px))!important;line-height:1.3!important;letter-spacing:-.01em;color:var(--ink)}.mh21 .mh21-h4{font-family:var(--brand)!important;font-weight:600!important;font-size:var(--type-h4,clamp(18px,1.4vw,20px))!important;line-height:1.35!important;color:var(--ink)}.mh21-lead{font-size:var(--type-lead,clamp(18px,1.45vw,21px));line-height:1.55;color:var(--ink-2);max-width:60ch}.mh21-small{font-size:var(--type-small,15px);line-height:1.5;color:var(--ink-3)}.mh21-cap{font-size:var(--type-caption,13px);line-height:1.45;color:var(--ink-3)}.mh21-mark{background:linear-gradient(to bottom,transparent 56%,var(--mark) 56%,var(--mark) 92%,transparent 92%);padding-inline:.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.mh21-head{display:grid;gap:12px;margin-bottom:clamp(28px,4vw,44px)}.mh21-btn{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;background:var(--btn-bg);color:var(--btn-fg)!important;font:600 15px/1.15 var(--brand);text-decoration:none!important;box-shadow:var(--btn-shadow);transition:transform .15s ease;text-align:center}.mh21-btn:hover{transform:translateY(-1px)}.mh21-btn svg{width:9px;height:15px;fill:var(--btn-bolt);flex:none}.mh21-btn.ghost{background:transparent;color:var(--link)!important;box-shadow:inset 0 0 0 1.5px var(--link)}.mh21-btn.small{min-height:40px;padding:0 16px;font-size:14px}.mh21-btn.cream{background:var(--cream);color:var(--bolt-ink)!important;box-shadow:none}.mh21-btn[disabled]{opacity:.5;cursor:default;transform:none}.mh21-link{-webkit-appearance:none;appearance:none;border:0;background:none;padding:8px 0;min-height:44px;display:inline-flex;align-items:center;gap:6px;font:600 var(--type-small,15px)/1.2 var(--brand);color:var(--link)!important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mh21-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.mh21-icon{-webkit-appearance:none;appearance:none;border:0;background:transparent;width:44px;height:44px;display:inline-grid;place-items:center;border-radius:999px;color:var(--ink-2);cursor:pointer;flex:none}.mh21-icon:hover{background:var(--paper-2);color:var(--ink)}.mh21-icon svg{width:20px;height:20px}.mh21-icon.armed{width:auto;padding:0 14px;background:var(--paper-2);color:var(--ink);font:600 14px var(--brand)}.mh21-sheet{position:relative;display:block;background:var(--sheet);color:var(--sheet-ink);border-radius:6px;box-shadow:var(--sheet-shadow);background-image:linear-gradient(var(--sheet-grey),var(--sheet-grey)),repeating-linear-gradient(to bottom,transparent 0 33px,var(--sheet-rule) 33px 34px);background-size:100% 1px,100% calc(100% - 56px);background-position:0 52px,0 56px;background-repeat:no-repeat;overflow:hidden;text-align:left}.mh21-sheet-head{position:absolute;left:0;right:0;top:0;height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font:600 12px/1 var(--brand);letter-spacing:.14em;text-transform:uppercase;color:var(--sheet-grey)}.mh21-hand{display:block;font-family:var(--hand);font-weight:500;color:var(--hand-ink);font-size:28px;line-height:34px;padding:61px 22px 18px;overflow-wrap:anywhere}.mh21-hand.sm{font-size:23px}.mh21-flip{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;perspective:1400px;font:inherit;color:inherit;text-align:left;border-radius:6px}.mh21-flip-in{display:block;position:relative;width:100%;aspect-ratio:3/2;transition:transform .6s cubic-bezier(.2,.75,.2,1);transform-style:preserve-3d}.mh21-flip.on .mh21-flip-in{transform:rotateY(180deg)}.mh21-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:auto}.mh21-face.back{transform:rotateY(180deg)}.mh21-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,80px);align-items:center;padding-block:clamp(36px,6vw,80px) clamp(48px,7vw,96px)}@media(max-width:880px){.mh21-hero{grid-template-columns:1fr}}.mh21-hero-copy{display:grid;gap:20px;justify-items:start}.mh21-hero-copy .mh21-lead{margin-top:-4px}.mh21-hero-vis{position:relative;width:100%;max-width:500px;justify-self:center;padding:14px 18px 0}.mh21-stack{position:relative;transform:rotate(-3deg)}.mh21-stack:before,.mh21-stack:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sheet);border-radius:6px;box-shadow:var(--sheet-shadow)}.mh21-stack:before{transform:rotate(-4deg) translate(-10px,12px)}.mh21-stack:after{transform:rotate(3deg) translate(12px,6px)}.mh21-stack .mh21-flip{position:relative;z-index:1}.mh21-hero-vis .mh21-cap{margin-top:30px;text-align:center}.mh21-steps{counter-reset:s;list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,32px)}@media(max-width:820px){.mh21-steps{grid-template-columns:1fr}}.mh21-steps li{counter-increment:s;border-top:2px solid var(--ink);padding-top:14px;display:flex;flex-direction:column;gap:8px;min-width:0}.mh21-steps li:before{content:counter(s);font-family:var(--serif);font-style:italic;font-size:40px;line-height:1;color:var(--ink)}.mh21-steps p{color:var(--ink-2)}.mh21-band{background:var(--paper-2)}.mh21-path{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.mh21-path li{position:relative;padding:34px 16px 0 0;display:flex;flex-direction:column;gap:4px;min-width:0}.mh21-path li:before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--line-strong)}.mh21-path li:after{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:var(--paper-2);border:2px solid var(--ink-2)}.mh21-path li.now:after{background:var(--bolt);border-color:var(--bolt-line)}.mh21-path li:last-child:before{width:0}.mh21-path .w{font:600 var(--type-label,12px)/1.2 var(--brand);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.mh21-path .t{font:600 17px/1.3 var(--brand);color:var(--ink)}.mh21-path .n{font-size:var(--type-small,15px);line-height:1.45;color:var(--ink-2)}@media(max-width:760px){.mh21-path{grid-template-columns:1fr}.mh21-path li{padding:0 0 20px 34px}.mh21-path li:before{left:7px;right:auto;top:18px;bottom:0;width:2px;height:auto}.mh21-path li:last-child:before{display:none}}.mh21-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(32px,4vw,48px)}@media(max-width:980px){.mh21-rules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.mh21-rules{grid-template-columns:1fr}}.mh21-rule{background:var(--card);border-radius:22px;padding:22px;box-shadow:var(--edge),var(--lift);display:grid;gap:6px;align-content:start}.mh21-rule p{font-size:16px;line-height:1.55;color:var(--ink-2)}.mh21-ev{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.mh21-dots{display:inline-flex;gap:4px}.mh21-dots i{width:10px;height:10px;border-radius:50%;background:var(--ink)}.mh21-app{background:var(--card);border-radius:22px;box-shadow:var(--edge),var(--lift);overflow:hidden}.mh21-stats{display:grid;grid-template-columns:1.4fr 1.1fr 1fr;border-bottom:1px solid var(--line)}.mh21-stat{padding:18px 22px;border-right:1px solid var(--line);min-width:0;display:grid;gap:8px;align-content:start}.mh21-stat:last-child{border-right:0}@media(max-width:820px){.mh21-stats{grid-template-columns:1fr}.mh21-stat{padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}.mh21-stat:last-child{border-bottom:0}}.mh21-statrow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.mh21-num{font:600 var(--type-h3,clamp(22px,1.8vw,26px))/1.1 var(--brand);color:var(--ink);font-variant-numeric:tabular-nums}.mh21-bar{height:8px;border-radius:999px;background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.mh21-bar i{display:block;height:100%;background:var(--ink);border-radius:inherit;transition:width .4s}.mh21-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;max-width:260px}.mh21-day{display:grid;justify-items:center;gap:3px}.mh21-day b{font:600 var(--type-label,12px)/1 var(--brand);color:var(--ink-3)}.mh21-box{width:28px;height:28px;border-radius:6px;border:1.5px solid var(--line-strong);display:grid;place-items:center;color:var(--ink)}.mh21-box svg{width:16px;height:16px}.mh21-box.today{border-color:var(--ink);border-width:2px}.mh21-tabs{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap}.mh21-tab{-webkit-appearance:none;appearance:none;border:0;border-radius:999px;padding:0 18px;min-height:44px;background:transparent;color:var(--ink-2);font:600 15px var(--brand);cursor:pointer}.mh21-tab[aria-selected=true]{background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.mh21-panel{min-width:0}.mh21-grid{display:grid;grid-template-columns:270px minmax(0,1fr)}@media(max-width:880px){.mh21-grid{grid-template-columns:1fr}}.mh21-decks{border-right:1px solid var(--line);padding:18px 16px;background:var(--paper)}html[data-theme=dark] .mh21-decks{background:var(--paper-2)}@media(max-width:880px){.mh21-decks{border-right:0;border-bottom:1px solid var(--line)}}.mh21-decks ul{list-style:none;padding:0;margin:10px 0 6px;display:grid;gap:6px}.mh21-arch{margin-top:12px;padding-top:6px;border-top:1px solid var(--line)}.mh21-arch ul{margin-top:4px}.mh21-arch .mh21-deck-item .t{color:var(--ink-2)}.mh21-deck-item{-webkit-appearance:none;appearance:none;width:100%;text-align:left;background:transparent;border:1.5px solid transparent;border-radius:16px;padding:12px 14px;cursor:pointer;color:var(--ink);display:grid;gap:4px;font:inherit}.mh21-deck-item:hover{background:var(--card);border-color:var(--line)}.mh21-deck-item[aria-current=true]{background:var(--card);border-color:var(--ink)}.mh21-deck-item .t{font:600 16px/1.3 var(--brand);overflow-wrap:anywhere}.mh21-deck-item .m{font-size:var(--type-caption,13px);color:var(--ink-3);line-height:1.4}.mh21-mini{display:flex;height:5px;border-radius:9px;overflow:hidden;background:var(--line);gap:1px}.mh21-mini i{display:block;height:100%;background:var(--ink)}.mh21-deck{padding:22px clamp(16px,3vw,28px) 28px;min-width:0;display:grid;gap:18px;align-content:start}
/*# sourceMappingURL=/cdn/shop/t/257/assets/mh21-lernkartei.css.map */