.mz-calc{--mz-calc-linie: #e3e1dc;--mz-calc-leise: #7c7f88;--mz-calc-dunkel: #17191b}.mz-calc__inner{max-width:96rem;margin:0 auto}.mz-calc__buehne{position:relative;overflow:hidden;margin-bottom:2rem;padding:clamp(2.4rem,5vw,4.4rem);border-radius:1.6rem;background:radial-gradient(120% 120% at 100% 0%,#e4002b47,#e4002b00 58%),linear-gradient(160deg,#1d2023 0%,var(--mz-calc-dunkel) 62%);color:#fff}.mz-calc__eyebrow{margin:0 0 1.4rem;color:#d46a73;font-family:var(--font-heading-family);font-size:1.05rem;font-weight:700;letter-spacing:.2em;line-height:1;text-transform:uppercase}.mz-calc__heading{margin:0;color:#fff;font-family:var(--font-heading-family);font-size:clamp(3rem,7vw,4.6rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}.mz-calc__intro{max-width:54rem;margin-top:1.6rem;color:#ffffffc2;font-size:1.55rem;line-height:1.6}.mz-calc__intro p{margin:0}.mz-calc__fakten{display:flex;flex-wrap:wrap;gap:.8rem;margin:2.2rem 0 0;padding:0;list-style:none}.mz-calc__fakt{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.2rem;border:.1rem solid rgba(255,255,255,.16);border-radius:99rem;background:#ffffff0f;color:#ffffffe0;font-size:1.2rem;font-weight:650;line-height:1.2}.mz-calc__fakt svg{width:1.5rem;height:1.5rem;flex:0 0 auto;stroke:#d46a73;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.mz-calc__raster{position:absolute;right:-.8rem;bottom:-.8rem;width:22rem;height:16rem;background-image:radial-gradient(rgba(255,91,77,.6) 1.1px,transparent 1.6px);background-size:6px 6px;-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 15%,transparent 72%);mask-image:radial-gradient(circle at 100% 100%,#000 15%,transparent 72%);pointer-events:none}.mz-calc__buehne>*:not(.mz-calc__raster){position:relative}.mz-calc__card{padding:clamp(2rem,4vw,3.2rem);border:.1rem solid var(--mz-calc-linie);border-radius:1.6rem;background:#fff;box-shadow:0 1.6rem 3.6rem #11121412}.mz-calc__fieldset{margin:0 0 2.8rem;padding:0;border:0}.mz-calc__fieldset:last-of-type{margin-bottom:0}.mz-calc__legend{display:flex;align-items:center;gap:1rem;width:100%;margin-bottom:1.6rem;padding:0;color:#141519;font-family:var(--font-heading-family);font-size:1.75rem;font-weight:800;letter-spacing:-.01em;line-height:1.2}.mz-calc__schritt{display:grid;place-items:center;flex:0 0 auto;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--mz-calc-dunkel);color:#fff;font-size:1.35rem;font-weight:800;line-height:1}.mz-calc__goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media screen and (max-width:749px){.mz-calc__goals{grid-template-columns:minmax(0,1fr)}}.mz-calc__goal{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}.mz-calc__goal input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.mz-calc__goal-body{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.4rem 1.2rem;height:100%;padding:1.6rem 4rem 1.6rem 1.6rem;border:.15rem solid var(--mz-calc-linie);border-radius:1.5rem;background:#fff;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.mz-calc__goal-icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1rem;background:#f7e4e6;color:var(--mz-red);transform:skew(-8deg);transition:background-color .16s ease,color .16s ease}.mz-calc__goal-icon svg{width:2rem;height:2rem;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none;transform:skew(8deg)}.mz-calc__goal-text{display:grid;gap:.3rem;min-width:0}.mz-calc__goal-label{color:#141519;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:800;letter-spacing:-.01em;line-height:1.2}.mz-calc__goal-note{color:var(--mz-calc-leise);font-size:1.25rem;line-height:1.4}.mz-calc__goal-haken{position:absolute;top:1.4rem;right:1.4rem;display:grid;place-items:center;width:2.2rem;height:2.2rem;border:.15rem solid var(--mz-calc-linie);border-radius:50%;background:#fff;color:transparent;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.mz-calc__goal-haken svg{width:1.2rem;height:1.2rem;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.mz-calc__goal input:checked+.mz-calc__goal-body{border-color:var(--mz-red);background:#fdf5f6;box-shadow:0 .6rem 1.6rem #a719281a}.mz-calc__goal input:checked+.mz-calc__goal-body .mz-calc__goal-icon{background:var(--mz-red);color:#fff}.mz-calc__goal input:checked+.mz-calc__goal-body .mz-calc__goal-haken{border-color:var(--mz-red);background:var(--mz-red);color:#fff}.mz-calc__goal input:focus-visible+.mz-calc__goal-body{outline:.3rem solid #ce6a75;outline-offset:.2rem}.mz-calc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}@media screen and (min-width:750px){.mz-calc__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}.mz-calc__field--wide{grid-column:1 / -1}}.mz-calc__field{display:grid;gap:.6rem;min-width:0}.mz-calc__field label{color:var(--mz-calc-leise);font-family:var(--font-heading-family);font-size:1.1rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.mz-calc__eingabe{position:relative;display:block}.mz-calc__einheit{position:absolute;top:50%;right:1.4rem;transform:translateY(-50%);color:var(--mz-calc-leise);font-size:1.3rem;font-weight:650;pointer-events:none}.mz-calc__field input,.mz-calc__field select{box-sizing:border-box;width:100%;min-height:5.2rem;padding:0 1.4rem;border:.1rem solid var(--mz-calc-linie);border-radius:1.4rem;background:#fff;box-shadow:0 .1rem .2rem #1112140a;color:#141519;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:750;transition:border-color .16s ease,box-shadow .16s ease}.mz-calc__eingabe input{padding-right:5.6rem}.mz-calc__field input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mz-calc__field input[type=number]::-webkit-outer-spin-button,.mz-calc__field input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.mz-calc__field select{-webkit-appearance:none;appearance:none;padding-right:3.8rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23141519' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1.5rem center;background-size:1.1rem .7rem;background-repeat:no-repeat}.mz-calc__field input:hover,.mz-calc__field select:hover{border-color:#c9c6bf}.mz-calc__field input:focus,.mz-calc__field select:focus{border-color:var(--mz-red);box-shadow:0 0 0 .3rem #a719281f;outline:0}.mz-calc__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;margin-top:2.6rem;padding-top:2.2rem;border-top:.1rem solid var(--mz-calc-linie)}.mz-calc__submit{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;min-height:5.6rem;padding:0 2.8rem;border:0;border-radius:1.5rem;background:radial-gradient(120% 180% at 50% 125%,#ff5b4df2,#ff5b4d00 58%),linear-gradient(180deg,#c40025,#c00c24 52%,#7a1220);box-shadow:inset 0 .1rem #ffffff47,0 .6rem 1.6rem #6309134d;color:#fff;cursor:pointer;font-family:var(--font-heading-family);font-size:1.55rem;font-weight:850;letter-spacing:-.01em;line-height:1;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,box-shadow .14s ease}.mz-calc__submit svg{width:1.8rem;height:1.8rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .16s ease}@media(hover:hover)and (pointer:fine){.mz-calc__submit:hover svg{transform:translate(.3rem)}}.mz-calc__submit:active{transform:translateY(.1rem);box-shadow:inset 0 .1rem #ffffff47,0 .3rem .9rem #63091347}.mz-calc__submit:focus-visible{outline:.3rem solid #ce6a75;outline-offset:.3rem}.mz-calc__disclaimer{flex:1 1 24rem;margin:0;color:var(--mz-calc-leise);font-size:1.2rem;line-height:1.5}@media screen and (max-width:749px){.mz-calc__submit{width:100%}}.mz-calc__result{margin-top:1.6rem;padding:clamp(2rem,4vw,3.2rem);border:.1rem solid var(--mz-calc-linie);border-radius:1.6rem;background:#fff;box-shadow:0 1.6rem 3.6rem #11121412;scroll-margin-top:2rem}.mz-calc__result[hidden]{display:none}.mz-calc__result:focus{outline:0}.mz-calc__result-eyebrow{display:inline-block;padding:.5rem 1.1rem;border-radius:99rem;background:#f7e4e6;color:var(--mz-red);font-family:var(--font-heading-family);font-size:1.1rem;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase}.mz-calc__result-eyebrow:empty{display:none}.mz-calc__result-heading{margin:1.2rem 0 2rem;color:#141519;font-family:var(--font-heading-family);font-size:clamp(2.2rem,5vw,2.8rem);font-weight:850;letter-spacing:-.02em;line-height:1.15}.mz-calc__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mz-calc__stat{display:grid;align-content:center;gap:.4rem;padding:1.8rem;border:.1rem solid var(--mz-calc-linie);border-radius:1.4rem;background:#faf9f7}.mz-calc__stat--primary{grid-column:1 / -1;position:relative;overflow:hidden;border:0;background:radial-gradient(110% 140% at 100% 0%,#e4002b66,#e4002b00 60%),linear-gradient(160deg,#1d2023 0%,var(--mz-calc-dunkel) 70%);box-shadow:0 1rem 2.4rem #11121438;color:#fff}.mz-calc__stat--primary .mz-calc__stat-value,.mz-calc__stat--primary .mz-calc__stat-label{position:relative}.mz-calc__stat-value{color:inherit;font-family:var(--font-heading-family);font-size:2.6rem;font-weight:850;letter-spacing:-.02em;line-height:1}.mz-calc__stat--primary .mz-calc__stat-value{font-size:clamp(4rem,12vw,5.6rem)}.mz-calc__stat-label{color:var(--mz-calc-leise);font-size:1.2rem;font-weight:650;line-height:1.35}.mz-calc__stat--primary .mz-calc__stat-label{color:#ffffffb8;font-size:1.35rem}@media screen and (min-width:750px){.mz-calc__stats{grid-template-columns:1.3fr 1fr 1fr}.mz-calc__stat--primary{grid-column:auto}.mz-calc__stat--primary .mz-calc__stat-value{font-size:4.4rem}}.mz-calc__macro-heading{margin:2.8rem 0 1.2rem;color:#141519;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:800;letter-spacing:-.01em}.mz-calc__verteilung{display:flex;overflow:hidden;height:1rem;margin-bottom:1.2rem;border-radius:99rem;background:#efedea}.mz-calc__verteilung-teil{width:var(--mz-anteil, 0%);transition:width .32s ease}.mz-calc__verteilung-teil--eiweiss{background:var(--mz-red)}.mz-calc__verteilung-teil--kh{background:#e8a23c}.mz-calc__verteilung-teil--fett{background:#4d7d5c}.mz-calc__macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.mz-calc__macros{gap:1rem}}.mz-calc__macro{display:grid;align-content:start;gap:.3rem;min-width:0;padding:1.2rem .7rem;border:.1rem solid var(--mz-calc-linie);border-radius:1.4rem;background:#fff}@media screen and (min-width:750px){.mz-calc__macro{padding:1.4rem 1.6rem}}.mz-calc__macro:before{width:2.6rem;height:.4rem;margin-bottom:.5rem;border-radius:99rem;background:var(--mz-calc-farbe, var(--mz-red));content:""}.mz-calc__macro--eiweiss{--mz-calc-farbe: var(--mz-red)}.mz-calc__macro--kh{--mz-calc-farbe: #e8a23c}.mz-calc__macro--fett{--mz-calc-farbe: #4d7d5c}.mz-calc__macro-name{min-width:0;color:var(--mz-calc-leise);font-family:var(--font-heading-family);font-size:min(2.35vw,1.1rem);font-weight:750;letter-spacing:.02em;line-height:1.25;white-space:nowrap;text-transform:uppercase}.mz-calc__macro-value{color:#141519;font-family:var(--font-heading-family);font-size:clamp(1.7rem,5.4vw,2.2rem);font-weight:850;letter-spacing:-.02em;line-height:1.1}.mz-calc__macro-share{color:var(--mz-calc-leise);font-size:clamp(1.05rem,3vw,1.2rem);line-height:1.3}@media screen and (min-width:750px){.mz-calc__macro-name{font-size:1.1rem;letter-spacing:.12em}}.mz-calc__macro-fuss{margin:.9rem 0 0;color:var(--mz-calc-leise);font-size:1.2rem;line-height:1.4}.mz-calc__recs{margin-top:3.6rem}.mz-calc__recs[hidden]{display:none}.mz-calc__recs-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.8rem 2rem;margin-bottom:1.8rem}.mz-calc__recs-heading{margin:0;color:#141519;font-family:var(--font-heading-family);font-size:clamp(2rem,5vw,2.4rem);font-weight:850;letter-spacing:-.02em;line-height:1.2}.mz-calc__recs-link{display:inline-flex;align-items:center;gap:.6rem;color:var(--mz-red);font-family:var(--font-heading-family);font-size:1.35rem;font-weight:800;text-decoration:none;white-space:nowrap}.mz-calc__recs-link:after{content:"\2192"}@media(hover:hover)and (pointer:fine){.mz-calc__recs-link:hover{text-decoration:underline;text-underline-offset:.3rem}}.mz-calc__recs-grid{margin:0;padding:0}.mz-calc__recs-empty{color:var(--mz-calc-leise);font-size:1.4rem;list-style:none}@media(prefers-reduced-motion:reduce){.mz-calc__goal-body,.mz-calc__goal-icon,.mz-calc__submit,.mz-calc__submit svg,.mz-calc__verteilung-teil{transition:none}}.mz-calc__dd{position:relative;display:block}.mz-calc__dd .mz-calc__dd-details{display:none}.mz-calc__dd.is-bereit .mz-calc__dd-details{display:block}.mz-calc__dd.is-bereit .mz-calc__dd-native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.mz-calc__dd-trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;box-sizing:border-box;width:100%;min-height:5.2rem;padding:0 1.4rem;border:.1rem solid var(--mz-calc-linie);border-radius:1.4rem;background:#fff;box-shadow:0 .1rem .2rem #1112140a;color:#141519;cursor:pointer;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:750;list-style:none;-webkit-tap-highlight-color:transparent;transition:border-color .16s ease,box-shadow .16s ease}.mz-calc__dd-trigger::-webkit-details-marker{display:none}.mz-calc__dd-trigger svg{width:1.1rem;height:.7rem;flex:0 0 auto;stroke:#141519;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:transform .16s ease}.mz-calc__dd-details[open] .mz-calc__dd-trigger{border-color:var(--mz-red);box-shadow:0 0 0 .3rem #a719281f}.mz-calc__dd-details[open] .mz-calc__dd-trigger svg{transform:rotate(180deg)}.mz-calc__dd-trigger:focus-visible{outline:.3rem solid #ce6a75;outline-offset:.2rem}.mz-calc__dd-menu{position:absolute;z-index:20;top:calc(100% + .6rem);right:0;left:0;overflow:hidden;padding:.5rem;border:.1rem solid var(--mz-calc-linie);border-radius:1.4rem;background:#fff;box-shadow:0 1.4rem 3.2rem #11121429}.mz-calc__dd-option{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:4.6rem;padding:0 1.2rem;border:0;border-radius:1rem;background:transparent;color:#141519;cursor:pointer;font-family:var(--font-heading-family);font-size:1.5rem;font-weight:700;text-align:left;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.mz-calc__dd-option:hover{background:#f6f5f3}}.mz-calc__dd-option:active{background:#f1efec}.mz-calc__dd-option.is-selected{background:#fdf5f6;color:var(--mz-red)}.mz-calc__dd-option.is-selected:after{content:"\2713";font-size:1.5rem;font-weight:850;line-height:1}.mz-calc__dd-option:focus-visible{outline:.2rem solid #ce6a75;outline-offset:-.2rem}@media(prefers-reduced-motion:reduce){.mz-calc__dd-trigger,.mz-calc__dd-trigger svg{transition:none}}.mz-calc__stat--flip{padding:0;border:0;background:none;cursor:pointer;font:inherit;color:#141519;text-align:left;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mz-calc__flip{position:relative;display:block;min-height:10.4rem}.mz-calc__stat--flip.is-dreht .mz-calc__flip{animation:mz-calc-drehen .44s ease}@keyframes mz-calc-drehen{0%{transform:scaleX(1)}48%{transform:scaleX(.04)}to{transform:scaleX(1)}}.mz-calc__flip-seite{display:grid;align-content:center;gap:.4rem;box-sizing:border-box;padding:1.6rem 1.4rem;border-radius:1.4rem;transition:opacity .12s ease .19s}.mz-calc__flip-vorne{position:relative;z-index:1;height:100%;min-height:10.4rem;border:.1rem solid var(--mz-calc-linie);background:#faf9f7}.mz-calc__flip-hinten{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;align-content:start;border:.1rem solid #f0dcde;background:#fdf5f6;color:#141519}.mz-calc__stat--flip[aria-expanded=false] .mz-calc__flip-hinten,.mz-calc__stat--flip[aria-expanded=true] .mz-calc__flip-vorne{opacity:0;pointer-events:none}.mz-calc__flip-titel{margin-bottom:.2rem;color:var(--mz-red);font-family:var(--font-heading-family);font-size:1.1rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.mz-calc__flip-text{color:#41434a;font-family:var(--font-body-family);font-size:1.25rem;font-weight:400;line-height:1.4}.mz-calc__stat-i{position:absolute;top:1.1rem;right:1.1rem;display:grid;place-items:center;width:1.8rem;height:1.8rem;border:.1rem solid rgba(20,21,25,.2);border-radius:50%;color:var(--mz-calc-leise);font-family:var(--font-heading-family);font-size:1.1rem;font-weight:800;line-height:1;transition:border-color .16s ease,color .16s ease}@media(hover:hover)and (pointer:fine){.mz-calc__stat--flip:hover .mz-calc__flip-vorne{border-color:#c9c6bf}.mz-calc__stat--flip:hover .mz-calc__stat-i{border-color:var(--mz-red);color:var(--mz-red)}}.mz-calc__stat--flip:focus-visible{outline:.3rem solid #ce6a75;outline-offset:.2rem;border-radius:1.4rem}@media(prefers-reduced-motion:reduce){.mz-calc__stat--flip.is-dreht .mz-calc__flip{animation:none}.mz-calc__flip-seite{transition:none}}.mz-calc__stats{align-items:stretch}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-mz-kalorienrechner.css.map */