:root{--ink:#172722;--muted:#56665e;--paper:#f8faf8;--line:#d8e0da;--green:#244c3e;--light:#d8ecd8;--radius:5px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #579c81;outline-offset:5px}p{margin:0 0 1.4rem;color:var(--muted)}h1,h2,h3{font-weight:450;line-height:1.08;letter-spacing:-.045em;margin:0}h1{font-size:clamp(2.7rem,5.1vw,5.1rem)}h2{font-size:clamp(2.1rem,3.2vw,3.4rem)}h3{font-size:1.6rem;line-height:1.2;letter-spacing:-.025em}header{min-height:94px;padding:22px 4.4%;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-size:27px;letter-spacing:-1.2px;font-weight:650;white-space:nowrap}.brand-icon{font-size:35px;line-height:1}.by{font-size:12px;letter-spacing:0;font-weight:500;align-self:flex-end;margin-bottom:5px}nav{display:flex;align-items:center;gap:27px;margin-left:auto}nav a{font-size:14px;white-space:nowrap}nav a:hover,nav a[aria-current]{color:#1f684e;text-decoration:underline;text-underline-offset:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 24px;border:1px solid var(--ink);border-radius:var(--radius);font-weight:500;line-height:1.4;background:transparent;color:var(--ink)}.button:hover{background:#e8efe9}.button.primary{background:var(--green);border-color:var(--green);color:white}.button.primary:hover{background:#14392c}.button.small{font-size:14px;padding:13px 18px;gap:18px}.menu{display:none}.wrap{padding:80px 6%;max-width:1600px;margin:auto}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.17em;font-weight:600;margin-bottom:24px;display:block;color:var(--muted)}.hero{padding:60px 4.4% 0}.hero-top{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:70px;margin:0 1.8% 38px}.hero h1 em{font-style:normal;color:#65816c}.hero-copy{max-width:390px;padding-bottom:6px;justify-self:end}.hero-copy p{font-size:17px;line-height:1.7;margin-bottom:24px}.hero-copy .actions{gap:18px}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.text-link{border-bottom:1px solid var(--ink);padding-bottom:3px;font-size:14px}.demo{position:relative;width:100%;aspect-ratio:2.15;overflow:hidden;background:#bdc4bb;border-radius:5px}.demo img{width:100%;height:100%;object-fit:cover;display:block}.glass-overlay{position:absolute;top:3%;bottom:12%;left:5.5%;right:5.5%;background:rgba(237,244,237,.82);backdrop-filter:blur(23px);opacity:0;transition:opacity .55s}.demo.is-matte .glass-overlay{opacity:1}.demo-caption{position:absolute;top:23px;left:24px;color:white;font-size:12px;letter-spacing:.12em;background:#18271ec9;padding:7px 12px;border-radius:2px}.demo-toolbar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:6px;background:#fcfdf7ed;border:1px solid #fff8;border-radius:100px;box-shadow:0 6px 30px #0002}.demo-toolbar button{border:0;background:transparent;padding:12px 23px;border-radius:100px;white-space:nowrap;color:var(--ink);font-size:14px}.demo-toolbar button[aria-pressed=true]{background:var(--green);color:white}.demo-note{display:flex;justify-content:space-between;gap:25px;font-size:12px;padding:12px 0;color:var(--muted)}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:34px 6%;border-bottom:1px solid var(--line)}.strip>div{border-right:1px solid var(--line);padding-right:30px}.strip>div:last-child{border:0}.strip b{font-weight:500;display:block;font-size:19px;margin-bottom:5px}.strip span{font-size:14px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head>p{max-width:360px;margin:0}.section-head .eyebrow{margin-bottom:15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border-top:1px solid var(--line);padding:28px 0}.card .num{font-size:12px;letter-spacing:.12em;color:var(--muted);display:block;margin-bottom:55px}.card h3{margin-bottom:18px}.card p{font-size:16px}.card .text-link{display:inline-block;margin-top:10px}.dark{background:#172d25;color:#f8faf8}.dark p,.dark .eyebrow{color:#b7c9bb}.dark .card{border-color:#496053}.dark .button{color:#172722;background:#d9ebd9;border-color:#d9ebd9}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.split h2{margin-bottom:26px}.split p{font-size:17px}.list-row{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:22px 0}.list-row span{color:var(--muted);font-size:13px;min-width:25px}.list-row h3{font-size:20px;margin-bottom:8px}.list-row p{font-size:15px;margin:0}.inspiration{display:grid;grid-template-columns:1.5fr 1fr;border:1px solid var(--line);border-radius:5px;overflow:hidden}.inspiration img{width:100%;height:100%;object-fit:cover;min-height:340px}.inspiration>div{padding:42px;display:flex;flex-direction:column;justify-content:center}.tag{display:inline-block;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.inspiration h3{font-size:2rem;margin-bottom:20px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{list-style:none;cursor:pointer;font-size:19px;display:flex;justify-content:space-between;gap:24px;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:23px;font-weight:400}details[open] summary:after{content:'−'}details p{padding:16px 40px 0 0;max-width:830px;margin:0}.cta{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:65px 6%;background:var(--light)}.cta h2{max-width:730px;font-size:clamp(2rem,3vw,3rem)}.cta p{margin:17px 0 0}.page-intro{padding-bottom:45px}.page-intro h1{max-width:1000px}.page-intro p{max-width:700px;font-size:20px;margin-top:26px}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:35px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.panel{background:#eef3ee;padding:32px;border:1px solid var(--line);border-radius:5px}.panel h3{margin-bottom:18px}.panel p:last-child{margin-bottom:0}.two{grid-template-columns:1fr 1fr}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;line-height:1.5;font-size:15px}th,td{text-align:left;padding:19px 18px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e9f0e9;font-weight:500}td:first-child{font-weight:500;width:25%}.note{font-size:14px;color:var(--muted);border-left:2px solid #75977d;padding-left:18px;margin:25px 0}.compact{padding-top:15px}.use-card{padding:30px;background:#edf2ed;border:1px solid var(--line);min-height:240px;display:flex;flex-direction:column;transition:background .2s}.use-card:hover{background:#e0ebdf}.use-card h3{margin:20px 0 16px}.use-card p{font-size:15px}.use-card .go{margin-top:auto;font-size:14px}.process{counter-reset:step}.process .list-row:before{counter-increment:step;content:'0' counter(step);font-size:13px;min-width:30px;padding-top:4px}.form-layout{display:grid;grid-template-columns:.75fr 1.3fr;gap:9%;max-width:1250px}.form-layout h1{font-size:clamp(2.5rem,4vw,4rem)}.form-layout p{margin-top:25px}.form-box{border:1px solid var(--line);background:white;padding:40px;border-radius:6px}.stepper{display:flex;gap:7px;margin-bottom:32px}.stepper span{background:#dfe6df;height:3px;flex:1}.stepper span.active{background:var(--green)}.form-step h2{font-size:28px;margin-bottom:26px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-size:14px;display:block;margin-bottom:20px}input,select,textarea{width:100%;display:block;margin-top:7px;background:#fafcf9;border:1px solid #aab9ac;border-radius:4px;padding:12px;color:var(--ink)}textarea{resize:vertical;min-height:110px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.choices label{padding:15px;border:1px solid var(--line);border-radius:4px;margin:0;display:flex;align-items:center;gap:8px;cursor:pointer}.choices label:has(input:checked){background:#e0eedf;border-color:var(--green)}.choices input{width:auto;margin:0;accent-color:var(--green)}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.help{font-size:13px!important;margin:15px 0!important}.error{color:#9a3325;line-height:1.5;font-size:14px;margin-top:18px}.success-icon{font-size:42px;color:var(--green)}.review{margin:20px 0}.review div{border-bottom:1px solid var(--line);padding:12px 0;display:flex;gap:16px;justify-content:space-between;overflow-wrap:anywhere}.review dt{color:var(--muted);font-size:14px}.review dd{margin:0;text-align:right}.legal p{max-width:850px}.legal h2{font-size:30px;margin:38px 0 20px}footer{padding:50px 6% 25px;background:#edf2ed}.foot-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.foot-top p{margin:0}.foot-top>a:last-child{border-bottom:1px solid}.foot-links{display:flex;gap:28px;flex-wrap:wrap;padding:40px 0;border-bottom:1px solid var(--line);font-size:14px}.foot-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:23px}.skip{position:absolute;top:-100px;padding:10px;background:white;z-index:100}.skip:focus{top:10px}.badge{background:#e1ecdf;padding:5px 10px;border-radius:3px;font-size:12px}.form-step[hidden]{display:none}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(min-width:1600px){header,.hero,.strip,.cta,footer{padding-left:max(4.4%,calc((100vw - 1480px)/2));padding-right:max(4.4%,calc((100vw - 1480px)/2))}}@media(max-width:1120px){header{gap:20px}nav{gap:18px}nav a{font-size:13px}.by{display:none}.hero-top{gap:35px}.split{gap:45px}.form-layout{gap:45px}}@media(max-width:850px){header{min-height:78px;padding:18px 5%}.brand{font-size:25px}.menu{display:block;margin-left:auto;border:0;background:transparent;font-size:14px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:25px 6%;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:start;gap:22px}nav a{font-size:17px}.header-cta{font-size:12px!important;padding:11px 12px!important;gap:9px!important}.hero{padding:38px 5% 0}.hero-top{display:block;margin:0 0 30px}.hero-copy{max-width:100%;margin-top:25px}.hero-copy p{max-width:540px}.demo{aspect-ratio:1.45}.demo img{object-fit:fill}.demo-toolbar{bottom:15px}.demo-toolbar button{padding:10px 17px}.demo-caption{top:14px;left:14px}.demo-note{font-size:11px}.strip{gap:20px;padding:28px 5%}.strip b{font-size:17px}.strip span{font-size:13px}.strip>div{padding-right:15px}.wrap{padding:55px 6%}.section-head{display:block}.section-head>p{margin-top:20px;max-width:100%}.grid{grid-template-columns:1fr 1fr}.grid>.card:last-child{grid-column:1 / -1}.card .num{margin-bottom:26px}.split,.inspiration,.form-layout{grid-template-columns:1fr;gap:35px}.inspiration{gap:0}.inspiration img{min-height:0}.inspiration>div{padding:28px}.cta{padding:45px 6%;display:block}.cta .button{margin-top:25px}.foot-top{flex-wrap:wrap}.foot-top p{display:none}.page-intro{padding-bottom:20px}.page-intro p{font-size:18px}.compact{padding-top:20px}.form-box{padding:28px}.form-layout h1{max-width:600px}.form-layout>aside>p{max-width:500px}.form-layout>aside>.note{display:none}}@media(max-width:520px){h1{font-size:2.8rem}.eyebrow{font-size:11px;margin-bottom:18px}.hero-copy p{font-size:16px}.hero-copy .button{font-size:14px}.strip{grid-template-columns:1fr}.strip>div{border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px}.strip span{font-size:14px}.grid,.two,.fields{grid-template-columns:1fr}.grid>.card:last-child{grid-column:auto}.demo{aspect-ratio:1.1}.demo-note{display:block}.demo-note span{display:block}.foot-bottom{flex-direction:column;gap:6px}.foot-links{gap:18px}.form-box{padding:23px 19px}.form-actions .button{padding:13px 16px}.choices{gap:8px}.choices label{padding:13px 10px}.foot-top .brand{font-size:22px}summary{font-size:17px}.section-head{margin-bottom:26px}.panel{padding:24px}.hero-top{margin-bottom:24px}.demo-toolbar{width:max-content;max-width:95%}.demo-toolbar button{padding:9px 13px;font-size:13px}.review div{display:block}.review dd{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.demo{aspect-ratio:16/9}.demo-toolbar{top:22px;right:24px;left:auto;bottom:auto;transform:none}.demo img{object-fit:cover}@media(max-width:850px){.demo{aspect-ratio:16/9}.demo-toolbar{top:12px;right:12px}.demo-caption{display:none}}

.demo-config{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}.demo-config .eyebrow{margin:0 0 3px}.demo-config>div>span:last-child{font-size:14px;color:var(--muted)}.variant-choice{display:flex;border:1px solid var(--line);padding:4px;border-radius:5px;gap:4px}.variant-choice button{border:0;background:transparent;color:var(--ink);font-size:15px;padding:10px 25px;border-radius:3px;white-space:nowrap}.variant-choice button[aria-pressed=true]{background:var(--green);color:white}.variant-choice small{font-size:12px;margin-left:7px}.optical-badge{position:absolute;bottom:22px;left:24px;background:#fcfff0e8;padding:7px 16px;border-radius:4px;font-size:14px;font-weight:500}.system-card{border:1px solid var(--line);border-radius:5px;padding:35px;background:#eef3ee}.system-card.plus{background:#dfece0;border-color:#a1bda7}.system-card h3{font-size:48px;margin:0 0 12px}.system-card h3 span{color:#507f5d}.state-row{display:flex;justify-content:space-between;gap:24px;padding:15px 0;border-bottom:1px solid #a9bbae;font-size:16px}.state-row strong{font-weight:550}.system-card .button{margin-top:15px}.worlds .use-card{background:#182f26;color:white;border-color:#2d4c3e}.worlds p,.worlds .tag{color:#d0ded2}.worlds h3{font-size:30px}.worlds .use-card:hover{background:#244c3e}.compare-section{padding-top:50px;padding-bottom:45px}@media(max-width:850px){.demo-config{align-items:start}.demo-config>div>span:last-child{display:none}.variant-choice button{padding:10px 16px}.system-card{padding:25px}.worlds h3{font-size:26px}}@media(max-width:520px){.demo-config{gap:10px;flex-wrap:wrap}.demo-config .eyebrow{font-size:10px}.variant-choice button{padding:9px 17px;font-size:14px}.variant-choice small{font-size:11px}.optical-badge{bottom:12px;left:12px;font-size:12px}.system-card h3{font-size:42px}.state-row{font-size:15px}}@media(min-width:851px) and (max-width:1150px){nav{gap:14px}nav a{font-size:12px}}

/* elektrofolie identity */
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;flex-shrink:0}
.brand-word{font-family:'DM Sans',Arial,sans-serif;font-size:29px;font-weight:500;letter-spacing:-1.5px;line-height:1}
.brand-icon{font-size:35px;line-height:1;flex:none}

.foot-company{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;padding:36px 0;border-bottom:1px solid var(--line);font-size:14px}
.foot-company .eyebrow{font-size:10px;margin-bottom:13px;display:block;letter-spacing:.13em}.foot-company strong{font-weight:500}.foot-company p{font-size:14px;margin:8px 0;line-height:1.7}.company-source{font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1120px) and (min-width:851px){header{gap:14px}nav{gap:12px}.brand-word{font-size:25px}.header-cta{padding:12px;font-size:12px}}
@media(max-width:600px){.foot-company{grid-template-columns:1fr;gap:24px}.foot-company p{margin-bottom:0}.brand-word{font-size:27px}.foot-top{align-items:flex-start}.header-cta{display:none}header .brand{margin-right:auto}}