.mr{--mr-green: #1f4b24;--mr-green-2: #2f6a32;--mr-green-3: #6f963a;--mr-green-soft: #d5e0c4;--mr-green-mist: #eaf0dd;--mr-cream: #f9f6f2;--mr-cream-2: #f1ede4;--mr-paper: #ffffff;--mr-ink: #1a2419;--mr-ink-soft: #4a5544;--mr-line: rgba(47, 61, 42, .12);--mr-shadow: 0 12px 32px rgba(31, 75, 36, .08);--mr-shadow-soft: 0 4px 14px rgba(31, 75, 36, .06);--mr-radius: 18px;--mr-radius-sm: 12px;--mr-radius-xs: 8px;background:linear-gradient(180deg,#f1ede4,#f9f6f2 70%);padding:clamp(40px,6vw,88px) 16px;color:var(--mr-ink);font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif);font-size:16px;line-height:1.5}.mr *{box-sizing:border-box}.mr__inner{max-width:1200px;margin:0 auto;display:grid;gap:clamp(24px,4vw,48px);min-width:0}.mr__head{text-align:center;max-width:760px;margin:0 auto}.mr__eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--mr-green-mist);color:var(--mr-green);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.mr__leaf{display:inline-flex;width:16px;height:16px}.mr .mr__h1{font-family:var(--font-heading-family, "DM Serif Display", Georgia, serif);font-size:clamp(30px,18px + 2.2vw,46px);line-height:1.15;margin:18px 0 14px;color:var(--mr-ink);font-weight:400}.mr .mr__sub{font-size:clamp(16px,14px + .3vw,18px);line-height:1.6;color:var(--mr-ink-soft);margin:0 auto;max-width:640px}.mr .mr__h2{font-family:var(--font-heading-family, "DM Serif Display", Georgia, serif);font-size:clamp(24px,16px + 1.2vw,32px);font-weight:400;color:var(--mr-ink);margin:0 0 18px;line-height:1.2}.mr__widget{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}@media(min-width:960px){.mr__widget{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}}.mr__settings,.mr__result{background:var(--mr-paper);border:1px solid var(--mr-line);border-radius:20px;padding:clamp(24px,3vw,36px);box-shadow:var(--mr-shadow-soft);min-width:0;max-width:100%}.mr__panel-head{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--mr-line)}.mr__panel-head--result{margin-bottom:22px}.mr__panel-num{width:32px;height:32px;border-radius:50%;background:var(--mr-green);color:#fff;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mr .mr__panel-title{font-family:var(--font-heading-family, "DM Serif Display", Georgia, serif);font-size:24px;font-weight:400;color:var(--mr-ink);margin:0;line-height:1.2}.mr__block{margin-bottom:28px}.mr__block:last-of-type{margin-bottom:0}.mr .mr__block-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mr-ink-soft);margin:0 0 14px}.mr__presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}@media(min-width:520px){.mr__presets{grid-template-columns:repeat(4,minmax(0,1fr))}}.mr__preset{position:relative;cursor:pointer;border:2px solid var(--mr-line);background:var(--mr-paper);border-radius:14px;padding:16px 8px 14px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:118px;min-width:0}.mr__preset:hover{border-color:var(--mr-green-3);background:#fafdf5;box-shadow:0 4px 12px #1f4b240f}.mr__preset input{position:absolute;opacity:0;pointer-events:none}.mr__preset-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--mr-green);color:#fff;display:none;align-items:center;justify-content:center}.mr__preset-check svg{width:12px;height:12px}.mr__preset:has(input:checked) .mr__preset-check{display:inline-flex}.mr__preset-icon{width:36px;height:36px;color:var(--mr-green);display:inline-flex;align-items:center;justify-content:center}.mr__preset-icon svg{width:32px;height:32px}.mr__preset-text{display:block}.mr__preset b{display:block;font-weight:700;font-size:14px;color:var(--mr-ink);margin-bottom:3px;line-height:1.2}.mr__preset em{font-style:normal;font-size:11px;color:var(--mr-ink-soft);line-height:1.3;display:block}.mr__preset:has(input:checked){border-color:var(--mr-green);background:linear-gradient(180deg,#f5f9ef,#e8f0dc);box-shadow:0 0 0 1px var(--mr-green)}.mr__preset:has(input:checked) b{color:var(--mr-green)}.mr__slider-field{margin-bottom:22px}.mr__slider-field:last-child{margin-bottom:0}.mr__slider-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mr__slider-label{font-size:15px;font-weight:600;color:var(--mr-ink)}.mr__slider-pill{font-family:var(--font-heading-family, "DM Serif Display", Georgia, serif);font-size:15px;color:var(--mr-green);background:var(--mr-green-mist);border:1px solid #c8d8a8;border-radius:8px;padding:6px 12px;min-width:64px;text-align:center;line-height:1.2}.mr__range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none;background:#e8ede0;cursor:pointer;display:block}.mr__range--green{background:linear-gradient(to right,#d5e0c4,var(--mr-green))}.mr__range--cream{background:linear-gradient(to right,#f1ede4,#b89a72)}.mr__range--cool{background:linear-gradient(to right,#d5e0c4,#6ec1d8)}.mr__range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--mr-green);border:3px solid #ffffff;box-shadow:0 2px 8px #1f4b2440;cursor:pointer}.mr__range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--mr-green);border:3px solid #fff;box-shadow:0 2px 8px #1f4b2440;cursor:pointer}.mr__ticks{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--mr-ink-soft)}.mr__servings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mr__serving{position:relative;cursor:pointer}.mr__serving input{position:absolute;opacity:0;pointer-events:none}.mr__serving span{display:flex;align-items:center;justify-content:center;height:48px;border:2px solid var(--mr-line);background:var(--mr-paper);border-radius:12px;font-weight:700;font-size:17px;color:var(--mr-ink);transition:all .15s ease}.mr__serving:hover span{border-color:var(--mr-green-3);background:#fafdf5}.mr__serving:has(input:checked) span{border-color:var(--mr-green);background:var(--mr-green);color:#fff;box-shadow:0 4px 12px #1f4b2433}.mr__note{margin:24px 0 0;padding:14px 16px;background:var(--mr-green-mist);border-radius:12px;border:1px solid #c8d8a8;font-size:13px;line-height:1.55;color:var(--mr-ink-soft)}.mr__result-banner{display:grid;grid-template-columns:1fr;gap:0;border-radius:16px;overflow:hidden;margin-bottom:20px;background:linear-gradient(135deg,#eef4e4,#e3edcf);border:1px solid #c8d8a8}@media(min-width:520px){.mr__result-banner{grid-template-columns:1.1fr .9fr}}.mr__result-visual{margin:0;overflow:hidden;min-height:160px}.mr__result-visual img{width:100%;height:100%;min-height:160px;object-fit:cover;object-position:center;display:block}.mr__ratio-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;text-align:center;gap:12px}.mr__ratio-value{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-heading-family, "DM Serif Display", Georgia, serif);color:var(--mr-green)}.mr__ratio-value b{font-size:clamp(36px,28px + 2vw,48px);font-weight:400;line-height:1}.mr__ratio-value em{font-style:normal;font-size:18px;opacity:.75}.mr__ratio-badge{display:inline-block;background:var(--mr-green);color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 16px;border-radius:999px}.mr__recipe{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:18px}.mr__recipe-item{background:var(--mr-cream);border:1px solid var(--mr-line);border-radius:14px;padding:14px 18px;min-width:100px;flex:1 1 90px;max-width:140px;text-align:center}.mr__recipe-icon{display:inline-flex;width:24px;height:24px;color:var(--mr-green);margin-bottom:6px}.mr__recipe-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mr-ink-soft);font-weight:700;margin-bottom:4px}.mr__recipe-value{font-family:var(--font-heading-family, "DM Serif Display", Georgia, serif);color:var(--mr-green);display:inline-flex;align-items:baseline;gap:3px}.mr__recipe-value b{font-size:24px;font-weight:400}.mr__recipe-value em{font-style:normal;font-size:12px;color:var(--mr-ink-soft)}.mr__temp{display:flex;align-items:center;gap:10px;justify-content:center;font-size:14px;color:var(--mr-ink-soft);background:#faf6f0;border:1px solid #e8dfd0;border-radius:12px;padding:12px 16px;margin-bottom:22px;line-height:1.45}.mr__temp-icon{width:20px;height:20px;color:#c45c3e;flex-shrink:0;display:inline-flex}.mr__temp strong{color:var(--mr-green);font-weight:600}.mr__steps{border-top:1px solid var(--mr-line);padding-top:22px;margin-bottom:24px}.mr .mr__steps h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mr-green);margin:0 0 16px}.mr__steps-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.mr__steps-list li{display:flex;gap:14px;font-size:15px;line-height:1.6;color:var(--mr-ink)}.mr__step-num{width:28px;height:28px;border-radius:50%;background:var(--mr-green);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mr__step-text strong{color:var(--mr-green);font-weight:600}.mr__timer{text-align:center;border-top:1px solid var(--mr-line);padding-top:24px}.mr .mr__timer h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mr-green);margin:0 0 18px}.mr__timer-ring{position:relative;width:140px;height:140px;margin:0 auto 20px}.mr__timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.mr__timer-ring circle{fill:none;stroke-width:5}.mr__timer-bg{stroke:var(--mr-green-mist)}.mr__timer-fg{stroke:var(--mr-green);stroke-linecap:round;transition:stroke-dashoffset .3s linear}.mr__timer-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family, "DM Serif Display", Georgia, serif);font-size:32px;color:var(--mr-green);line-height:1;letter-spacing:-.02em}.mr .mr__timer-btn{width:100%;max-width:320px;background:var(--mr-green);color:#fff;border:none;border-radius:999px;padding:16px 28px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;font-family:inherit;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;gap:6px}.mr .mr__timer-btn:hover{background:var(--mr-green-2);transform:translateY(-1px);box-shadow:0 8px 20px #1f4b2440}.mr .mr__timer-btn.mr__timer-btn--running{background:#b54836}.mr__timer-hint{font-size:13px;color:var(--mr-ink-soft);margin:14px auto 0;max-width:320px;line-height:1.5}.mr__table-wrap{background:var(--mr-paper);border:1px solid var(--mr-line);border-radius:var(--mr-radius);padding:clamp(20px,2.5vw,32px);box-shadow:var(--mr-shadow-soft);min-width:0;max-width:100%}.mr__table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}.mr__table{width:100%;border-collapse:collapse;font-size:15px;min-width:540px}.mr__table th,.mr__table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--mr-line);vertical-align:middle}.mr__table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mr-ink-soft);font-weight:700;background:var(--mr-cream)}.mr__table tbody th{color:var(--mr-green);font-weight:700}.mr__table tbody tr:last-child th,.mr__table tbody tr:last-child td{border-bottom:none}.mr__table-foot{margin:16px 0 0;font-size:13px;color:var(--mr-ink-soft);font-style:italic;line-height:1.5}.mr__quality{background:var(--mr-paper);border:1px solid var(--mr-line);border-radius:var(--mr-radius);padding:clamp(20px,2.5vw,32px);box-shadow:var(--mr-shadow-soft)}.mr__quality-grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:720px){.mr__quality-grid{grid-template-columns:repeat(3,1fr)}}.mr__quality-card{border:1px solid var(--mr-line);border-radius:var(--mr-radius-sm);padding:20px 20px 22px;background:var(--mr-cream)}.mr__quality-card--ceremonial{background:linear-gradient(135deg,#f0f5e8,#e3edcf);border-color:#c8d8a8}.mr__quality-card--premium{background:var(--mr-cream);border-color:#d8cfbf}.mr__quality-card--culinary{background:var(--mr-cream-2);border-color:var(--mr-line)}.mr__quality-tag{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--mr-green);margin-bottom:10px}.mr .mr__quality-card h3{font-family:var(--font-heading-family, "DM Serif Display", Georgia, serif);font-size:19px;margin:0 0 8px;color:var(--mr-ink);font-weight:400;line-height:1.25}.mr__quality-card p{margin:0;font-size:14px;color:var(--mr-ink-soft);line-height:1.55}.mr__quality-tip{margin:18px 0 0;font-size:14px;color:var(--mr-ink-soft);text-align:center;line-height:1.5}.mr__quality-tip a{color:var(--mr-green);font-weight:600;text-decoration:none}.mr__quality-tip a:hover{text-decoration:underline}.mr__faq{background:var(--mr-paper);border:1px solid var(--mr-line);border-radius:var(--mr-radius);padding:clamp(20px,2.5vw,32px);box-shadow:var(--mr-shadow-soft)}.mr__faq-list{display:grid;gap:10px}.mr__faq-item{border:1px solid var(--mr-line);border-radius:var(--mr-radius-sm);background:var(--mr-cream);padding:4px 6px;transition:background .18s ease}.mr__faq-item[open]{background:var(--mr-paper);border-color:var(--mr-green-3)}.mr__faq-item summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:600;font-size:16px;color:var(--mr-ink);display:flex;align-items:center;justify-content:space-between;gap:14px;line-height:1.4}.mr__faq-item summary::-webkit-details-marker{display:none}.mr__faq-item summary:after{content:"+";font-size:22px;color:var(--mr-green);font-weight:400;flex-shrink:0;transition:transform .2s ease;line-height:1}.mr__faq-item[open] summary:after{content:"\2212"}.mr__faq-body{padding:0 16px 16px;color:var(--mr-ink-soft);font-size:15px;line-height:1.65}.mr__faq-body p{margin:0}.mr__faq-body a{color:var(--mr-green);font-weight:600;text-decoration:underline}.mr__related{background:var(--mr-paper);border:1px solid var(--mr-line);border-radius:var(--mr-radius);padding:clamp(20px,2.5vw,32px);box-shadow:var(--mr-shadow-soft)}.mr__related-grid{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:720px){.mr__related-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.mr__related-grid{grid-template-columns:repeat(4,1fr)}}.mr__related-card a{display:block;height:100%;border:1px solid var(--mr-line);border-radius:var(--mr-radius-sm);padding:20px 20px 22px;background:var(--mr-cream);text-decoration:none;color:inherit;transition:all .18s ease}.mr__related-card a:hover{border-color:var(--mr-green);background:var(--mr-green-mist);transform:translateY(-2px);box-shadow:var(--mr-shadow-soft)}.mr__related-eyebrow{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mr-green);margin-bottom:10px}.mr__related-title{display:block;font-family:var(--font-heading-family, "DM Serif Display", Georgia, serif);font-size:18px;font-weight:400;color:var(--mr-ink);margin-bottom:8px;line-height:1.3}.mr__related-sub{display:block;font-size:14px;color:var(--mr-ink-soft);line-height:1.55}.mr__cta{background:linear-gradient(135deg,var(--mr-green),var(--mr-green-2));border-radius:var(--mr-radius);padding:clamp(28px,4vw,44px);display:grid;gap:20px;align-items:center;text-align:center}@media(min-width:720px){.mr__cta{grid-template-columns:1fr auto;text-align:left}}.mr .mr__cta p{margin:0;font-size:17px;line-height:1.55;color:#fff}.mr .mr__cta strong{font-weight:700;color:#fff}.mr .mr__cta-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--mr-green);padding:16px 32px;border-radius:999px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap;border:none;line-height:1.2}.mr .mr__cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000002e;background:#fff;color:var(--mr-green)}.mr .mr__cta-btn:visited,.mr .mr__cta-btn:link,.mr .mr__cta-btn:active{color:var(--mr-green)}.mr .mr__cta-btn span{transition:transform .18s ease}.mr .mr__cta-btn:hover span{transform:translate(3px)}.mr [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.mr *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-matcha-rechner.css.map */