.brew-page{--brew-muted:#595e57;--brew-line:#d4d3cb;--brew-accent:#805433;--brew-soft:#ede9e1}.brew-page [hidden]{display:none!important}.brew-page button,.brew-page input,.brew-page select{font:inherit}.brew-page button{cursor:pointer}.brew-page button:disabled{cursor:default;opacity:.55}.brew-page .header nav a[aria-current]{border-bottom:1px solid var(--bronze)}.brew-page .footer-links{flex-wrap:wrap;justify-content:flex-end}
.brew-hero{display:grid;grid-template-columns:1.55fr 1fr;gap:80px;padding-block:64px 60px;align-items:center}.brew-hero h1{font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.07;margin-top:26px}.brew-hero h1 em{font-size:.9em}.brew-hero-intro{font-size:1.0625rem;color:var(--brew-muted);margin-top:26px;max-width:660px;line-height:1.8}.brew-benefits{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;font-size:.8125rem;color:var(--brew-muted)}.brew-benefits span:before{content:'·';color:var(--brew-accent);font-weight:700;margin-right:8px}.brew-hero-card{border:1px solid var(--brew-line);padding:32px;background:#ede9e1;position:relative}.brew-hero-card .brew-hero-rule{font-family:var(--serif);font-size:clamp(1.8rem,2.6vw,2.7rem);line-height:1.25;margin-top:22px}.brew-hero-card>p:last-child{color:var(--brew-muted);font-size:.875rem;margin-top:22px;max-width:300px}.brew-hero-cup{width:120px;height:85px;position:absolute;right:23px;bottom:18px;opacity:.13}
.brew-workspace{padding-bottom:70px;scroll-margin-top:24px}.brew-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.brew-main{background:#fff;border:1px solid var(--brew-line);min-width:0;box-shadow:0 6px 24px #20232104}.brew-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 28px;border-bottom:1px solid var(--brew-line)}.brew-topline>span{font-size:.6875rem;letter-spacing:.09em;font-weight:600}.brew-quiet{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--brew-muted);font-size:.8125rem;padding:7px 0;min-height:40px}.brew-steps{list-style:none;padding:0;display:flex;margin:0;border-bottom:1px solid var(--brew-line)}.brew-steps li{flex:1}.brew-steps button{width:100%;border:0;background:#f8f7f4;height:56px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.8125rem;color:var(--brew-muted)}.brew-steps button[aria-current]{background:var(--ink);color:#fff}.brew-steps button span{border:1px solid currentColor;border-radius:50%;width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem}.brew-panel{padding:32px}.brew-panel>.eyebrow{font-size:.6875rem;color:var(--brew-accent);margin-bottom:12px}.brew-panel h2{font-size:clamp(1.8rem,2.5vw,2.6rem);line-height:1.18;letter-spacing:-.035em;scroll-margin-top:24px}.brew-panel h2:focus{outline:none}.brew-intro{color:var(--brew-muted);font-size:.9375rem;margin-top:16px}.brew-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.brew-methods button{display:flex;align-items:center;gap:12px;border:1px solid var(--brew-line);background:#fff;padding:16px 12px;text-align:left;min-width:0;color:var(--ink)}.brew-methods button:last-child{grid-column:1/-1}.brew-methods button[aria-pressed=true]{background:#f3eee6;border-color:#7c6149;box-shadow:inset 0 0 0 1px #7c6149}.brew-methods svg{width:45px;height:48px;color:var(--brew-accent);flex:none}.brew-methods strong{font-size:.9375rem;font-weight:600;display:block}.brew-methods small{font-size:.75rem;color:var(--brew-muted);display:block;line-height:1.6;margin-top:5px}.brew-select-mark{margin-left:auto;font-size:1.125rem;color:var(--brew-accent)}.brew-espresso-link{margin-top:24px;font-size:.8125rem;color:var(--brew-muted)}.brew-espresso-link a{text-decoration:underline;text-underline-offset:4px;display:inline-block}.brew-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;padding-top:24px;border-top:1px solid var(--brew-line)}.brew-form-bottom>p{font-size:.75rem;color:var(--brew-muted)}.brew-form-bottom .button{min-height:48px;gap:16px}.brew-sidebar{position:sticky;top:24px;padding:28px 24px;background:var(--ink);color:var(--paper)}.brew-sidebar .eyebrow{color:var(--bronze-light);font-size:.6875rem;letter-spacing:.08em}.brew-sidebar h3{font-family:var(--serif);font-size:1.85rem;line-height:1.25;margin-top:24px}.brew-sidebar h3 em{color:var(--bronze-light)}.brew-sidebar>p:not(.eyebrow){font-size:.875rem;line-height:1.75;color:#d2d5cd;margin-top:20px}.brew-sidebar dl{margin-top:26px;padding-top:14px;border-top:1px solid #4a5048}.brew-sidebar dl>div{display:flex;justify-content:space-between;gap:16px;font-size:.8125rem;padding-block:8px}.brew-sidebar dt{color:#bdc5b7}.brew-sidebar dd{margin:0;text-align:right;max-width:145px}.brew-sidebar p.brew-sidebar-foot{border-top:1px solid #4a5048;padding-top:20px;font-size:.75rem;color:#bdc5b7}.brew-session{display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin-top:14px}.brew-status{font-size:.875rem;min-height:0;color:var(--brew-muted);margin-top:20px;overflow-wrap:anywhere}.brew-status:empty{display:none}
.brew-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.brew-field{display:block;min-width:0;font-size:.875rem}.brew-field>label,.brew-field>span{display:block;font-weight:600;margin-bottom:8px}.brew-field input,.brew-field select{display:block;width:100%;padding:12px;border:1px solid #a8ada3;border-radius:2px;background:#fff;color:var(--ink);height:48px;min-width:0;font-size:1rem}.brew-field small{display:block;font-size:.75rem;color:var(--brew-muted);margin-top:7px;line-height:1.65}.brew-unit{position:relative}.brew-unit input{padding-right:48px}.brew-unit>span{position:absolute;right:14px;top:11px;color:var(--brew-muted);pointer-events:none}.brew-field input[aria-invalid=true]{border-color:#922c20}.brew-error{font-size:.8125rem;color:#922c20;margin-top:7px}.brew-errors{margin-top:24px;padding:15px 18px;background:#fff2ee;border-left:3px solid #922c20;color:#922c20;font-size:.875rem}.brew-errors p+p{margin-top:8px}.brew-mode{border:0;padding:0;display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}.brew-mode legend{font-size:.875rem;font-weight:600;margin-bottom:13px}.brew-mode label{position:relative;cursor:pointer;flex:1;min-width:135px;display:flex}.brew-mode input{position:absolute;opacity:0}.brew-mode label span{border:1px solid var(--brew-line);padding:12px;font-size:.8125rem;text-align:center;display:block;width:100%}.brew-mode input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.brew-mode input:focus-visible+span{outline:3px solid var(--bronze);outline-offset:3px}.brew-capacity{margin-top:28px;border-top:1px solid var(--brew-line);padding-top:24px}.brew-capacity h3{font-size:1rem;margin-bottom:16px}.brew-capacity>p{font-size:.75rem;color:var(--brew-muted);margin-top:12px}.brew-method-note{background:var(--brew-soft);padding:20px;margin-top:26px;font-size:.9375rem}.brew-method-note>p{color:var(--brew-muted);font-size:.875rem;margin-top:9px}.brew-coffee-name{margin-top:24px}.brew-result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.brew-result-heading .eyebrow{color:var(--brew-accent);font-size:.6875rem;margin-bottom:12px}.brew-result-heading svg{height:90px;width:92px;color:var(--brew-accent);flex:none}.brew-coffee-note{font-size:.875rem;color:var(--brew-muted);margin-top:20px;overflow-wrap:anywhere}.brew-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-block:26px;border-block:1px solid var(--brew-line);margin-top:28px}.brew-totals strong{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.7vw,2.4rem);line-height:1.1;display:block}.brew-totals strong small{font:400 .875rem Arial,sans-serif;color:var(--brew-muted)}.brew-totals span{display:block;font-size:.6875rem;color:var(--brew-muted);margin-top:9px;line-height:1.5}.brew-output-note{font-size:.8125rem;color:var(--brew-muted);margin-top:16px}.brew-details-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:24px;margin-top:28px}.brew-details-grid>div>span{font-size:.75rem;color:var(--brew-muted);display:block;margin-bottom:7px}.brew-details-grid strong{font-size:1.25rem;font-weight:400}.brew-details-grid small{font-size:.6875rem;color:var(--brew-muted);display:block;margin-top:7px}.brew-details-grid p{font-size:.875rem}.brew-info{margin-top:26px;border-left:3px solid var(--bronze);background:#f3eee6;padding:16px;font-size:.875rem;line-height:1.7}.brew-companion{margin-top:34px;border-top:1px solid var(--brew-line);padding-top:28px}.brew-companion-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.brew-companion-heading h3{font-family:var(--serif);font-size:1.65rem;margin-top:8px;line-height:1.25}.brew-companion-heading .eyebrow{font-size:.625rem;color:var(--brew-accent)}.brew-companion-heading>label{font-size:.75rem;color:var(--brew-muted);white-space:nowrap}.brew-companion-heading select{display:block;padding:10px 25px 10px 10px;margin-top:5px;border:1px solid #a8ada3;background:#fff;border-radius:2px;color:var(--ink)}.brew-batch-badge{font-size:.75rem;color:var(--brew-muted);white-space:nowrap}.brew-batch-recipe{display:flex;align-items:baseline;gap:10px 18px;flex-wrap:wrap;margin-top:24px;padding:17px 20px;background:var(--brew-soft)}.brew-batch-recipe strong{font-family:var(--serif);font-size:1.65rem;font-weight:400;line-height:1.2}.brew-batch-recipe>span{font-size:.875rem;color:var(--brew-muted)}.brew-preparation{margin-top:24px}.brew-preparation h4{font-size:.9375rem}.brew-preparation p{font-size:.875rem;color:var(--brew-muted);line-height:1.8;margin-top:8px}.brew-timer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:26px;border-top:1px solid var(--brew-line);padding-top:22px}.brew-clock{font-family:var(--serif);font-size:4rem;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.04em;display:block}.brew-clock-note{font-size:.6875rem;color:var(--brew-muted);display:block;margin-top:7px}.brew-clock-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:150px}.brew-clock-actions .button{min-height:48px}.brew-current-phase{margin-top:22px;padding:19px 20px;background:var(--ink);color:var(--paper)}.brew-current-phase h4{font-size:1.0625rem;font-weight:500}.brew-current-phase p{font-size:.8125rem;color:#d4d8cd;margin-top:8px;line-height:1.75}.brew-phases{list-style:none;margin:24px 0 0;padding:0}.brew-phases li{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:16px 14px;border-top:1px solid var(--brew-line);border-left:3px solid transparent}.brew-phases li[aria-current]{border-left-color:var(--bronze);background:#f6f3ed}.brew-phase-time{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--brew-accent)}.brew-phases strong{font-size:.875rem;font-weight:600}.brew-phases p{font-size:.8125rem;color:var(--brew-muted);margin-top:7px;line-height:1.75}.brew-timer-note{font-size:.6875rem;color:var(--brew-muted);margin-top:14px;line-height:1.75}.brew-tasting{background:#f6f4ef;padding:26px;margin-top:30px;border:1px solid #dfdcd4}.brew-tasting>.eyebrow{font-size:.625rem;color:var(--brew-accent)}.brew-tasting h3{font-family:var(--serif);font-size:1.7rem;margin-top:10px;line-height:1.25}.brew-tasting>p:not(.eyebrow){font-size:.875rem;color:var(--brew-muted);margin-top:12px;line-height:1.8}.brew-tasting .brew-fields{gap:16px}.brew-feedback-hint{font-size:.75rem;color:var(--brew-muted);line-height:1.75;margin-top:16px}.brew-tasting form>button{margin-top:20px}.brew-outline{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 17px;border:1px solid #9b9e96;border-radius:2px;background:transparent;color:var(--ink);font-size:.8125rem}.brew-outline:hover{border-color:var(--ink);background:#eeeae1}.brew-comparison{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.brew-comparison .brew-outline{flex:1;white-space:nowrap}.brew-proposal{margin-top:24px;padding-top:22px;border-top:1px solid var(--brew-line)}.brew-proposal h4{font-size:1.0625rem;line-height:1.45}.brew-proposal>p{font-size:.875rem;color:var(--brew-muted);margin-top:14px;line-height:1.8}.brew-before-after{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:15px;font-size:.8125rem}.brew-before-after>span:first-child{color:var(--brew-muted)}.brew-proposal>.button,.brew-proposal>.text-link{margin-top:20px}.brew-success{background:#edf1e9;border-color:#ccd6c4}.brew-success .brew-quiet{margin-top:10px}.brew-history,.brew-explanation{border-block:1px solid var(--brew-line);margin-top:26px}.brew-history summary,.brew-explanation summary{font-size:.875rem;padding:18px 0;cursor:pointer}.brew-history ol,.brew-explanation ul{margin:0 0 20px;padding-left:22px;font-size:.8125rem;color:var(--brew-muted)}.brew-history li+li,.brew-explanation li+li{margin-top:12px}.brew-history li>strong,.brew-history li>span{display:block}.brew-history li>span{font-size:.75rem;margin-top:5px}.brew-explanation p{font-size:.8125rem;color:var(--brew-muted);margin-bottom:20px}.brew-explanation a{text-decoration:underline}.brew-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.brew-result-actions .button{font-size:.8125rem;min-height:48px}.brew-save-note{font-size:.75rem;color:var(--brew-muted);margin-top:18px;line-height:1.75}.brew-save-note a{text-decoration:underline}.brew-result>.brew-quiet{margin-top:15px}.brew-share-fallback{background:#f3eee6;padding:18px;margin-top:20px}.brew-share-fallback label{font-size:.875rem;display:block;margin-bottom:8px}.brew-share-fallback input{width:100%;padding:12px;font:inherit;border:1px solid var(--brew-line);background:#fff}
.brew-knowledge{border-top:1px solid var(--brew-line);padding-block:62px 72px}.brew-knowledge-heading{display:grid;grid-template-columns:1fr 2fr;gap:44px;align-items:start}.brew-knowledge-heading h2{font-size:clamp(2rem,3vw,3.25rem);line-height:1.2}.brew-knowledge-heading>.eyebrow{padding-top:8px}.brew-basics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:38px}.brew-basics article{border-top:1px solid var(--brew-line);padding-top:22px}.brew-basics article>span{font-family:var(--serif);font-size:1.7rem;color:var(--brew-accent)}.brew-basics h3{font-size:1rem;line-height:1.5;margin-top:12px}.brew-basics p{font-size:.875rem;color:var(--brew-muted);margin-top:12px;line-height:1.8}.brew-faq{margin-top:36px;max-width:940px}.brew-faq details{border-top:1px solid var(--brew-line)}.brew-faq details:last-child{border-bottom:1px solid var(--brew-line)}.brew-faq summary{padding:20px 0;cursor:pointer;font-size:1rem}.brew-faq details>p,.brew-faq details>ul{font-size:.875rem;color:var(--brew-muted);line-height:1.85;margin-bottom:20px}.brew-faq details>ul{padding-left:22px}.brew-faq li+li{margin-top:8px}.brew-faq a{text-decoration:underline;text-underline-offset:3px}.brew-course{background:#eae7df}.brew-course-inner{padding-block:52px;display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:55px}.brew-course h2{font-size:clamp(2rem,3vw,3rem);line-height:1.2;margin-top:20px}.brew-course p:not(.eyebrow){margin-top:20px;color:var(--brew-muted);max-width:620px;font-size:.9375rem}.brew-course-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
@media(max-width:1080px){.brew-hero{gap:40px}.brew-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.brew-sidebar{padding:26px 20px}.brew-panel{padding:26px}.brew-topline{padding-inline:24px}.brew-methods{gap:10px}.brew-methods button{padding:13px 10px;gap:8px}.brew-methods svg{width:35px}.brew-tasting{padding:22px}}
@media(max-width:850px){.brew-hero{grid-template-columns:1fr;padding-block:42px}.brew-hero-card{display:none}.brew-hero h1{font-size:clamp(2.75rem,6vw,4.2rem)}.brew-layout{grid-template-columns:minmax(0,1fr)}.brew-sidebar{display:none}.brew-panel{padding:32px}.brew-basics{gap:24px}.brew-course-inner{gap:32px}.brew-knowledge-heading{grid-template-columns:1fr 2fr;gap:24px}}
@media(max-width:600px){.brew-page .section{width:calc(100% - 32px)}.brew-hero{padding-block:32px}.brew-hero h1{font-size:clamp(2.35rem,8.4vw,3.2rem)}.brew-hero-intro{font-size:1rem;line-height:1.75}.brew-benefits{gap:7px 14px;font-size:.75rem}.brew-topline{padding:13px 18px;align-items:flex-start;gap:12px}.brew-topline>span{font-size:.625rem;padding-top:9px;line-height:1.5}.brew-topline .brew-quiet{font-size:.75rem;text-align:right;max-width:150px}.brew-panel{padding:24px 18px}.brew-panel h2{font-size:1.85rem}.brew-steps button{font-size:.75rem;gap:7px}.brew-methods{grid-template-columns:1fr}.brew-methods button:last-child{grid-column:auto}.brew-methods button{padding:14px 12px;gap:14px;min-height:80px}.brew-methods svg{width:40px}.brew-methods strong{font-size:.9375rem}.brew-methods small{font-size:.75rem;margin-top:3px}.brew-select-mark{padding-right:4px}.brew-form-bottom{gap:14px}.brew-form-bottom .button{padding-inline:15px;min-width:130px}.brew-mode{gap:7px}.brew-mode label{min-width:100%;flex:auto}.brew-mode label span{text-align:left;padding:13px 14px}.brew-fields{grid-template-columns:1fr;gap:20px}.brew-method-note{padding:18px}.brew-result-heading svg{width:58px;height:62px}.brew-totals{gap:10px;padding-block:20px}.brew-totals strong{font-size:1.55rem}.brew-totals strong small{font-size:.75rem}.brew-totals span{font-size:.625rem}.brew-details-grid{grid-template-columns:1fr;gap:20px}.brew-companion-heading{gap:16px}.brew-companion-heading h3{font-size:1.5rem}.brew-batch-recipe{display:block;padding:16px}.brew-batch-recipe strong{font-size:1.5rem}.brew-batch-recipe>span{display:block;margin-top:8px;font-size:.8125rem}.brew-clock{font-size:3.4rem}.brew-clock-actions{min-width:130px}.brew-clock-actions .button{padding:12px}.brew-current-phase{padding:17px}.brew-phases li{grid-template-columns:38px 1fr;gap:10px;padding:16px 9px}.brew-phase-time{font-size:.75rem}.brew-tasting{padding:22px 16px}.brew-tasting h3{font-size:1.5rem}.brew-comparison{display:grid;grid-template-columns:1fr 1fr}.brew-before-after{align-items:flex-start;flex-direction:column;gap:8px}.brew-proposal .button{width:100%;padding-inline:12px}.brew-result-actions>.button{width:100%}.brew-result-actions>.brew-outline{flex:1}.brew-session .brew-quiet{font-size:.75rem}.brew-workspace{padding-bottom:42px}.brew-knowledge{padding-block:42px 48px}.brew-knowledge-heading{display:block}.brew-knowledge-heading>.eyebrow{padding:0;margin-bottom:20px}.brew-basics{grid-template-columns:1fr;gap:26px;margin-top:28px}.brew-basics article{padding-top:18px}.brew-basics h3{margin-top:7px}.brew-faq summary{font-size:.9375rem}.brew-course-inner{grid-template-columns:1fr;gap:28px;padding-block:40px}.brew-course-links{align-items:stretch}.brew-course-links .text-link{align-self:flex-start}}
@media print{.brew-page{background:#fff;font-size:10pt}.brew-page .header,.brew-hero,.brew-sidebar,.brew-topline,.brew-steps,.brew-form-bottom,.brew-session,.brew-status,.brew-knowledge,.brew-course,.brew-page .footer,.brew-clock-actions,.brew-timer,.brew-current-phase,.brew-tasting,.brew-result-actions,.brew-save-note,.brew-result>.brew-quiet,.brew-share-fallback,.skip,.brew-companion-heading select{display:none!important}.brew-page .section{width:100%}.brew-layout{display:block}.brew-main{border:0;box-shadow:none}.brew-panel{padding:0}.brew-result-heading h2{font-size:24pt}.brew-result-heading svg{width:55px;height:55px}.brew-result-heading h2:after{content:' · kaffiko.de';font-size:10pt}.brew-totals strong{font-size:20pt}.brew-batch-recipe{background:#fff;padding:12pt 0}.brew-companion{margin-top:16pt;padding-top:12pt}.brew-preparation,.brew-phases li,.brew-totals,.brew-details-grid,.brew-method-note{break-inside:avoid}.brew-phases li{padding:10pt 0}.brew-phases li[aria-current]{background:none;border-left-color:transparent}.brew-explanation>*{display:block!important}.brew-explanation summary{font-weight:600;list-style:none}.brew-history{display:none}.brew-timer-note{font-size:8pt}.brew-result:after{content:'Die Mengen im Ablauf gelten für den ausgewählten Durchgang. Bei mehreren Durchgängen enthält die heruntergeladene Rezeptnotiz jeden Durchgang.';display:block;font-size:8pt;margin-top:14pt}}

.brew-print-batch{display:none!important}
@media print{.brew-print-batch{display:inline!important;font-size:9pt}}