p,ul li{font-size:clamp(.7rem, .8vw, 1rem);color:var(--textfarbe);line-height:1.5}h1,h1 span{color:var(--haeins)}body,h2,html{margin:0;font-weight:300}h2,h2 span{color:var(--hazwei)}body,h1,h2,h3,h4,html{font-weight:300}h4,h4 span{color:var(--havier)}#installButton,.speak-btn{cursor:pointer;border:none}#installButton:hover,.custom-button:hover{background-color:#005f8a}.custom-button:hover,.popup,.popup button{box-shadow:0 4px 8px rgba(0,0,0,.2)}#renderCanvas,.noSelect{-webkit-tap-highlight-color:transparent}#cookienotice a,h3 span{color:var(--firmenFarbe)}#backToHome,#closeOverview{transition:transform 250ms}.block,.custom-button,.readmoreCont,ul li{position:relative}#backToHome,#blocksaSchieber{width:90px;height:90px;z-index:999;position:fixed;top:50%}#blocksaSchieber,#trans1,body,html{background-size:cover;background-position:center}#blocksaSchieber,#trans1,#usage_touch,body,html{background-position:center}#Cookiebanner,#backToHome,#cookienotice,#devOrientation,#installButton,#mainMenu,#minimap,#popupCont,#renderCanvas{position:fixed}#minimap ul,ul li{padding-left:20px}#blocksack,#wpSack{padding-top:100px;z-index:900}#installButton,#minimap li,.custom-button,.popup,.popup button,.popup h3,.popup p,body,html,p,ul li{color:var(--textfarbe)}#appMenu a:hover,a{transition:color .3s,transform .2s}#appLogoCont img,#appMenu img{margin-left:20px}.fotobanner,.fotobanner3{aspect-ratio:16/2;z-index:1}button,ul li::before{background-color:#fff}#appMenu,.block,.speak-btn,button{pointer-events:all}.custom-button,.next-button{text-transform:uppercase;font-family:"Arial Narrow",Arial,sans-serif}button,table{margin-top:30px}p,td,th,ul li{line-height:1.5}.nav-square,.prev-post,.read-more,a,a:hover{text-decoration:none}#canvasHtmlCont .fence,.accordion-button,.infomercial,.product-tile,.readmoreCont{box-sizing:border-box}.chidden,.wpHidden{visibility:hidden}#canvasHtmlCont button,#customLoadingScreenDiv,#trans1,#usage_touch,body,html{background-repeat:no-repeat}.container,.scroll{white-space:nowrap}#canvasHtmlCont,#scene-info-box,#sliderContainer{transform:translateX(-50%)}:root{--kontra1:#0084ca;--kontra2:#E61348;--backgrond:#141414;--fassadenFarbe:rgb(26, 26, 26);--fassadenFarbeAlpha:rgba(27, 27, 27, 0.3);--firmenFarbe:lab(49.07% 2.67 -49.71);--firmenFarbeAlpha:rgba(0, 126, 243, 0.486);--textfarbe:#cfcfcf;--textfarbe2:#b3b3b3;--verlinkung:#dce1e7;--haeins:#ffffff;--hazwei:#ffffff;--hadrei:#ffffff;--havier:#ffffff;--menuitems:#4467a7;--menuFontColor:#ffffff;--menuitemsHover:#457be0;--menuitemsSelected:#ff365d}body,html{font-family:Roboto,sans-serif;background-attachment:fixed;scroll-behavior:smooth;width:100%;height:100%;padding:0}ul{list-style:none;padding-left:5px}ul li{all:unset;display:block;margin:0 0 2px}ul li::before{content:"";position:absolute;top:.55em;left:0;width:8px;height:8px}.product-tile ul li img{width:16px;height:auto}.product-tile ul li a{color:#e6e6e6}a{color:var(--verlinkung)}a:hover{color:#fff}p{margin-top:4%}h1{font-size:38px;font-size:clamp(1.5rem, 2vw, 2.5rem)}h1 span{font-weight:600;font-size:clamp(2rem, 3vw, 4rem)}h2 span,h3 span{font-weight:900}h2{font-size:clamp(1.5rem, 1.8vw, 2.7rem)}h3{font-size:clamp(1.2rem, 1.5vw, 2rem);color:var(--hadrei);margin:0 0 20px}h4{font-size:clamp(1rem, 1.2vw, 1.4rem);margin:0}#cookienotice a,.maintext,h4 span,strong{font-weight:900}:focus{outline:0}#minimapLocation,.popup button,.read-more{font-weight:700}.speak-btn{background:0 0;padding:6px 10px;margin-left:8px}.speak-btn img{height:24px}.readmoreCont{height:80px;text-align:center;display:flex;flex-direction:column;align-items:flex-end;width:100%;font-size:.9rem;border:0 solid #ec1414;overflow:hidden}#minimap,.block{height:auto;text-align:left}#cortinas,#devOrientation,#installButton,#navigation,#popupCont,#trans1,.popup,.prev-post .back-to-home-text{display:none}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.noSelect:focus{outline:0!important}#installButton{top:20px;right:200px;width:100px;height:50px;background-color:#0084c9;border-radius:5px;z-index:999}.popup{width:500px;height:auto;z-index:999;margin:300px auto;font-size:18px;background:rgba(9,105,172,.6);padding:50px;border-radius:10px}#appLogoCont,#appMenu,#mainMenu,#usage_touch,.block{display:flex}.popup p{margin:0;padding:0 0 20px}.popup h3{padding:30px 20px 0 0}.popup button{padding:20px 30px;background-color:#056099;border:none;border-radius:10px;cursor:pointer;font-size:20px;transition:.3s}.custom-button,.prev-post{border:none;cursor:pointer}.popup button:hover{background-color:#045080;transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.3)}#popupCont{backdrop-filter:blur(5px);width:100%;height:100%;top:0;left:0;z-index:999}#devOrientation,.milky,.product-tile-horizontal{backdrop-filter:blur(10px)}.custom-button{background-color:#0084c7;padding:10px 20px;margin:10px 20px;font-size:18px;transition:background-color .3s}#appMenu .nav-square,#canvasHtmlCont button,#minimap table tbody,#renderCanvas,.block{background-color:transparent}#appMenu,.read-more{font-size:clamp(.7rem, .9vw, 1.1rem)}.custom-button::after{content:"→";font-size:18px;margin-left:10px;position:relative;top:-2px}#ladebalke{height:10px;top:300px;width:auto;float:left;background-color:#3f929f}.button-89{margin-top:40px}#renderCanvas{top:0;width:100%;height:100%;user-select:none;touch-action:none}#customLoadingScreenDiv h2{display:block;font-size:clamp(20px, 5vw, 50px);text-transform:uppercase;color:var(--textfarbe)}#usage_touch{height:100%;width:100%;justify-content:center;align-items:center;background-image:url(../img/touch_animation.png);background-size:contain;max-width:100vw;max-height:100vh}#innertext{height:50px;width:300px;margin:5% auto}#Cookiebanner{top:0;width:100%;height:100%;z-index:999;background:rgba(9,105,172,.5)}#cookienotice{height:auto;width:100%;bottom:0;margin:0 auto;background-color:#353535}#cookienotice p{color:#b9b9b9;font-size:20px;padding:20px}#cookienotice a:hover{color:var(--menuitemsHover)}input[type=submit]{padding:40px;background-color:var(--kontra1);color:#fff;border:5px #000;cursor:pointer;font-size:20px}#devOrientation{top:150px;width:100%;height:100%;overflow:hidden;background:rgba(45,45,45,.1);padding:50px}h1,p{clear:Left}#trans1{z-index:10;width:100%;height:100%;background-image:url("../img/screen2.jpg")}.bez{margin-left:-300px;margin-top:0}#mainMenu{background-color:var(--fassadenFarbe);width:100%;z-index:999;height:9%;align-items:stretch;flex-direction:row}#mainMenu .menucenter{display:flex;height:100%;align-items:center}#menuwrap{height:100%;padding-right:2rem}#appLogoCont{width:auto;height:100%;cursor:pointer;align-items:center}#appLogoCont img{width:auto;height:50%;cursor:pointer}#appLogoCont div{height:100%;margin:0 1.5rem;align-content:center}.flex-grow{flex-grow:1}.lazy-reveal{opacity:0;clip-path:inset(0 0 100% 0);transition:opacity .4s,clip-path .7s cubic-bezier(.2, .7, .2, 1);will-change:opacity,clip-path}.lazy-reveal.is-visible{opacity:1;clip-path:inset(0 0 0 0)}@supports not (clip-path:inset(10% 0 0 0)){.lazy-reveal{-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,1) 100%);-webkit-mask-size:100% 0%;-webkit-mask-repeat:no-repeat;transition:opacity .4s,-webkit-mask-size .7s cubic-bezier(.2, .7, .2, 1)}.lazy-reveal.is-visible{-webkit-mask-size:100% 100%}}@media (prefers-reduced-motion:reduce){.lazy-reveal,.lazy-reveal.is-visible{transition:none;clip-path:none;-webkit-mask-image:none}}#closeOverview{width:70px;height:70px;position:absolute;right:0;top:0;padding:20px;cursor:pointer}#closeOverview img{width:100%}#blocksaSchieber:hover,#closeContentBTN:hover,#closeOverview:hover{transform:scale(1.2)}#backToHome{left:3%;padding:20px;cursor:pointer}#backToHome img,.itemHeader{width:100%;height:auto}#backToHome:hover,#social .product-tile a img:hover{transform:scale(1.2);transition:transform 250ms}#canvasHtmlCont .product-tile h2,#canvasHtmlCont .product-tile h3,.menuHeader h2,.overlayA h1,.overlayA h2,.overlayA h3,.overlayA h4,.overlayA p,.overlayE h1,.overlayE h2,.overlayE h3,.overlayE h4,.overlayE p,.white{color:#fff}.block{flex-direction:column;justify-content:center;align-items:center;border-bottom:0 solid #ccc;overflow:hidden;z-index:900}#menu-handle span,#minimap,.prev-post,.read-more,button{display:inline-block}.titleCont,button{text-align:center}#blocksack,#blocksack.toggled,#minimap,.fimage,.fotofilter,.intocable{pointer-events:none}#blocksaSchieber{display:none;left:0;padding:10px;transition:transform .2s;background-image:url('../img/navrecht.png');cursor:pointer}#blocksack,.fence,.prev-post,.read-more{position:relative}#blocksack{display:block;transition:transform 1.9s}#blocksack.shifted{transform:translateX(-70vw)}#blocksack.toggled{transform:translateX(-100vw);opacity:0;transition:transform 3.5s,opacity 3.5s;overflow:hidden}.noblock{min-height:100vh;overflow:auto}.blockheader{transition:background-color .5s}.faddedIn,.faddedOut{transition:opacity 1.5s}.blockheader p{padding:0;margin-left:0}.faddedOut{opacity:0}.faddedIn{opacity:1}#minimap{top:8%;left:30px;width:auto;z-index:1000;padding:20px}#minimap table tr{background-color:transparent!important}#minimap table td{padding:0}#minimap ul{list-style-type:disc;margin:0}#wpSack{position:absolute;width:100%;height:100%;top:0;left:0}#minimap li{margin-bottom:10px;font-size:1rem}#minimapLocation img{width:15px;height:15px;margin-left:10px}#appMenu{margin-left:auto;margin-right:20px;height:100%;align-items:center;font-weight:500}#appMenu a{margin-right:5px}#appMenu a:hover{color:var(--firmenFarbe);transform:scale(1.02)}.prev-post{--size:56px;--stroke:3px;width:var(--size);height:var(--size);padding:0;border-radius:50%;background:#e0e0e0;color:#6b6b6b;transition:background .25s,color .25s,transform .2s}.prev-post:hover,.read-more,button{color:var(--firmenFarbe)}.prev-post:hover{background:rgba(224,224,224,.6);transform:scale(1.04)}.prev-post::before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;border-left:var(--stroke) solid currentColor;border-bottom:var(--stroke) solid currentColor;transform:translate(-50%,-50%) rotate(45deg);transition:border-color .25s}.prev-post::after,.read-more::before{height:var(--stroke);content:"";position:absolute;top:50%}.prev-post::after{left:50%;width:18px;background:currentColor;transform:translate(-2px,-50%) scaleX(0);transform-origin:right center;transition:transform .25s,background .25s}.prev-post:hover::after{transform:translate(-2px,-50%) scaleX(1)}.read-more{bottom:10px;--stroke:2px;--pad-x:20px;--pad-left-hover:44px;--shaft:14px;--joint:1px;padding:12px var(--pad-x);background:rgba(255,255,255,.3);border:none;border-radius:6px;transition:background .25s,padding-left .25s,color .25s;margin-top:20px}.read-more:hover{background:var(--menuitemsHover);color:#fff;padding-left:var(--pad-left-hover)}.read-more::before{left:16px;width:0;background:currentColor;transform:translateY(-50%);transform-origin:left center;transition:width .25s}.read-more::after{content:"";position:absolute;left:calc(16px + var(--shaft) - var(--joint));top:50%;width:8px;height:8px;border-top:var(--stroke) solid currentColor;border-right:var(--stroke) solid currentColor;transform:translateY(-50%) rotate(45deg);opacity:0;transition:opacity .25s,border-color .25s}.read-more:hover::before{width:var(--shaft)}.read-more:hover::after{opacity:1;border-color:currentColor}.fence{width:75%;max-width:1900px;min-width:500px;padding:4% 4% 150px;margin-top:50px;margin-bottom:50px;height:auto;overflow:hidden}#canvasHtmlCont .fence{padding:30px;margin-top:10px;width:100%;min-width:0}.halffence{width:55%}.titleCont{width:100%;margin-bottom:20px;padding:20px}.menuItem ul{padding:0;margin:0}.menuItem b{padding:2px;margin:2px}.infomercial{position:fixed;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:20px;width:auto;max-width:400px;height:auto;word-break:break-word;overflow-wrap:break-word}.fotoBanerOverlay,.fotoButOverlay,.fotobanner img{position:absolute;top:0;left:0;cursor:pointer}.infomercial img{width:auto;height:auto;max-width:none;max-height:none;object-fit:unset}.fotobanner{width:100%;height:21vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.fotoBanerOverlay,.fotobanner3{justify-content:center;width:100%;height:100%;display:flex}.fotobanner3{overflow:hidden;align-items:center}.fotobanner img{width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .3s}.fotobanner:hover{transform:scale(1.01);transition:transform .3s ease-in-out}.fotoBanerOverlay.selected{background-color:rgba(0,0,0,.5);transition:background-color .3s}.fotoBanerOverlay{z-index:5;align-items:center}.fotoButOverlay{width:100%;height:100%;z-index:5;display:flex;justify-content:center;align-items:center;transition:background-color .3s}#background-image,.image-overlay{top:50%;left:50%;transform:translate(-50%,-50%)}.image-overlay{position:fixed;z-index:999;padding:50px;width:70%;height:auto;cursor:pointer}#background-image-full,#usageCont img,.closebtn img,.image-overlay img{width:100%;height:100%;object-fit:cover}#closeContentBTN,#menu-handle{width:70px;height:70px;background-position:center;background-size:cover;cursor:pointer}.fotofilter{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(85,85,85,.6);z-index:1;border-radius:inherit}.parent-flex-column{position:relative;display:flex;flex-direction:column}.top{position:absolute;top:-40px;right:0}.changrilaCont{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:5px;justify-items:start;height:auto;transition:transform .3s;padding-top:5px}.center,.left{flex-direction:column;margin:0 auto;display:flex}.changrilaCont h2{margin-top:0}.changriNumb{position:absolute;top:-30px;left:10px}.center,.left,button{position:relative}button{font-weight:600;font-size:clamp(.7rem, .8vw, 1rem);padding:20px 25px;width:140px;cursor:pointer;transition:background .2s,color .2s;border:0}button:hover{background-color:var(--firmenFarbe);color:#fff;transform:scale(1.01);transition:background .2s,color .2s,transform .2s}.center{align-items:center;width:40%}.left{align-items:flex-start}.accordion-button{background-color:#f7f7f7;width:100%;text-align:left;border:none;outline:0;cursor:pointer;transition:background-color .3s;padding:25px}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;background-color:#fafafa;border:none}#menu-handle,.chidden,.chiddle{transition:transform .5s}.accordion-item{border-bottom:1px solid #ddd}.accordion-button h3{font-size:clamp(.8rem, 1.1vw, 1.5rem)}.accordion-list{padding-top:20px;margin:0}.chilang{margin-bottom:80px}.chilang img,.product-tile a,.product-tile img,.product-tile video{width:100%;height:auto;object-fit:cover}.chiddle{transform:translate(0,-50px);overflow:hidden}.fimage{position:absolute;top:0;left:0;width:100%;max-height:400px;object-fit:cover;z-index:-1;transition:transform 250ms}.milky{background:var(--fassadenFarbeAlpha);transition:background-color .5s}.nav-square,.next-button,tr{transition:background-color .3s}.whity{background:var(--fassadenFarbe)}.next-button,th{background-color:#0084c7;color:#fff}#image-container{width:100%;height:100%;position:absolute;overflow:hidden}#background-image{max-width:100%;max-height:100%;position:absolute}.next-button{border:none;padding:10px 20px;margin:10px 20px;font-size:18px;cursor:pointer}#cortinas,.nav-square{background-color:var(--menuitems)}.bottom-button{position:absolute;bottom:50px}#canvasHtmlCont,#closeContentBTN,#menu-handle,#navigation,#projectName,.popupAnim,footer{position:fixed}.next-button:hover{background-color:#87bfe9}#navigation{bottom:50%;left:10px;transform:translateY(50%);flex-direction:column;gap:10px;z-index:1000;transition:left .5s;background-color:var(--fassadenFarbeAlpha);padding:10px}.leerraum,.mitad{justify-content:center}#closeContentBTN{top:15%;right:5%;transition:transform .2s;background-image:url('img/pageClose.png');z-index:999}.leerraum{width:100%;height:clamp(40px,8vh,120px);display:flex;align-items:center}table{width:100%;border-collapse:collapse}tbody{background-color:rgba(0,132,199,.05)}tr:nth-child(2n){background-color:rgba(255,54,93,.07)}tr:hover{background-color:#cc000022}td,th{padding:14px 18px;border-bottom:1px solid #e0e0e0;font-size:clamp(.7rem, .8vw, .9rem)}th{font-weight:700;border-bottom:2px solid #c00;letter-spacing:1px}.tableTop tbody,.tableTop tr:nth-child(2n){background-color:rgba(197,197,197,.568)}.tableTop tr:hover{background-color:rgba(88,114,99,.226)}.nav-square{width:auto;height:50px;border-radius:0;display:flex;align-items:center;justify-content:flex-end;color:var(--menuFontColor);font-size:18px;box-shadow:0 0 10px rgba(0,0,0,.3);padding:5px 20px;cursor:pointer}.product-tile,.product-tile .frame{width:100%;display:flex;overflow:hidden}.menu-blink{animation:.5s infinite alternate whiteGlow}@keyframes whiteGlow{from{background-color:var(--menuitems)}to{background-color:red}}#navigation .nav-icon{width:45px;height:37px;margin-right:0;margin-left:25px;pointer-events:none}.nav-square:hover{background-color:var(--menuitemsHover)}.nav-square.active{background-color:var(--menuitemsSelected)}.nav-square img{margin-left:-15px}#appMenu .nav-square{box-shadow:none;padding:5px;color:var(--menuFontColor)}#sliderPlay,#sliderPlay.selected,#sliderSwitch{background:rgba(104,104,104,.2)}#appMenu .nav-square.active{background-color:var(--firmenFarbe);color:#fff}.popupAnim{padding:20px;border-radius:10px;z-index:1000;text-align:center;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;animation:1.5s ease-in-out infinite bounce;background-color:rgba(223,9,116,.8)}.popupAnim h3{color:#fff;line-height:1.2;padding-bottom:0}.contact-form label,.farbbox a,.farbbox h1,.farbbox h2,.farbbox h3,.farbbox p,.farbbox ul li,footer{color:var(--textfarbe)}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}#menu-handle{top:240px;left:0;background-image:url('img/menuOpen2.png');display:flex;align-items:center;justify-content:center;color:#fff;z-index:999}#menu-handle span{padding-bottom:5px}.rotate{transform:rotate(180deg)}.flex-container{display:flex;justify-content:space-between;flex-flow:row wrap;align-content:stretch;align-items:stretch}#flex-container{display:flex;gap:10px}#flex-container h3{color:#3c3c3b}article{padding:30px}.tocable{pointer-events:auto}#scene-info-box,#usageCont,.wpHidden{pointer-events:none}.tofront{z-index:999}.product-tile{position:relative;flex-direction:column;align-items:left;border:0 solid #ec1414;z-index:2;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit}.product-tile H2,.product-tile H3{z-index:5;transition:transform 350ms}.centered-image-container{display:flex;justify-content:center;align-items:center}.centered-image-container img{width:auto;height:auto;max-width:100%;max-height:100%}.product-tile .frame{position:relative;height:400px;flex-direction:column;justify-content:flex-start;align-items:stretch}.coverimage,.product-tile .frame>*{position:absolute;height:100%;width:100%;top:0;left:0;object-fit:cover}#social .product-tile a img{max-width:50px;height:auto;position:relative;margin-left:40%;padding:10px}.coverimage{z-index:1;transition:transform 250ms}.changriguata{padding:.8vw}.changriguata .chlogo{padding-right:0;padding-top:0;padding-bottom:0;margin:0;display:block;max-width:none;width:200px}.farbbox{background:var(--menuitems)}.bierbauch{width:100%;height:200px;object-fit:cover}.product-tile .chlogo{width:150px;height:auto;padding-bottom:20px}.videobanner{width:100%;max-width:100%;height:400px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.videoBackground{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.videoBackground .videoOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.7);z-index:1}.videoBackground video{width:auto;height:100%;position:absolute;top:0;left:0;border:none;object-fit:cover}.videobanner video{width:100%;height:100%;position:absolute;top:0;left:0;border:none;object-fit:cover}.fotoBanerOverlay h2,.fotoBanerOverlay h3{position:absolute;bottom:10%;left:50%;transform:translate(-50%,-10%);transition:transform .3s;pointer-events:none;user-select:none;cursor:default}.fotoBanerOverlay img{width:25%;transition:transform .3s;position:absolute;bottom:35%}.product-tile video:hover{transform:scale(1.05)}.product-tile-horizontal{display:flex;flex-direction:row;align-items:center;padding:10px;margin:10px;font-size:.9rem;border:0;background:rgba(255,255,255,0);flex:1}.highlight,h2 strong{padding:0 5px;color:#fff}.product-tile-horizontal img{width:auto;height:150px;object-fit:cover;margin-right:10px}.product-tile-horizontal h2{font-size:1.2rem;margin:0 10px}.product-tile-horizontal p{font-size:.9rem;margin:0 10px}h2 strong{background-color:#f1005d}.highlight{background-color:#e61348}.centerit{display:flex;justify-content:center;align-items:center;cursor:pointer}.showroomContent,.showroomitems{position:relative;flex-direction:column;gap:10px;padding-bottom:100px;display:flex}.element{opacity:.1;transform:translateY(200px);transition:opacity .6s ease-out,transform .6s ease-out}.elA{transform:translateX(-200px)}.elB{transform:translateX(200px)}.triggered-in-viewport{opacity:1;transform:translateY(0);transform:translateX(0)}.contact-form label{display:block;margin-bottom:8px;font-weight:600}.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=text],.contact-form textarea{width:100%;padding:12px 14px;margin-bottom:18px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#f7f7f7;transition:border-color .2s;box-sizing:border-box}.contact-form input[type=email]:focus,.contact-form input[type=tel]:focus,.contact-form input[type=text]:focus,.contact-form textarea:focus{border-color:var(--fassadenFarbe);outline:0}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button[type=submit],.contact-form input[type=submit]{background:linear-gradient(90deg,#0084c7 60%,#00a896 100%);color:#fff;border:none;border-radius:50px;padding:12px 32px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,132,199,.12);transition:background .2s,transform .2s;margin-top:10px;margin-bottom:10px}.contact-form button[type=submit]:hover,.contact-form input[type=submit]:hover{background:linear-gradient(90deg,#00a896 60%,#0084c7 100%);transform:scale(1.05)}.contact-form .wpcf7-response-output{margin-top:18px;padding:12px;border-radius:8px;background:#e0f7fa;color:#0084c7;font-weight:600;font-size:1rem;border:1px solid #b6e2e2}#canvasHtmlCont{left:50%;bottom:0;width:100vw;min-width:300px;height:auto;max-height:40vh;transition:max-height .5s;display:block;overflow-y:scroll;overflow-x:hidden;z-index:3}#canvasHtmlCont::-webkit-scrollbar{width:24px;height:24px}#canvasHtmlCont::-webkit-scrollbar-thumb{background:rgba(0,132,199,.7);border-radius:12px;border:6px solid rgba(255,255,255,.1)}#canvasHtmlCont::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:12px}footer{display:flex;bottom:0;left:0;width:100%;height:30px;padding:5px;margin-left:35px;z-index:999}.showroomContent{padding-top:50px;margin-top:50px;overflow:hidden;z-index:900}.showroomitems{overflow:auto}#cortinas,#cortinasInhalt,#play,.wpHidden{position:absolute}.showroomheader{padding:0 0 140px;z-index:910;width:100%;height:auto;display:flex;flex-direction:column;align-items:center}#canvasHtmlCont button{position:absolute;top:20px;right:10%;transform:translateX(50%);width:75px;height:50px;z-index:999;background-image:url('img/hoch.png');background-size:cover;background-position:center}.showroomItem{display:flex;flex-direction:row;border:none;padding-left:100px;background-color:rgba(var(--dunkelblauRGB),.2);width:50%;min-width:300px;margin-right:auto;align-items:center;backdrop-filter:blur(5px)}.showroomItem img{width:350px;height:350px;object-fit:cover;flex-shrink:0}.showroomItem iframe{width:450px;height:450px;object-fit:cover;flex-shrink:0}.sceneSnipet{width:100%;padding-left:45px;padding-right:20px;height:auto}.showRoomHeader{float:right;margin-left:auto;padding:150px 150px 150px 200px}#cortinas{width:100%;height:100%;top:0;left:0;z-index:1}#cortinasInhalt{top:130px;left:50px;width:100px;height:100px;z-index:2}#play{width:90px;height:90px;background-image:url('../img/playbtn.png');background-size:cover;background-position:center;left:50%;transform:translateX(50%);bottom:30px;animation:2s infinite pulseGlow}#play:hover{animation:none;transform:scale(1.2);transition:transform .3s;cursor:pointer}#play:active{transform:scale(1);transition:transform .1s}@keyframes pulseGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}#control-menu{padding:20px 20px 20px 0;height:50px;display:flex;align-items:center}.filterItem{padding:15px;border:1px solid #4b4b4b;user-select:none;-webkit-user-select:none;touch-action:manipulation;background-color:transparent;font-size:19px;font-weight:300;cursor:pointer;color:#9b9b9b;transition:.1s}.filterItem:focus-visible,.filterItem:hover{background:rgba(var(--menuitems),.5);border:1px solid #fff}.filterItem:active{border:2px solid #fff}.filterselected{border:3px solid #fff;color:#fff}.overlayA{background-color:var(--firmenFarbeAlpha);color:#fff}.overlayB{background-color:rgba(47,103,121,.8)}.overlayC{background-color:rgba(59,79,143,.8)}.overlayD{background-color:rgba(143,59,143,.8)}.overlayE{background-color:rgba(96,96,96,.8)}#banner{height:70%;overflow:hidden;border:0 solid #333;flex:1;align-self:center}#banner .banner-overflow{height:100%;width:70vw;overflow:hidden;margin:0 auto;display:flex;flex-direction:row}.scrolling-image{display:flex;height:100%;animation:60s linear infinite scroll}.scrolling-image img{height:100%;width:auto}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2}#projectName{top:15%;min-height:100px;color:#000;right:50px;touch-action:none}.menuHeader{display:flex;flex-direction:row;align-items:center;gap:15px;margin:10px}.wpHidden{opacity:0;height:auto;overflow:hidden}.wpVisible{opacity:1;visibility:visible;height:auto;overflow:visible;pointer-events:auto;position:relative}.scrollmenu2{position:fixed;top:9%;left:-450px;height:calc(100% - 9%);width:450px;background:rgba(155,155,155,.9);padding:30px 30px 90px 100px;min-width:200px;opacity:0;transition:left .5s,opacity .5s;overflow-y:auto;overflow-x:hidden;z-index:800}#usageCont{height:200px;width:300px;position:fixed;bottom:5%;right:5%;display:block}.backplate{background-color:#161616}.shake{animation:.5s shakeAnim}@keyframes shakeAnim{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}#customLoadingScreenDiv{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(104,104,104,.4);background-position:center;background-size:cover;color:var(--textfarbe);font-size:30px;text-align:center;z-index:999}.lds-ellipsis{position:absolute;top:180px;left:40px;width:150px;height:150px}.lds-ellipsis H2{padding-top:45px;color:#3a3a3a}.container a,.container2 a{padding:2%;text-decoration:none}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;animation:.6s infinite lds-ellipsis1}.lds-ellipsis div:nth-child(2){left:8px;animation:.6s infinite lds-ellipsis2}.lds-ellipsis div:nth-child(3){left:32px;animation:.6s infinite lds-ellipsis2}.lds-ellipsis div:nth-child(4){left:56px;animation:.6s infinite lds-ellipsis3}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}.overlaySelected{background-color:rgba(90,170,120,.4);transition:background-color .3s}.overlayPreSelected{background-color:rgba(253,253,253,.3);transition:background-color .3s}.closebtn{position:absolute;top:30px;right:5px;width:50px;height:auto;cursor:pointer;transition:transform .3s}.closebtn:hover{transform:scale(1.1)}.headElm{cursor:pointer;width:100%;padding:5% 15% 5% 5%}.scrollmenu{display:none;position:fixed;bottom:140px;height:140px;width:100%}.scrollSubmenu{display:none;position:fixed;bottom:0;height:auto;width:100%;z-index:850;background:rgba(155,155,155,.9)}.container{overflow:auto;width:100%;height:auto}.container a{border:1px;font-size:23px;align-items:center;display:inline-block;border-right:1px;align-items:center}.container a:hover{color:#000}.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.scroll::-webkit-scrollbar{display:none}.headElm img{max-width:100%;height:auto;object-fit:cover}.portrait-img{width:120px;height:auto;border-radius:50%;object-fit:cover;display:block}.container2{overflow:auto;width:100%;height:auto}.container2 a{display:block;border-bottom:1px;align-items:center;color:#fff}.container2 a::marker{position:absolute}.right{margin-left:auto}.menuentry{display:block;background-image:url('../img/bullet.png');background-size:7px 7px;background-repeat:no-repeat;background-position:0 7px;padding-left:18px}#sliderContainer{position:fixed;bottom:0;left:50%;width:70%;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:space-between}#sliderContainer input{width:85%;height:30px;color:#000}#sliderContainer button{border:none;color:#fff;width:50px;height:50px;text-align:center;text-decoration:none;cursor:pointer}#sliderPlay{right:50px}#sliderSwitch{background-image:url('../img/camera.png');background-size:100% 100%;background-repeat:no-repeat}#sliderSwitch.selected{background-image:url('../img/cameraOn.png');background-size:100% 100%;background-repeat:no-repeat}#scene-info-box{position:fixed;bottom:30px;left:50%;background:rgba(0,0,0,.8);color:#fff;padding:16px 32px;border-radius:8px;font-size:1.2rem;z-index:9999;opacity:0;transition:opacity .5s;display:flex;align-items:center}.center-text{display:flex;justify-content:center;align-items:flex-start}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;background:rgba(255,255,255,.05);border-radius:20px;box-shadow:inset 0 1px 2px rgba(255,255,255,.05),0 2px 4px rgba(0,0,0,.2);transition:background .3s;margin-top:6%}.social-icon:hover{background:rgba(255,255,255,.1)}.social-icon img{width:39px;height:auto}.icon-text{display:flex;align-items:center;gap:12px;margin-bottom:15px}.icon-text img{max-width:100px;height:auto}.icon-text h4{margin:0}@media (max-width:767px){.fence{min-width:0;padding-bottom:0;margin-bottom:0;margin-top:20px;width:95%}#menuwrap{padding-right:1rem}h1{font-size:2.5rem;word-break:keep-all;overflow-wrap:normal;white-space:normal;hyphens:none}h2{font-size:2rem}h3{font-size:1.5rem}p,ul li{font-size:1rem}.product-tile{font-size:1.2rem}#banner .banner-overflow{width:calc(100% - 1rem);margin:0}#Übersicht .fence{margin-top:150px}.accordion-content p{padding-left:20px}.accordion-content ul{margin-left:40px;font-size:1.2rem}.scrolling-image{animation-duration:20s}.accordion-button{padding-bottom:4%}.accordion-button h3{margin-top:4%}.accordion-list{margin-top:20px;margin-bottom:20px}#mainMenu{height:80px}#closeContentBTN{width:40px;height:40px;padding:5px;top:90px;right:2%}#backToHome{width:50px;height:50px;top:60px}.menuentry{background-size:4px 4px;padding-left:14px}.chagridA,.chagridB,.changridH{grid-template-columns:repeat(1,1fr)}#navigation.menu-hidden{opacity:0;pointer-events:none}#navigation{gap:0;transition:opacity .5s ease-in-out;opacity:1;display:flex}#appMenu{display:none}#menu-handle{width:40px;height:40px;top:40px;opacity:1}#appLogoCont{height:50%}#minimap{top:18px}#usageCont{width:100px;height:100px}.infomercial{font-size:.8rem;max-width:250px;padding:5px}.infomercial h2{font-size:.9rem}button{padding:10px 15px;width:80px}#scene-info-box{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:5px;border-radius:8px;font-size:.8rem;z-index:9999;opacity:0;transition:opacity .5s;display:flex;align-items:center}}@media (min-width:768px) and (max-width:1200px){.chagridB,.chagridC,.changridH{grid-template-columns:repeat(1,1fr)}.chagridA,.changridH{grid-template-columns:repeat(2,1fr)}.fence{width:95%}#menu-handle{width:80px;height:80px;bottom:25px;opacity:1}#appMenu{display:none}#navigation{display:flex}#appLogoCont{height:50%}#minimap{top:35px}}@media (min-width:1201px) and (max-width:1979px){.chagridA{grid-template-columns:repeat(2,1fr)}#navigation{display:flex}.changridH{grid-template-columns:repeat(4,1fr)}.chagridC{grid-template-columns:repeat(1,1fr)}}@media (min-width:1980px) and (max-width:8979px){.chagridA{grid-template-columns:repeat(3,1fr)}.chagridB{grid-template-columns:repeat(2,1fr)}.chagridB .product-tile-horizontal{width:auto}#menu-handle{display:none}}