@font-face{font-family:"Titillium Web";src:url("../fonts/TitilliumWeb-Bold.woff2") format("woff2"),url("../fonts/TitilliumWeb-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Titillium Web";src:url("../fonts/TitilliumWeb-Regular.woff2") format("woff2"),url("../fonts/TitilliumWeb-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("../fonts/Inter-VariableFont_opsz,wght.woff2") format("woff2"),url("../fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("../fonts/Inter-Italic-VariableFont_opsz,wght.woff2") format("woff2"),url("../fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--font-display: 'Titillium Web', sans-serif;--font-text: 'Inter', sans-serif;--container: 1800px;--page-margin: var(--gutter);--header-height: 116px;--content-left: var(--page-margin);--radius: 12px;--radius-pill: 18px;--background-color: #f1f2f4;--navy: #1a1f26;--velux-bg: #383837;--white: #fff;--black: #000;--accent: #cc1d03;--accent-hov: #b01802;--stat-canvas-red: var(--accent);--gutter: 2rem;--hdr-bar-dark: var(--navy);--hdr-bar-light: #f3f4f6;--hdr-text-dark: var(--navy);--hdr-text-muted: #9aa1a9;--hdr-rule-default: #d4d7dc;--hdr-online: #4cd964;--slider-bg: #363636;--slider-card: #eceef0;--slider-text: var(--navy);--slider-muted: #4a525c;--slider-arrow-bg: #d6d8dc;--slider-arrow-bg-hov: #ffffff;--slider-arrow-ink: var(--navy);--slider-gap: 1.5rem;--slider-gutter: var(--gutter);--footer-bg: var(--navy);--footer-bg-deep: #14181e;--footer-card: #2d343c;--footer-rule: #46505b;--footer-text: #e6e8eb;--footer-muted: #8a9099;--footer-muted-soft: #a8aeb6;--footer-radius: var(--radius)}@media(min-width: 1800px){:root{--content-left: calc((100vw - var(--container)) / 2 + var(--page-margin))}}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}video,svg,img{width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1}body{--c-heading-rgb: 26, 26, 32;--c-heading: rgb(var(--c-heading-rgb));--c-sub: rgba(var(--c-heading-rgb), 0.6);width:100vw;font-family:var(--font-text);overflow-x:hidden;background-color:var(--background-color)}body.is-dark{--c-heading-rgb: 255, 255, 255;--c-heading: rgb(var(--c-heading-rgb));--c-sub: rgba(var(--c-heading-rgb), 0.75)}.display-heading{font-size:clamp(2.5rem,4vw,5rem);margin-bottom:.35em;font-weight:700;line-height:1;color:var(--c-heading);transition:color .8s ease}.heading{font-size:clamp(1.4rem,2.2vw,5rem);font-weight:700;margin-bottom:1.2rem;color:var(--c-heading);transition:color .8s ease}.halfheading{font-size:clamp(1.2rem,1.8vw,2.5rem);font-weight:700;line-height:1;color:var(--c-heading);transition:color .8s ease;padding-top:1.2rem;margin-bottom:1.2rem}p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6}.subheading{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;color:var(--c-sub);transition:color .8s ease}.container{max-width:var(--container);margin:0 auto;padding:0 var(--page-margin)}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.6em 1.2em;background:var(--accent);color:var(--white);font-weight:700;border-radius:0 0 4px 4px;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:0}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.site-header{font-family:var(--font-display);--hdr-main-bg: var(--hdr-bar-light);--hdr-text: var(--hdr-text-dark);--hdr-text-active: var(--accent);--hdr-rule: var(--hdr-rule-default);--hdr-drawer-bg: var(--white)}.site-header.is-dark,body.is-dark .site-header{--hdr-main-bg: var(--hdr-bar-dark);--hdr-text: rgba(255, 255, 255, 0.88);--hdr-rule: rgba(255, 255, 255, 0.12);--hdr-drawer-bg: #1c1f24}.site-header.is-dark .logo-img-light,body.is-dark .site-header .logo-img-light{opacity:0}.site-header.is-dark .logo-img-dark,body.is-dark .site-header .logo-img-dark{opacity:1}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;font-size:1rem;line-height:1.4}.site-header .top-bar{background:var(--hdr-bar-dark);color:var(--white);padding:.5em 0;display:flex;align-items:center}.site-header .top-bar-inner{max-width:var(--container);margin:0 auto;width:100%;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative}.site-header .usp-list{display:flex;list-style:none;margin:0;padding:0;gap:2.5rem;font-size:1rem;font-weight:400;color:var(--footer-text)}.site-header .usp-list li{position:relative}.site-header .usp-list li+li::before{content:"";position:absolute;left:-1.4rem;top:50%;width:4px;height:4px;border-radius:100vmax;background:var(--hdr-text-muted);transform:translateY(-50%)}.site-header .contact-pill{display:flex;align-items:center;gap:1rem;background:var(--hdr-bar-dark);padding:1em 2em .5em 1em;border-radius:100vmax;position:absolute;right:var(--gutter);top:50%;transform:translateY(-50%);z-index:2}.site-header .avatar{position:relative;width:56px;height:56px;border-radius:100vmax;flex-shrink:0}.site-header .avatar img{width:100%;height:100%;border-radius:100vmax;-o-object-fit:cover;object-fit:cover;display:block}.site-header .avatar .status-dot{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:100vmax;background:var(--hdr-online);border:2px solid var(--hdr-bar-dark)}.site-header .contact-text{display:flex;flex-direction:column;line-height:1.1}.site-header .contact-text .label{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hdr-text-muted)}.site-header .contact-text .phone{font-size:1.15rem;font-weight:700;color:var(--white);text-decoration:none}.site-header .contact-text .phone:hover{color:var(--accent)}.site-header .main-bar{background:rgba(0,0,0,0);transition:background .8s ease-in-out;padding:1.25rem 0 1.75rem}.site-header.scrolled .main-bar{background:var(--hdr-main-bg)}.site-header .main-bar-inner{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.site-header .logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0;padding-top:.25rem;position:relative}.site-header .logo-img{display:block;width:200px;height:auto;transition:opacity .8s ease-in-out}.site-header .logo-img-dark{position:absolute;top:.25rem;left:0;width:200px;height:auto;opacity:0}.site-header .nav-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.9rem;padding-top:.5rem;min-width:0}.site-header .nav-row{display:flex;align-items:center;list-style:none;margin:0;padding:0}.site-header .nav-row.secondary{gap:1.75rem}.site-header .nav-row.secondary a{color:var(--hdr-text);font-size:1rem;font-weight:400;text-decoration:none;transition:color .15s ease}.site-header .nav-row.secondary a:hover{color:var(--accent)}.site-header .nav-row.primary{gap:2.25rem}.site-header .nav-row.primary a{color:var(--hdr-text);font-size:1.05rem;font-weight:700;text-decoration:none;transition:color .15s ease}.site-header .nav-row.primary a:hover{color:var(--accent)}.site-header .nav-row.secondary a[aria-current=page]:not(.kontakt-btn),.site-header .nav-row.primary a[aria-current=page]:not(.kontakt-btn){color:var(--hdr-text-active)}.site-header .nav-row.secondary a[aria-current=page]:not(.kontakt-btn):hover,.site-header .nav-row.primary a[aria-current=page]:not(.kontakt-btn):hover{color:var(--hdr-text-active)}.site-header .nav-divider{height:1px;background:var(--hdr-rule);width:100%;transition:background .8s ease-in-out}.site-header .kontakt-btn{background:var(--accent);color:var(--white);padding:.7em 1.6em;border-radius:4px;font-weight:700;text-decoration:none;transition:background .15s ease;display:inline-block}.site-header .kontakt-btn:hover{background:var(--accent-hov);color:var(--white)}.site-header .nav-row.primary .kontakt-btn{color:var(--white)}.site-header .nav-row.primary .kontakt-btn:hover{color:var(--white)}.site-header .mobile-bar,.site-header .menu-toggle,.site-header .mobile-drawer{display:none}@media(max-width: 900px){.site-header .top-bar{display:none}.site-header .mobile-bar{display:block;padding:1rem 1rem 0}.site-header .mobile-pill{background:var(--hdr-bar-dark);border-radius:var(--radius-pill);padding:.75rem .9rem;display:flex;align-items:center;gap:.9rem;color:var(--white)}.site-header .mobile-pill .avatar{width:52px;height:52px}.site-header .mobile-pill .avatar .status-dot{width:13px;height:13px}.site-header .mobile-pill .contact-text{flex:1;min-width:0}.site-header .mobile-pill .contact-text .phone{font-size:1.15rem}.site-header .mobile-pill .anrufen{background:var(--hdr-bar-light);color:var(--hdr-text-dark);padding:.7rem 1.1rem;border-radius:var(--radius);font-weight:500;font-size:1rem;text-decoration:none;transition:background .15s ease}.site-header .mobile-pill .anrufen:hover{background:var(--white)}.site-header .main-bar{padding:1rem 0 1.25rem}.site-header .main-bar-inner{padding:0 1.25rem;align-items:center}.site-header .nav-wrap{display:none}.site-header .logo{padding-top:0}.site-header .logo-img{width:auto;height:40px}.site-header .logo-img-dark{height:40px;top:0}.site-header .menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;padding:0;border:0;background:rgba(0,0,0,0);cursor:pointer;color:var(--hdr-text)}.site-header .menu-toggle span{display:block;height:3px;width:30px;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .2s ease;margin:0 auto}.site-header .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(10px) rotate(45deg)}.site-header .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.site-header .menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.site-header .mobile-drawer{display:block;position:fixed;inset:0;background:var(--hdr-drawer-bg);z-index:30;transform:translateX(100%);transition:transform .3s ease;padding:5rem 1.5rem 2rem;overflow-y:auto}.site-header .mobile-drawer.open{transform:translateX(0)}.site-header .mobile-drawer .close-btn{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border:0;background:rgba(0,0,0,0);cursor:pointer;color:var(--hdr-text);font-size:2rem;line-height:1}.site-header .mobile-drawer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.site-header .mobile-drawer ul .subdrawer{margin-left:1.5em}.site-header .mobile-drawer a{display:block;padding:.5em 1em;color:var(--hdr-text);text-decoration:none;font-size:1.15rem;font-weight:500;border-bottom:1px solid var(--hdr-rule)}.site-header .mobile-drawer a:hover{color:var(--accent)}.site-header .mobile-drawer .kontakt-btn{margin-top:1.5rem;color:var(--white)}.site-header .mobile-drawer .kontakt-btn:hover{color:var(--white)}}.slider-section{background:var(--slider-bg);padding:4rem 0 4.5rem}.slider-head{max-width:var(--container);margin:0 auto 2rem;padding:0 var(--slider-gutter);display:flex;align-items:center;justify-content:space-between;gap:2rem}.slider-head .heading{margin:0;color:var(--white)}.slider-controls{display:flex;gap:.75rem}.arrow-btn{width:42px;height:42px;border-radius:100vmax;border:0;background:var(--slider-arrow-bg);color:var(--slider-arrow-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease,opacity .15s ease}.arrow-btn:hover{background:var(--slider-arrow-bg-hov)}.arrow-btn:active{transform:scale(0.94)}.arrow-btn:disabled{opacity:.35;cursor:not-allowed}.arrow-btn svg{width:16px;height:16px;display:block}.slider-viewport{overflow:hidden;padding:0 var(--slider-gutter);max-width:var(--container);margin:0 auto;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 3rem, #000 calc(100% - 3rem), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 3rem, #000 calc(100% - 3rem), transparent 100%)}.slider-track{display:flex;gap:var(--slider-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:.5rem}.slider-track::-webkit-scrollbar{display:none}.card{flex:0 0 calc((100% - var(--slider-gap)*9)/3);--card-h: 590px;min-height:var(--card-h);background:var(--slider-card);border-radius:var(--radius);padding:1.75rem 0 0 1.75rem;color:var(--slider-text);scroll-snap-align:start;position:relative;overflow:hidden;display:flex;flex-direction:column}.card .card-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.card .card-desc{margin:0 0 .9rem;font-size:1rem;line-height:1.5;color:var(--slider-muted);font-family:var(--font-text)}.card .card-links{display:flex;flex-wrap:wrap;gap:1.25rem;margin:0 0 1rem}.card .card-links .card-link{color:var(--accent);font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:gap .15s ease}.card .card-links .card-link::after{content:"›";font-weight:600;transform:translateY(-1px)}.card .card-product{margin-top:auto;position:relative;height:300px;width:100%}.card .card-product .product{position:absolute;inset:auto 0 0 0;width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}.card .card-product .dot{position:absolute;right:1.5rem;bottom:1.5rem;width:140px;height:140px;border-radius:100vmax;-o-object-fit:cover;object-fit:cover;border:.3em solid var(--white);box-shadow:0 6px 18px rgba(0,0,0,.18)}.slider-section-light{background-color:#d7dbdf}.slider-section-light .slider-head .heading{color:var(--c-heading)}.slider-section-light .arrow-btn{background:#c8ccd2;color:var(--hdr-bar-dark)}.slider-section-light .arrow-btn:hover{background:#b4b9c0}.card-anwendung{padding:0;--card-h: 490px}.card-anwendung .card-photo{position:relative;overflow:hidden;flex:1}.card-anwendung .card-photo>img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-anwendung .card-title{padding:1.25rem 1.5rem .4rem}.card-anwendung .card-desc{padding:0 1.5rem}.card-anwendung .download-link{margin:.85rem 1.5rem 1.5rem}.download-link{margin-top:2em;margin-bottom:.5em;display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--c-sub);text-decoration:none;transition:color .15s ease}.download-link .download-link-dot{width:1.2rem;height:1.2rem;border-radius:100vmax;background:var(--c-sub);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;transition:background .15s ease}.download-link .download-link-dot svg{display:block;width:66%;height:66%;stroke:var(--white);stroke-width:3}.download-link:hover .download-link-dot{background:var(--accent-hov)}@media(max-width: 1024px){.card{flex-basis:calc((100% - var(--slider-gap))/2)}.slider-head,.slider-viewport{padding-left:2rem;padding-right:2rem}}@media(max-width: 640px){.slider-section{padding:2.5rem 0 3rem}.card{flex-basis:85%;min-height:340px}.slider-head,.slider-viewport{padding-left:var(--gutter);padding-right:var(--gutter)}.slider-head .heading{font-size:1.35rem}.card .card-product{height:300px}.card .card-product .dot{width:90px;height:90px}}.slider-section-process{background-color:var(--background-color)}.slider-section-process .slider-track{gap:unset}.slider-section-process .slider-head .heading{color:var(--c-heading)}.slider-section-process .arrow-btn{background:var(--accent);color:var(--white)}.slider-section-process .arrow-btn:hover{background:var(--accent-hov)}.card-process{--card-h: 440px;background-color:var(--background-color);color:var(--white);padding:1.75rem;font-family:var(--font-display)}.card-process .card-num{position:absolute;z-index:0;font-size:clamp(9rem,18vw,24rem);font-weight:700;line-height:1;color:var(--background-color);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:clamp(9rem,18vw,10rem);background:var(--accent);border-radius:50%;width:1.1em;height:1.1em;right:0em;bottom:.05em;text-align:center}.card-process .card-num::after{content:"";width:var(--card-h);height:14px;background-color:var(--accent);position:absolute;top:50%;transform:translateY(-50%);right:100%;z-index:2}.card-process:first-child .card-num::after{content:none}.card-process .card-body{position:relative;z-index:1}.card-process .card-title{font-size:clamp(1.5rem,2vw,2rem);font-weight:700;margin:0 0 .75rem;color:var(--black)}.card-process .card-desc{font-size:1rem;line-height:1.6;margin:0;max-width:34ch;color:var(--c-sub)}.slider-section-history{background-color:var(--background-color)}.slider-section-history .slider-track{gap:unset}.slider-section-history .slider-head .heading{color:var(--c-heading)}.slider-section-history .arrow-btn{background:var(--accent);color:var(--white)}.slider-section-history .arrow-btn:hover{background:var(--accent-hov)}.card-history{--card-h: 340px;background-color:var(--background-color);color:var(--black);padding:1.75rem;--grb: 5rem}.card-history .card-dot{position:absolute;right:0;bottom:1.75rem;width:var(--grb);height:var(--grb);border-radius:50%;background:var(--accent);z-index:2}.card-history .card-dot::after{content:"";position:absolute;top:50%;right:50%;transform:translateY(-50%);width:100vw;height:calc(var(--grb)/8);background:var(--accent);z-index:-1}.card-history .card-dot::before{content:"";position:absolute;width:calc(var(--grb) - 1em);height:calc(var(--grb) - 1em);background-color:var(--background-color);border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%)}.card-history:first-child .card-dot::after{content:none}.card-history .card-body{position:relative;z-index:1;margin-left:auto}.card-history .card-title{font-size:clamp(1.5rem,12vw,6rem);font-weight:700;margin:0 0 .75rem}.card-history .card-desc{font-size:1rem;line-height:1.6;color:var(--c-sub);margin:0;max-width:34ch}.slider-section.is-horizontal .slider-track{overflow:visible;scroll-snap-type:none}.slider-section.is-horizontal .slider-controls{display:none}.jumping{position:relative;display:inline-flex;align-items:center;gap:.6em;margin-top:1.5em;padding:.55em .55em .55em 0;border-radius:100vmax;font-weight:700;font-size:clamp(.85rem,1.1vw,1rem);text-decoration:none;overflow:visible;cursor:pointer;color:inherit}.jumping.white{color:var(--white)}.jumping.black{color:var(--c-heading)}.jumping.red .jumping-dot{background:var(--accent)}.jumping.white .jumping-dot{background:var(--white)}.jumping.white .jumping-dot svg{stroke:var(--velux-bg)}.jumping.black .jumping-dot{background:var(--velux-bg)}.jumping .jumping-dot{display:flex;align-items:center;justify-content:center;width:2em;height:2em;border-radius:100vmax;flex-shrink:0;opacity:0;transition:background .15s ease,scale .15s ease}.jumping .jumping-dot svg{width:70%;height:70%;flex-shrink:0;stroke:#fff}.jumping:hover .jumping-dot{scale:1.12}.jumping .jumping-label{opacity:0}.jumping.jumping-static .jumping-dot,.jumping.jumping-static .jumping-label{opacity:1}button.jumping{background:none;border:none;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.intro{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:555;background-color:var(--background-color);pointer-events:none}.intro .svg{width:100%}.intro .svg .st0{fill:#555454}.intro .svg .st1{fill:#616160}.intro .svg .st2{fill:#7a7979}.intro .svg .st3{fill:#91908f}.intro .svg .st4{fill:#9c9b9b}.intro .svg .st5{fill:#b5b5b6}.intro .svg .points>*{opacity:0;will-change:transform,opacity}.intro .svg .j{opacity:0;fill:#a11e22;will-change:opacity}.intro .svg .f{opacity:0;fill:#21282f;will-change:opacity}.intro .svg .path{opacity:0}.grid-section{padding-top:4rem;padding-bottom:4rem}@media(max-width: 900px){.grid-section{padding-top:2rem;padding-bottom:2rem}}.grid-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem}.grid-header.centered{width:-moz-fit-content;width:fit-content;margin:5rem auto 10rem auto}.grid-header.centered .display-heading{text-align:center}.grid-header-link{color:var(--c-sub);text-decoration:none;font-size:1rem}.grid-header-link:hover{color:var(--accent)}.grid-wrapper{display:grid;gap:1.2em}.grid-cell{background:var(--white);border-radius:var(--radius);padding:2rem;overflow:hidden;display:flex;flex-direction:column}@media(max-width: 900px){.grid-cell{min-height:200px}}.grid-cell p{line-height:1.6;color:var(--c-sub);font-size:1rem;margin-bottom:1.25em}.grid-cell.cell-cover-dark{background:var(--velux-bg);color:var(--white)}.grid-cell.cell-cover-dark .grid-cell-image{margin-top:auto;margin-left:-2rem;margin-right:-2rem;margin-bottom:-2rem}.grid-cell.cell-cover-dark .grid-cell-image img{width:100%}.grid-cell.cell-cover-dark p{color:rgba(255,255,255,.72)}.grid-cell.cell-cover-white{padding-bottom:0}.grid-cell.cell-cover-white .grid-cell-image{margin-top:auto;margin-left:-2rem;margin-right:-2rem}.grid-cell.cell-cover-white .grid-cell-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;display:block}.grid-cell.cell-cover-red{background:var(--accent);color:var(--white);padding-bottom:2em;justify-content:flex-end}.grid-cell.cell-cover-red .grid-cell-body{justify-content:flex-end}.grid-cell.cell-cover-red .grid-cell-image{margin-top:auto;margin-left:-2rem;margin-right:-2rem}.grid-cell.cell-cover-red .grid-cell-image img{width:100%;min-height:300px;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;display:block}.grid-cell.cell-cover-red p{color:rgba(255,255,255,.82)}.grid-cell.cell-stat-red{background:var(--accent);color:var(--white);justify-content:flex-end}.grid-cell.cell-stat-red .grid-cell-body{justify-content:flex-end}@media(max-width: 900px){.grid-cell.cell-stat-red{min-height:500px}.grid-cell.cell-stat-red .grid-stat{font-size:42vw}}.grid-cell.cell-stat-red p{color:rgba(255,255,255,.82)}.grid-cell.cell-stat-styro{background:var(--background-color);color:#000;justify-content:flex-end;position:relative}.grid-cell.cell-stat-styro .grid-cell-body{justify-content:flex-end}.grid-cell.cell-stat-styro{z-index:0;overflow:hidden}.grid-cell.cell-stat-styro::after{content:"";position:absolute;inset:0;opacity:.7;background-image:url(../images/styro.jpg);background-size:150%;background-position:center;z-index:-2}.grid-cell.cell-stat-styro .grid-stat{mix-blend-mode:overlay;font-size:clamp(5rem,12vw,17rem);color:#444;text-shadow:-2px -2px 2px rgba(0,0,0,.4),2px 2px 5px rgba(255,255,255,.85)}@media(max-width: 900px){.grid-cell.cell-stat-styro .grid-stat{font-size:clamp(8rem,32vw,10rem)}}.grid-cell.cell-stat-styro .grid-subtitle{color:var(--c-heading);opacity:.2;font-size:2rem}.grid-cell.cell-stat-canvas{background:var(--white);color:var(--white);position:relative}@media(prefers-reduced-motion: reduce){.grid-cell.cell-stat-canvas{background:var(--stat-canvas-red)}}.grid-cell.cell-stat-canvas .red-card-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.grid-cell.cell-stat-canvas>*:not(.red-card-canvas){position:relative;z-index:1}.grid-cell.cell-stat-canvas .grid-link{margin-top:auto}.grid-cell.cell-stat-canvas p{color:rgba(255,255,255,.82)}.grid-cell.cell-stat-dark{background:var(--velux-bg);color:var(--white)}.grid-cell.cell-stat-dark p{color:rgba(255,255,255,.72)}.grid-cell.cell-velux{background:var(--velux-bg);color:var(--white);padding-bottom:0}.grid-cell.cell-velux p{color:rgba(255,255,255,.72)}.grid-cell.cell-velux .grid-cell-body{position:relative;z-index:1;flex:none}.grid-cell.cell-velux .grid-cell-image{flex:1;display:flex;align-items:center;justify-content:center;margin-top:0;margin-left:20%;margin-right:20%;margin-bottom:10%}.grid-cell.cell-velux .grid-cell-image img{width:100%;height:300px;-o-object-fit:contain;object-fit:contain;display:block;transform-origin:50% 20%;transition:1.6s;pointer-events:none}.grid-cell.cell-onlyphoto{padding:0;min-height:300px}.grid-cell.cell-onlyphoto .grid-cell-image{flex:1;min-height:0;display:flex}.grid-cell.cell-onlyphoto img{width:100%;flex:1;-o-object-fit:cover;object-fit:cover;display:block;min-height:0}.grid-cell.cell-team{padding-top:0;justify-content:flex-end;align-items:center;text-align:center}.grid-cell.cell-team .grid-cell-image{margin-top:0;margin-left:-2rem;margin-right:-2rem;margin-bottom:-2rem}.grid-cell.cell-team .grid-cell-body{flex:none;margin-top:2rem}.grid-cell.cell-team .grid-cell-body .grid-title{margin-top:2rem;font-size:2.5rem}.grid-cell.cell-airplane{flex-direction:row;align-items:flex-start;gap:2rem;padding:2rem 2rem 2rem 2.5rem}.grid-cell.cell-airplane .grid-cell-body{flex:1;display:flex;flex-direction:column}.grid-cell.cell-airplane .grid-cell-body p{flex:0}.grid-cell.cell-airplane .grid-cell-image{flex:0 0 52%;transform-style:preserve-3d;margin-top:0}.grid-cell.cell-airplane .grid-cell-image img{width:100%;-o-object-fit:contain;object-fit:contain;min-height:300px;transform-style:preserve-3d;will-change:transform}@media(max-width: 900px){.grid-cell.cell-airplane{flex-direction:column}.grid-cell.cell-airplane .grid-cell-image{flex:none}.grid-cell.cell-airplane .grid-cell-image img{min-height:auto}}.grid-cell.cell-nature{position:relative;background-color:unset}.grid-cell.cell-nature::before{content:"";position:absolute;inset:0;background-image:url("../images/g174324944.jpg");background-size:cover;background-position:center;border-radius:var(--radius);z-index:0}.grid-cell.cell-nature::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 60%);border-radius:var(--radius);z-index:1}.grid-cell.cell-nature .grid-cell-body{z-index:2;color:var(--white)}.grid-cell.cell-nature .grid-cell-body p{color:var(--white)}.grid-cell.cell-text .grid-cell-body{justify-content:center}.grid-cell-body{display:flex;flex-direction:column;gap:.75rem;flex:1}.grid-cell-image{margin-top:auto}.grid-cell-image img{width:100%;display:block}.grid-title{font-size:clamp(1rem,1.6vw,2.35rem);text-wrap:pretty;font-weight:700;color:inherit;margin:0 0 .75rem}.grid-stat{font-family:var(--font-display);font-size:clamp(5rem,9vw,14rem);font-weight:700;line-height:1;color:var(--white);margin-bottom:1rem}.grid-stat em{font-style:normal}.grid-subtitle{display:block;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:700;color:rgba(255,255,255,.85);font-family:var(--font-display)}.grid-link{font-size:1rem;text-decoration:none;color:var(--accent);padding-bottom:1.5rem}.grid-cell.cell-stat-red .grid-link,.grid-cell.cell-cover-red .grid-link,.grid-cell.cell-stat-canvas .grid-link{color:var(--white)}.grid-wrapper.grid-team .grid-cell-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top}.grid-wrapper.grid-team .grid-cell{background-color:rgba(0,0,0,0);height:100%}.grid-wrapper.grid-team .grid-cell.cell-stat-styro{background:var(--background-color)}@media(min-width: 901px){.grid-wrapper.grid-team .grid-cell.cell-stat-styro .grid-stat{font-size:clamp(4rem,10vw,12rem)}}.grid-wrapper.grid-team .cell-text{background:rgba(0,0,0,0);border-radius:0;justify-content:center;gap:1rem;padding:0 6rem 0 0}.grid-wrapper.grid-team .cell-onlyphoto{position:relative;min-height:0}.grid-wrapper.grid-nachhaltigkeit .ga-co2 .grid-stat{color:var(--accent)}.grid-wrapper.grid-index{grid-template-columns:repeat(3, 1fr);grid-template-areas:"canvas wide     wide   " "canvas anspruch gruppe "}.grid-wrapper.grid-index .ga-canvas{grid-area:canvas}.grid-wrapper.grid-index .ga-wide{grid-area:wide}.grid-wrapper.grid-index .ga-anspruch{grid-area:anspruch}.grid-wrapper.grid-index .ga-gruppe{grid-area:gruppe}.grid-wrapper.grid-index .grid-cell-image{height:300px}@media(max-width: 900px){.grid-wrapper.grid-index{grid-template-columns:1fr;grid-template-areas:none}.grid-wrapper.grid-index .ga-canvas,.grid-wrapper.grid-index .ga-wide,.grid-wrapper.grid-index .ga-anspruch,.grid-wrapper.grid-index .ga-gruppe{grid-area:auto}}.grid-wrapper.grid-unternehmen{grid-template-columns:repeat(3, 1fr);grid-template-areas:"main  stat   photo1" "main  team   velux " "photo2 team  velux "}.grid-wrapper.grid-unternehmen .ga-main{grid-area:main}.grid-wrapper.grid-unternehmen .ga-stat{grid-area:stat}.grid-wrapper.grid-unternehmen .ga-photo1{grid-area:photo1}.grid-wrapper.grid-unternehmen .ga-photo2{grid-area:photo2}.grid-wrapper.grid-unternehmen .ga-team{grid-area:team}.grid-wrapper.grid-unternehmen .ga-velux{grid-area:velux}@media(max-width: 900px){.grid-wrapper.grid-unternehmen{grid-template-columns:1fr;grid-template-areas:none}.grid-wrapper.grid-unternehmen .ga-main,.grid-wrapper.grid-unternehmen .ga-stat,.grid-wrapper.grid-unternehmen .ga-photo1,.grid-wrapper.grid-unternehmen .ga-photo2,.grid-wrapper.grid-unternehmen .ga-team,.grid-wrapper.grid-unternehmen .ga-velux{grid-area:auto}}.grid-wrapper.grid-entwicklung{grid-template-columns:repeat(3, 1fr);grid-template-areas:"main  stat   photo1" "main  team   velux " "photo2 team  velux "}.grid-wrapper.grid-entwicklung .ga-main{grid-area:main}.grid-wrapper.grid-entwicklung .ga-stat{grid-area:stat}.grid-wrapper.grid-entwicklung .ga-photo1{grid-area:photo1}.grid-wrapper.grid-entwicklung .ga-photo2{grid-area:photo2}.grid-wrapper.grid-entwicklung .ga-team{grid-area:team}.grid-wrapper.grid-entwicklung .ga-velux{grid-area:velux}@media(max-width: 900px){.grid-wrapper.grid-entwicklung{grid-template-columns:1fr;grid-template-areas:none}.grid-wrapper.grid-entwicklung .ga-main,.grid-wrapper.grid-entwicklung .ga-stat,.grid-wrapper.grid-entwicklung .ga-photo1,.grid-wrapper.grid-entwicklung .ga-photo2,.grid-wrapper.grid-entwicklung .ga-team,.grid-wrapper.grid-entwicklung .ga-velux{grid-area:auto}}.grid-wrapper.grid-markte{grid-template-columns:repeat(3, 1fr);grid-template-areas:"main  bau       sport" "main  moebel     food  " "automotive automotive ruest"}.grid-wrapper.grid-markte .ga-main{grid-area:main}.grid-wrapper.grid-markte .ga-food{grid-area:food}.grid-wrapper.grid-markte .ga-sport{grid-area:sport}.grid-wrapper.grid-markte .ga-moebel{grid-area:moebel}.grid-wrapper.grid-markte .ga-bau{grid-area:bau}.grid-wrapper.grid-markte .ga-automotive{grid-area:automotive}.grid-wrapper.grid-markte .ga-ruest{grid-area:ruest}@media(max-width: 900px){.grid-wrapper.grid-markte{grid-template-columns:1fr;grid-template-areas:none}.grid-wrapper.grid-markte .ga-main,.grid-wrapper.grid-markte .ga-food,.grid-wrapper.grid-markte .ga-sport,.grid-wrapper.grid-markte .ga-moebel,.grid-wrapper.grid-markte .ga-bau,.grid-wrapper.grid-markte .ga-automotive,.grid-wrapper.grid-markte .ga-ruest{grid-area:auto}}.grid-wrapper.grid-team{grid-template-columns:repeat(4, 1fr);grid-auto-rows:clamp(260px,22vw,340px);grid-template-areas:"foto13  foto13  stat   stat" "foto13  foto13  foto6  foto9" "text3  text3  foto6  foto9" "foto7  foto8  foto2  foto1" "foto7  foto10   foto2  foto1" "text2  text2  foto4 foto3" "foto11  foto11  foto4 foto3" "foto11  foto11  stat2 stat2 " "text1  text1 foto5 foto5  " " foto12  foto12 foto5 foto5  "}.grid-wrapper.grid-team .ga-foto1{grid-area:foto1}.grid-wrapper.grid-team .ga-foto2{grid-area:foto2}.grid-wrapper.grid-team .ga-foto3{grid-area:foto3}.grid-wrapper.grid-team .ga-foto4{grid-area:foto4}.grid-wrapper.grid-team .ga-foto5{grid-area:foto5}.grid-wrapper.grid-team .ga-foto6{grid-area:foto6}.grid-wrapper.grid-team .ga-foto7{grid-area:foto7}.grid-wrapper.grid-team .ga-foto8{grid-area:foto8}.grid-wrapper.grid-team .ga-foto9{grid-area:foto9}.grid-wrapper.grid-team .ga-foto10{grid-area:foto10}.grid-wrapper.grid-team .ga-foto11{grid-area:foto11}.grid-wrapper.grid-team .ga-foto12{grid-area:foto12}.grid-wrapper.grid-team .ga-foto13{grid-area:foto13}.grid-wrapper.grid-team .ga-text1{grid-area:text1}.grid-wrapper.grid-team .ga-text2{grid-area:text2}.grid-wrapper.grid-team .ga-text3{grid-area:text3}.grid-wrapper.grid-team .ga-stat{grid-area:stat}.grid-wrapper.grid-team .ga-stat2{grid-area:stat2}@media(max-width: 900px){.grid-wrapper.grid-team{grid-template-columns:1fr;grid-template-areas:none;grid-auto-rows:auto}.grid-wrapper.grid-team .ga-foto1,.grid-wrapper.grid-team .ga-foto2,.grid-wrapper.grid-team .ga-foto3,.grid-wrapper.grid-team .ga-foto4,.grid-wrapper.grid-team .ga-foto5,.grid-wrapper.grid-team .ga-foto6,.grid-wrapper.grid-team .ga-foto7,.grid-wrapper.grid-team .ga-foto8,.grid-wrapper.grid-team .ga-foto9,.grid-wrapper.grid-team .ga-foto10,.grid-wrapper.grid-team .ga-foto11,.grid-wrapper.grid-team .ga-foto12,.grid-wrapper.grid-team .ga-foto13,.grid-wrapper.grid-team .ga-stat,.grid-wrapper.grid-team .ga-stat2,.grid-wrapper.grid-team .ga-text1,.grid-wrapper.grid-team .ga-text2,.grid-wrapper.grid-team .ga-text3{grid-area:auto}.grid-wrapper.grid-team .cell-text{display:none}.grid-wrapper.grid-team .grid-cell-image{min-height:500px;max-height:none}}@media(max-width: 640px){.grid-wrapper.grid-team{grid-template-columns:1fr}}.grid-wrapper.grid-nachhaltigkeit{grid-template-columns:repeat(3, 1fr);grid-template-areas:"energie strom     strom    " "energie co2       kreislauf"}.grid-wrapper.grid-nachhaltigkeit .ga-energie{grid-area:energie}.grid-wrapper.grid-nachhaltigkeit .ga-strom{grid-area:strom}.grid-wrapper.grid-nachhaltigkeit .ga-co2{grid-area:co2}.grid-wrapper.grid-nachhaltigkeit .ga-kreislauf{grid-area:kreislauf}@media(max-width: 900px){.grid-wrapper.grid-nachhaltigkeit{grid-template-columns:1fr;grid-template-areas:none}.grid-wrapper.grid-nachhaltigkeit .ga-energie,.grid-wrapper.grid-nachhaltigkeit .ga-strom,.grid-wrapper.grid-nachhaltigkeit .ga-co2,.grid-wrapper.grid-nachhaltigkeit .ga-kreislauf{grid-area:auto}}.grid-wrapper.grid-materialien{grid-template-columns:1fr;gap:2rem}.grid-wrapper.grid-materialien .grid-cell{background-color:var(--background-color);text-align:center;align-items:center}.grid-wrapper.grid-materialien .grid-cell-bg{width:clamp(150px,45vw,240px);aspect-ratio:1;border-radius:50%;border:8px solid var(--white);-o-object-fit:cover;object-fit:cover;display:block;margin:0 auto 1rem}.grid-wrapper.grid-materialien .grid-title{color:var(--c-heading);font-size:clamp(1.5rem,2vw,2rem);margin:0 0 .5rem}.grid-wrapper.grid-materialien .mat-props{list-style:none;margin:0;padding:0;color:var(--c-sub);font-size:1rem;line-height:1.6}@media(min-width: 900px){.grid-wrapper.grid-materialien{grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius);overflow:hidden;margin:0 auto;--dot-d: clamp(240px, 32vw, 380px)}.grid-wrapper.grid-materialien .grid-cell{position:relative;overflow:hidden;border-radius:0;min-height:380px;padding:0;text-align:left;align-items:stretch}.grid-wrapper.grid-materialien .grid-cell-bg{position:absolute;width:var(--dot-d);height:var(--dot-d);margin:0;border:none;border-radius:50%;transform:translate(var(--tx), var(--ty));transition:transform .3s ease,border .7s .3s ease}.grid-wrapper.grid-materialien .grid-cell:hover .grid-cell-bg{transform:translate(var(--tx), var(--ty)) scale(1.1)}.grid-wrapper.grid-materialien .grid-cell:hover .grid-title{color:var(--accent)}.grid-wrapper.grid-materialien .grid-cell:hover li::marker{color:var(--accent)}.grid-wrapper.grid-materialien .grid-cell-body{position:absolute;z-index:2;max-width:60%;padding:2rem}.grid-wrapper.grid-materialien .grid-title{margin:0 0 .75rem;transition:color .3s ease}.grid-wrapper.grid-materialien .mat-props{list-style:disc;padding-left:1.2em}.grid-wrapper.grid-materialien .mat-props li{font-size:.9rem}.grid-wrapper.grid-materialien .grid-cell:nth-child(1) .grid-cell-bg{right:0;bottom:0;--tx: 50%;--ty: 50%}.grid-wrapper.grid-materialien .grid-cell:nth-child(1) .grid-cell-body{top:0;left:0}.grid-wrapper.grid-materialien .grid-cell:nth-child(2) .grid-cell-bg{left:0;bottom:0;--tx: -50%;--ty: 50%}.grid-wrapper.grid-materialien .grid-cell:nth-child(2) .grid-cell-body{top:0;right:0}.grid-wrapper.grid-materialien .grid-cell:nth-child(3) .grid-cell-bg{right:0;top:0;--tx: 50%;--ty: -50%}.grid-wrapper.grid-materialien .grid-cell:nth-child(3) .grid-cell-body{bottom:0;left:0}.grid-wrapper.grid-materialien .grid-cell:nth-child(4) .grid-cell-bg{left:0;top:0;--tx: -50%;--ty: -50%}.grid-wrapper.grid-materialien .grid-cell:nth-child(4) .grid-cell-body{bottom:0;right:0}}@media(min-width: 1200px){.grid-wrapper.grid-materialien{max-width:70%}}#dot-hero-section{position:relative;width:100vw;height:100vh;overflow:hidden}#dot-hero-section canvas{display:block;width:100%;height:100%}#dot-hero-section #wipe-overlay{position:absolute;background:var(--accent);clip-path:circle(0px at 50% 50%);pointer-events:none;padding:6rem;font-family:var(--font-display)}#dot-hero-section #wipe-overlay .wipe-content{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--white);pointer-events:none;white-space:nowrap}#dot-hero-section #wipe-overlay .wipe-content .wipe-big-num{display:block;font-size:7rem;font-weight:700;line-height:1}#dot-hero-section #wipe-overlay .wipe-content .wipe-big-label{display:block;font-size:1.35rem;font-weight:700;line-height:1.15;color:var(--white)}.three-col{padding-top:5rem;padding-bottom:5rem;display:flex;flex-direction:column;gap:2.5rem}.three-col .three-col-link{font-size:1rem;font-weight:400;color:var(--accent);text-decoration:none;transition:opacity .15s}.three-col .three-col-link:hover{opacity:.65}.three-col .three-col-header{display:flex;align-items:baseline;justify-content:space-between;gap:2rem}.three-col .three-col-header .three-col-link{flex-shrink:0}.three-col .three-col-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}@media(max-width: 640px){.three-col .three-col-grid{grid-template-columns:1fr}}.three-col .three-col-item{display:flex;flex-direction:column;gap:.75rem}.three-col .three-col-item .three-col-img{display:block;width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius)}.three-col .three-col-item .three-col-title{margin-top:.25rem}.three-col .three-col-item .three-col-text{color:var(--c-sub);flex-grow:1}.three-col .three-col-item .three-col-link{align-self:flex-start}.site-footer{background:var(--footer-bg);color:var(--footer-text);font-family:inherit;font-size:1rem;line-height:1.6}.site-footer a{color:inherit;text-decoration:none;transition:color .15s ease}.site-footer a:hover{color:var(--accent)}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer p{margin:0}.site-footer hr{border:0}.site-footer .label{display:block;color:var(--footer-muted);font-size:.8rem;font-weight:400;margin:0}.site-footer .divider{height:1px;background:var(--footer-rule);width:100%;margin:.25rem 0}.site-footer .footer-inner{max-width:var(--container);margin:0 auto;padding:5rem var(--gutter) 4rem}.site-footer .footer-grid{display:grid;grid-template-columns:minmax(280px, 1fr) 2.2fr;gap:4rem;font-family:var(--font-display)}@media(max-width: 900px){.site-footer .footer-grid{grid-template-columns:1fr;gap:2.5rem}}.site-footer .brand-col{display:flex;flex-direction:column;gap:1.75rem}.site-footer .logo{display:inline-flex;align-items:center;gap:.65rem}.site-footer .logo img{width:200px}.site-footer .about-card{background:var(--footer-card);border-radius:var(--footer-radius);padding:1.5rem;color:var(--footer-muted-soft);font-size:.8rem;line-height:1.6;max-width:26rem}.site-footer .about-card a{color:var(--footer-muted-soft);text-decoration:underline;text-underline-offset:2px}.site-footer .about-card a:hover{color:var(--footer-text)}.site-footer .about-card p{font-size:inherit}.site-footer .content-col{display:flex;flex-direction:column;gap:2rem}.site-footer .contact-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem}@media(max-width: 1200px){.site-footer .contact-row{grid-template-columns:1fr 1fr}}@media(max-width: 640px){.site-footer .contact-row{grid-template-columns:1fr;gap:1.5rem}}.site-footer .contact-block{display:flex;flex-direction:column;gap:.5rem}.site-footer .contact-block .value{font-size:1rem;font-weight:500;color:var(--footer-text);line-height:1.5}.site-footer .link-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:2.5rem 2rem;margin-top:1rem}@media(max-width: 900px){.site-footer .link-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 520px){.site-footer .link-grid{grid-template-columns:1fr}}.site-footer .link-col{display:flex;flex-direction:column;gap:1rem}.site-footer .link-col ul{display:flex;flex-direction:column;gap:.55rem}.site-footer .link-col a{color:var(--footer-text);font-size:.8rem}.site-footer .legal-bar{background:var(--footer-bg-deep);color:var(--footer-muted);font-size:.8rem}.site-footer .legal-inner{max-width:var(--container);margin:0 auto;padding:1.75rem var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}@media(max-width: 640px){.site-footer .legal-inner{flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem var(--gutter)}}.site-footer .legal-links{display:flex;gap:3rem;flex-wrap:wrap}@media(max-width: 640px){.site-footer .legal-links{flex-direction:column;gap:1rem}}.site-footer .legal-links a{color:var(--footer-muted)}.site-footer .legal-links a:hover{color:var(--footer-text)}.site-footer .copyright{color:var(--footer-muted)}.text-with-contact{max-width:var(--container);margin:0 auto;padding:5rem 2rem;display:grid;grid-template-columns:1fr 300px;gap:5rem;align-items:start}@media(max-width: 768px){.text-with-contact{grid-template-columns:1fr;gap:2.5rem;padding:3rem var(--gutter)}}.text-with-contact-text p,.text-with-contact-text li{color:var(--c-sub)}.text-with-contact-text li{font-weight:700}.text-with-contact-text ul{list-style:disc;padding-left:1.4rem;margin:1rem 0 1.5rem}.text-with-contact-text ul li{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.8}.text-with-contact-text ul li::marker{color:var(--accent)}.text-with-contact-text ul li+li{margin-top:.2rem}.text-with-contact-card{border-radius:var(--radius);overflow:hidden}.text-with-contact-card .text-with-contact-card-photo{display:block;width:100%;aspect-ratio:5/3.15;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;flex:1}.text-with-contact-card .text-with-contact-card-body{padding:1.25rem 1.5rem 1.5rem;color:var(--white);display:flex;flex-direction:column;background:var(--hdr-bar-dark);flex:.5}.text-with-contact-card .text-with-contact-card-body .kontakt-btn{align-self:center;margin-top:1.25rem;display:inline-block;background:var(--accent);color:var(--white);padding:.7em 1.6em;border-radius:4px;font-weight:700;text-decoration:none;transition:background .15s ease}.text-with-contact-card .text-with-contact-card-body .kontakt-btn:hover{background:var(--accent-hov);color:var(--white)}.text-with-contact-card .text-with-contact-card-title{font-weight:700;font-size:1.05rem;line-height:1.25;margin-bottom:1rem;font-family:var(--font-display)}.text-with-contact-card .text-with-contact-card-row{display:flex;align-items:flex-start;gap:.65em;margin-bottom:.75em;white-space:nowrap}.text-with-contact-card .text-with-contact-card-row img{margin-top:.15em;width:16px;height:16px;flex-shrink:0;filter:brightness(0) invert(1) opacity(0.55)}.text-with-contact-card .text-with-contact-card-label{display:block;font-size:.75rem;font-weight:600;color:var(--hdr-text-muted);font-family:var(--font-display)}.text-with-contact-card .text-with-contact-card-value .text-with-contact-card-link{color:var(--white);text-decoration:none;font-weight:500;font-size:1rem;transition:color .15s ease}.text-with-contact-card .text-with-contact-card-value .text-with-contact-card-link:hover{color:var(--accent)}@media(max-width: 768px){.text-with-contact-card{position:static;display:flex}}@media(max-width: 640px){.text-with-contact-card{display:block}}.banner{background:var(--accent);padding:5rem 0}.banner .banner-inner{position:relative;padding:0 var(--content-left);display:flex;align-items:center;justify-content:space-between;gap:3rem}.banner .banner-inner .jumping{margin-right:7%}.banner .banner-inner .jumping-dot svg{stroke:var(--accent)}.banner .banner-text{font-weight:700;font-size:clamp(1.4rem,2.2vw,5rem);color:var(--white);line-height:1.2;display:block;font-family:var(--font-display)}@media(max-width: 640px){.banner .banner-inner{flex-direction:column;align-items:flex-start;gap:1.25rem}}.standort-address{display:flex;flex-direction:row;align-items:flex-start;gap:.75rem}.standort-address img{height:4.8rem;width:auto;flex-shrink:0}.standort-address .standort-address-body{margin-top:2.9em;display:flex;flex-direction:column;gap:.5rem}.standort-address p,.standort-address address{font-size:1rem;line-height:1.6;margin:0;font-style:normal}.standort-address strong{font-weight:700;display:block}.text-section .standort-address,.text-section .hero-btns{margin-top:2.5rem}.text-section .hero-btns{flex-wrap:wrap}@media(max-width: 640px){.standort-address{padding-top:1.5rem;border-top:1px solid var(--hdr-rule-default)}}.card-team{padding:0;color:var(--white);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card-team .card-photo{flex:none;aspect-ratio:701/999;overflow:hidden}.card-team .card-photo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 15%;object-position:center 15%}.card-team .card-body{background:var(--hdr-bar-dark);flex:1;padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.45rem}.card-team .card-body .card-contact-row:has(.card-name){flex-direction:column;align-items:flex-start;gap:.15rem;margin-bottom:.3rem}.card-team .card-body .card-name{font-size:1.25rem;color:var(--white);margin:0}.card-role{font-size:1rem;color:var(--hdr-text-muted);margin:0}.card-contact-row{display:flex;align-items:center;gap:.55rem}.card-contact-row img{width:14px;height:14px;flex-shrink:0}.card-contact-row a,.card-contact-row .card-mobile,.card-contact-row .card-phone,.card-contact-row .card-email{color:rgba(255,255,255,.8);font-size:1rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.card-contact-row a:hover,.card-contact-row .card-mobile:hover,.card-contact-row .card-phone:hover,.card-contact-row .card-email:hover{color:var(--accent)}.kontakt-gallery{padding-top:4rem;padding-bottom:4rem}.kontakt-gallery>.heading{margin-bottom:2.5rem}.kontakt-gallery .kontakt-gallery-dept+.kontakt-gallery .kontakt-gallery-dept{margin-top:3rem}.kontakt-gallery .kontakt-gallery-dept-title{font-size:clamp(1rem,1.4vw,1.2rem);font-weight:700;color:var(--hdr-text-muted);text-transform:uppercase;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--hdr-rule-default);margin-top:4rem}.kontakt-gallery .kontakt-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit, 400px);grid-auto-rows:1fr;gap:1.5rem;justify-content:end}.kontakt-gallery .kontakt-gallery-grid .card-team{flex:none;width:100%;min-height:0}@media(max-width: 640px){.kontakt-gallery{padding-top:2.5rem;padding-bottom:2.5rem}.kontakt-gallery .kontakt-gallery-grid{grid-template-columns:1fr;justify-content:initial;gap:1rem}}.text-section{padding-top:5%;padding-bottom:5%;display:flex;flex-direction:column;gap:2.5rem}.text-section .text-section-item{margin-bottom:5%;display:grid;grid-template-columns:1fr 1.5fr;gap:5%;align-items:start}@media(max-width: 900px){.text-section .text-section-item{display:block}}.text-section .text-section-item+.text-section-item{border-top:2px solid var(--hdr-rule-default);padding-top:5%}.text-section .text-section-image{margin-top:3%;margin-bottom:3%}.text-section .text-section-image img,.text-section .text-section-image video{display:block;width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius)}.text-section .text-section-image figcaption{margin-top:.5rem;font-size:.8rem;color:var(--c-sub);font-style:italic}@media(max-width: 900px){.text-section .text-section-image{gap:2rem}}.kontakt-form-section{background:#333;color:var(--white)}.kontakt-form-section .contact-form-wrapper{display:flex;align-items:flex-start;gap:5rem;padding:5rem 0}.kontakt-form-section .contact-form-text{flex:0 0 38%;max-width:38%;padding-left:var(--gutter)}.kontakt-form-section .contact-form-text .heading,.kontakt-form-section .contact-form-text .subheading{color:var(--white)}.kontakt-form-section .kf-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2rem 3.5rem;align-content:start;padding-right:var(--gutter)}@media(max-width: 900px){.kontakt-form-section .kf-grid{grid-template-columns:1fr;gap:1.75rem;padding-right:0}}.kontakt-form-section .kf-field{display:flex;flex-direction:column;gap:.55rem}.kontakt-form-section .kf-field--full{grid-column:1/-1}.kontakt-form-section .kf-field--submit{align-items:flex-end}@media(max-width: 900px){.kontakt-form-section .contact-form-wrapper{flex-direction:column;padding:3rem var(--gutter) 2rem}.kontakt-form-section .contact-form-text{max-width:none;flex:none;padding-left:0}}.kontakt-form-section .kf-label{display:block;font-size:.8rem;color:var(--white);margin-bottom:.45rem;transition:color .15s ease;order:-1}.kontakt-form-section .kf-input:focus+.kf-label{color:var(--accent)}.kontakt-form-section .kf-input{background:rgba(0,0,0,0);border:none;border-bottom:1.5px solid var(--white);border-radius:0;color:var(--white);font-family:var(--font-display);font-size:1.05rem;font-weight:400;padding:.65rem 0;outline:none;width:100%;transition:border-color .2s ease}.kontakt-form-section .kf-input::-moz-placeholder{color:rgba(255,255,255,.7)}.kontakt-form-section .kf-input::placeholder{color:rgba(255,255,255,.7)}.kontakt-form-section .kf-input:focus{border-bottom-color:var(--white)}.kontakt-form-section .kf-textarea{resize:vertical;min-height:130px;line-height:1.7}.kontakt-form-section .kf-check{display:flex;align-items:center;gap:.9rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kontakt-form-section .kf-check input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.kontakt-form-section .kf-check input[type=checkbox]:checked~.kf-check-box{background:var(--white);border-color:var(--white)}.kontakt-form-section .kf-check input[type=checkbox]:checked~.kf-check-box::after{transform:rotate(45deg) scale(1)}.kontakt-form-section .kf-check input[type=checkbox]:focus-visible~.kf-check-box{outline:2px solid var(--white);outline-offset:2px}.kontakt-form-section .kf-check-box{width:1.2rem;height:1.2rem;border:1.5px solid var(--white);border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.kontakt-form-section .kf-check-box::after{content:"";display:block;width:.3rem;height:.55rem;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg) scale(0);margin-top:-2px;transition:transform .12s ease}.kontakt-form-section .kf-check-text{font-size:.9rem;line-height:1.55;color:var(--white)}.kontakt-form-section .kf-check-text a{color:var(--white);text-decoration:underline;text-underline-offset:4px}.kontakt-form-section .kf-check-text a:hover{opacity:.75}.kontakt-form-section .kf-field--submit .jumping{color:var(--white)}.kontakt-form-section .kf-field--submit .jumping .jumping-dot{background:var(--accent)}.kontakt-form-section.light{background:#eaebec;color:var(--c-heading)}.kontakt-form-section.light .contact-form-text .heading{color:var(--c-heading)}.kontakt-form-section.light .contact-form-text .subheading{color:var(--c-sub)}.kontakt-form-section.light .kf-label{color:rgba(var(--c-heading-rgb), 0.8)}.kontakt-form-section.light .kf-input:focus+.kf-label{color:var(--accent)}.kontakt-form-section.light .kf-input{border-bottom-color:rgba(var(--c-heading-rgb), 0.8);color:var(--c-heading)}.kontakt-form-section.light .kf-input::-moz-placeholder{color:rgba(var(--c-heading-rgb), 0.35)}.kontakt-form-section.light .kf-input::placeholder{color:rgba(var(--c-heading-rgb), 0.35)}.kontakt-form-section.light .kf-input:focus{border-bottom-color:var(--accent)}.kontakt-form-section.light .kf-check-box{border-color:rgba(var(--c-heading-rgb), 0.5)}.kontakt-form-section.light .kf-check-box::after{border-right-color:var(--white);border-bottom-color:var(--white)}.kontakt-form-section.light .kf-check input[type=checkbox]:checked~.kf-check-box{background:var(--accent);border-color:var(--accent)}.kontakt-form-section.light .kf-check-text{color:rgba(var(--c-heading-rgb), 0.8)}.kontakt-form-section.light .kf-check-text a{color:var(--c-heading)}.kontakt-form-section.light .kf-field--submit .jumping{color:var(--c-heading)}.kontakt-form-section.light .kf-field--submit .jumping .jumping-dot{background:var(--accent)}.kontakt-form-section.light .kf-field--submit .jumping .jumping-dot svg{stroke:var(--white)}#smooth-wrapper{overflow:hidden;height:100vh}#smooth-content{will-change:transform;padding-top:var(--header-height)}.hero-text .heading{margin-bottom:1.2rem}.hero-text .subheading{margin-bottom:1rem}.hero-text .subheading:last-child{margin-bottom:0}.hero-btns{display:flex;align-items:center;gap:1.5rem;z-index:5}.hero-btns .jumping{color:var(--hdr-text-dark)}.hero-video{position:relative;overflow-x:hidden}.hero-video video{display:block;width:101%;aspect-ratio:1920/1080;-o-object-fit:cover;object-fit:cover;pointer-events:none}.hero-video .hero-text{position:absolute;top:12%;left:var(--content-left);max-width:480px}@media(max-width: 900px){.hero-video{display:flex;flex-direction:column-reverse}.hero-video video{width:100%;aspect-ratio:1520/1080}.hero-video .hero-text{position:static;max-width:none;padding:2rem var(--gutter) 1.5rem}}.hero-product{position:relative;display:flex;align-items:center;min-height:70vh;overflow:hidden}.hero-product>*{flex:1}.hero-product .hero-text{padding-right:7%;max-width:100%}.hero-product .hero-media{align-self:stretch;position:relative;pointer-events:none}.hero-product .hero-media .hero-media-product{position:relative;height:100%}.hero-product .hero-media .hero-media-product .product{position:absolute;width:100%;top:50%;left:37%;transform:translate(-50%, -50%);-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;z-index:-1}.hero-product .hero-media .hero-media-product .dot{position:absolute;top:50%;left:37%;transform:translate(40%, -80%);width:42%;aspect-ratio:1;border-radius:100vmax;-o-object-fit:cover;object-fit:cover;border:.6em solid var(--white);box-shadow:0 6px 18px rgba(0,0,0,.18)}@media(max-width: 900px){.hero-product{flex-direction:column}.hero-product .hero-text{max-width:none;padding-right:0;padding-left:0}}.hero-contact{position:relative;overflow-x:hidden;display:flex;align-items:flex-start;gap:5rem;padding:5rem 0}.hero-contact .hero-text{flex:0 0 38%;max-width:38%;padding-left:var(--gutter)}@media(max-width: 900px){.hero-contact{flex-direction:column;padding:3rem var(--gutter) 2rem}.hero-contact .hero-text{max-width:none;flex:none;padding:0}}.hero-contact-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:3rem;column-gap:3rem}@media(max-width: 900px){.hero-contact-grid{grid-template-columns:1fr;width:100%;-moz-column-gap:2rem;column-gap:2rem}}.hero-contact-grid .hero-contact-item{padding-block:1.75rem}.hero-contact-grid .hero-contact-item.is-bordered{border-top:1px solid var(--hdr-rule-default)}@media(max-width: 900px){.hero-contact-grid .hero-contact-item.is-bordered{border:none}}@media(max-width: 900px){.hero-contact-grid .hero-contact-item{padding-block:1.25rem}}.hero-contact-grid .hero-contact-label{display:block;font-size:.8rem;color:var(--hdr-text-muted);margin-bottom:.45rem}.hero-contact-grid .hero-contact-value{font-size:1.15rem;font-weight:700;color:var(--c-heading);text-decoration:none;line-height:1.4;margin:0}.stats-section{padding:10rem 0 8rem;position:relative;z-index:0}@media(max-width: 640px){.stats-section{padding:4rem 0 3rem}}.stats-section::after{content:"";position:absolute;inset:0;opacity:.7;background-image:url(../images/styro.jpg);background-size:50%;background-position:center;z-index:-2;transition:opacity 2s ease}.stats-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to bottom, transparent 40%, var(--background-color));z-index:-1}.stats-section .stats-title{max-width:640px;line-height:1.1;margin-left:var(--content-left)}.stats-section .stats-sub{max-width:540px;margin-top:1.5rem;margin-left:var(--content-left)}.stats-section .stats-display{display:flex;flex-direction:column;align-items:baseline;gap:1rem;margin-left:calc(var(--content-left) + 12%);font-family:var(--font-display)}.stats-section .stats-display .stats-num{padding-top:3rem;font-size:clamp(3rem,25vw,25rem);font-weight:700;color:#999;line-height:.7;text-shadow:-2px -2px 2px rgba(0,0,0,.4),2px 2px 5px rgba(255,255,255,.85);mix-blend-mode:overlay}.stats-section .stats-display .stats-num em{font-style:normal;margin-left:-0.25em}.stats-section .stats-display .stats-text-row{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-top:1em;width:80%}@media(max-width: 900px){.stats-section .stats-display .stats-text-row{flex-direction:column}}.stats-section .stats-display .stats-label{font-size:clamp(1rem,1.5vw,4rem);font-weight:700;color:var(--c-heading);opacity:.3;transition:color .8s ease}.stats-section .stats-display .stats-claim{font-size:clamp(.85rem,1.2vw,1rem);color:var(--c-sub);opacity:.3;transition:color .8s ease;margin-left:auto}.particle-section-header{padding:10rem 0 2rem;margin-left:var(--content-left);max-width:640px}@media(max-width: 640px){.particle-section-header{padding:4rem 0 1.5rem}}.particle-section-header .subheading+.subheading{margin-top:1.5rem}.particle-section{position:relative;width:100%;height:80vh;overflow:hidden}.particle-section #branch-canvas{display:block;width:100%;height:100%}.particle-section .branch-nav{position:absolute;bottom:8%;left:0;display:flex;justify-content:center}@media(min-width: 1200px){.particle-section .branch-nav{top:1%;bottom:unset;left:var(--content-left);right:unset}}.particle-section .branch-nav ul{font-family:var(--font-display);list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 2rem;padding:0;margin:0 0 0 .5em}@media(min-width: 1200px){.particle-section .branch-nav ul{flex-direction:column}}.particle-section .branch-nav li{display:flex;align-items:center;gap:.5em;font-size:clamp(.7rem,1.25vw,2.95rem);font-weight:700;color:var(--c-heading);opacity:.35;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .2s ease,color .2s ease}.particle-section .branch-nav li:hover{opacity:.75}.particle-section .branch-nav li.active{opacity:1;color:var(--accent)}.particle-section .branch-nav li.active .branch-dot{background:var(--accent)}.particle-section .branch-nav .branch-link a{display:flex;align-items:center;gap:.5em;color:inherit;text-decoration:none}.particle-section .branch-nav .branch-dot{display:flex;align-items:center;justify-content:center;width:.7em;height:.7em;margin-top:.1em;border-radius:100vmax;flex-shrink:0;background:var(--c-heading);transition:background .2s ease}.particle-section .branch-nav .branch-dot svg{width:70%;height:70%;flex-shrink:0;stroke:var(--white)}.big-image{position:relative}.big-image .big-image-img{display:block;width:100%;aspect-ratio:13/8;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;border-radius:var(--radius)}@media(max-width: 900px){.big-image .big-image-img{-o-object-position:top right;object-position:top right}}.big-image .big-image-text{position:absolute;top:8%;left:var(--page-margin);max-width:420px}.big-image .big-image-text .subheading{margin-top:1rem}.big-image .big-image-text .jumping{color:var(--hdr-text-dark)}@media(max-width: 900px){.big-image{display:flex;flex-direction:column;padding:0}.big-image .big-image-text{position:static;padding:3rem 2rem 2rem;max-width:100%}.big-image .big-image-img{aspect-ratio:4/3}}.big-image:not(:has(~.big-image)) .big-image-img{border-radius:var(--radius) var(--radius) 0 0}.big-image-quote .big-image-img{border-radius:var(--radius) var(--radius) 0 0}.big-image-quote .quote-mark{display:block;margin-bottom:.75rem;margin-left:-3rem}.big-image-quote .quote-mark svg{width:64px;height:auto}.big-image-quote blockquote{margin:0 0 1.5rem}.big-image-quote blockquote p{font-size:clamp(1.4rem,2.2vw,2.5rem);font-weight:700;font-style:normal;line-height:1.2;color:var(--c-heading);margin:0 0 1.25rem}.big-image-quote blockquote cite{display:block;font-style:normal;font-size:1rem;color:var(--c-sub)}.cert-wrapper{margin-top:8rem}@media(max-width: 640px){.cert-wrapper{margin-top:3rem}}.cert-wrapper .cert-header{margin-bottom:9rem;margin-left:var(--content-left)}@media(max-width: 640px){.cert-wrapper .cert-header{margin-bottom:3rem}}.cert-wrapper .cert-header p{max-width:640px}.cert-wrapper .cert{display:flex;align-items:center;justify-content:space-around;gap:2rem;flex-direction:column}@media(min-width: 900px){.cert-wrapper .cert{flex-direction:row;gap:1%}}.cert-wrapper .cert img{width:unset;height:90px;filter:grayscale(1)}.cert-list{display:flex;flex-direction:column;margin-top:4em}.cert-list .cert-list-item{display:flex;align-items:flex-start;gap:15%;padding:3rem 0;border-bottom:1px solid var(--hdr-rule-default)}.cert-list .cert-list-item .cert-list-image{flex:0 0 180px;display:flex;align-items:center;justify-content:flex-start}.cert-list .cert-list-item .cert-list-image img{max-width:100%;max-height:100px;width:auto;filter:grayscale(1)}.cert-list .cert-list-item .cert-list-body{flex:1}.cert-list .cert-list-item .cert-list-body .cert-list-title{font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:700;margin-bottom:1rem;color:var(--c-heading)}.cert-list .cert-list-item .cert-list-body p{color:var(--c-sub);line-height:1.8;max-width:640px;margin:0}.cert-list .cert-list-item .cert-list-body .download-desc{font-size:.65em;opacity:.5;display:block}@media(max-width: 900px){.cert-list .cert-list-item{flex-direction:column;align-items:flex-start;gap:1.5rem}}.nature-section{position:relative}.nature-section .nature-particles{position:relative;z-index:10;width:100vw;height:100vh;overflow:hidden}.nature-section .nature-particles #nature-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.nature-section .nature-particles canvas:not(#nature-canvas){z-index:1}.nature-section .nature-canvas-text{position:absolute;top:var(--header-height);left:var(--content-left);z-index:3;translate:0 20px;pointer-events:none}@media(min-width: 900px){.nature-section .nature-canvas-text{max-width:53%}}@media(min-width: 1200px){.nature-section .nature-canvas-text{max-width:26%}}.nature-section .nature-text{display:grid;grid-template-columns:1fr 1fr;gap:4rem}@media(max-width: 768px){.nature-section .nature-text{grid-template-columns:1fr}}.nature-section .nature-text .nature-text-col .heading{font-size:clamp(1.2rem,1.8vw,2.5rem)}.nature-section .nature-text .nature-text-banner{grid-column:1/-1;position:relative;min-height:300px;border-radius:var(--radius);overflow:visible;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:4rem}.nature-section .nature-text .nature-text-banner .heading{font-size:clamp(1.2rem,1.8vw,2.5rem)}.nature-section .nature-text .nature-text-banner::before{content:"";position:absolute;inset:0;background-image:url("../images/g174324944.jpg");background-size:cover;background-position:center;border-radius:var(--radius);z-index:0}.nature-section .nature-text .nature-text-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, transparent 60%);border-radius:var(--radius);z-index:1}.nature-section .nature-text .nature-text-banner .nature-text-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.nature-section .nature-text .nature-text-banner .nature-text-content a{color:var(--white)}.paragraph h2{font-size:1.25rem;margin-top:2em}.paragraph h3{margin-top:2em}.paragraph p{max-width:80%;margin-top:1em;font-size:1rem;line-height:1.7;color:var(--c-sub)}.paragraph a{color:var(--accent)}.paragraph strong{color:var(--black)}.paragraph ul,.paragraph ol{margin-top:1em;padding-left:1.5rem;color:var(--c-sub);line-height:1.7;font-size:1rem}.paragraph li+li{margin-top:.4em}