@font-face{font-family:Outfit;src:url(/fonts/outfit-300.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-600.woff2)format("woff2");font-weight:600;font-display:swap}:root{--c-signal:#1d7e87;--c-signal-dark:#16646b;--c-signal-wash:#d2eef0;--c-signal-mist:#bfe9ed;--c-signal-tint:#a6dde3;--c-ink-deep:#14363b;--c-storm:#3d3d5c;--c-slate:#575775;--c-fog:#6c7693;--c-ash:#84849a;--c-ink:#171a1c;--c-cloud:#f9f9fb;--c-paper:#fff;--c-mist:#eaedf6;--c-haze:#d1d6e1;--c-bone:#e3e6e8;--c-amber:#f2a53a;--c-amber-blush:#f8e6c8;--c-mint:#a6f2d2;--c-mint-veil:#c1f6e0;--c-on-deep:#e8f3f4;--c-on-deep-muted:#b7cdd0;--bg:var(--c-cloud);--surface:var(--c-paper);--surface-alt:var(--c-bone);--text:var(--c-ink);--text-muted:var(--c-slate);--border:var(--c-mist);--border-strong:var(--c-haze);--dominant:var(--c-ink-deep);--accent:var(--c-signal);--font-display:"Outfit",ui-sans-serif,sans-serif;--font-text:"Instrument Sans",ui-sans-serif,sans-serif;--text-caption:14px;--leading-caption:20px;--text-small:16px;--leading-small:24px;--text-body:18px;--leading-body:28px;--text-body-lg:20px;--leading-body-lg:30px;--text-subheading:20px;--leading-subheading:28px;--text-heading-sm:24px;--leading-heading-sm:30px;--tracking-heading-sm:-.48px;--text-heading:30px;--leading-heading:38px;--tracking-heading:-.6px;--text-title:38px;--leading-title:46px;--tracking-title:-1px;--text-figure:32px;--w-light:300;--w-regular:400;--w-medium:500;--w-semibold:600;--s-4:4px;--s-8:8px;--s-12:12px;--s-16:16px;--s-20:20px;--s-24:24px;--s-28:28px;--s-32:32px;--s-40:40px;--s-48:48px;--s-56:56px;--s-60:60px;--s-64:64px;--s-72:72px;--s-120:120px;--s-192:192px;--page-max:1200px;--gutter:24px;--section-gap:96px;--card-pad:32px;--gap:24px;--r-card:16px;--r-panel:32px;--r-pill:9999px;--shadow-md:#492e6b24 0 3px 16px 0;--shadow-lg:#475c8540 0 4px 20px 0,#908ad01a 0 30px 60px 0}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-text);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--w-regular);margin:0}img,svg{max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--c-signal-dark)}h1,h2,h3{font-family:var(--font-display);color:var(--dominant);font-weight:var(--w-regular);margin:0}h1{font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}h2{font-size:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}h3{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm);font-weight:var(--w-medium)}p{margin:0}strong{font-weight:var(--w-semibold)}.shelf{max-width:var(--page-max);padding:0 var(--gutter);margin:0 auto}.tapline{background:var(--surface);border-bottom:1px solid var(--border)}.tapline-row{justify-content:space-between;align-items:center;gap:var(--s-24);min-height:68px;display:flex}.brand{align-items:center;gap:var(--s-12);font-family:var(--font-display);font-size:var(--text-subheading);font-weight:var(--w-medium);color:var(--dominant);white-space:nowrap;text-decoration:none;display:flex}.brand:hover{color:var(--dominant)}.brand img{border-radius:8px}.nav-toggle summary{cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--r-pill);width:44px;height:44px;color:var(--dominant);justify-content:center;align-items:center;list-style:none;display:none}.nav-toggle summary::-webkit-details-marker{display:none}.nav-toggle summary::marker{content:""}.tapline-links{gap:var(--s-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tapline-links a{padding:var(--s-8) var(--s-12);border-radius:var(--r-pill);font-family:var(--font-display);font-size:var(--text-small);color:var(--dominant);text-decoration:none;display:block}.tapline-links a:hover,.tapline-links a[aria-current=page]{background:var(--c-signal-wash);color:var(--dominant)}main{padding:var(--s-56) 0 var(--section-gap)}.pour{margin-top:var(--section-gap)}.pour:first-child{margin-top:0}main .pour>*+*{margin-top:var(--s-28)}.pour>h2:not(:first-child),.pour>h3:not(:first-child){margin-top:var(--s-48)}.pour>h1+*,.pour>h2+*,.pour>h3+*{margin-top:var(--s-24)}.coaster-grid+.coaster-grid{margin-top:var(--gap)}.pour-lead{font-size:var(--text-body-lg);line-height:var(--leading-body-lg);color:var(--c-storm)}.pour-note{font-size:var(--text-small);line-height:var(--leading-small);color:var(--text-muted)}.pour-actions{gap:var(--s-12);flex-wrap:wrap;display:flex}.btn-pour{align-items:center;gap:var(--s-8);padding:var(--s-12) var(--s-24);border-radius:var(--r-pill);background:var(--accent);color:var(--c-paper);font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--w-medium);cursor:pointer;white-space:nowrap;border:0;text-decoration:none;display:inline-flex}.btn-pour:hover{background:var(--c-signal-dark);color:var(--c-paper)}.btn-ghost{align-items:center;gap:var(--s-8);font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--w-medium);color:var(--accent);text-decoration:none;display:inline-flex}.btn-ghost:hover{text-decoration:underline}.tally-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);-webkit-overflow-scrolling:touch;overflow-x:auto}.tally{border-collapse:collapse;width:100%;font-size:var(--text-small);line-height:var(--leading-small);min-width:560px}.tally th,.tally td{padding:var(--s-12) var(--s-16);text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.tally thead th{font-family:var(--font-display);font-weight:var(--w-medium);color:var(--dominant);background:var(--c-signal-wash)}.tally tbody tr:last-child td,.tally tbody tr:last-child th{border-bottom:0}.tally tbody th{font-weight:var(--w-semibold);color:var(--dominant)}.tally .num{white-space:nowrap;font-variant-numeric:tabular-nums}.check-list,.steps-list{gap:var(--s-16);margin:0;padding:0;list-style:none;display:grid}.check-list li{padding-left:var(--s-32);position:relative}.check-list li:before{content:"";background:var(--c-signal-tint);width:12px;height:12px;box-shadow:0 0 0 4px var(--c-signal-wash);border-radius:50%;position:absolute;top:9px;left:4px}.steps-list{counter-reset:step}.steps-list li{counter-increment:step;padding:var(--s-16) var(--s-20) var(--s-16) 72px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);position:relative}.steps-list li:before{content:counter(step);left:var(--s-20);top:var(--s-12);background:var(--c-signal-mist);width:36px;height:36px;color:var(--dominant);font-family:var(--font-display);font-weight:var(--w-medium);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.coaster-grid{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.coaster-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.coaster{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--card-pad);gap:var(--s-16);flex-direction:column;display:flex}.coaster ul{padding-left:var(--s-20);gap:var(--s-8);margin:0;display:grid}.coaster-badge{background:var(--c-signal-mist);width:40px;height:40px;color:var(--dominant);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.coaster-badge.amber{background:var(--c-amber-blush)}.coaster-badge.mint{background:var(--c-mint-veil)}.coaster-figure{font-family:var(--font-display);font-size:var(--text-figure);color:var(--dominant);line-height:1.1;font-weight:var(--w-medium);font-variant-numeric:tabular-nums}.formula{font-family:var(--font-display);font-size:var(--text-body-lg);line-height:var(--leading-body-lg);background:var(--c-signal-wash);border-radius:var(--r-card);padding:var(--s-16) var(--s-24);color:var(--dominant);overflow-x:auto}.faq{gap:var(--s-12);display:grid}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card)}.faq summary{cursor:pointer;padding:var(--s-20) var(--s-24);font-family:var(--font-display);font-size:var(--text-subheading);line-height:var(--leading-subheading);color:var(--dominant);justify-content:space-between;gap:var(--s-16);list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:24px}.faq details[open] summary:after{content:"−"}.faq details>p{padding:0 var(--s-24) var(--s-24)}.reckoner{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow-md);padding:var(--card-pad);gap:var(--s-24);display:grid}.field-row{gap:var(--s-20) var(--s-16);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.field-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:var(--s-8);align-content:start;min-width:0;display:grid}.field>span{font-size:var(--text-small);font-weight:var(--w-medium);color:var(--c-storm)}.field input,.field select{width:100%;height:48px;padding:0 var(--s-16);border:1px solid var(--border-strong);border-radius:var(--r-card);background:var(--surface);font:inherit;font-size:var(--text-body);color:var(--text);min-width:0}.field input::placeholder{color:var(--c-fog)}.field input:focus,.field select:focus,.switch input:focus-visible+span,.reckoner button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switch{gap:var(--s-4);padding:var(--s-4);background:var(--c-cloud);border:1px solid var(--border-strong);border-radius:var(--r-pill);height:48px;display:flex}.switch label{flex:1 1 0;display:flex;position:relative}.switch input{opacity:0;pointer-events:none;position:absolute}.switch span{white-space:nowrap;padding:0 var(--s-12);border-radius:var(--r-pill);cursor:pointer;font-size:var(--text-small);color:var(--c-storm);flex:1;justify-content:center;align-items:center;display:flex}.switch input:checked+span{background:var(--accent);color:var(--c-paper)}.field-head button,.rk-quick button{border-radius:var(--r-pill);background:var(--c-signal-wash);color:var(--dominant);font:inherit;font-size:var(--text-caption);font-weight:var(--w-medium);cursor:pointer;white-space:nowrap;border:1px solid #0000;flex:none}.field-head{justify-content:space-between;align-items:center;gap:var(--s-8);min-height:24px;display:flex}.field-head label{font-size:var(--text-small);font-weight:var(--w-medium);color:var(--c-storm)}.field-head button{padding:0 var(--s-12);line-height:22px}.field-head button:hover,.rk-quick button:hover{background:var(--c-signal-mist)}.stepper{justify-content:space-between;align-items:center;gap:var(--s-8);height:48px;padding:0 var(--s-8);border:1px solid var(--border-strong);border-radius:var(--r-card);background:var(--surface);display:flex}.stepper button{background:var(--c-signal-wash);width:34px;height:34px;color:var(--dominant);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:20px;line-height:1}.stepper button:hover{background:var(--c-signal-mist)}.stepper output{font-family:var(--font-display);font-size:var(--text-body);font-variant-numeric:tabular-nums;text-align:center;min-width:2ch}.rk-drinks{gap:var(--s-16);padding-top:var(--s-24);border-top:1px solid var(--border);display:grid}.rk-add{gap:var(--s-16);grid-template-columns:minmax(0,1fr) 148px auto;align-items:end;display:grid}.rk-add.is-custom{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.8fr) 148px auto}.rk-add .btn-pour{justify-content:center;height:48px}.rk-quick{align-items:center;gap:var(--s-8);flex-wrap:wrap;display:flex}.rk-quick>span{font-size:var(--text-caption);color:var(--text-muted);margin-right:var(--s-4)}.rk-quick button{padding:var(--s-4) var(--s-12);background:var(--surface);border-color:var(--border-strong);line-height:24px}.rk-list{gap:var(--s-8) var(--s-16);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.rk-list:empty{display:none}.rk-list li{align-items:center;gap:var(--s-12);padding:var(--s-8) var(--s-8) var(--s-8) var(--s-16);border:1px solid var(--accent);border-radius:var(--r-card);background:var(--c-signal-wash);display:flex}.rk-list p{flex:1;min-width:0;line-height:22px;display:grid}.rk-list strong{font-size:var(--text-small);color:var(--dominant)}.rk-list p span{font-size:var(--text-caption);color:var(--c-storm)}.rk-list .stepper{gap:var(--s-4);background:0 0;border:0;height:auto;padding:0}.rk-list .stepper button{background:var(--surface)}.rk-del{width:34px;height:34px;color:var(--c-storm);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:22px;line-height:1}.rk-del:hover{background:var(--surface)}.more-toggle{border:1px solid var(--border-strong);border-radius:var(--r-card);background:var(--c-cloud)}.more-toggle>summary{cursor:pointer;align-items:center;gap:var(--s-12);padding:var(--s-12) var(--s-20);font-family:var(--font-display);font-weight:var(--w-medium);color:var(--dominant);list-style:none;display:flex}.more-toggle>summary::-webkit-details-marker{display:none}.more-toggle>summary:before{content:"+";background:var(--accent);width:28px;height:28px;color:var(--c-paper);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;display:flex}.more-toggle[open]>summary:before{content:"−"}.more-toggle>summary:after{content:"öffnen";font-family:var(--font-text);font-weight:var(--w-regular);font-size:var(--text-caption);color:var(--text-muted);margin-left:auto}.more-toggle[open]>summary:after{content:"schließen"}.more-toggle>.field-row{padding:var(--s-4) var(--s-20) var(--s-20)}.rk-result{gap:var(--s-16);padding-top:var(--s-24);border-top:1px solid var(--border);display:grid}.rk-head{gap:var(--s-24);padding:var(--s-20) var(--s-24);border-radius:var(--r-card);background:var(--dominant);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.rk-label,.rk-sub{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--text-muted)}.rk-label{font-weight:var(--w-medium)}.rk-head .rk-label,.rk-head .rk-sub{color:var(--c-on-deep-muted)}.rk-value{font-family:var(--font-display);font-size:var(--text-figure);color:var(--c-paper);line-height:1.2;font-weight:var(--w-medium);font-variant-numeric:tabular-nums;white-space:nowrap;margin:var(--s-4) 0}.rk-status{padding-left:var(--s-24);border-left:1px solid var(--c-storm);color:var(--c-on-deep);font-size:var(--text-small);line-height:var(--leading-small)}.rk-tiles{gap:var(--s-12);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.rk-tile{gap:var(--s-4);min-width:0;padding:var(--s-16) var(--s-20);border:1px solid var(--border);border-radius:var(--r-card);background:var(--c-cloud);align-content:start;display:grid}.rk-tile.is-mine{border-color:var(--accent);background:var(--c-signal-wash)}.rk-figure{font-family:var(--font-display);font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);color:var(--dominant);font-weight:var(--w-medium);font-variant-numeric:tabular-nums;white-space:nowrap}.curve{border:1px solid var(--border);border-radius:var(--r-card);padding:var(--s-16);background:var(--surface)}.curve svg{width:100%;height:auto;display:block}.curve-line{fill:none;stroke:var(--accent);stroke-width:2.5px}.curve-area{fill:var(--c-signal-wash)}.curve-limit{stroke:var(--c-amber);stroke-width:1.5px;stroke-dasharray:6 5}.curve-grid{stroke:var(--border)}.curve-now{stroke:var(--dominant);stroke-width:1.5px}.curve text{font-family:var(--font-text);fill:var(--c-slate);font-size:13px}.cellar{background:var(--dominant);color:var(--c-on-deep);padding:var(--s-72) 0 var(--s-32);margin-top:var(--s-24)}.cellar a{color:var(--c-on-deep);text-decoration:none}.cellar a:hover{color:var(--c-paper);text-decoration:underline}.cellar-groups{gap:var(--s-48);grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));display:grid}.cellar-brand{gap:var(--s-20);align-content:start;display:grid}.cellar-brand .brand{color:var(--c-paper)}.cellar-brand .brand:hover{color:var(--c-paper);text-decoration:none}.cellar .btn-pour{background:var(--c-paper);color:var(--dominant);justify-self:start}.cellar .btn-pour:hover{background:var(--c-signal-wash);color:var(--dominant);text-decoration:none}.cellar-title{font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--w-medium);color:var(--c-paper);padding-bottom:var(--s-12);margin-bottom:var(--s-16);border-bottom:1px solid var(--c-storm)}.cellar ul{gap:var(--s-12);font-size:var(--text-small);line-height:var(--leading-small);margin:0;padding:0;list-style:none;display:grid}.cellar-bottom{margin-top:var(--s-56);padding-top:var(--s-24);border-top:1px solid var(--c-storm);font-size:var(--text-caption);color:var(--c-on-deep-muted)}@media (width>=769px){.nav-toggle{display:contents}.nav-toggle::details-content{content-visibility:visible;display:contents}}@media (width<=1000px){.cellar-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){:root{--text-title:28px;--leading-title:34px;--text-heading:24px;--leading-heading:31px;--text-heading-sm:20px;--leading-heading-sm:27px;--section-gap:64px;--card-pad:20px;--gutter:16px;--text-figure:24px}.tapline-row{padding:var(--s-12) 0;flex-wrap:wrap}.nav-toggle summary{display:flex}.nav-toggle[open]{flex-direction:column;flex-basis:100%;align-items:flex-end;margin-top:-56px;display:flex}.nav-toggle:not([open]) .tapline-links{display:none}.tapline-links{width:100%;padding-top:var(--s-12);flex-direction:column}main{padding-top:var(--s-32)}.coaster-grid,.coaster-grid.two,.cellar-groups{grid-template-columns:minmax(0,1fr)}.cellar-groups{gap:var(--s-40)}.cellar{padding-top:var(--s-56)}.reckoner{border-radius:var(--r-card)}.steps-list li{padding-left:64px}}.callout{border:1px solid var(--c-amber);background:var(--c-amber-blush);border-radius:var(--r-card);padding:var(--s-20) var(--s-24);color:var(--text)}.callout strong{color:var(--dominant)}.defs{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);grid-template-columns:minmax(0,220px) minmax(0,1fr);margin:0;display:grid;overflow:hidden}.defs dt,.defs dd{padding:var(--s-16) var(--s-20);border-bottom:1px solid var(--border);margin:0}.defs dt{font-family:var(--font-display);font-weight:var(--w-medium);color:var(--dominant);background:var(--c-cloud)}.defs dt:last-of-type,.defs dd:last-of-type{border-bottom:0}.prose>*+*{margin-top:var(--s-16)}a code{color:var(--c-signal-dark);background:var(--c-signal-wash)}.callout a{color:var(--c-signal-dark)}code{background:var(--c-signal-wash);color:var(--dominant);border-radius:6px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:.9em}@media (width<=768px){.defs{grid-template-columns:minmax(0,1fr)}.defs dt{padding-bottom:var(--s-4);border-bottom:0}}@media (width<=960px){.rk-tiles,.rk-add,.rk-add.is-custom{grid-template-columns:repeat(2,minmax(0,1fr))}.rk-add .rk-pick{grid-column:1/-1}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row>.wide{grid-column:1/-1}}@media (width<=768px){.rk-list{grid-template-columns:minmax(0,1fr)}.rk-head{gap:var(--s-12);grid-template-columns:minmax(0,1fr)}.rk-status{padding:var(--s-12) 0 0;border-left:0;border-top:1px solid var(--c-storm)}.rk-tile{padding:var(--s-12) var(--s-16)}.rk-figure{font-size:20px;line-height:26px}}@media (width<=420px){.field-head label,.field>span{font-size:var(--text-caption)}.field-head button{padding:0 var(--s-8)}.field input,.field select{font-size:var(--text-small);padding:0 var(--s-12)}.more-toggle>summary:after{display:none}}@media (width<=359px){.field-row,.rk-add,.rk-add.is-custom{grid-template-columns:minmax(0,1fr)}}