:root{--color-danger: #e42c17;--color-bg: #fff;--color-bg-dark: rgb(32, 35, 41);--color-bg-light: #f7f7f7;--color-white: #fff;--color-black: #000;--color-accent: #f1b300;--color-accent-brown: rgb(158, 83, 48);--color-link: #f1b300;--color-link-hover: #a05a24;--color-border: #e5e5e5;--radius: 12px;--radius-small: 8px;--transition: .3s cubic-bezier(.4,0,.2,1);font-family:Inter,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-black);background-color:var(--color-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--color-bg: #232526;--color-bg-light: #18191b;--color-white: #232526;--color-black: #ffffffdd;--color-border: #444;--color-link: #ffd95c}}*{box-sizing:border-box;transition:background .3s,color .3s,border .3s}body{background:var(--color-bg);color:var(--color-black);margin:0;padding:0;min-width:320px;min-height:100vh;font-family:inherit}:focus{outline:2.5px solid var(--color-accent);outline-offset:2px}h1{color:#fff;font-weight:700}h2,h3,h4{color:var(--color-accent);font-weight:700}h1{font-size:2.2em}h2{font-size:1.5em;margin-top:0}h3{font-size:1.2em}a:link,.link{color:var(--color-link);text-decoration:underline;transition:color .18s}a:visited{color:var(--color-accent-brown)}a:hover,a:focus{color:var(--color-link-hover);text-decoration:underline}a:active{color:var(--color-link-hover)}input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;width:16px;height:16px;vertical-align:middle}.footer{background:var(--color-accent);color:var(--color-accent-brown);padding:1.2rem 0 1rem;text-align:center;margin-top:2.5rem;font-size:1rem;width:100%;box-sizing:border-box}.footer a{color:var(--color-accent-brown);text-decoration:underline;margin:0 .7em;transition:color .2s,font-weight .2s;font-weight:600}.footer a:hover,.footer a:focus{color:var(--color-link-hover);font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.12)}.top-bar{position:fixed;height:175px;top:0;left:0;right:0;background-color:var(--color-accent);display:flex;align-items:center;justify-content:center;color:var(--color-white-dm);z-index:1000;box-shadow:0 2px 4px #0000001a;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.top-bar-content{display:flex;flex-direction:column;align-items:center;padding:1.2rem 1rem;margin-top:.5rem}.title-group{text-align:center}.top-bar-content h1{font-size:2rem;margin:0;padding:0;transition:font-size var(--transition)}.subtitle{margin:0;font-size:.9rem;color:var(--color-accent-brown);transition:font-size var(--transition),opacity var(--transition);font-weight:600}.logo-link{display:flex;margin:1rem;justify-content:center}.logo{border:none;box-shadow:none;height:48px;width:auto;display:block;margin:0 auto;transition:opacity var(--transition),height var(--transition)}.top-bar.scrolled{transform:translateY(-100%);opacity:0;height:0;pointer-events:none}.cookie-notice{position:fixed;bottom:0;left:0;width:100%;background:var(--color-cookie-bg);color:var(--color-black);text-align:center;padding:1rem .5rem;font-size:1rem;z-index:9999;box-shadow:0 -2px 8px #00000012;display:flex;justify-content:center;align-items:center;gap:1em}.cookie-notice-link{color:var(--color-link);margin-left:.7em;text-decoration:underline;transition:color .2s}.cookie-notice-link:hover,.cookie-notice-link:focus{color:var(--color-link-hover);text-decoration:underline}.cookie-notice-close{background:var(--color-accent);color:#000;border:none;border-radius:var(--radius-small);padding:.4em 1.2em;margin-left:1em;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.cookie-notice-close:hover{background:var(--color-button-hover);color:var(--color-black);border-color:var(--color-button-hover);transform:scale(1.06);box-shadow:0 4px 16px #0000001a;transition:background .2s,color .2s,border-color .2s}.page-wrapper{position:relative;width:100%;padding-bottom:0;margin-bottom:0}.flaechenrechner-wrapper{display:flex;flex-direction:column;align-items:stretch;gap:1rem;justify-content:center;width:100%;max-width:100%}.content-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;max-width:1440px;margin:0 auto;padding-top:170px;padding-left:1rem;padding-right:1rem;padding-bottom:0;box-sizing:border-box}.centered-rechner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:visible;width:100%}.info-box,.kontakt-box,.legal-hint{background:none;border:none;box-shadow:none;font-size:1.1em;border-left:4px solid var(--color-accent);padding-left:1.1rem}@media (prefers-color-scheme: dark){.info-box,.kontakt-box,.legal-hint{color:#fffd}}.info-box{position:static;width:100%;max-width:550px;min-width:0;font-size:1rem;line-height:1.5;padding-right:1rem;text-align:left;height:-moz-fit-content;height:fit-content;margin-bottom:1.5rem;margin-left:auto;margin-right:auto}.footnote{position:static;bottom:10px;left:20px;right:20px;font-size:.9em;color:var(--color-accent-brown-text);font-style:italic}.kontakt-box{margin:0 auto;padding-right:1rem;max-width:550px;width:100%}.legal-hint{border:none;margin:2rem auto 0;padding:1rem;font-size:.95em;line-height:1.3}.card{border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;margin-bottom:0;max-width:100%;min-width:0;box-sizing:border-box;background:var(--color-bg-light);color:var(--color-black)}.button,button{padding:.5rem 1rem;background:var(--color-accent);color:#000;border:none;border-radius:var(--radius-small);cursor:pointer;margin-top:.5rem;font-size:1em;font-weight:500;font-family:inherit;transition:border-color .25s,background .25s}.button.destructive{background:var(--color-danger);color:var(--color-white)}.button.destructive:not(:disabled):hover,button.destructive:not(:disabled):hover{background:#b71c1c;border-color:#b71c1c;transform:scale(1.06);box-shadow:0 4px 16px #b71c1c1f}.button:disabled,button:disabled{background:#e0e0e0;color:#bcbcbc;border:1.5px solid #dddddd;cursor:not-allowed;opacity:.7;box-shadow:none;filter:grayscale(30%);transition:background .2s,color .2s}.button:disabled:hover,button:disabled:focus,.button:disabled:focus{background:#e0e0e0!important;color:#bcbcbc!important;border-color:#ddd!important;box-shadow:none!important;transform:none!important}.button:not(.destructive):not(:disabled):hover,button:not(.destructive):not(:disabled):hover{background:var(--color-accent);color:#000;border-color:var(--color-accent);transform:scale(1.06);box-shadow:0 4px 16px #0000001a}.button:focus,.button:focus-visible,button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.formular-wrapper{background-color:var(--color-bg-light);color:var(--color-black);max-width:900px;min-width:0;width:100%;margin:0 auto;padding:.7rem;border-radius:16px;box-sizing:border-box;flex:1 1 100%}.card-form-grid{display:grid;grid-template-columns:1fr;gap:.7rem;padding-bottom:0;font-weight:600}.input-fullwidth,.input-material,.select-fullwidth{background:var(--color-white);color:var(--color-black);border:1.5px solid var(--color-border);border-radius:6px;transition:border-color .18s,box-shadow .18s;padding:.5rem;font-size:.9rem;width:100%}.input-fullwidth:focus,.input-material:focus,.select-fullwidth:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #f1b3002e;outline:none}.input-material{margin-top:.3rem}.input-material::-moz-placeholder{font-size:.75rem}.input-material::placeholder{font-size:.75rem}.maße-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.thickness-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin-bottom:0}.thickness-toggle-group button{margin-left:auto;margin-right:auto;width:100%;display:block;box-sizing:border-box;text-align:center;background:var(--color-white)}.bearbeitungsoptionen-buttons{display:grid;grid-template-columns:1fr;gap:0em;margin-bottom:0}.bearbeitungsoptionen-buttons button{display:grid;grid-template-columns:1fr;gap:0em;margin-bottom:0;margin-left:auto;margin-right:auto;width:100%;display:block;box-sizing:border-box;text-align:center;background:var(--color-white)}.toggle-btn{width:100%;min-height:44px;padding:.7em 1.2em;margin-bottom:.3em;color:var(--color-black);border:2px solid var(--color-border);border-radius:var(--radius-small);font-size:1em;font-weight:500;cursor:pointer;transition:background .18s,border .18s,color .18s,box-shadow .18s;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:.5em}.toggle-btn.active,.toggle-btn[aria-pressed=true]{background:var(--color-accent);color:#000;border:2.5px solid var(--color-accent);font-weight:700;box-shadow:0 2px 10px #f5b32a1a}.toggle-btn:focus{outline:2.5px solid var(--color-accent);outline-offset:2px}.toggle-btn:disabled{background:#eee;color:#bcbcbc;border-color:#ddd;cursor:not-allowed;opacity:.7}.button-row{display:flex;flex-direction:column;gap:.5rem}.input-error{border:2px solid var(--color-danger);background:var(--color-white)}.summe-text,.rabatt-text,.gesamtsumme-text{text-align:right}.summe-text,.rabatt-text{font-size:1rem;margin-top:.2rem}.summe-text{margin-top:.5rem}.gesamtsumme-text{font-weight:700;font-size:1.3rem;margin-top:.2rem;margin-bottom:0}.pdf-button{align-items:baseline;display:flex;flex-direction:row;justify-content:space-between;margin-top:.2rem}.weight-info{position:relative;top:1px;border:1px solid #ccc;padding:.7rem .8rem;border-radius:4px;text-align:center;line-height:1}.form-error{color:var(--color-danger);font-size:1rem;margin-top:.4em;margin-bottom:.4em}.ergebnisse-wrapper{background-color:var(--color-bg-light);color:var(--color-white);max-width:900px;min-width:0;width:100%;margin:0 auto;margin-bottom:2rem;border-radius:16px;box-sizing:border-box;flex:1 1 100%;display:flex;flex-direction:column}.ergebnisse-wrapper.overflow-hidden{overflow:hidden}.ergebnisse-wrapper.overflow-visible{overflow:visible}.entry-content .material-info .zulagen-list .zulage-item{display:flex;justify-content:space-between}.BetragRechts{display:flex;flex-direction:column;justify-content:space-between;gap:2px;font-weight:700}@media (min-width: 600px){.info-box{margin-top:.5rem}.formular-wrapper,.ergebnisse-wrapper{max-width:90%;padding:1rem}.maße-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dicke-grid{grid-column:1 / span 2;align-self:center;margin-right:auto;width:100%}.thickness-toggle-group button{margin-top:.1rem;padding:.4rem 2.5rem}.button-row{flex-direction:row;justify-content:space-between;gap:1rem}.input-fullwidth,.input-material,.select-fullwidth{padding:.65rem;font-size:1.1rem}.input-material::-moz-placeholder{font-size:unset}.input-material::placeholder{font-size:unset}.bearbeitungsoptionen-buttons{grid-template-columns:1fr 1fr;gap:.5rem}.button,button{padding:.75rem 1.5rem;font-size:1.2rem}.weight-info{font-size:1.2rem;padding:.95rem 1.5rem}.toggle-btn{padding:.7em 1.2em;font-size:1.1rem}.logo{height:60px}.top-bar{height:160px}.footer{font-size:1.08rem;padding:1.5rem 0 1.2rem;margin-top:3rem}.kontakt-box{margin-top:2rem;padding-top:0;margin-left:2rem}}@media (min-width: 768px){.content-wrapper{padding-top:190px;max-width:1000px}.info-box,.legal-hint{max-width:690px;margin-left:auto;margin-right:auto}.kontakt-box{max-width:400px;margin-left:auto;margin-right:auto;padding-right:0rem;padding-bottom:0rem}.formular-wrapper,.ergebnisse-wrapper{max-width:600px;margin-left:auto;margin-right:auto}.maße-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem}.formular-wrapper label{font-size:1.1rem;margin-bottom:.2em;display:block}.ergebnisse-wrapper{font-size:1.3rem;margin-bottom:.2em;display:block}.input-fullwidth,.input-material,.select-fullwidth{padding:.6rem;font-size:1.1rem}.bearbeitungsoptionen-buttons button{font-size:1.1rem}.button-row{flex-direction:row;justify-content:space-between;gap:1rem}.button,button{padding:1rem 2rem;font-size:1.3rem}.weight-info{font-size:1.3rem;padding:1.15rem 1.5rem}.toggle-btn{padding:.7em 1.2em;font-size:1.3rem}.top-bar{height:180px}.top-bar-content h1{font-size:2.9rem}.subtitle{font-size:1.1rem}.logo{height:70px}.footer{font-size:1.15rem;padding:1.7rem 0 1.2rem;margin-top:3.5rem}}@media (min-width: 1024px){.top-bar{position:fixed;left:0;right:0;top:0;height:130px;z-index:1000}.top-bar.scrolled{transform:none;opacity:1;height:70px;padding-top:.5rem;padding-bottom:.5rem;pointer-events:auto}.top-bar-content{position:relative;display:flex;align-items:center;justify-content:center;max-width:1920px;margin:0 auto;width:100%;padding:0 2rem}.logo-link{position:absolute;right:2rem;top:50%;transform:translateY(-50%);margin:0;display:flex;align-items:center}.title-group{text-align:center;flex:0 0 auto}.logo{height:80px;width:auto;display:block}.top-bar.scrolled .logo{height:50px}.top-bar-content h1{font-size:2.6rem}.top-bar.scrolled .top-bar-content h1{font-size:1.8rem}.subtitle{font-size:1.1rem}.top-bar.scrolled .subtitle{font-size:.8rem;opacity:.7}.footer{font-size:1.1rem;padding:2rem 0 1.5rem;margin-top:4rem}.content-wrapper{padding-top:130px;padding-bottom:0}.info-box{max-width:100%;margin-top:1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;justify-self:center}.legal-hint{max-width:100%;margin-top:3rem;margin-bottom:0rem}.flaechenrechner-wrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:2.5rem;max-width:1300px;margin:0 auto;width:100%}.formular-wrapper{flex:1 1 60%;max-width:55%;margin-left:0}.input-fullwidth,.input-material,.select-fullwidth{padding:.7rem;font-size:1rem}.button,button{padding:.9rem 1.4rem;font-size:1.1rem}.weight-info{font-size:1.1rem;padding:1rem 1.5rem}.thickness-toggle-group button{margin-top:0rem;padding:.4rem 2.5rem}.ergebnisse-wrapper{flex:1 1 40%;max-width:500px;position:sticky;top:200px;align-self:flex-start;font-size:1.1rem}.kontakt-box{max-width:unset;width:unset;margin-top:2rem;padding-top:0;max-width:50%;justify-self:center}}@media (min-width: 1280px){.content-wrapper{max-width:1200px;padding-top:170px;padding-left:1.9rem;padding-right:1.9rem;margin-bottom:0rem;gap:2rem}.info-box{width:90%;font-size:1.15rem;padding-right:2rem;margin-top:.5rem;margin-bottom:0rem;margin-left:auto;margin-right:auto}.kontakt-box{max-width:unset;width:unset;font-size:1.15rem;padding-right:2rem;margin-top:1rem;margin-bottom:0rem}.legal-hint{margin-top:1rem}.flaechenrechner-wrapper{max-width:1200px;gap:3rem}.formular-wrapper{max-width:600px;font-size:1.15rem;padding:1.3rem}.ergebnisse-wrapper{max-width:600px;font-size:1.2rem;padding:.7rem}.bearbeitungsoptionen-buttons button{font-size:1.15rem}.button,button{font-size:1.2rem;padding:1rem 2rem}.weight-info{font-size:1.2rem;padding:1.15rem 1.5rem}.input-fullwidth,.select-fullwidth,.input-material{font-size:1.05rem;padding:.7rem}.top-bar{height:150px}.logo{height:100px}.top-bar-content h1{font-size:3rem}.subtitle{font-size:1.3rem}.footer{font-size:1.2rem;padding:2.2rem 0 1.7rem;margin-top:4.5rem}}@media (min-width: 1440px){.footer{font-size:1.1rem;padding:2.5rem 0 2rem;margin-top:5rem}.content-wrapper{display:grid;grid-template-columns:1.2fr 2.5fr 1fr;gap:1rem;align-items:start;padding-top:180px;padding-left:.5rem;padding-right:1rem;max-width:1920px;margin:0 auto}.info-box,.kontakt-box{font-size:1rem;padding-right:1rem;margin-top:0}.formular-wrapper label{font-size:.95rem;margin-bottom:.2em;display:block}.input-fullwidth,.input-material,.select-fullwidth{padding:.4rem;font-size:.95rem}.thickness-toggle-group{gap:.5rem}.thickness-toggle-group button{margin:0rem;padding:.3rem;font-size:1rem;min-height:auto}.info-box{grid-column:1;grid-row:1;align-self:start}.formular-wrapper{flex:1;max-width:55%;padding:1rem}.bearbeitungsoptionen-buttons button{font-size:.93rem}.button,button{padding:.7rem;font-size:1rem}.weight-info{font-size:1rem;padding:.85rem .9rem}.ergebnisse-wrapper{flex:1;max-width:45%;position:static;margin-top:0;font-size:1rem;padding:0rem}.kontakt-box{grid-row:1;grid-column:3;align-self:start}.legal-hint{grid-column:1 / span 3;grid-row:2;margin-top:.5rem;max-width:75%}.centered-rechner{grid-column:2 / span 1}.flaechenrechner-wrapper{flex-direction:row;gap:.5rem}}