:root{--ink:#332e26;--red:#823122;--orange:#df762c;--cream:#f7efdc;--line:#c9baa1;--blue:#16416a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:15px}body{margin:0;background-color:#c8bba3;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#b8aa901b 3px,#b8aa901b 4px);color:var(--ink);font:13px/1.5 Tahoma,Verdana,Arial,sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:var(--blue)}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #005fd1;outline-offset:3px}button:disabled{cursor:default}section[id]{scroll-margin-top:20px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.page{width:1140px;max-width:calc(100% - 40px);margin:25px auto;background:#fffaf0;border:1px solid #8d7d66;box-shadow:0 5px 0 #a5977f,0 10px 26px #493b3c20}.topline{background:#383a31;color:#e8e2d3;font:10px/28px Verdana,sans-serif;padding:0 20px;display:flex;justify-content:space-between;border-bottom:3px solid #e27d32}.masthead{height:136px;display:flex;align-items:center;padding:20px 27px;gap:27px;background:linear-gradient(100deg,#fffdf3,#f3e5c9)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-family:Arial Black,Arial,sans-serif;font-size:39px;line-height:.88;font-weight:1000;letter-spacing:-2px;color:var(--red);transform:rotate(-2deg);flex-shrink:0}.brand-ring{width:60px;height:60px;border:12px solid var(--red);border-radius:50%;box-shadow:inset 0 0 0 3px #e4c9a1,0 3px 0 #ddc5a4;position:relative}.brand-ring:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--orange);top:12px;left:12px}.brand-bottom{display:block;font-size:29px;letter-spacing:-1.4px;margin-top:7px}.brand-dot{font-size:17px;letter-spacing:-1px}.header-copy{margin-left:auto;padding:0 24px;border-left:1px solid #d7c6a8;font:18px/1.35 Georgia,serif;color:#5c503d}.header-copy span{display:block;font:10px Tahoma,sans-serif;margin-top:9px;color:#7f725c}.quality-seal{height:88px;width:88px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:1px dashed #8e4f31;outline-offset:-7px;border:3px double #8e4f31;border-radius:50%;font:10px/1.3 Georgia,serif;color:var(--red);transform:rotate(11deg)}.quality-seal b{font:22px Georgia,serif}.quality-seal span{font:8px Tahoma,sans-serif;margin-top:3px}.main-nav{display:flex;align-items:stretch;background:linear-gradient(#9c4431,#752b20);border-top:1px solid #b3684d;border-bottom:3px solid #58271c;min-height:44px}.main-nav a,.main-nav button{color:#fff4df;padding:11px 24px;text-decoration:none;border:0;border-right:1px solid #67291f;background:transparent;font-weight:bold;text-shadow:0 1px #3e1d14;white-space:nowrap}.main-nav .active{background:linear-gradient(#efac53,#d47b2c);color:#3e281a;text-shadow:0 1px #f3c582}.main-nav a:hover,.main-nav button:hover{background:#a74a31}.main-nav .active:hover{background:#e39a44}.main-nav button{margin-left:auto}.new{font-size:8px;background:#ffe42f;color:#76220c;display:inline-block;transform:rotate(-9deg);padding:0 3px;margin-left:4px;text-shadow:none;animation:new-pulse 2s step-end infinite}.ticker{display:flex;background:#f5e9b3;border-bottom:1px solid #d3bd80;height:30px;font-size:10px;overflow:hidden;align-items:center}.ticker-label{background:#eee0ab;border-right:1px solid #d3bd80;padding:8px 15px;font-weight:bold;color:#8a3b23;white-space:nowrap;z-index:1}.ticker>div{overflow:hidden;flex:1}.ticker p{white-space:nowrap;margin:0;display:inline-block;animation:ticker 38s linear infinite;padding-left:20px}.layout{display:grid;grid-template-columns:166px minmax(0,1fr) 158px;gap:18px;padding:21px 19px 28px}.sidebar,.rightbar{min-width:0}.box{border:1px solid #b9aa8e;margin-bottom:19px;background:#f2ead9}.box h2{font-size:12px;line-height:31px;padding:0 10px;background:#e4d5b8;border-bottom:1px solid #bcac8f;margin:0;color:#4f3c29}.menu-box a{display:block;border-bottom:1px dotted #c9baa1;padding:9px 10px;font-size:11px;text-decoration:none;color:#66513d}.menu-box a:last-child{border-bottom:0}.menu-box a:hover{background:#e7d9be;color:var(--red)}.hours{padding:13px 11px;background:#e8eadf;border:1px solid #b7bda7}.small-label{font-size:8px;letter-spacing:1px;font-weight:bold;color:#72775e}.hours h2{font:bold 23px/1.15 Georgia,serif;color:#4d5d40;margin:9px 0 16px}.hours dl{display:grid;grid-template-columns:1fr auto;gap:7px 4px;font-size:10px}.hours dt{font-weight:bold}.hours dd{margin:0}.hours p{font-size:10px;border-top:1px dotted #b6bda5;padding-top:10px}.fictional{font-size:8px;color:#6f7565}.retro-badge{margin:21px 3px;transform:rotate(-4deg);border:3px double #a94e29;padding:10px 5px;color:#974022;text-align:center;font:bold 14px/1.05 Georgia,serif;background:#f8e6c4}.retro-badge>span{font-size:38px;display:block}.retro-badge small{font:8px Tahoma,sans-serif;display:block;margin-top:7px}.visitor-box{text-align:center;padding:11px 2px;border-block:1px solid #d3c7af}.visitor-box>span{font-size:8px;letter-spacing:.7px}.counter{font:bold 14px/24px Courier New,monospace;letter-spacing:-1px;background:#262a23;color:#d7ecbb;border:3px inset #9e998c;margin:7px 0}.visitor-box small{font-size:8px;color:#8b806b}.web-badges{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:18px}.web-badges>span{border:2px outset #c3c2b4;background:#e8e6d7;text-align:center;padding:3px;font-size:7px;line-height:1.2}.web-badges>span:first-child{background:#305966;color:white}.hero{position:relative;background:#f1e3c7;border:1px solid #c7b08b;min-height:405px;padding:24px 25px 48px;overflow:hidden}.eyebrow{font-size:9px;font-weight:bold;letter-spacing:2px;color:#79644b}.hero h1{font:900 57px/.99 Arial Black,Arial,sans-serif;letter-spacing:-2.6px;margin:19px 0 17px;position:relative;z-index:1;max-width:70%}.hero h1 em{font-style:normal;color:var(--red);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.hero-intro{font:bold 17px/1.35 Georgia,serif;margin:0 0 12px;position:relative;z-index:1}.hero-text{font-size:11px;line-height:1.7;max-width:258px;margin:0 0 22px;position:relative;z-index:1}.chunky-button{display:inline-flex;align-items:center;gap:17px;text-decoration:none;background:linear-gradient(#a44e36,#823122);border:1px solid #632517;box-shadow:inset 0 1px #c27c55,2px 3px 0 #c5b18e;color:#fff3d6;padding:10px 12px;font-size:11px;font-weight:bold;position:relative;z-index:1}.chunky-button:hover{background:#a44e36}.chunky-button span{font-size:19px;line-height:16px}.hero-foot{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid #cebb99;background:#ead9b8;font-size:9px;color:#796345;padding:10px 14px}.hero-art{width:275px;height:290px;position:absolute;right:4px;top:52px;transform:rotate(-5deg)}.art-grid{position:absolute;inset:27px 0 0;background-image:linear-gradient(#99876320 1px,transparent 1px),linear-gradient(90deg,#99876320 1px,transparent 1px);background-size:18px 18px;mask-image:radial-gradient(ellipse,#000,transparent 73%)}.hero-art svg{position:absolute;overflow:visible}.hero-ring{width:215px;height:175px;left:19px;top:106px;transform:rotate(8deg)}.hero-washer{width:150px;height:130px;left:94px;top:11px;transform:rotate(17deg)}.hero-tape{width:130px;height:107px;left:0;top:64px;transform:rotate(-5deg)}.hero-bottle{height:121px;width:150px;right:-15px;top:135px;transform:rotate(13deg)}.art-caption{position:absolute;top:22px;left:8px;font:italic 10px Georgia,serif;color:#8d775b}.art-note{font:bold italic 17px Georgia,serif;color:var(--red);position:absolute;bottom:0;right:28px;transform:rotate(8deg)}.starburst{position:absolute;width:102px;height:102px;right:-1px;top:-12px;background:#df762c;clip-path:polygon(50% 0,60% 10%,75% 3%,79% 19%,96% 21%,90% 38%,100% 50%,89% 61%,96% 79%,79% 81%,75% 97%,60% 90%,50% 100%,39% 89%,23% 97%,20% 81%,4% 78%,10% 61%,0 50%,10% 38%,4% 21%,21% 19%,25% 3%,40% 10%);display:grid;place-items:center;transform:rotate(15deg);color:#4b261b;text-align:center;font:bold 13px/1.2 Arial,sans-serif}.starburst small{font:italic 9px Georgia,serif}.notice{margin:12px 0 23px;background:#f8efcf;border:1px solid #d8c99c;padding:9px 12px;display:flex;flex-direction:column;gap:2px;font-size:10px}.notice b{font-size:9px;letter-spacing:.6px;color:#9c4727}.section-block{margin-top:23px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:3px double #b3a68f;margin-bottom:13px;padding-bottom:8px}.section-heading h2{font:bold 20px/1.2 Georgia,serif;color:#733624;margin:0}.section-heading>span{font-size:8px;color:#8b7a61;text-align:right;max-width:45%}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product{border:1px solid #c9baa1;background:#fffdf5}.product-image{height:148px;background:#f2ecdf;position:relative;border-bottom:1px solid #d6c9b1;overflow:hidden}.product-image svg{width:100%;height:137px;margin-top:8px}.product-number{position:absolute;left:9px;top:8px;font:8px Courier New,monospace;color:#8a806b}.mini-sticker{position:absolute;right:8px;bottom:9px;font:bold 10px/1.1 Tahoma,sans-serif;color:#8c3f21;transform:rotate(-9deg);border:1px solid #b87840;padding:5px;background:#f6d99d;text-align:center}.mini-sticker small{font-size:7px;font-weight:normal}.green-sticker{background:#dce1c2;border-color:#8a985e;color:#4e603b}.product-copy{padding:12px}.category{font-size:7px;letter-spacing:1px;font-weight:bold;color:#9b744b}.product h3{font:bold 19px/1.2 Georgia,serif;color:#5d3a29;margin:5px 0 9px}.product p{font-size:10px;line-height:1.65;margin:0 0 14px;min-height:50px}.product-bottom{display:flex;justify-content:space-between;gap:4px;align-items:center;border-top:1px dotted #c9baa1;padding-top:11px;font-size:9px}.product-bottom b{font-size:20px;color:#823122;font-family:Georgia,serif}.product-bottom small{display:block;font-size:7px;color:#8d7f69}.product-bottom button{font-size:9px;font-weight:bold;padding:5px 8px;border:1px solid #9e957f;background:linear-gradient(#faf9eb,#e1d8bd);box-shadow:inset 1px 1px #fff;color:#5b4a31}.product-bottom button:hover{background:#e3cda4}.price-note{font-size:8px;color:#867b66;line-height:1.6;margin:10px 0 22px}.advice-inner{display:grid;grid-template-columns:180px 1fr;border:1px solid #b8bba6;background:#edf0e5}.expert{border-right:1px dotted #bac0aa;padding:14px;font-size:10px;color:#5c684b}.expert-face{display:block;font:bold 35px/1 Georgia,serif;letter-spacing:-5px;margin:0 0 12px;color:#4e6546;transform:rotate(90deg);width:40px;height:40px}.expert p{font:italic 11px/1.6 Georgia,serif}.advice form{padding:15px}.advice label{display:block;font-size:10px;font-weight:bold;margin-bottom:6px}.advice select{width:100%;border:1px solid #929580;border-radius:0;background:white;padding:6px 4px;font-size:11px;margin-bottom:9px;color:var(--ink)}.old-button{font-size:10px;border:2px outset #e2dece;background:#e7e3d6;padding:5px 9px;color:#383a31;box-shadow:1px 1px 0 #a49f8f}.old-button:active{border-style:inset}.advice-result{font-size:10px;line-height:1.6;margin:13px 0 0;color:#4d5d40}.guest-entries{border:1px solid #d1c3aa;background:#f6efdf}.guestbook blockquote{margin:0;padding:12px 14px;border-bottom:1px dotted #cabb9f}.guestbook blockquote:last-child{border-bottom:0}.guestbook blockquote>div{display:flex;justify-content:space-between;font-size:9px;color:#835137;gap:10px}.guestbook blockquote>div span{font:8px Courier New,monospace;color:#94836c}.guestbook blockquote p{font:italic 12px/1.6 Georgia,serif;margin:7px 0 0}.guest-note{font-size:8px;color:#8d806b}.guestbook #greeting{padding:10px;background:#e9ecd8;border:1px dotted #929b73;font-size:11px}.offer{border:2px solid #a95630;background:#f9e7b6}.offer-top{background:#a95630;color:#fff0d0;text-align:center;font-size:9px;font-weight:bold;padding:7px 0}.offer-body{text-align:center;padding:14px 8px 16px}.offer-small{font-size:9px;font-weight:bold;color:#9c4b28;letter-spacing:1px}.offer-body>b{display:block;font:900 37px/.95 Arial Black,Arial,sans-serif;color:#a34a26;letter-spacing:-2px;margin-top:5px}.offer-body svg{width:100%;height:102px;transform:rotate(-13deg);margin-top:6px}.offer-body>strong{font:bold 16px/1.2 Georgia,serif;display:block;color:#843b24}.offer-body p{font-size:10px;line-height:1.6}.offer-body a{font-size:10px;color:var(--red);font-weight:bold}.wisdom{margin-top:20px;padding:12px 10px;border-top:3px double #b5a68c;border-bottom:3px double #b5a68c;text-align:center}.wisdom h2{font-size:9px;text-transform:uppercase;letter-spacing:1px;margin:0;color:#8d7655}.wisdom p{font:bold italic 17px/1.5 Georgia,serif;color:#79543a}.wisdom>span{font:9px Georgia,serif;color:#8b775c}.afterwork{border:1px solid #c5b49a;margin-top:21px;padding:14px 10px;background:#eae4d4}.afterwork h2{font:bold 25px/1.05 Georgia,serif;margin:8px 0;color:#775139}.afterwork p{font-size:10px}.afterwork .old-button{font-size:9px;width:100%;padding:7px 2px}.afterwork .afterwork-hint{font-size:8px;text-align:center;color:#8f7e64}.construction{text-align:center;margin-top:20px;color:#8a7354}.construction>span{display:block;font-size:34px;line-height:1.2}.construction b{font-size:10px;display:block}.construction small{display:block;font-size:9px}footer{border-top:3px solid #823122;background:#ece1cb}.footer-main{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #cebea2}.footer-main b{font:bold 18px Arial,sans-serif;letter-spacing:-.8px;color:#823122}.footer-main p{font:10px Georgia,serif;margin:3px 0 0;color:#8a7150}.footer-main a{font-size:10px;color:#765f45}.footer-small{padding:12px 22px 0;display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#8f7c60}.footer-small button{border:0;background:none;color:#785b3f;font-size:8px;text-decoration:underline;padding:0}.disclaimer{font-size:8px;line-height:1.7;color:#8d7a5c;margin:10px 22px 0;padding-bottom:15px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#3d4832;border:2px outset #a5b78c;color:#f7f0d7;padding:12px 22px;box-shadow:3px 4px 0 #32261f50;z-index:10;max-width:calc(100% - 30px);font-size:12px}.retro-dialog{border:3px outset #e7e3d5;background:#ece8dc;padding:2px;width:450px;max-width:calc(100% - 30px);color:#383a31;box-shadow:8px 8px 0 #0004}.retro-dialog::backdrop{background:#28261c77}.dialog-title{background:linear-gradient(90deg,#762d23,#bb6743);color:#fff4de;display:flex;justify-content:space-between;align-items:center;padding:4px 5px 4px 8px;font-weight:bold;font-size:11px}.dialog-title button{border:2px outset #e1dfd2;background:#dedbd0;font:bold 15px/1 Tahoma,sans-serif;width:23px;height:22px;color:#3b342b}.dialog-content{padding:22px;font-size:12px;line-height:1.6}.dialog-content h2{font:bold 23px Georgia,serif;margin:0 0 12px;color:#823122}.dialog-content ul{padding-left:20px;margin:20px 0}.dialog-content .old-button{margin:6px 7px 0 0}.big-ring{display:block;font-size:54px;line-height:1.3;color:#823122}.progress-track{height:20px;border:2px inset #d5d0c0;background:#f3f0e7;margin:22px 0 10px;padding:2px}.progress-track>div{height:100%;background:repeating-linear-gradient(90deg,#6b7a4c 0,#6b7a4c 12px,transparent 12px,transparent 15px);animation:install 1.5s steps(12) both}.retro-dialog[open]{animation:appear .15s ease-out}@keyframes install{from{width:0}to{width:100%}}@keyframes appear{from{transform:translateY(6px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-65%)}}@keyframes new-pulse{0%,65%{background:#ffe42f}66%,100%{background:#fff6b4}}
@media(min-width:1250px){.page{margin-top:32px}.hero{min-height:424px}.hero-art{top:55px;right:4px}.hero h1{font-size:62px}.hero-text{max-width:250px}.hero-intro{font-size:18px}}
@media(max-width:1050px){.layout{grid-template-columns:150px minmax(0,1fr);gap:16px}.rightbar{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;grid-column:2}.rightbar section{margin:0}.rightbar .construction{display:none}.offer-body svg{display:none}.offer-body>b{font-size:28px}.offer-body>strong{font-size:13px}.wisdom p{font-size:14px}.afterwork h2{font-size:22px}.header-copy{font-size:15px;padding:0 15px}.masthead{gap:15px}.quality-seal{width:75px;height:75px}.main-nav a,.main-nav button{padding-inline:15px}.hero-art{right:-8px;width:245px;transform:rotate(-5deg) scale(.9);transform-origin:right center}.hero-text{max-width:55%}.hero h1{font-size:58px}.hero-intro{font-size:16px}}
@media(max-width:760px){.page{max-width:calc(100% - 20px);margin:10px auto}.topline{padding:0 10px;font-size:8px;line-height:24px}.topline>span:last-child{display:none}.masthead{height:116px;padding:18px 16px}.brand{font-size:34px;gap:10px}.brand-ring{height:50px;width:50px;border-width:10px}.brand-ring:after{top:9px;left:9px;width:11px;height:11px}.brand-bottom{font-size:25px}.header-copy{font-size:12px;padding:0 0 0 14px}.header-copy span{font-size:8px}.quality-seal{display:none}.main-nav{flex-wrap:wrap;min-height:auto}.main-nav a,.main-nav button{font-size:10px;padding:10px 12px;flex:1;text-align:center}.main-nav a:nth-child(3){display:none}.main-nav .new{font-size:7px}.layout{grid-template-columns:minmax(0,1fr);padding:14px;gap:17px}.sidebar{display:none}.rightbar{grid-column:1}.ticker{font-size:9px}.ticker-label{padding-inline:9px;font-size:8px}.hero{min-height:405px;padding:23px 22px 48px}.hero h1{font-size:57px}.hero-art{right:0;top:55px;width:260px;transform:rotate(-5deg) scale(.9)}.hero-text{max-width:51%}.hero-foot{font-size:8px}.hero-intro{font-size:16px}.rightbar .offer-body p{font-size:9px}.rightbar .offer-body>a{font-size:9px}.footer-small{flex-wrap:wrap}.section-heading h2{font-size:20px}}
@media(max-width:480px){.masthead{height:103px;padding:16px 12px}.brand{font-size:30px;gap:8px}.brand-ring{height:42px;width:42px;border-width:8px}.brand-ring:after{top:8px;left:8px;width:10px;height:10px}.brand-bottom{font-size:22px}.brand-dot{font-size:14px}.header-copy{font-size:10px;padding-left:10px;line-height:1.4}.header-copy span{font-size:7px;line-height:1.5;max-width:100px}.main-nav a,.main-nav button{font-size:9px;padding:9px 7px}.main-nav a:nth-child(4){display:none}.layout{padding:10px}.hero{padding:20px 15px 45px;min-height:477px}.hero h1{font-size:51px;max-width:95%;margin:17px 0 18px;letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero-art{top:192px;right:-8px;transform:rotate(-5deg) scale(.65);transform-origin:top right;width:250px}.hero-intro{font-size:15px;max-width:64%;margin-bottom:14px}.hero-text{max-width:57%;font-size:10px;margin-bottom:19px}.chunky-button{font-size:10px;padding:9px 10px;gap:12px}.hero-foot{font-size:7px;padding:9px 8px}.hero-foot span{font-size:7px}.section-heading>span{font-size:7px;max-width:40%}.section-heading h2{font-size:18px}.product-grid{gap:9px}.product-image{height:122px}.product-image svg{height:115px}.product-copy{padding:10px}.category{font-size:6px;letter-spacing:.5px}.product h3{font-size:16px;min-height:38px;margin-bottom:3px}.product p{font-size:9px;line-height:1.6;min-height:74px}.product-bottom{align-items:flex-start;flex-direction:column;gap:8px}.product-bottom b{font-size:20px}.product-bottom button{width:100%;font-size:9px;padding:6px}.mini-sticker{font-size:8px;bottom:7px;right:5px;padding:3px}.mini-sticker small{font-size:6px}.advice-inner{grid-template-columns:1fr}.expert{border-right:0;border-bottom:1px dotted #bac0aa;padding:12px;display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:center}.expert-face{grid-row:1/3;margin:0;font-size:28px;height:34px;width:30px}.expert p{font-size:10px;margin:3px 0 0}.expert p br{display:none}.guestbook blockquote{padding:11px}.guestbook blockquote>div{flex-wrap:wrap;gap:3px}.guestbook blockquote p{font-size:11px}.rightbar{grid-template-columns:1fr 1fr;gap:10px}.rightbar .wisdom{display:none}.offer-body{padding:10px 5px}.afterwork{padding:12px 8px}.afterwork h2{font-size:26px}.footer-main{padding:15px 12px;gap:15px}.footer-main b{font-size:16px}.footer-main a{font-size:8px;text-align:right}.footer-small{padding:12px 12px 0;font-size:7px}.disclaimer{font-size:7px;margin-inline:12px}.toast{font-size:10px;padding:10px 15px}.dialog-content{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Lange deutsche Fachwörter bleiben auch auf kleinen Bildschirmen im Rahmen. */
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product{min-width:0}.product h3{overflow-wrap:anywhere}.afterwork h2{font-size:22px;overflow-wrap:anywhere}.brand{min-width:0}.header-copy{min-width:0}
@media(max-width:480px){.afterwork h2{font-size:23px}.hero h1{font-size:clamp(42px,13vw,51px)}}