:root{--cream:#faf6f0;--paper:#fff;--cocoa:#5b3527;--ink:#2d2420;--muted:#655b54;--petrol:#245b57;--line:#e6dbcf;--sand:#f2e8dc;--mint:#edf4ef;--yellow:#ffd814;--blue:#17324d;--radius:20px;--shadow:0 12px 38px rgba(70,44,24,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}img,svg{max-width:100%}img{display:block;height:auto}a{color:var(--petrol);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--petrol);outline-offset:5px;border-radius:4px}button,a,summary{-webkit-tap-highlight-color:rgba(36,91,87,.12)}p{margin:0 0 1.15em}p:last-child{margin-bottom:0}h1,h2,h3{color:var(--cocoa);line-height:1.16;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em;margin:0 0 .6em}h1{font-size:clamp(3.1rem,7vw,6rem);line-height:1.02}h2{font-size:clamp(2.05rem,4.4vw,3.25rem)}h3{font-size:1.8rem}h1 em,h2 em{font-weight:400;color:var(--petrol)}ul{padding-left:1.3em}li{margin:.35em 0}.wrap{width:min(1200px,calc(100% - 40px));margin-inline:auto}.reading{max-width:790px}.section{padding-top:64px;padding-bottom:64px}.section-heading{max-width:760px;margin-bottom:32px}.section-heading p{color:var(--muted)}.eyebrow{color:var(--petrol);font-size:.72rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase;margin:0 0 17px;line-height:1.5}.small{font-size:.84rem;color:var(--muted)}.lead{font-size:1.13rem;color:#51473f;line-height:1.65;max-width:610px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:white;padding:14px}.skip:focus{top:10px}
.header{position:sticky;top:0;background:rgba(250,246,240,.97);z-index:5;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-block:18px 13px}.brand{display:flex;gap:8px;align-items:center;color:var(--cocoa);text-decoration:none;letter-spacing:-.05em;font-size:1.32rem;font-weight:750;white-space:nowrap;line-height:1}.brand svg{flex:none}.brand-light{font-weight:400}.brand small{color:var(--petrol);font-size:.7em;letter-spacing:0}.header nav{display:flex;gap:20px;align-items:center;justify-content:space-between;width:100%;font-size:.77rem;font-weight:600}.header nav a{padding:7px 0;color:#5d5148;text-decoration:none;white-space:nowrap}.header nav a:hover,.header nav a[aria-current]{color:var(--petrol);box-shadow:0 2px 0 var(--petrol)}
.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:50px;padding:13px 21px;border-radius:9px;font-size:.89rem;font-weight:700;text-decoration:none;line-height:1.4;transition:background .15s,transform .15s;text-align:center}.button:hover{text-decoration:none;transform:translateY(-1px)}.primary{background:var(--petrol);color:#fff}.primary:hover{background:#194b47}.secondary{color:var(--petrol);border:1px solid #aac4bc;background:var(--mint)}.secondary:hover{background:#dfece3}.amazon{background:var(--yellow);color:var(--blue);box-shadow:inset 0 -2px 0 rgba(120,90,0,.1)}.amazon:hover{background:#f6cd00}.text-link{font-size:.9rem;font-weight:650}.hero{padding-block:48px 30px;display:grid;align-items:center;gap:20px}.hero-copy{position:relative;z-index:1}.hero h1{margin-bottom:25px}.hero-actions{display:flex;gap:17px;align-items:flex-start;flex-direction:column;margin-top:26px}.hero-visual{position:relative;min-width:0;margin-top:8px}.hero-visual>img{width:100%;border-radius:28px}.hero-caption{position:absolute;bottom:6%;left:12%;background:rgba(255,255,255,.94);padding:10px 17px;border:1px solid #fff;border-radius:40px;font-size:.74rem;box-shadow:var(--shadow)}.little-dot{display:inline-block;width:7px;height:7px;background:var(--petrol);border-radius:50%;margin-right:6px}.disclosure{font-size:.77rem;line-height:1.6;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:17px;color:var(--muted)}.routes{display:grid;gap:18px}.route{border:1px solid var(--line);background:#fff;padding:27px;border-radius:var(--radius);display:flex;flex-direction:column}.route h3{font-size:2rem}.route p,.route li{font-size:.94rem}.route ul{margin:0 0 24px}.route .text-link{margin-top:auto;padding-top:12px}.route-soft{background:var(--mint);border-color:#d8e4db}.comparison-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.table-scroll{overflow:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:12px;max-width:100%;background:#fff}table{border-collapse:collapse;min-width:750px;width:100%;font-size:.88rem;text-align:left}th,td{padding:20px;border-bottom:1px solid var(--line);vertical-align:top}thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#5e554c;background:#f6f3ed}tbody th{font-weight:650;width:22%}tbody tr:last-child>*{border-bottom:0}tbody tr:hover{background:#fbf9f5}.table-hint{margin-top:13px;font-size:.73rem}
.products{display:grid;gap:25px;align-items:stretch}.product{min-width:0;scroll-margin-top:150px;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.product-art{padding:18px 22px 13px;background:#f4eee5;position:relative}.product-art.jug{background:#f0f2e9}.tag{display:inline-block;align-self:flex-start;color:var(--petrol);border:1px solid #cbdad0;background:rgba(255,255,255,.8);font-size:.69rem;font-weight:700;letter-spacing:.035em;padding:5px 10px;border-radius:30px}.product-art img{height:190px;width:100%;object-fit:contain;margin-block:9px}.product-body{padding:25px;display:flex;flex-direction:column;flex:1;min-width:0;font-size:.92rem}.product-body .eyebrow{font-size:.65rem;margin-bottom:10px}.product h3{font-size:1.78rem;margin-bottom:8px}.model{font-size:.72rem;color:var(--muted);margin-bottom:19px}.facts{list-style:none;padding:0;margin:8px 0 25px;font-size:.83rem}.facts li{padding:10px 0 10px 21px;border-bottom:1px solid #eee9e1;position:relative;margin:0}.facts li:before{content:"✓";position:absolute;left:0;color:var(--petrol)}.fit,.consider{margin-bottom:20px}.fit strong,.consider strong{font-size:.76rem;color:var(--petrol);display:block;margin-bottom:4px}.consider strong{color:var(--cocoa)}.fit p,.consider p{font-size:.86rem;line-height:1.65}.insight{background:#f8f5ee;border-left:2px solid #bfa88c;padding:15px;margin-bottom:25px}.insight span{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#705b42}.insight p{font-size:.8rem;margin-top:5px}.product-links{display:flex;flex-direction:column;gap:15px;margin-top:auto}.source-link{font-size:.73rem;line-height:1.6;display:block}.inline-callout{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px;border:1px solid #cfdfd4;background:var(--mint);padding:25px;border-radius:var(--radius)}.inline-callout strong{font-size:1.05rem;color:var(--petrol)}.inline-callout p{font-size:.9rem;margin-top:5px}.inline-callout .button{flex-shrink:0}.warm-section{background:var(--sand);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editorial-grid{display:grid;gap:28px}.editorial-grid article{padding-top:22px;border-top:1px solid #c6b9a7}.editorial-grid h3{font-size:1.75rem;line-height:1.24}.editorial-grid p{font-size:.93rem}.topic-icon{display:block;color:var(--petrol);font-size:.72rem;font-weight:700;margin-bottom:17px}.faq details{border-bottom:1px solid #d9cec0;padding:0}.faq details:first-of-type{border-top:1px solid #d9cec0}.faq summary{cursor:pointer;padding:21px 40px 21px 0;font-size:.95rem;font-weight:650;list-style:none;position:relative;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:9px;top:18px;color:var(--petrol);font-size:1.5rem;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{max-width:850px;padding:0 24px 22px 0;color:#5d5148;font-size:.94rem}.methodology{border-top:1px solid var(--line);font-size:.83rem;color:var(--muted);padding-block:36px 55px}.methodology h2{font:600 1.05rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0;color:#4e443b}.footer{border-top:1px solid var(--line);background:#f2ece2;padding-block:38px 25px;font-size:.81rem;color:#655b52}.footer-top{display:flex;flex-direction:column;gap:23px;justify-content:space-between}.footer-brand{font-family:Georgia,serif;font-size:1.4rem;font-weight:600;color:var(--cocoa);text-decoration:none}.footer-top p{margin-top:7px}.footer nav{display:flex;gap:22px;align-items:flex-start}.footer-bottom{margin-top:25px;border-top:1px solid #dbd0c0;padding-top:20px;font-size:.73rem}.footer-bottom p{margin-bottom:7px}
.subhero{padding-block:50px 48px;max-width:1200px}.subhero h1{font-size:clamp(2.7rem,6.5vw,5.2rem);max-width:950px}.subhero .lead{max-width:750px}.subhero>.button{margin-top:13px}.notice{background:var(--mint);border:1px solid #d6e3d8;padding:23px;border-radius:12px;font-size:.91rem}.notice strong{color:var(--petrol)}.reading h2{font-size:2.05rem;margin-top:0}.reading p{font-size:1rem}.split-feature{display:grid;gap:28px;align-items:center}.split-feature img{width:100%;background:var(--mint);border-radius:var(--radius);padding:35px}.split-feature .button{margin-top:15px}.system-strip{display:grid;gap:18px;margin-bottom:20px}.system-strip>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.system-strip span{font-size:.72rem;color:var(--petrol);display:block;margin-bottom:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.system-strip strong{display:block;font-family:Georgia,serif;font-size:1.6rem;color:var(--cocoa);font-weight:500}.system-strip p{font-size:.81rem;color:var(--muted);margin-top:8px}.capsules-grid{display:grid;gap:23px}.capsule-card{border:1px solid #e2d6c7;background:#fff;border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}.capsule-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.capsule-card h3{font-size:1.9rem}.capsule-card>p{font-size:.93rem}.capsule-facts{margin:4px 0 22px;font-size:.83rem}.capsule-facts>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e9e2d8}.capsule-facts dt{color:var(--muted)}.capsule-facts dd{margin:0;text-align:right;font-weight:650;max-width:53%}.capsule-caution{background:#f8f5ee;padding:15px;border-radius:10px;font-size:.83rem!important;margin-top:auto}.capsule-card .source-link{margin-top:15px}.cost-example{background:var(--mint);border:1px solid #d7e5da;border-radius:var(--radius);padding:27px;display:grid;gap:25px;margin-bottom:24px}.cost-example h3{font-size:1.75rem;margin-top:10px}.cost-example p{font-size:.85rem}.cost-result{border-top:1px solid #cadbcf;padding-top:19px;display:flex;flex-direction:column}.cost-result span{font-size:.77rem;color:#3d6256}.cost-result strong{font:500 2.5rem/1.4 Georgia,serif;letter-spacing:-.03em;color:var(--petrol)}.cost-result small{font-size:.75rem;color:var(--muted)}.legal{padding-block:50px 75px}.legal h1{font-size:3.2rem;margin-bottom:40px}.legal h2{font-size:1.5rem;margin:37px 0 16px}.legal a{overflow-wrap:anywhere}.legal p{font-size:.95rem}
@media(min-width:600px){.wrap{width:min(1200px,calc(100% - 64px))}.header nav{width:auto;gap:23px;font-size:.8rem}.header-inner{padding-block:19px}.hero{padding-block:58px 35px}.hero-visual{max-width:610px;margin-inline:auto}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap}.products,.capsules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capsule-products .product:last-child{grid-column:1/-1;max-width:calc(50% - 12px)}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-example{grid-template-columns:1fr 1fr}.cost-example>div:first-child{grid-column:1/-1}.cost-result{border-top:0;border-left:1px solid #cadbcf;padding:0 0 0 20px}.system-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.system-strip>div{padding:20px}.system-strip strong{font-size:1.3rem}.footer-top{flex-direction:row}.footer nav{padding-top:7px}.section{padding-block:75px}.subhero{padding-block:65px}.reading{max-width:790px}}
@media(min-width:960px){.header nav{font-size:.85rem;gap:33px}.brand{font-size:1.5rem}.header-inner{padding-block:24px}.hero{grid-template-columns:1.02fr 1fr;gap:20px;padding-block:66px 54px}.hero-visual{width:100%;max-width:none;margin:0}.hero .lead{font-size:1.12rem;max-width:520px}.hero-actions{gap:19px}.hero-actions .button{font-size:.85rem;padding-inline:19px}.hero-actions .text-link{font-size:.82rem}.routes{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.route{padding:30px}.route p,.route li{font-size:.89rem}.route h3{font-size:2.15rem}.products.capsule-products{grid-template-columns:repeat(3,minmax(0,1fr))}.capsule-products .product:last-child{grid-column:auto;max-width:none}.product-body{padding:27px}.product-art img{height:180px}.jug-products .product{display:grid;grid-template-columns:1fr}.jug-products .product-art img{height:210px}.editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.inline-callout{flex-direction:row;align-items:center;justify-content:space-between;padding:29px}.split-feature{grid-template-columns:1.2fr 1fr;gap:60px}.capsules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.capsule-card{padding:32px}.cost-example{grid-template-columns:1.5fr 1fr 1fr;align-items:center;padding:34px;gap:30px}.cost-example>div:first-child{grid-column:auto}.system-strip strong{font-size:1.55rem}.section{padding-block:88px}.footer-bottom{display:flex;justify-content:space-between;gap:40px}.footer-bottom p:first-child{max-width:650px}.footer-bottom p:last-child{white-space:nowrap}.reading{max-width:790px}.legal{padding-top:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media print{.header{position:static}.hero-visual{max-width:320px}.button,.hero-actions,.product-art,.footer nav{display:none}.section{padding-block:25px}.products,.routes{display:block}.product,.route,.capsule-card{break-inside:avoid;margin-bottom:20px;box-shadow:none}.table-scroll{overflow:visible}table{min-width:0;font-size:9pt}body{font-size:11pt;background:#fff}.wrap{width:100%}}

.insight small{display:block;font-size:.65rem;line-height:1.6;color:var(--muted);margin-top:9px}

@media(max-width:599px){.header nav{gap:10px;font-size:.72rem}.subhero h1{font-size:clamp(2.2rem,8.5vw,3.7rem);hyphens:auto;overflow-wrap:anywhere}}

/* Produktabbildungen und klare Linkflächen */
.product-image-link,.capsule-image-link,.feature-product-link{display:block;text-decoration:none;border-radius:12px}
.product-image-link img{height:250px;margin-block:12px;transition:transform .18s ease}
.product-image-link:hover img,.capsule-image-link:hover img{transform:scale(1.025)}
.product-title-link{color:inherit;text-decoration:none}
.product-title-link:hover{text-decoration:underline;text-decoration-color:var(--petrol);text-underline-offset:5px}
.capsule-image-link{margin:0 0 24px;background:#faf8f3;padding:18px}
.capsule-image-link img{height:240px;width:100%;object-fit:contain;transition:transform .18s ease}
.split-feature .feature-product-link img{padding:22px;max-height:420px;object-fit:contain}
@media(min-width:960px){.product-image-link img{height:250px}.jug-products .product-image-link img{height:300px}.capsule-image-link img{height:280px}}
@media(prefers-reduced-motion:reduce){.product-image-link img,.capsule-image-link img{transition:none}.product-image-link:hover img,.capsule-image-link:hover img{transform:none}}

/* Direkte Wege zu Kategorie und Angebot */
.hero-shortcuts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-size:.79rem;font-weight:600}
.hero .hero-actions{align-items:stretch;gap:12px}
.hero .hero-actions .button{width:100%}
.route-title-link{color:inherit;text-decoration:none}.route-title-link:hover{text-decoration:underline;text-decoration-color:var(--petrol)}
.product-price{margin:1px 0 23px;align-self:stretch}
.system-actions{gap:10px;flex-direction:row;flex-wrap:wrap}.system-actions .button{flex:1 1 auto;min-width:115px}
@media(max-width:599px){.header-inner{padding-top:12px;padding-bottom:9px}.header nav{font-size:.72rem}.hero{padding-top:26px}.hero .eyebrow{margin-bottom:12px}.hero h1{font-size:3.1rem;margin-bottom:17px}.hero .lead{font-size:1rem;line-height:1.55}.hero .hero-actions{margin-top:20px}.hero .hero-actions .button{min-height:47px;padding-block:11px}.hero-shortcuts{font-size:.76rem;gap:7px 18px}.subhero{padding-top:30px;padding-bottom:33px}.subhero .lead{font-size:1rem;line-height:1.55}.subhero .hero-actions{gap:10px;margin-top:20px}.subhero .hero-actions .button{min-height:47px;font-size:.82rem}.product-image-link img{height:230px}.product{scroll-margin-top:110px}}
@media(min-width:600px){.hero .hero-actions{flex-direction:column;max-width:330px}.hero .hero-actions .button{width:auto}.hero-shortcuts{max-width:530px}}
@media(min-width:1100px){.hero .hero-actions{max-width:none;flex-direction:row;flex-wrap:nowrap}.hero .hero-actions .button{font-size:.8rem;padding-inline:15px}.hero-shortcuts{font-size:.78rem}}

.capsule-price{margin:0 0 23px;align-self:stretch}