/* Integration of the supplied design with the existing self-hosted setup. */
html{scroll-padding-top:110px}body{overflow-wrap:break-word}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #719025;outline-offset:4px}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--green);color:white;padding:13px 20px}.skip-link:focus{top:10px}.preview-indicator{background:#e5ecce;color:#2e422b;min-height:25px;padding:6px 4vw;font-size:9px;letter-spacing:.07em;line-height:1.4;text-align:center}.site-header{gap:20px}.site-header nav{gap:23px}.config-cart-link{display:flex;align-items:center;gap:8px;margin-left:2px;flex-shrink:0;font-size:11px}.config-cart-link svg{width:22px;height:22px}.config-cart-link [data-config-cart-count]{min-width:23px;height:23px;padding:0 5px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-size:10px}.configuration-add{display:grid;grid-template-columns:100px minmax(180px,1fr);gap:12px;text-align:left;margin-top:15px}.configuration-add>label{grid-column:1/-1;font-size:12px;color:var(--muted)}.configuration-add>input{width:100%;min-width:0;padding:12px;border:1px solid var(--line);font-size:16px}.configuration-add>.button{font-size:13px}.configuration-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;align-items:center;font-size:12px;margin-top:22px}.configuration-step-status{font-size:13px;color:#a72e37;margin:0;padding:0 34px}.configuration-step-status:not(:empty){padding-top:15px;padding-bottom:15px}.success-panel{height:100%;min-height:580px;overflow-y:auto;justify-content:center}.success-panel #configuration-status{font-size:12px;min-height:20px}.config-cart-status:not(:empty){position:fixed;z-index:70;bottom:20px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:16px 24px;box-shadow:0 6px 30px #0003;font-size:13px;max-width:calc(100% - 30px);width:max-content;text-align:center}.image-unavailable{background:#edf0e8;min-height:100px;color:var(--muted);font-size:12px}.legal-document-wrapper{max-width:1200px;padding:70px 6vw;margin:auto;font-size:14px;line-height:1.8}.legal-document-wrapper h1{font:600 clamp(36px,4.8vw,65px)/1.1 Manrope,sans-serif;letter-spacing:-.04em}.legal-document-wrapper h2{font:600 35px/1.2 Manrope,sans-serif}.legal-document-wrapper h3{font:600 19px/1.5 Manrope,sans-serif}.legal-document-wrapper p,.legal-document-wrapper li{color:var(--muted)}.legal-document-wrapper address{font-style:normal}.legal-navigation{display:flex;gap:20px;flex-wrap:wrap;margin:35px 0;padding:20px 0;border-block:1px solid var(--line)}.legal-content{display:block}.legal-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:60px}.legal-document{min-width:0}.legal-sidebar{font-size:12px}.legal-block{padding-bottom:23px}.legal-section{padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid var(--line)}.legal-facts{display:grid;grid-template-columns:140px 1fr;gap:14px}.legal-facts dd{margin:0}.legal-address>span{display:block}.legal-document-wrapper a{text-decoration:underline}.legal-note{background:#e8ece3;padding:18px}.legal-date{font-size:12px}.model-card,.selected-system{min-width:0}
@media(min-width:1051px) and (max-width:1250px){.site-header{gap:13px}.site-header nav{gap:17px;font-size:12px}.header-cta{font-size:11px;padding:12px}.brand img{width:155px}}
@media(max-width:1050px){.site-header .menu-button{margin-left:0}.site-header .header-cta{margin-left:auto;margin-right:0}.site-header .config-cart-link{margin-left:auto}.site-header:has(.header-cta) .config-cart-link{margin-left:0}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:20px 6vw;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 10px 18px #0001}.menu-open .site-header nav{display:flex}.site-header nav a{padding:13px 0;font-size:16px}.menu-button{min-width:40px;min-height:42px;cursor:pointer}}
@media(max-width:720px){html{scroll-padding-top:92px}.preview-indicator{font-size:7px;padding:6px 12px}.site-header{gap:13px}.site-header:has(.header-cta) .config-cart-link{margin-left:auto}.brand img{width:145px}.configuration-add{grid-template-columns:75px minmax(0,1fr);width:100%;max-width:350px}.configuration-add>.button{padding:14px;font-size:12px;gap:14px}.success-panel{padding:30px 20px;justify-content:flex-start;min-height:700px}.success-panel h3{font-size:32px}.success-panel>span{margin-top:20px}.success-panel>p:not(.eyebrow){font-size:13px}.configuration-actions{flex-direction:column;gap:20px}.legal-document-wrapper{padding-top:40px}.legal-facts{grid-template-columns:1fr;gap:4px}.legal-facts dd{margin-bottom:12px}.legal-document-wrapper h2{font-size:29px}.configuration-step-status{padding-inline:20px}.price-row{gap:15px}.price-row strong{font-size:23px}.price-row>span{min-width:0}}
.legal-navigation>div{display:flex;flex-wrap:wrap;gap:14px 20px}.legal-document-wrapper .section-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.products .product-card{height:420px;min-width:0}.products .product-card:first-child{grid-column:auto}.products .product-card h3{font-size:30px;line-height:1.15}.products .product-card>div{left:24px;right:24px}.products .balconies{background-image:url('assets/remote/photo-1600607687920-4e2a09cf159d-08b5923e62e6.avif')}.products .doors{background-image:url('assets/doors/internorm-ag.jpg')}.products .railings{background-image:url('assets/editorial/balkongelaender-8134814-web.webp');background-position:82% center}.products .sun-protection{background-color:#e5ebe5;background-image:url('assets/remote/138-w-pan7040-ausgefahren-r-sw-8462f4aca996.png');background-size:95% auto;background-repeat:no-repeat;background-position:center 12%}.products .sun-protection>span{color:var(--ink)}.products .sun-protection:after{background:linear-gradient(0deg,rgba(8,35,27,.98),rgba(8,35,27,.75) 29%,transparent 65%)}
@media(max-width:1050px){.products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.products .product-grid{grid-template-columns:minmax(0,1fr)}.products .product-card,.products .product-card:first-child{height:390px;grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

[id="geländer"] .railing-grid article:first-child img{object-position:82% center}[id="geländer"] .railing-grid article:nth-child(2) img{object-position:82% center}

/* Place the sidebar and document in separate columns; stack them on tablets. */
@media(max-width:900px){.legal-layout{grid-template-columns:minmax(0,1fr);gap:25px}}

.language-switcher{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:11px;font-weight:600;white-space:nowrap}.language-switcher a{padding:8px 0;min-width:20px;text-align:center}.language-switcher a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px;color:var(--green)}.language-switcher span{color:var(--muted)}
@media(max-width:380px){.site-header{gap:8px}.site-header .brand img{width:125px}.language-switcher{gap:5px;font-size:10px}.config-cart-link{gap:5px}}

html[lang="en"] .preview-outside:after{content:"OUTSIDE"}html[lang="en"] .preview-inside:after{content:"INSIDE"}