:root{--lanxess-red: #e5252f;--lanxess-red-hover: #c8000a;--lanxess-red-active: #a00009;--lanxess-near-black: #1a1919;--lanxess-gray-1: #333333;--lanxess-gray-2: #666666;--lanxess-gray-3: #cfcfcf;--lanxess-bg-1: #f8f8f8;--lanxess-bg-2: #efefef;--lanxess-bg-3: #f3f3f3;--color-primary: var(--lanxess-red);--color-primary-hover: var(--lanxess-red-hover);--color-primary-active: var(--lanxess-red-active);--color-on-primary: #ffffff;--color-text: var(--lanxess-near-black);--color-text-strong: #000000;--color-muted: var(--lanxess-gray-2);--color-border: #e3e3e3;--color-border-strong: var(--lanxess-gray-3);--color-surface: #ffffff;--color-surface-muted: var(--lanxess-bg-1);--color-background: transparent;--color-success: #2e7d4f;--color-warning: #c97a00;--color-error: var(--lanxess-red);--color-info: #1f6feb;--color-success-soft: #eaf5ee;--color-warning-soft: #fff6e6;--color-error-soft: #fdecec;--primary-color: var(--color-primary);--secondary-color: var(--color-primary);--text-dark: var(--color-text);--text-medium: var(--lanxess-gray-1);--text-light: var(--color-muted);--background-light: var(--color-surface-muted);--border-color: var(--color-border);--success-color: var(--color-success);--warning-color: var(--color-warning);--error-color: var(--color-error);--info-color: var(--color-info);--radius-card: 4px;--radius-control: 2px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(15, 15, 15, .04);--shadow-focus: 0 0 0 3px rgba(229, 37, 47, .25);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-section: 32px;--btn-radius: var(--radius-pill);--btn-padding: 11px 24px 12px;--btn-font-size: 14px;--btn-font-weight: 700;--font-stack: "Lanxess", "Helvetica Neue", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-background)}body{font-family:var(--font-stack);color:var(--color-text);font-size:15px;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:block;width:100%}img{max-width:100%;height:auto}sup{font-size:.75em;vertical-align:super}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700;margin:0 0 var(--space-3) 0;letter-spacing:-.005em}h1{font-size:1.625rem;line-height:1.25;margin-bottom:var(--space-5)}h2{font-size:1.25rem;line-height:1.3;margin-bottom:var(--space-4)}h3{font-size:.95rem;line-height:1.35;font-weight:700;color:var(--color-text);text-transform:none;letter-spacing:0}h2.bordered{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);margin-top:var(--space-section)}p{margin:0 0 var(--space-3) 0}strong,b{font-weight:700;color:var(--color-text)}a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}a:hover{border-bottom-color:currentColor}a:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:2px}.container,.verbrauch-calculator,.profitrocknung-container,.randstreifen-container,.trocknung-container{--content-max: 880px;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-section) var(--space-4);background:transparent;border:0;box-shadow:none}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-4);transition:border-color .15s ease}.form-section h3{margin:0 0 var(--space-4) 0;color:var(--color-text);font-size:.95rem;font-weight:700}.form-sections-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-option{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-weight:400;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.radio-option:hover{border-color:var(--color-primary);background:var(--color-surface)}.radio-option input[type=radio],.radio-option input[type=checkbox]{margin:0;accent-color:var(--color-primary);width:16px;height:16px;flex:none}.radio-option.selected{border-color:var(--color-primary);background:#fff5f5}.radio-group.legacy{flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.radio-option.legacy{background:var(--color-surface)}.radio-option.legacy.selected{background:#fff5f5;border-color:var(--color-primary)}.slider-section{margin:var(--space-4) 0}.slider-container{margin-top:var(--space-3);padding:var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-control)}.slider-container h6{margin:0 0 var(--space-3) 0;font-weight:700;color:var(--color-text)}.slider-wrapper{position:relative;margin:var(--space-3) 0}.slider{width:100%;height:4px;border-radius:var(--radius-pill);background:var(--lanxess-bg-2);outline:none;appearance:none;margin:10px 0;cursor:pointer}.slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003;-webkit-transition:box-shadow .15s ease,transform .1s ease;transition:box-shadow .15s ease,transform .1s ease}.slider::-webkit-slider-thumb:hover{box-shadow:0 2px 6px #e5252f66}.slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-focus)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.slider-value{display:inline-block;margin-left:var(--space-3);font-weight:700;color:var(--color-text);min-width:50px;font-size:1rem}.size-info{margin-top:var(--space-2);font-size:.85rem;color:var(--color-muted)}input[type=text],input[type=number],input[type=email],.form-control,select,textarea{font-family:inherit;font-size:.95rem;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}input:focus-visible,.form-control:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}button,.primary-button,.calculate-button,.btn-primary{display:inline-block;background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary);padding:var(--btn-padding);border-radius:var(--btn-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);font-family:inherit;cursor:pointer;margin-top:var(--space-3);text-transform:none;letter-spacing:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease}button:hover:not(:disabled),.primary-button:hover,.calculate-button:hover,.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}button:active:not(:disabled),.primary-button:active,.calculate-button:active,.btn-primary:active{background:var(--color-primary-active);border-color:var(--color-primary-active)}button:focus-visible,.btn-primary:focus-visible,.primary-button:focus-visible,.calculate-button:focus-visible,.secondary-button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button:disabled{background:var(--lanxess-bg-2);border-color:var(--color-border);color:var(--color-muted);cursor:not-allowed}.secondary-button{display:inline-block;background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);padding:10px 22px;border-radius:var(--btn-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);font-family:inherit;cursor:pointer;transition:background-color .15s ease,color .15s ease}.secondary-button:hover{background:var(--color-primary);color:var(--color-on-primary)}.results-section,.result-section{margin-top:var(--space-section);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.results-header{display:block;margin:0 0 var(--space-4) 0;padding:0 0 var(--space-3) 0;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.05rem;font-weight:700;text-transform:none;letter-spacing:0;background:transparent}.result-section h2{color:var(--color-text);margin-bottom:var(--space-4);font-size:1.15rem;font-weight:700;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.results-container{display:flex;flex-direction:column;gap:var(--space-3)}.result-row{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-3)}.result-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.result-item.with-additive{border-left:3px solid var(--color-success)}.result-item.highlight{border-left:3px solid var(--color-primary);background:#fff7f7}.result-label{font-weight:600;min-width:150px;color:var(--color-muted);font-size:.85rem;text-transform:none;letter-spacing:0}.result-value{flex:1;color:var(--color-text);font-weight:700;font-size:1.05rem}.result-bar{position:relative;background:var(--lanxess-bg-2);border-radius:var(--radius-pill);height:28px;display:flex;align-items:center;padding:0 12px;border:0;overflow:hidden}.result-bar-inner{position:absolute;inset:0 auto 0 0;height:100%;background:var(--color-primary);width:var(--progress-width, 0%);transition:width .5s ease}.with-additive .result-bar-inner{background:var(--color-success)}.highlight .result-bar-inner{background:var(--color-primary)}.specification-text,.specification{background:var(--color-surface-muted);padding:var(--space-4);border-radius:var(--radius-card);border-left:3px solid var(--color-primary);margin-top:var(--space-4);line-height:1.65;color:var(--color-text)}.spec-text{white-space:pre-wrap}.result-header{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-card);border-bottom:1px solid var(--color-border)}.result-header-item{font-weight:700;color:var(--color-text);text-align:center;font-size:.95rem}.result-row.grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4);margin-bottom:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.result-label.column{display:flex;flex-direction:column;gap:var(--space-3)}.estrich-type{font-weight:700;color:var(--color-text);font-size:1rem}.expansion-container{display:flex;align-items:center;gap:var(--space-3)}.expansion-bar{flex:1;position:relative;background:var(--lanxess-bg-2);border-radius:var(--radius-pill);height:18px;border:0;overflow:hidden}.expansion-bar-inner{position:absolute;inset:0 auto 0 0;height:100%;background:var(--color-primary);width:var(--expansion-width, 0%);transition:width .5s ease}.expansion-value{min-width:60px;text-align:right;font-weight:700;color:var(--color-text)}.result-recommendation{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;color:var(--color-success);background:var(--color-success-soft);border-radius:var(--radius-card);padding:var(--space-3);border-left:3px solid var(--color-success)}.error-message{text-align:center;padding:var(--space-5);background:var(--color-error-soft);color:var(--color-text);border-radius:var(--radius-card);border-left:3px solid var(--color-error);margin:var(--space-4) 0}.error-message h2{color:var(--color-error);margin-bottom:var(--space-3);font-size:1.1rem;border-bottom:0;padding-bottom:0}.warning-icon{width:40px;height:40px;margin-bottom:var(--space-3)}.warning{border-color:var(--color-warning)!important;background:var(--color-warning-soft)!important;border-left:3px solid var(--color-warning)!important}.warning .slider{background:#ffe6c7}.warning .slider::-webkit-slider-thumb{background:var(--color-warning)}.warning .slider::-moz-range-thumb{background:var(--color-warning)}.verbrauch-calculator .calculator-form{background:var(--color-surface);padding:0;border:0;margin-bottom:var(--space-4);box-shadow:none}.verbrauch-calculator .form-group{margin-bottom:var(--space-5)}.verbrauch-calculator .form-group h3{color:var(--color-text);margin-bottom:var(--space-3);font-size:.95rem;font-weight:700;text-transform:none;letter-spacing:0}.verbrauch-calculator fieldset{border:0;padding:0;margin:0}.verbrauch-calculator .radio-group{gap:var(--space-2)}.verbrauch-calculator .radio-option label{flex:1;cursor:pointer;margin:0;font-weight:400;color:var(--color-text)}.verbrauch-calculator .radio-option input:disabled+label{color:var(--color-muted);cursor:not-allowed}.verbrauch-calculator .input-with-unit{display:flex;align-items:center;gap:var(--space-3)}.verbrauch-calculator .form-control{width:100%;max-width:220px}.verbrauch-calculator .unit{font-weight:600;color:var(--color-muted);font-size:.9rem}.verbrauch-calculator .slider-container{padding:var(--space-4)}.verbrauch-calculator .slider-wrapper{position:relative;margin-bottom:var(--space-5)}.verbrauch-calculator .slider{margin-bottom:var(--space-5)}.verbrauch-calculator .slider-scale{display:flex;justify-content:space-between;position:absolute;top:100%;left:0;right:0;margin-top:10px}.verbrauch-calculator .scale-mark{font-size:.8rem;color:var(--color-muted);text-align:center;flex:1;font-weight:500}.verbrauch-calculator .current-value{text-align:center;font-weight:700;color:var(--color-text);font-size:1rem}.verbrauch-calculator .results-section{opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.verbrauch-calculator .results-section.visible{opacity:1;transform:none;pointer-events:auto}.verbrauch-calculator .result-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-card)}.verbrauch-calculator .result-header{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);align-items:flex-start;background:transparent;border:0;padding:0}.verbrauch-calculator .product-image img{max-width:130px;height:auto;border-radius:var(--radius-card)}.verbrauch-calculator .result-text{flex:1;line-height:1.65;color:var(--color-text);font-size:1rem}.verbrauch-calculator .consumption-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.verbrauch-calculator .consumption-row{display:grid;grid-template-columns:140px 1fr;gap:var(--space-4);align-items:center;padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface-muted);border:1px solid var(--color-border)}.verbrauch-calculator .estrich-row{border-left:3px solid var(--color-primary)}.verbrauch-calculator .additive-row{border-left:3px solid var(--color-muted)}.verbrauch-calculator .amount{font-size:1.25rem;font-weight:700;color:var(--color-text);text-align:center;background:var(--color-surface);padding:10px 12px;border-radius:var(--radius-card);border:1px solid var(--color-border)}.verbrauch-calculator .product{font-weight:700;color:var(--color-text);margin-bottom:4px}.verbrauch-calculator .packages{font-size:.9rem;color:var(--color-muted);font-weight:500}.verbrauch-calculator .result-footer{border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-4)}.verbrauch-calculator .result-footer small{color:var(--color-muted);line-height:1.5;font-size:.8rem}.trocknung-container .result-bar-inner{background:var(--color-primary)}.trocknung-container .with-additive .result-bar-inner{background:var(--color-success)}.profitrocknung-container .result-bar-inner.profitrocknung{background:var(--color-primary)}.not-found-container{display:flex;justify-content:center;padding:var(--space-section) var(--space-4);background:transparent}.not-found-container .not-found-content{text-align:center;max-width:520px;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.not-found-container h1{font-size:3rem;color:var(--color-primary);margin:0 0 var(--space-2) 0;font-weight:700}.not-found-container h1:after{content:none}.not-found-container h2{font-size:1.25rem;color:var(--color-text);margin:var(--space-2) 0 var(--space-3) 0;font-weight:700;border-bottom:0;padding-bottom:0}.not-found-container p{font-size:1rem;color:var(--color-muted);margin:0}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-4)}.mb-3{margin-bottom:var(--space-5)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-4)}.mt-3{margin-top:var(--space-5)}@media (max-width: 768px){body{font-size:14px}.container,.verbrauch-calculator,.profitrocknung-container,.randstreifen-container,.trocknung-container{padding:var(--space-4) var(--space-3)}.form-section{padding:var(--space-4)}.form-sections-row,.result-header,.result-row.grid{grid-template-columns:1fr;gap:var(--space-3)}.result-row{flex-direction:column;gap:var(--space-2)}.result-label{min-width:0}.result-header-item{text-align:left}.verbrauch-calculator .consumption-row{grid-template-columns:1fr;text-align:center}.verbrauch-calculator .result-header{flex-direction:column;text-align:center}.verbrauch-calculator .product-image img{max-width:100px}.expansion-container{flex-direction:column;align-items:stretch;gap:var(--space-2)}.expansion-value{text-align:center;min-width:0}button{width:100%}}@media print{body{color:#000;background:#fff}.form-section,.result-section,.results-section{box-shadow:none}button{display:none}}