.kr{--kr-green: #1f4b24;--kr-green-2: #4a7021;--kr-green-3: #6f963a;--kr-green-soft: #d5e0c4;--kr-coffee: #6b3a1a;--kr-coffee-2: #3d2817;--kr-coffee-soft: #e8dccf;--kr-cream: #f9f6f2;--kr-paper: #ffffff;--kr-ink: #1a2419;--kr-ink-soft: #4a5544;--kr-line: rgba(47, 61, 42, .12);--kr-shadow: 0 12px 32px rgba(31, 75, 36, .08);--kr-radius: 18px;--kr-radius-sm: 12px;background:linear-gradient(180deg,#f1ede4,#f9f6f2 70%);padding:clamp(40px,6vw,88px) 16px;color:var(--kr-ink);font-family:var(--font-body-family, -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif)}.kr *{box-sizing:border-box}.kr__inner{max-width:1200px;margin:0 auto;display:grid;gap:clamp(24px,4vw,48px)}.kr__head{text-align:center;max-width:760px;margin:0 auto}.kr__eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.28em;font-size:12px;font-weight:600;color:var(--kr-green);margin-bottom:14px}.kr__leaf{display:inline-block;width:18px;height:18px;color:var(--kr-green-3)}.kr__leaf svg{width:100%;height:100%}.kr__h1{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:-.02em;color:var(--kr-ink);margin:0 0 14px;text-transform:none;font-weight:500}.kr__sub{font-size:clamp(15px,1.4vw,17px);line-height:1.6;color:var(--kr-ink-soft);margin:0}.kr__widget{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.kr__widget{grid-template-columns:1fr}}.kr__col{background:var(--kr-paper);border-radius:var(--kr-radius);padding:clamp(20px,2.4vw,32px);box-shadow:var(--kr-shadow);border:1px solid var(--kr-line);display:grid;gap:22px;align-content:start}.kr__col--matcha{border-top:4px solid var(--kr-green-2)}.kr__col--coffee{border-top:4px solid var(--kr-coffee)}.kr__col-head{display:grid;gap:4px}.kr__icon{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px}.kr__icon--matcha{background:#4a70211f;color:var(--kr-green)}.kr__icon--coffee{background:#6b3a1a1f;color:var(--kr-coffee-2)}.kr__icon svg{width:24px;height:24px}.kr__col-title{font-family:var(--font-heading-family, Georgia, serif);font-size:28px;font-weight:500;margin:0;text-transform:none;line-height:1;letter-spacing:-.01em}.kr__col-sub{color:var(--kr-ink-soft);font-size:14px;margin:0}.kr__field{display:grid;gap:10px}.kr__label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--kr-ink-soft);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.kr__label--static{display:block}.kr__value{color:var(--kr-ink);font-weight:700;font-size:16px;letter-spacing:0;text-transform:none;font-family:var(--font-heading-family, Georgia, serif)}.kr__range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--kr-line);border-radius:99px;outline:none;margin:6px 0 0}.kr__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--kr-paper);border:3px solid var(--kr-green-2);cursor:pointer;box-shadow:0 2px 6px #1f4b2433;transition:transform .18s ease}.kr__range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--kr-paper);border:3px solid var(--kr-green-2);cursor:pointer;box-shadow:0 2px 6px #1f4b2433}.kr__range:active::-webkit-slider-thumb{transform:scale(1.12)}.kr__range--brown::-webkit-slider-thumb{border-color:var(--kr-coffee);box-shadow:0 2px 6px #6b3a1a40}.kr__range--brown::-moz-range-thumb{border-color:var(--kr-coffee)}.kr__range--neutral::-webkit-slider-thumb{border-color:var(--kr-ink);box-shadow:0 2px 6px #00000026}.kr__range--neutral::-moz-range-thumb{border-color:var(--kr-ink)}.kr__range:focus-visible{outline:2px solid var(--kr-green-3);outline-offset:4px;border-radius:99px}.kr__ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--kr-ink-soft);margin:0 6px;letter-spacing:.04em}.kr__pills{display:flex;flex-wrap:wrap;gap:8px}.kr__pills--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.kr__pills--profile{margin-top:16px;grid-template-columns:1fr 1fr}.kr__pill{position:relative;cursor:pointer;flex:1 1 auto;min-width:0}.kr__pill input{position:absolute;opacity:0;pointer-events:none}.kr__pill>span{display:grid;border:1.5px solid var(--kr-line);border-radius:var(--kr-radius-sm);padding:10px 12px;background:var(--kr-cream);text-align:center;transition:all .18s ease;-webkit-user-select:none;user-select:none;min-height:56px;align-content:center}.kr__pill b{display:block;font-family:var(--font-heading-family, Georgia, serif);font-size:16px;color:var(--kr-ink);font-weight:500;line-height:1.1}.kr__pill em{display:block;font-size:11px;font-style:normal;color:var(--kr-ink-soft);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.kr__col--matcha .kr__pill input:checked+span{border-color:var(--kr-green-2);background:#4a702114;box-shadow:0 4px 12px #4a70211f}.kr__col--matcha .kr__pill input:checked+span b{color:var(--kr-green)}.kr__col--coffee .kr__pill input:checked+span{border-color:var(--kr-coffee);background:#6b3a1a0f;box-shadow:0 4px 12px #6b3a1a1f}.kr__col--coffee .kr__pill input:checked+span b{color:var(--kr-coffee-2)}.kr__pills--profile .kr__pill input:checked+span{border-color:var(--kr-ink);background:var(--kr-paper)}.kr__pill input:focus-visible+span{outline:2px solid var(--kr-green-3);outline-offset:2px}.kr__readout{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:var(--kr-radius-sm);background:var(--kr-cream);margin-top:4px}.kr__readout--green{background:#4a702114}.kr__readout--brown{background:#6b3a1a0f}.kr__readout-label{font-size:12px;color:var(--kr-ink-soft);text-transform:uppercase;letter-spacing:.14em;font-weight:600}.kr__readout-value{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-heading-family, Georgia, serif)}.kr__readout-value b{font-size:clamp(28px,4vw,38px);font-weight:600;letter-spacing:-.02em;color:var(--kr-ink)}.kr__readout--green .kr__readout-value b{color:var(--kr-green)}.kr__readout--brown .kr__readout-value b{color:var(--kr-coffee-2)}.kr__readout-value em{font-size:13px;font-style:normal;color:var(--kr-ink-soft);font-family:var(--font-body-family, sans-serif);letter-spacing:.04em;text-transform:lowercase}.kr__compare{background:var(--kr-paper);border-radius:var(--kr-radius);padding:clamp(20px,2.4vw,32px);box-shadow:var(--kr-shadow);border:1px solid var(--kr-line)}.kr__compare-title{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(22px,2.4vw,28px);margin:0 0 18px;text-transform:none;font-weight:500;letter-spacing:-.01em}.kr__bars{display:grid;gap:14px}.kr__bar{display:grid;gap:6px}.kr__bar-head{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.kr__bar-name{font-weight:600;color:var(--kr-ink)}.kr__bar-value{font-family:var(--font-heading-family, Georgia, serif);color:var(--kr-ink)}.kr__bar-value b{font-size:20px;font-weight:600}.kr__bar-track{height:12px;background:var(--kr-cream);border-radius:99px;overflow:hidden;position:relative}.kr__bar-fill{height:100%;border-radius:99px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.kr__bar--matcha .kr__bar-fill{background:linear-gradient(90deg,var(--kr-green-2),var(--kr-green-3))}.kr__bar--coffee .kr__bar-fill{background:linear-gradient(90deg,var(--kr-coffee-2),var(--kr-coffee))}.kr__bar--total .kr__bar-fill{background:linear-gradient(90deg,var(--kr-green),var(--kr-coffee))}.kr__compare-foot{margin:14px 0 0;font-size:13px;color:var(--kr-ink-soft)}.kr__curve{background:var(--kr-paper);border-radius:var(--kr-radius);padding:clamp(20px,2.4vw,32px);box-shadow:var(--kr-shadow);border:1px solid var(--kr-line)}.kr__curve-head{margin-bottom:18px}.kr__curve-title{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(22px,2.4vw,28px);margin:0 0 8px;text-transform:none;font-weight:500;letter-spacing:-.01em}.kr__curve-sub{font-size:14px;color:var(--kr-ink-soft);line-height:1.55;margin:0}.kr__curve-canvas{width:100%;overflow:hidden;margin:8px 0 16px}.kr__svg{width:100%;height:auto;display:block}.kr__legend{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px;font-size:14px;color:var(--kr-ink-soft);line-height:1.5}.kr__legend li{display:flex;align-items:center;gap:10px}.kr__dot{width:14px;height:14px;border-radius:50%;flex:none}.kr__dot--matcha{background:var(--kr-green-2)}.kr__dot--coffee{background:var(--kr-coffee)}.kr__curve-source{font-size:12px;color:var(--kr-ink-soft);margin:8px 0 0;opacity:.85}.kr__efsa{background:var(--kr-paper);border-radius:var(--kr-radius);padding:clamp(20px,2.4vw,32px);box-shadow:var(--kr-shadow);border:1px solid var(--kr-line)}.kr__efsa-title{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(22px,2.4vw,28px);margin:0 0 8px;text-transform:none;font-weight:500;letter-spacing:-.01em}.kr__efsa-sub{font-size:14px;color:var(--kr-ink-soft);line-height:1.6;margin:0 0 22px}.kr__efsa-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:800px){.kr__efsa-grid{grid-template-columns:1fr}}.kr__efsa-output{background:var(--kr-cream);border-radius:var(--kr-radius-sm);padding:20px;display:grid;gap:14px;align-content:start}.kr__efsa-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px}.kr__efsa-label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--kr-ink-soft);font-weight:600}.kr__efsa-value{font-family:var(--font-heading-family, Georgia, serif);display:inline-flex;align-items:baseline;gap:5px}.kr__efsa-value b{font-size:26px;font-weight:600;color:var(--kr-ink);letter-spacing:-.02em}.kr__efsa-value em{font-size:12px;font-style:normal;color:var(--kr-ink-soft);font-family:var(--font-body-family, sans-serif);letter-spacing:.04em}.kr__efsa-progress{display:grid;gap:6px}.kr__efsa-progress-track{height:10px;background:var(--kr-paper);border-radius:99px;overflow:hidden;border:1px solid var(--kr-line)}.kr__efsa-progress-fill{height:100%;background:linear-gradient(90deg,var(--kr-green-2) 0%,#c08c2a 70%,#b53a2a 100%);border-radius:99px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.kr__efsa-progress-meta{font-size:12px;color:var(--kr-ink-soft);font-weight:600}.kr__efsa-hint{font-size:12px;color:var(--kr-ink-soft);margin:0;line-height:1.55}.kr__table-wrap{background:var(--kr-paper);border-radius:var(--kr-radius);padding:clamp(20px,2.4vw,32px);box-shadow:var(--kr-shadow);border:1px solid var(--kr-line)}.kr__h2{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(22px,2.4vw,28px);margin:0 0 16px;text-transform:none;font-weight:500;letter-spacing:-.01em}.kr__table-scroll{overflow-x:auto}.kr__table{width:100%;border-collapse:collapse;min-width:520px;font-size:14px}.kr__table th,.kr__table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--kr-line)}.kr__table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--kr-ink-soft);font-weight:700;background:var(--kr-cream)}.kr__table tbody th{font-weight:600;color:var(--kr-ink)}.kr__table tbody tr:hover{background:#4a70210a}.kr__table-foot{margin:12px 0 0;font-size:12px;color:var(--kr-ink-soft)}.kr__faq{background:var(--kr-paper);border-radius:var(--kr-radius);padding:clamp(20px,2.4vw,32px);box-shadow:var(--kr-shadow);border:1px solid var(--kr-line)}.kr__faq-list{display:grid;gap:8px}.kr__faq-item{border:1px solid var(--kr-line);border-radius:var(--kr-radius-sm);background:var(--kr-cream);overflow:hidden;transition:border-color .18s ease,background .18s ease}.kr__faq-item[open]{border-color:var(--kr-green-2);background:var(--kr-paper)}.kr__faq-item summary{cursor:pointer;list-style:none;padding:16px 48px 16px 18px;font-weight:600;font-size:16px;color:var(--kr-ink);position:relative}.kr__faq-item summary::-webkit-details-marker{display:none}.kr__faq-item summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--kr-green-2);transition:transform .25s ease}.kr__faq-item[open] summary:after{content:"\2212"}.kr__faq-item summary:focus-visible{outline:2px solid var(--kr-green-3);outline-offset:-2px}.kr__faq-body{padding:0 18px 18px;font-size:15px;line-height:1.65;color:var(--kr-ink-soft)}.kr__faq-body p{margin:0}.kr__related{background:var(--kr-paper);border-radius:var(--kr-radius);padding:clamp(20px,2.4vw,32px);box-shadow:var(--kr-shadow);border:1px solid var(--kr-line)}.kr__related-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.kr__related-card a{display:grid;gap:8px;padding:18px 20px;background:var(--kr-cream);border:1px solid var(--kr-line);border-radius:var(--kr-radius-sm);text-decoration:none;color:var(--kr-ink);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease;height:100%}.kr__related-card a:hover{border-color:var(--kr-green-2);transform:translateY(-2px);box-shadow:0 8px 20px #4a70211f;background:var(--kr-paper)}.kr__related-card a:focus-visible{outline:2px solid var(--kr-green-3);outline-offset:2px}.kr__related-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--kr-green-2);font-weight:700}.kr__related-title{font-family:var(--font-heading-family, Georgia, serif);font-size:18px;font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--kr-ink)}.kr__related-sub{font-size:13px;line-height:1.55;color:var(--kr-ink-soft)}.kr__cta{text-align:center;display:grid;gap:18px;justify-items:center;padding:clamp(28px,4vw,48px) 16px 12px}.kr__cta p{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(20px,2.2vw,26px);line-height:1.35;color:var(--kr-ink);margin:0;max-width:600px}.kr__cta strong{color:var(--kr-green);font-weight:600}.kr__cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--kr-green);color:#fff;padding:16px 30px;border-radius:99px;font-weight:600;font-size:15px;text-decoration:none;letter-spacing:.04em;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 8px 22px #1f4b2438}.kr__cta-btn:hover{background:var(--kr-green-2);transform:translateY(-1px);box-shadow:0 12px 28px #1f4b2447}.kr__cta-btn:focus-visible{outline:2px solid var(--kr-green-3);outline-offset:3px}.kr__cta-btn span{transition:transform .18s ease}.kr__cta-btn:hover span{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.kr__bar-fill,.kr__efsa-progress-fill,.kr__cta-btn,.kr__cta-btn span,.kr__faq-item summary:after,.kr__pill>span,.kr__range::-webkit-slider-thumb{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-koffein-rechner.css.map */