.area-hero{padding-bottom:72px}.area-hero-grid{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;display:grid}.area-hero h1{font-size:clamp(58px,8vw,105px)}.area-hero-note{background:var(--acid);border-radius:12px;grid-template-columns:90px 1fr;align-items:center;gap:25px;min-height:185px;padding:28px;display:grid}.area-hero-note>span{letter-spacing:-.07em;font-size:76px;font-weight:760;line-height:1}.area-hero-note div{flex-direction:column;gap:10px;display:flex}.area-hero-note strong{font-size:17px;line-height:1.15}.area-hero-note p{color:#4e5c31;margin:0;font-size:.8125rem;line-height:1.55}.area-jump-wrap{z-index:20;border-block:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8f4f5;position:sticky;top:47px}.area-jump{grid-template-columns:repeat(9,1fr);min-height:62px;display:grid}.area-jump a{color:#52625e;text-align:center;flex-direction:column;justify-content:center;gap:5px;padding:0 12px;font-size:.75rem;line-height:1.2;transition:background .2s,color .2s;display:flex}.area-jump a+a{border-left:1px solid var(--line)}.area-jump a:hover,.area-jump a:focus-visible{color:var(--ink);background:#fff;outline:none}.area-jump a span{color:#889590;font:650 .75rem var(--font-geist-mono), monospace}.mixing-calculator-section{padding-block:90px 105px;scroll-margin-top:120px}.mixing-intro{grid-template-columns:.75fr 1.1fr .75fr;align-items:end;gap:50px;margin-bottom:42px;display:grid}.mixing-intro .eyebrow{margin:0;line-height:1.6}.mixing-intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.5vw,72px);line-height:.95}.mixing-intro>p:last-child{color:var(--muted);margin:0;font-size:.875rem;line-height:1.7}.mixing-workbench{background:var(--ink);border-radius:14px;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);display:grid;overflow:hidden;box-shadow:0 28px 65px #102a2729}.mixing-controls{background:#edf3ee;padding:32px}.mixing-controls header>span,.mixing-output header>span,.mixing-field>span:first-child,.mixing-total>span:first-child,.mixing-ratio span,.mixing-amounts article>span,.mixing-error span,.mixing-safety-note>span{font:750 .75rem var(--font-geist-mono), monospace;letter-spacing:.11em}.mixing-controls header>span{color:#607a72}.mixing-controls h3{letter-spacing:-.04em;max-width:470px;margin:27px 0 11px;font-size:28px;line-height:1.05}.mixing-controls header p{color:#5d7069;margin:0;font-size:.8125rem;line-height:1.65}.mixing-fields{gap:10px;margin-top:28px;display:grid}.mixing-field{background:#fff;border:1px solid #cedbd5;border-radius:9px;grid-template-columns:1fr 1.35fr;align-items:end;gap:5px 14px;padding:15px 16px;display:grid}.mixing-field>span:first-child{color:#405f56}.mixing-field>small{color:#7c8b86;grid-column:1;font-size:.75rem;line-height:1.35}.mixing-input-wrap{background:#f9fbf9;border:1px solid #c8d5d0;border-radius:7px;grid-area:1/2/3;grid-template-columns:1fr 23px;align-items:center;height:48px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:grid}.mixing-input-wrap:focus-within,.mixing-total-input:focus-within{border-color:#4b8a78;box-shadow:0 0 0 3px #4b8a781f}.mixing-input-wrap input,.mixing-total-input input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:19px;font-weight:720}.mixing-input-wrap em{color:#6e817a;font:700 .8125rem var(--font-geist-mono), monospace;text-align:right;font-style:normal}.mixing-total{color:#405f56;gap:8px;margin-top:18px;display:grid}.mixing-total-input{background:#fff;border:1px solid #c8d5d0;border-radius:8px;grid-template-columns:1fr 130px;align-items:center;height:54px;transition:border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.mixing-total-input input{padding-inline:15px}.mixing-total-input select{color:#40534d;cursor:pointer;background:#f5f8f5;border:0;border-left:1px solid #d5dfdb;outline:0;align-self:stretch;padding:0 12px;font-size:.875rem;font-weight:700}.mixing-reset{color:#60716b;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:14px;padding:4px 0;font-size:.75rem;text-decoration:underline}.mixing-output{color:#fff;background:radial-gradient(circle at 76% 22%, #d8f44a1a, transparent 30%), var(--ink);min-width:0;padding:32px}.mixing-output header{grid-template-columns:160px 1fr;align-items:start;gap:25px;display:grid}.mixing-output header>span{color:var(--acid)}.mixing-output header>strong{max-width:560px;font-size:16px;line-height:1.4}.mixing-cross{background:#ffffff09;border:1px solid #ffffff21;border-radius:11px;grid-template-rows:1fr 1fr;grid-template-columns:1fr .85fr 1fr;align-items:center;gap:14px 28px;min-height:255px;margin:30px 0;padding:22px;display:grid;position:relative}.mixing-cross>i{background:linear-gradient(to top right,#0000 calc(50% - 1px),#d8f44a8c 50%,#0000 calc(50% + 1px)),linear-gradient(to bottom right,#0000 calc(50% - 1px),#d8f44a8c 50%,#0000 calc(50% + 1px));position:absolute;inset:18% 27%}.mixing-cross>div{z-index:1;background:#294b43;border-radius:8px;flex-direction:column;justify-content:center;min-height:72px;padding:12px 14px;display:flex;position:relative}.mixing-cross>div small{color:#9fb6af;font:700 .75rem var(--font-geist-mono), monospace;letter-spacing:.1em}.mixing-cross>div strong{margin-top:9px;font-size:24px}.mixing-cross-a{grid-area:1/1}.mixing-cross-b{grid-area:2/1}.mixing-cross-target{text-align:center;color:var(--ink);grid-area:1/2/3;align-self:center;background:var(--acid)!important}.mixing-cross-target small{color:#5d6d2c!important}.mixing-cross-parts-a{grid-area:1/3}.mixing-cross-parts-b{grid-area:2/3}.mixing-result{background:#ffffff0f;border-radius:11px;place-items:center;min-height:185px;padding:22px;display:grid}.mixing-result.has-result{color:var(--ink);background:#f0f5ef;display:block}.mixing-ratio{border-bottom:1px solid #d6e0db;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.mixing-ratio span{color:#61746d}.mixing-ratio strong{letter-spacing:-.04em;font-size:28px}.mixing-amounts{grid-template-columns:1fr auto 1fr auto 1.15fr;align-items:stretch;gap:12px;padding-top:18px;display:grid}.mixing-amounts article{background:#fff;border-radius:8px;flex-direction:column;min-width:0;padding:14px;display:flex}.mixing-amounts article.is-target{background:var(--acid)}.mixing-amounts article>span{color:#6e7d78;font-size:.75rem}.mixing-amounts article strong{margin-top:15px;font-size:19px;line-height:1}.mixing-amounts article small{color:#6b7b75;margin-top:7px;font-size:.75rem}.mixing-amounts>i{color:#78908a;align-self:center;font-style:normal}.mixing-error{text-align:center;gap:13px;display:grid}.mixing-error span{color:#f2bd6c}.mixing-error strong{max-width:520px;font-size:16px;line-height:1.45}.mixing-safety-note{background:#f0e4dc;border-left:5px solid #bd5b45;grid-template-columns:190px 1fr 230px;align-items:center;gap:28px;min-height:145px;margin-top:14px;padding:28px 30px;display:grid}.mixing-safety-note>span{color:#9c4938;line-height:1.5}.mixing-safety-note strong{font-size:16px}.mixing-safety-note p{color:#695f59;margin:9px 0 0;font-size:.8125rem;line-height:1.65}.mixing-safety-note>a{color:#704f46;border:1px solid #d2bfb5;border-radius:8px;justify-content:space-between;gap:18px;padding:14px 16px;font-size:.8125rem;font-weight:720;display:flex}.mixing-safety-note>a:hover,.mixing-safety-note>a:focus-visible{background:#fff;border-color:#a95a46;outline:none}.area-calculators{padding-block:90px 115px}.area-intro{grid-template-columns:.75fr 1.1fr .75fr;align-items:end;gap:50px;margin-bottom:42px;display:grid}.area-intro .eyebrow{margin:0;line-height:1.6}.area-intro h2{letter-spacing:-.05em;margin:0;font-size:clamp(35px,4.5vw,54px);line-height:1}.area-intro>p:last-child{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.65}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.area-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-height:535px;padding:25px;scroll-margin-top:130px;display:flex}.area-card:nth-child(4n+2),.area-card:nth-child(4n+3){background:#f0f7f3}.area-card-head{justify-content:space-between;align-items:flex-start;min-height:75px;display:flex}.area-card-head>div{flex-direction:column;gap:7px;display:flex}.area-card-head>div>span{font:700 .75rem var(--font-geist-mono), monospace}.area-card-head small{color:#788781;font:650 .75rem var(--font-geist-mono), monospace;letter-spacing:.12em}.area-shape{background:var(--mint-light);border:2px solid #3c6c61;width:58px;height:43px;display:block}.area-shape--quadrat{width:45px;height:45px}.area-shape--dreieck{clip-path:polygon(50% 0,100% 100%,0 100%);background:#cdebdc;border:0}.area-shape--kreis{border-radius:50%;width:47px;height:47px}.area-shape--trapez{clip-path:polygon(23% 0,77% 0,100% 100%,0 100%);background:#cdebdc;border:0}.area-shape--parallelogramm{clip-path:polygon(22% 0,100% 0,78% 100%,0 100%);background:#cdebdc;border:0}.area-shape--ellipse{border-radius:50%;height:40px}.area-shape--kreisring{border-radius:50%;width:48px;height:48px;position:relative}.area-shape--kreisring:after{content:"";background:#fff;border:2px solid #3c6c61;border-radius:50%;position:absolute;inset:11px}.area-card h2{letter-spacing:-.045em;margin:10px 0 6px;font-size:35px}.area-formula{color:#4a756a;font:680 .8125rem var(--font-geist-mono), monospace;margin:0 0 28px}.area-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.area-fields label{color:#667670;flex-direction:column;gap:7px;font-size:.75rem;display:flex}.area-input-wrap{background:#fff;border:1px solid #cfd9d4;border-radius:8px;grid-template-columns:27px 1fr 21px;align-items:center;height:52px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:grid}.area-input-wrap:focus-within{border-color:#4b8a78;box-shadow:0 0 0 3px #4b8a781f}.area-input-wrap strong{color:#70807a;font:700 .8125rem var(--font-geist-mono), monospace}.area-input-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:1rem;font-weight:650}.area-input-wrap input::placeholder{color:#adb7b3;font-weight:450}.area-input-wrap em{color:#7a8984;font:650 .75rem var(--font-geist-mono), monospace;text-align:right;font-style:normal}.area-result{background:#edf1ed;border-radius:9px;flex-direction:column;justify-content:center;min-height:112px;margin-top:auto;padding:18px 20px;display:flex}.area-result.has-result{background:var(--acid)}.area-result>span{color:#71807a;font:700 .75rem var(--font-geist-mono), monospace;letter-spacing:.12em}.area-result p{color:#697872;margin:9px 0 0;font-size:.8125rem;line-height:1.45}.area-result strong{letter-spacing:-.04em;margin-top:5px;font-size:35px;line-height:1}.area-result strong small{letter-spacing:0;font-size:1rem;font-weight:650}.area-reset{color:#60716b;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:12px;padding:4px 0;font-size:.75rem;text-decoration:underline}.area-reset:disabled{opacity:.35;cursor:default}.area-tip{border-left:4px solid var(--acid);background:var(--ink);color:#fff;grid-template-columns:150px 1fr;align-items:center;gap:25px;min-height:120px;margin-top:45px;padding:26px;display:grid}.area-tip span{color:var(--acid);font:700 .75rem var(--font-geist-mono), monospace;letter-spacing:.12em}.area-tip p{color:#b4c4bf;margin:0;font-size:.875rem;line-height:1.65}