:root{--ink:#293f42;--muted:#647374;--coral:#c85f49;--paper:#faf8f2;--line:#e2e6df;--sage:#eaf0e9;--aqua:#e6f1ee;--gold:#bd9556}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button,a{transition:background .18s,transform .18s}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c85f49;outline-offset:4px}input:focus,select:focus{outline:2px solid #9dbbb4;outline-offset:2px}[hidden]{display:none!important}.nav{max-width:1340px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 38px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:700 25px Georgia,serif;letter-spacing:-.5px}.brand small{display:block;font:9px 'Segoe UI',sans-serif;letter-spacing:2px;margin-top:4px;color:var(--muted)}.brand-icon{position:relative;background:var(--ink);color:white;font:italic 38px Georgia;border-radius:14px;width:45px;height:45px;text-align:center;line-height:40px}.brand-icon span{font:20px Georgia;position:absolute;right:4px;top:3px;color:#f2b99e}.nav nav{display:flex;gap:32px;align-items:center;font-size:13px}.nav-download{border:1px solid #d5ddd5;border-radius:30px;padding:9px 18px}.hero{max-width:1264px;margin:auto;min-height:565px;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;padding:45px 0 35px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#637a70}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-right:6px}h1{font:clamp(38px,4.4vw,62px)/1.11 Georgia,serif;letter-spacing:-2px;margin:22px 0}h1 em{color:var(--coral);font-weight:400}p{margin:12px 0}.hero-copy>p{max-width:450px;font-size:16px;color:var(--muted);line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--ink);border:1px solid var(--ink);color:white;padding:13px 23px;border-radius:8px;font-weight:600;font-size:13px}.button:hover{background:#3e5c5e;transform:translateY(-1px)}.hero .button{margin-top:19px}.hero-notes{display:flex;gap:18px;margin-top:23px;font-size:10px;color:var(--muted)}.hero-art{position:relative;display:grid;place-items:center;min-height:480px}.hero-art:before{content:'';position:absolute;width:430px;height:430px;border-radius:50%;background:#e9f0e8;z-index:-1}.hero-art img{width:90%;max-height:480px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 15px #71847b13)}.art-label{position:absolute;z-index:1;left:-7px;top:14px;font:16px/1.45 Georgia;color:#6c7b6b;transform:rotate(-8deg)}.art-label em{color:var(--coral)}.art-stamp{position:absolute;right:0;bottom:28px;border:1px solid #b9c9bd;border-radius:50%;background:#f7f8efed;width:108px;height:108px;text-align:center;font-size:8px;letter-spacing:1px;padding-top:21px;transform:rotate(10deg)}.art-stamp b{font:29px Georgia;letter-spacing:0}.orb{position:absolute;border:1px solid #ccdfd7;border-radius:50%;width:32px;height:32px;right:10px;top:24px}.orb-two{width:15px;height:15px;top:68px;right:0}.atelier{max-width:1264px;margin:25px auto 0;padding-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}h2{font:36px/1.2 Georgia;letter-spacing:-1px;margin:10px 0 0}.section-heading>p{color:var(--muted);font-size:13px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.work-main{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 50px #263f3b05}.steps{display:flex;background:#f2f4ee;border-bottom:1px solid var(--line);padding:0 22px;gap:24px}.steps button{padding:20px 8px;border:0;border-bottom:3px solid transparent;background:none;color:#7a8581;font-size:13px}.steps button span{margin-right:9px;font-size:10px}.steps .active{color:var(--ink);border-color:var(--coral);font-weight:700}.panel{padding:30px}.panel-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.kicker{font-size:9px;letter-spacing:1.8px;color:var(--muted)}h3{font:29px/1.25 Georgia;letter-spacing:-.5px;margin:7px 0 0}.pill{white-space:nowrap;background:#edf2e9;color:#68795f;border-radius:30px;padding:5px 11px;font-size:10px}.muted{color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.form-grid.base{grid-template-columns:1.5fr 1fr 1fr;gap:14px;margin:25px 0 28px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600}input,select{width:100%;min-width:0;border:1px solid #dce3dd;border-radius:7px;color:var(--ink);background:#fdfdfb;padding:11px;font-size:13px}label small{font-size:10px;font-weight:400;color:var(--muted);line-height:1.5}.unit{position:relative;display:flex}.unit input{padding-right:32px}.unit>span{position:absolute;right:12px;top:11px;font-size:12px;color:var(--muted)}.recipe-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.text-button{border:0;background:none;color:var(--coral);font-size:11px;font-weight:600;padding:8px 0}.table-wrap{overflow-x:auto;margin-top:8px}table{width:100%;border-collapse:collapse}.fette th{font-size:9px;color:#7c8883;font-weight:500;text-align:left;padding:12px 5px;background:#f6f7f2}.fette td{padding:11px 5px;border-bottom:1px solid #edf0ea;font-size:12px}.fette td.nr{color:#9aa89d;font-size:10px;width:25px}.fette td:nth-child(2){width:47%}.fette input.menge{max-width:85px}.fette .andere,.fette .laugeZelle{white-space:nowrap;font-size:11px;color:var(--muted)}.fette th:last-child,.fette .laugeZelle{display:none}.fette tfoot td{font-weight:700;border-bottom:0;padding-top:17px}.eigen{display:flex;gap:8px;margin-top:8px}.eigen input{max-width:50%}.add-oil{width:100%;padding:11px;margin-top:9px;border:1px dashed #c9d7cd;border-radius:7px;background:#fbfcf8;color:#627b68;font-size:11px}.mix-meter{height:5px;border-radius:5px;overflow:hidden;background:#edf0e8;margin-top:21px}.mix-meter>div{height:100%;background:#8aa48b;transition:width .3s}.mix-text{font-size:10px;color:var(--muted);text-align:right}.panel-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:25px;border-top:1px solid var(--line);padding-top:23px}.panel-footer>span{font:italic 12px Georgia;color:#7e8a7d}.hint{padding:13px 16px;background:#fff0df;border:1px solid #ecd0a8;color:#795326;border-radius:8px;font-size:12px}.recipe-side{background:#eaf0e6;border:1px solid #dfe7d9;border-radius:16px;padding:26px;position:sticky;top:20px}.side-icon{font-size:32px;color:#8b9c79;margin-bottom:12px}.recipe-side .eyebrow{font-size:8px;letter-spacing:1.5px}.recipe-side h3{font-size:27px;margin:12px 0}.recipe-side>p{font-size:12px;color:#77826f}.side-stats{margin-top:23px;border-top:1px solid #d5dfcf}.side-stats>div{display:flex;justify-content:space-between;border-bottom:1px solid #d5dfcf;padding:13px 0;font-size:11px}.side-stats span{color:#72806c}.side-tip{background:#f5f6ed;border-radius:9px;padding:16px;margin-top:23px;font-size:10px}.side-tip b{font-weight:600}.side-tip p{color:#7c8573;margin-bottom:0}.local-note{margin-top:21px;font-size:10px;color:#6b806b}.local-note span{font-size:9px;color:#899482}.composition{height:9px;display:flex;overflow:hidden;border-radius:6px;margin-top:24px}.composition span{height:100%;transition:width .2s}.subheading{margin-top:30px;padding-top:23px;border-top:1px solid var(--line);font:21px Georgia}.soft-note{font-size:11px;color:#6d7c70;background:#f2f5ed;border-radius:8px;padding:13px 16px;margin-top:20px}.result-intro{display:flex;justify-content:space-between;align-items:center;background:#f1f5ef;padding:25px;border-radius:12px;margin:25px 0}.result-intro strong{display:block;font:42px Georgia;margin:5px 0}.result-intro>div>span:last-child{display:block;color:var(--muted);font-size:11px}.recipe-ring{width:125px;height:125px;border-radius:50%;padding:17px;display:grid;place-items:center;background:#d3dfd0}.recipe-ring>div{width:100%;height:100%;background:#f1f5ef;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.recipe-ring b{font:23px Georgia}.recipe-ring span{font-size:8px}h4{font:22px Georgia;margin:25px 0 15px}.kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kachel{border:1px solid var(--line);padding:15px;border-radius:9px;display:flex;flex-direction:column;background:#fffefb}.kachel:first-child{background:#f9eee5;border-color:#efdbca}.kachel span{font-size:10px;color:var(--muted)}.kachel b{font:25px Georgia;margin:7px 0}.kachel small{font-size:9px;color:var(--muted);line-height:1.5}.result-section{margin-top:30px;border-top:1px solid var(--line);padding-top:4px}.section-mini{display:flex;align-items:center;justify-content:space-between}.section-mini>span{font-size:9px;color:var(--muted)}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.property{padding:17px;border:1px solid var(--line);border-radius:9px}.property-head{display:flex;justify-content:space-between;align-items:center}.property-head b{font-size:12px}.property-head strong{font:24px Georgia}.property p{font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:0}.scale{position:relative;height:7px;background:#f1eee6;border-radius:5px;margin:16px 0 7px}.scale .zone{position:absolute;background:#cbdcc4;height:100%;border-radius:4px}.scale i{position:absolute;top:-4px;width:3px;height:15px;border-radius:2px;background:var(--ink)}.scale-label{font-size:9px;display:flex;justify-content:space-between;color:var(--muted)}.scale-label b{font-weight:500;color:#8a6834}.oil-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oil-item{display:flex;align-items:center;gap:8px;font-size:11px;padding:8px;border-bottom:1px solid var(--line)}.oil-item i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.oil-item span{flex:1}.oil-item small{color:var(--muted)}.fatty-bars{display:grid;grid-template-columns:1fr 1fr;gap:16px 25px}.fatty-head{display:flex;justify-content:space-between;font-size:10px}.fatty-track{height:6px;border-radius:4px;background:#edf0e9;margin-top:7px}.fatty-track span{height:100%;display:block;border-radius:4px;background:#91aaa0}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';color:var(--coral);margin-left:15px}details[open]>summary:after{content:'−'}.etikett{font-size:11px;line-height:1.8;background:#f8f7f1;border:1px dashed #d2d9ca;border-radius:8px;padding:15px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.outline-button{border:1px solid #cad4ca;background:white;color:var(--ink);padding:12px 15px;border-radius:8px;font-size:11px;display:inline-flex;align-items:center;justify-content:center}.file-button{cursor:pointer}.knowledge{max-width:1264px;margin:90px auto 65px;display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.knowledge h2{font-size:37px}.knowledge>div>p{font-size:13px;color:var(--muted);max-width:350px}.knowledge a{font-size:11px;color:var(--coral);border-bottom:1px solid #e7c0ac}.faq details{padding:22px 0}.faq p{font-size:12px;color:var(--muted)}footer{max-width:1264px;margin:auto;border-top:1px solid var(--line);padding:25px 0 35px;display:flex;gap:20px;justify-content:space-between;align-items:center}footer .brand{font-size:22px}.footer-dot{color:var(--coral);font-size:27px}footer>span{font-size:10px;color:var(--muted)}.druck{display:none}@media(min-width:1450px){.hero{min-height:620px}.hero-art img{max-height:520px}}@media(max-width:1350px){.hero,.atelier,.knowledge,footer{margin-left:35px;margin-right:35px}}@media(max-width:950px){.hero{grid-template-columns:1fr 1fr;min-height:500px}.hero-art{min-height:360px}.hero-art:before{width:320px;height:320px}.hero-art img{width:100%}.hero-notes{flex-direction:column;gap:3px}.workspace{grid-template-columns:1fr}.recipe-side{position:static;display:none}.art-label{display:none}.art-stamp{width:85px;height:85px;padding-top:14px;font-size:6px}.art-stamp b{font-size:24px}.knowledge{gap:40px}.nav nav{gap:18px}.section-heading>p{max-width:230px}}@media(max-width:650px){.nav{padding:18px 20px}.nav nav>a:not(.nav-download){display:none}.nav-download{font-size:10px;padding:7px 10px}.brand{font-size:21px}.brand small{font-size:7px;letter-spacing:1px}.brand-icon{width:36px;height:36px;font-size:30px;line-height:33px}.hero,.atelier,.knowledge,footer{margin-left:18px;margin-right:18px}.hero{grid-template-columns:1fr;padding-top:35px;gap:0}.hero h1{font-size:43px}.hero-art{min-height:320px;max-width:370px;justify-self:center}.hero-art img{max-height:340px}.hero-art:before{width:290px;height:290px}.hero-notes{flex-direction:row;gap:10px;font-size:8px}.hero-copy>p{font-size:14px}.section-heading{display:block}h2{font-size:29px}.section-heading>p{max-width:none;margin-top:12px}.steps{padding:0 10px;gap:0;justify-content:space-between}.steps button{padding:17px 5px;font-size:11px}.steps button span{font-size:9px;margin-right:5px}.panel{padding:20px 15px}h3{font-size:25px}.panel-title .pill{font-size:8px;padding:5px 8px}.form-grid.base{grid-template-columns:1fr 1fr}.base>label:first-child{grid-column:1/-1}.form-grid{gap:18px 12px}.panel-footer>span{display:none}.panel-footer{justify-content:flex-end}.fette td:nth-child(2){width:48%}.fette input,.fette select{font-size:11px;padding:9px 6px}.fette td{padding:10px 3px}.fette input.menge{max-width:65px}.fette td.nr{width:16px}.fette .andere{font-size:10px}.kacheln{grid-template-columns:1fr 1fr}.property-grid{grid-template-columns:1fr}.section-mini{display:block}.section-mini>span{display:block;margin-top:-8px}.oil-legend{grid-template-columns:1fr}.result-intro{padding:17px}.result-intro strong{font-size:32px}.recipe-ring{width:98px;height:98px;padding:12px}.fatty-bars{gap:16px}.knowledge{grid-template-columns:1fr;gap:25px;margin-top:55px}footer{flex-wrap:wrap}footer>span:last-child{width:100%;font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.5px}}@media print{body{background:white;color:#111;font:11pt/1.4 Arial}.nav,main{display:none!important}.druck{display:block!important}.druck h1{font-size:25pt;letter-spacing:-1px}.druck table{margin:15px 0}.druck th,.druck td{text-align:left;border-bottom:1px solid #ddd;padding:5px}.druck-zwei{display:grid;grid-template-columns:1fr 1fr;gap:20px}.druck .klein{font-size:9pt}.druck tr{break-inside:avoid}}
/* 23.10.2026: Kopfzeile über die ganze Breite im Salbeigrün der Rezept-Karte („Zuber voller Möglichkeiten“) */
.nav{max-width:none;background:#eaf0e6;border-bottom:1px solid #dfe7d9;padding:25px max(38px,calc((100% - 1264px) / 2))}
@media(max-width:650px){.nav{padding:18px 20px}}
.footer-links{font-size:11px;color:var(--muted)}.footer-links a{border-bottom:1px solid #d5ddd5}.footer-links a:hover{color:var(--coral)}
/* Rechtstexte */
.rechtstext{max-width:760px;margin:50px auto 70px;padding:0 24px}.rechtstext h1{font-size:clamp(32px,4vw,44px);letter-spacing:-1px;margin:0 0 24px}.rechtstext h2{font-size:22px;margin:32px 0 8px;letter-spacing:-.3px}.rechtstext p,.rechtstext li{font-size:14px;color:var(--ink);line-height:1.75}.rechtstext a{color:var(--coral);border-bottom:1px solid #e7c0ac}.rechtstext .muted{font-size:12px}
/* 23.10.2026: Streifen „Willkommen im Seifenatelier“ über die ganze Breite in zartem Apricot */
.atelier .section-heading{background:#fbeee3;box-shadow:0 0 0 100vmax #fbeee3;clip-path:inset(0 -100vmax);padding:30px 0;margin-bottom:30px}
/* 23.10.2026: Kein Kreis und kein Kastenschatten hinter dem Seifenteufel (Bild ist ein JPG mit weißem Grund) */
.hero-art:before{display:none}.hero-art img{filter:none}