/* style */
:root{--dark-text-color:#dcdcdc;--spacing:35px;--menu-height:80px;--text-color:#757575;--font:'Lato',sans-serif}body,html{min-width:100vw;min-height:100vh;padding:0;margin:0}body{font-weight:normal;font-family:var(--font);font-size:18px;color:var(--text-color);line-height:1.5em;text-align:left;line-height:1.8em;height:100%;max-height:100%;margin:0 auto}*{box-sizing:border-box;font-family:'Lato',sans-serif;scroll-margin-top:var(--menu-height)}strong,b{font-weight:bold;color:#464646}p{margin:0 0 1em 0}a{color:#0072bc;text-decoration:none}a:hover{text-decoration:underline}ul{margin:0 0 1em 2em}.header{height:auto;max-height:680px;width:100%;overflow:hidden;position:relative}body#home .header{max-height:initial}.header .slogan .marker{font-weight:700;font-size:65px;font-family:'Montserrat',sans-serif;color:#fff;margin-bottom:10px;line-height:1.2em}.header .slogan p{font-size:20px;font-weight:normal;line-height:1.5em}.block_content.text{margin-bottom:2em}body#home .header{height:100vh;width:100%;overflow:hidden;position:relative;background-color:#000d2e}body#home .header .slogan{bottom:30px}.header .slogan{position:absolute;color:#fff;font-size:2.2rem;padding:5px 15px;bottom:15px;width:60%;left:4%}video.fullscreen{position:absolute;z-index:0;object-fit:cover;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.7;&::-webkit-media-controls{display:none !important}}#mainimage{width:100%;height:100%;object-position:center;object-fit:cover;margin-top:var(--menu-height)}body:not(#home) #mainimage{height:calc(62vh - 40px);width:100vw}.menu{height:var(--menu-height);width:100%;justify-content:flex-end;transition:all .3s;z-index:3}.menu .logo{height:100%;width:auto;margin-left:5px}.menu.dark{background:#202637}.matrix .text{margin-top:-32px}.cover-image:is(img),.cover-image img{width:100%;height:100%;object-fit:cover}.parallax{width:100vw}.parallax img{height:inherit;width:100%;object-fit:cover}.headline{margin:var(--spacing) 0}.headline h1:first-child{margin-bottom:0;color:#0072bc;font-size:24px;font-weight:normal;margin-bottom:calc(var(--spacing) / 1)}.headline h1:last-child{color:#000;font-size:50px;line-height:1.2em;font-weight:bold;margin-bottom:60px}.rounded,.rounded img{border-radius:25px}img.rounded{box-shadow:rgba(50,50,93,0.25) 0 6px 12px -2px,rgba(0,0,0,0.3) 0 3px 7px -3px}.content.block{margin-bottom:var(--spacing)}.spacing{margin-top:var(--spacing)}.content>.block_content,.ugrid{margin-bottom:var(--spacing)}.content.default{min-height:400px;height:auto !important;height:400px;padding-top:50px;padding-bottom:150px;padding:60px 20px 100px 20px}body#home .content.default{min-height:400px;height:auto !important;height:400px;padding-top:150px;padding-bottom:100px}body#home .wrapper-1{background-color:#000d2e}.wrapper-1{background-color:#fff;padding:60px 0}.content.row-2{background-image:url("/stream/images/layout/bg.png");background-position:center;background-repeat:no-repeat;background-size:contain}body#home .row-1{background-color:#000d2e;padding:20px 0;overflow-x:hidden}.row-1{background-color:#fff;padding:30px 0;overflow-x:hidden}.matrix,.matrix .text,.matrix .text div{width:100%;height:100%;min-height:350px}.matrix .text div{background-position:50% 50% !important;background-size:cover !important;font-size:2rem;font-weight:bold;color:#fff}.matrix .text div p{background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;width:100%;height:100%}.objectfit-cover,.objectfit-cover .text{width:100%;min-height:400px;height:100%;position:relative}.objectfit-cover .tb_image{width:100%;height:100%;object-fit:cover;position:absolute}h1{color:#000;font-family:'Lato',sans-serif;font-size:50px;line-height:1.2em;font-weight:bold;margin-bottom:60px}h1 span{color:#0072bc;font-family:'Lato',sans-serif;font-size:24px;line-height:4em;font-weight:normal;margin-bottom:30px}body#home .wrapper-1 h1{color:#23e5f2;font-family:'Lato',sans-serif;font-size:20px;line-height:1.2em;font-weight:normal;margin-bottom:30px}h2{color:#0072bc;font-family:'Lato',sans-serif;font-size:36px;line-height:1.2em;font-weight:normal;margin-bottom:30px}body#home .wrapper-1 h2{color:#fff;font-family:'Lato',sans-serif;font-size:50px;line-height:1.2em;font-weight:bold;margin-bottom:60px}body#home .content.default h2{color:#000;font-family:'Lato',sans-serif;font-size:50px;line-height:1.2em;font-weight:normal;margin-bottom:20px}h3{color:#0072bc;font-family:'Lato',sans-serif;font-size:36px;line-height:1.2em;font-weight:normal;margin-bottom:30px}h4{color:#0072bc;font-family:'Lato',sans-serif;font-size:24px;line-height:1.2em;font-weight:normal;margin-bottom:30px;margin-top:0}h5{color:#0072bc;font-family:'Lato',sans-serif;font-size:20px;line-height:1.2em;font-weight:600;margin-bottom:10px;margin-top:0}body#home h3{color:#23e5f2;font-family:'Lato',sans-serif;font-size:24px;line-height:1.2em;font-weight:normal;margin-bottom:30px}table.standard{width:100%;max-width:100%;margin-bottom:20px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}table.standard td{padding:5px 0 5px 12px;font-size:17px;vertical-align:top;background:#f8f8f8;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1}table.standard th{height:20px;padding:5px;text-align:left;font-size:15px;vertical-align:middle;background:#f8f8f8}table.standard tr:nth-child(even) td,table.standard tr:nth-child(even) th{background:#FFF !important}.maschine-button{display:inline-block;background-color:#0169b3;border:1px solid #0169b3;padding:20px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;font-size:24px;cursor:pointer;color:#fff !important;text-decoration:none !important;width:100%;text-align:center;height:max-content}.maschine-button:hover{display:inline-block;background-color:#0169b3;border:1px solid #0169b3;padding:20px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;font-size:24px;cursor:pointer;color:#fff !important;text-decoration:none !important;width:100%;text-align:center}.text .block_content.text{height:100%;margin-right:auto;margin-left:auto;padding:10em 20px;max-width:550px}.text .block_content.text h4{font-size:30px}#color{background:#0072bc;color:#fff;height:100%}#color h4{color:#fff;font-size:30px}#color .block_content.text h4 a{color:#fff}.maschine{padding:20px;background-color:#f9f9f9}.uvideo .uvideo-play{color:#0072bc !important}.ugrid .block_content.text p:has(img){margin:0;height:100%}.ugrid .block_content.text img{height:100%}.counter{font-size:32px !important;font-weight:bold !important}a[name]:empty{visibility:hidden;position:relative;top:-100px}.produktion{display:flex;align-items:center}.social{position:absolute;right:25px;bottom:0}.social,.social a{color:#fff;font-size:15px;font-weight:300}.social a.fb:hover{text-decoration:none;color:#1877f2}.social a.in:hover{text-decoration:none;background-image:linear-gradient(90deg,#5741d8,#ab2bad,#ec153e,#ffbf54);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.social a.li:hover{text-decoration:none;color:#0a66c2}@media(min-width:1281px){.content{margin:0 auto;max-width:1400px;position:relative;padding:0 20px}}@media(max-width:1280px){.header .slogan{transform:unset;bottom:10%;width:100%}}@media(min-width:1025px) and (max-width:1280px){.header .slogan{width:80%}}@media(min-width:768px) and (max-width:1024px){.header{height:50vh}.content-padding{padding-left:20px;padding-right:20px}}@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){.header{height:50vh}}@media(min-width:481px) and (max-width:767px){.content-padding{padding-left:0;padding-right:0}.header .slogan{width:100%;left:0;right:0;padding:0 20px}.header .slogan h2,.header .slogan h2 span{font-size:35px}.header .slogan p{font-size:18px}}@media(min-width:320px) and (max-width:480px){:root{--spacing:15px}ul{margin:0 0 1.5em 0}.header{height:50vh}.header .slogan h2,.header .slogan p{margin:0}.content-padding{padding-left:0;padding-right:0}body#home .header .slogan .marker{font-size:42px}.header .slogan .marker{font-size:36px}.header .slogan h2,.header .slogan h2 span{font-size:35px}.header .slogan p{font-size:18px}h2{font-size:30px}h4{font-size:22px}body#home .content.default h2{color:#000;font-family:'Lato',sans-serif;font-size:40px;font-weight:normal;margin-bottom:20px}body#home .wrapper-1 h2{font-size:40px}body#home .content.default{padding-top:70px;padding-bottom:70px}.headline h1:last-child{font-size:30px}.maschinenprofil .information{padding:0 0 30px 0 !important}.maschinenprofil .information .title{font-size:30px !important}.content.row-2{margin:0 15px}.text .block_content.text{padding:3em 20px 0 20px;border-bottom:1px solid #0072bc}#color.text .block_content.text{border-bottom:1px solid white}body:not(#home) #mainimage{height:40vh;width:100vw}.block_content.text{overflow-x:auto}.social{display:none}}

/* footer */
.footer{background:#000d2e;background-image:url("/stream/images/layout/footer_bg.jpg");background-position:center;background-size:contain;background-repeat:no-repeat;position:relative;text-align:center;color:#fff}.footer *{z-index:1}.footer{padding:100px 0;display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-areas:"brand brand brand brand" ". . . ."}.footer [class*="fa-"]{margin-right:7px}.footer h4{font-size:1.1rem;font-weight:lighter;color:var(--dark-text-color);margin-bottom:7px}.footer a{color:#fff;text-decoration:none}.footer .brand{grid-area:brand;width:25%;margin:0 auto 30px auto}.footer .brand a{display:block}.footer a:hover{color:#fff;text-decoration:underline}.footer .brand img{width:100%;height:100%}.statusline{background:#000d2e;display:flex;justify-content:space-between;align-items:center;color:#fff;border-top:1px solid #fff;text-align:center;display:block;font-size:17px;font-weight:300}.statusline *{margin:0;padding:15px 0}.statusline a{color:#fff;text-decoration:none}.statusline a:hover{color:#fff;text-decoration:underline}.footer .column{display:flex;flex-direction:column}.contact{background-image:url("/stream/images/layout/kontakt_bg.jpg");background-position:center;background-size:cover;position:relative;text-align:center;color:#fff;padding:150px 0;font-size:24px}.contact p{margin:0 0 1.5em 0}.contact h2{color:#fff;font-family:'Lato',sans-serif;font-size:60px;font-weight:900;margin-bottom:60px;text-transform:uppercase;line-height:1.2em}@media(max-width:1024px){.footer{grid-template-columns:1fr 1fr;justify-content:center;align-items:center;grid-template-areas:none}.footer .brand{grid-area:unset}}@media(max-width:1024px) and (min-width:481px){.footer .brand{grid-column:1 / span 2;padding:20px 0;width:100%}.contact h2{font-size:42px}}@media(min-width:320px) and (max-width:480px){.footer{grid-template-columns:1fr}.footer .brand{height:125px;width:100%}.footer .brand img{object-fit:contain}.statusline p{padding:0}.statusline{flex-direction:column;padding:15px 0}.contact h2{font-size:30px}}

/* menu */
.menu{height:80px;width:100vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;color:#e0e0e0;position:fixed;transition:background 400ms ease-out}body#home .menu:not(.white){background:transparent}.menu.white{background:white;color:#000;box-shadow:1px 4px 8px rgba(163,163,163,0.4)}.menu .logo img{transition:filter 400ms ease-out}.menu:not(.white) .logo img{filter:brightness(0) invert(1)}.menu ul{display:flex;flex-direction:row;height:100%;padding:0;margin:0;position:relative}.menu ul li{list-style:none;display:flex;justify-content:center;align-items:center;list-style:none;font-size:1.2rem;font-family:'Roboto',sans-serif;position:relative;color:inherit;transition:all 250ms;z-index:1;cursor:pointer;overflow:visible;letter-spacing:1px;text-transform:uppercase}body#home .menu ul li.active a{color:#22e2f0}.menu ul li:hover{z-index:1}.menu ul li a{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;padding:5px 30px;color:inherit;text-decoration:none;overflow:hidden}.menu ul[class*="level"]{position:absolute;top:100%;left:0;background:#000d2e;opacity:0;visibility:hidden;transition:all 250ms;display:flex;flex-direction:column;width:max-content;height:max-content}.menu ul[class*="level"] li{font-size:1rem}.menu ul ul[class*="level"] li a{padding:15px 15px;width:100%}@media only screen and (min-width:1112px){.menu ul li.hover>a,.menu ul li:has(.active)>a{color:#0169b3}.menu.white ul li.hover>a{color:#fff}.menu ul li span:not(.ripple):not(.chevron){mix-blend-mode:exclusion}.menu li.hover>ul{opacity:1;visibility:visible}.menu li.hover>a{color:#002d6e}.menu ul li{position:relative}.menu ul .level2,.menu ul .level3,.menu ul .level4{position:absolute;opacity:0;top:0;left:100%}.menu.white>ul>li>a span.ripple{background:#000d2e}span.ripple{position:absolute;background:#fff;border-radius:100%;transition:all 650ms;transform-origin:0 0;transform:scale(0) translateX(-50%) translateY(-50%);z-index:-1}span.ripple.grow{transform:scale(1) translateX(-50%) translateY(-50%)}.menu.white ul[class*="level"] a{color:#fff}.menu.white ul[class*="level"] li:is(:has(.active),.active),.menu.white ul[class*="level"] span.ripple{background:#fff}.menu.white ul[class*="level"] li:is(:has(.active),.active)>a{color:#000d2e}.menu.white ul[class*="level"] li.hover>a{color:#000d2e}}@media only screen and (max-width:1112px){span.ripple{display:none}.menu{transition:all 250ms}.menu.open{background:#000d2e !important}.menu>ul{overflow-y:scroll !important}.menu ul[class*="level"] li a{padding:15px 15px;width:100%}.menu.open{color:#dcdcdc}.menu .hamburger{display:flex;flex-direction:column;justify-content:space-evenly;width:80px;height:80px;padding:10px 20px;cursor:pointer;position:relative}.menu.open .hamburger div{transition:all 400ms}.menu.open .hamburger div:nth-child(2){opacity:0}.menu.open .hamburger div{position:absolute;width:40px;height:2px}.menu.open .hamburger div:nth-child(1){transform:translateY(-50%) rotate(45deg)}.menu.open .hamburger div:nth-child(3){transform:translateY(-50%) rotate(-45deg)}.menu .hamburger div{border-bottom:4px solid #fff}.menu.white .hamburger div{border-bottom:4px solid #000d2e}.menu.white.open .hamburger div{border-bottom:4px solid #fff}.menu ul{display:flex;opacity:0;pointer-events:none;flex-direction:column;position:fixed;top:80px;left:0;width:100vw;height:calc(100vh - 80px);transition:opacity 250ms;background:#000d2e;z-index:100;overflow:visible}.menu.open ul{opacity:1;pointer-events:all}.menu ul li a{padding:15px 0;position:relative}.menu ul li a .chevron{display:block;width:24px;height:24px;position:relative;margin-left:10px}.menu ul .chevron::after{content:'';position:absolute;width:60%;height:60%;top:50%;left:0;transform:translateY(-50%) rotate(-45deg);border-right:2px solid white;border-bottom:2px solid white;transition:transform 250ms}.menu ul .chevron.open{transform:rotate(90deg)}.menu ul[class*="level"]{position:initial;width:100%;height:0;margin-bottom:10px;transition:all 250ms;transform:scale(0)}.menu ul.level2{position:initial;width:100%;height:0;margin-bottom:10px;transition:all 250ms;transform:scale(0)}.menu ul[class*="level"].open{opacity:1;transform:scale(1);height:100%}.menu ul[class*="level"].open li{visibility:visible}.menu ul li{flex-direction:column}}body.nojs .menu ul li:hover{background:#000d2e}

/* ugallerie-css */
@keyframes image-loading{0%{rotate:0}100%{rotate:360deg}}.ugallerie{display:grid;grid-template-columns:repeat(var(--columns),1fr);transition:all 300ms ease-in-out;container-type:inline-size}.ugallerie-item{position:relative;transition:all 300ms ease-in-out}.ugallerie-item:hover{transform:scale(1.1);z-index:1}.ugallerie-item:hover:after,.ugallerie-item:hover:before{opacity:1}.ugallerie-item:after{background:rgba(0,0,0,0.5);content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:inherit;cursor:pointer}.ugallerie-item:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtc2VhcmNoIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PHBhdGggZD0ibTIxIDIxLTQuMy00LjMiLz48L3N2Zz4=);content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%);opacity:0;z-index:1;transition:inherit;cursor:pointer}.ugallerie-item img{width:100%;height:100%;object-fit:cover}.ugallerie dialog[closed]{display:none}.ugallerie dialog[open]{border:0;display:flex;justify-content:center;align-items:center;position:fixed;overflow-y:visible;background:0;height:100vh;width:100vw;overflow-x:hidden;margin:auto;container-type:inline-size}.ugallerie dialog::backdrop{background:rgba(0,0,0,0.7);backdrop-filter:blur(3px) grayscale(0.2)}.ugallerie dialog img{width:100%;height:auto;object-fit:contain;margin:0 auto}.ugallerie dialog img.loading{filter:blur(1px) grayscale(0.8)}.ugallerie dialog img.loading+.loading-indicator{position:absolute;transform-origin:0 0;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);animation:image-loading 1s infinite;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtbG9hZGVyLTIiPjxwYXRoIGQ9Ik0yMSAxMmE5IDkgMCAxIDEtNi4yMTktOC41NiIvPjwvc3ZnPg==)}.ugallerie dialog .image-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%;transition:all 300ms;height:auto}.ugallerie dialog .image-container .title{background:rgba(0,0,0,0.5);color:white;font-size:18px;padding:10px;min-height:1rem}.ugallerie dialog .image-container img{max-height:85vh}.ugallerie dialog button{border:0;position:absolute;cursor:pointer}.ugallerie dialog button[name="next"]{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xNyAxMkgzIi8+PHBhdGggZD0ibTExIDE4IDYtNi02LTYiLz48cGF0aCBkPSJNMjEgNXYxNCIvPjwvc3ZnPg==);background-repeat:no-repeat;width:6cqw;height:6cqw;top:50%;right:5%;transform:translateY(-50%)}.ugallerie dialog button[name="prev"]{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0zIDE5VjUiLz48cGF0aCBkPSJtMTMgNi02IDYgNiA2Ii8+PHBhdGggZD0iTTcgMTJoMTQiLz48L3N2Zz4=);background-repeat:no-repeat;width:6cqw;height:6cqw;top:50%;left:5%;transform:translateY(-50%)}.ugallerie dialog button[name="close"]{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xOCA2IDYgMTgiLz48cGF0aCBkPSJtNiA2IDEyIDEyIi8+PC9zdmc+);background-repeat:no-repeat;width:64px;height:64px;top:5%;right:5%;transform:translateY(-50%)}@media only screen and (max-width:1024px){.ugallerie{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){.ugallerie{grid-template-columns:repeat(1,1fr)}}@supports(grid-template-rows:masonry){.ugallerie{grid-template-rows:masonry}}@media(hover:none){.ugallerie dialog button[name="prev"],.ugallerie dialog button[name="next"]{display:none}.ugallerie dialog[open] .image-container{width:100%}}

/* product-gallerie-css */
.product-gallery{container-type:inline-size;box-sizing:border-box;width:100%}.product-gallery .preview{position:relative;overflow:hidden;margin-bottom:var(--gap)}.product-gallery .preview .inner{height:100%;display:flex;flex-direction:row;transition:all 300ms ease-in-out}.product-gallery .preview img{display:inline-block;object-fit:contain;height:inherit}.product-gallery .ugallerie{display:block;flex-direction:row;flex-wrap:0;position:relative}.product-gallery .ugallerie-item:not(:last-child){margin-right:var(--gap)}.product-gallery.loading .ugallerie{display:none}.product-gallery .ugallerie .ugallerie-item{display:inline-block;width:calc(100cqw / var(--columns));filter:grayscale(0.8);transition:filter 300ms ease-in-out;aspect-ratio:1 / 1}.product-gallery .ugallerie{width:100%;max-width:100%;position:relative;overflow:hidden}.product-gallery .inner{width:max-content;position:relative;transition:transform 300ms ease-in-out}.product-gallery .preview{width:100%;max-width:100%;cursor:pointer}.product-gallery .ugallerie-item.active{filter:grayscale(0)}

/* maschinenprospekt-css */
dialog#kontakt{position:fixed;overflow:hidden;overflow-y:auto;width:60vw;height:70vh;display:none;transition:all 300ms;border:0;border-radius:15px}@media only screen and (max-width:1024px){dialog#kontakt{width:80vw;height:80vh}}dialog#kontakt[open]{display:block;padding:0}dialog#kontakt form{display:flex;flex-direction:column;padding-bottom:1rem}dialog#kontakt .row:not(.controls),dialog#kontakt .pad{padding:0 1rem}@keyframes slide-in{0%{transform:translate(-50%,-150%)}100%{transform:translate(-50%,-50%)}}dialog#kontakt::backdrop{background-color:rgba(0,0,0,0.6);backdrop-filter:blur(3px)}dialog#kontakt :is(input,textarea,select){margin:.5rem 0;padding:.5rem;border:1px solid #ccc;border-radius:.25rem}dialog#kontakt input[type="checkbox"]{display:inline;margin-right:8px}dialog#kontakt input[type="checkbox"] ~ label{display:inline}dialog#kontakt .row{width:100%;display:grid;grid-template-columns:1fr 4fr}dialog#kontakt label{display:flex;justify-content:flex-start;align-items:center;font-size:14px}dialog#kontakt button[type="submit"]{background-color:#0169b3;color:white;border-radius:5px;border:0;font-size:14px;cursor:pointer;padding:1rem;display:flex;justify-content:center;align-items:center;width:100%}dialog#kontakt .thank-you{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;justify-content:center;align-items:center}dialog#kontakt button[type="submit"].loading::before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #fff;border-top-color:transparent;border-right-color:transparent;animation:spin 1s linear infinite;margin-right:8px}dialog#kontakt input.invalid{border:1px solid red;background:rgba(255,0,0,0.1)}@keyframes spin{to{transform:rotate(360deg)}}dialog#kontakt .row.controls{background:#f5f5f5;padding:1rem;display:flex;flex-direction:row;align-items:center}dialog#kontakt .row.controls h3{margin:0 auto 0 0;font-size:24px}dialog#kontakt .row.controls .close{height:48px;width:48px;border-radius:4px;background:#f55f5f;display:flex;justify-content:center;align-items:center;color:white;font-size:24px;cursor:pointer}@media only screen and (max-width:768px){dialog#kontakt .row{display:flex;flex-direction:column}dialog#kontakt :is(input,textarea,select){margin-top:0}}@-moz-document url-prefix(){dialog#kontakt{left:50%;top:50%;transform:translate(-50%,-50%)}dialog#kontakt[open]{animation:slide-in 300ms cubic-bezier(0.250,0.460,0.450,0.940) both}}