/* Theme Name: REMJND Theme URI: https://remjnd.com/ Author: REMJND - Building Memorable Brands Author URI: https://remjnd.com/ Description: REMJND Theme Version: 1.0 */@charset "UTF-8";body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote{padding:0;margin:0;}body,html{overflow-x:hidden;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}a{outline:none !important;text-decoration:none;}ol,ul,li{list-style:none;}.clear{clear:both;line-height:0;font-size:0;height:0;width:0;overflow:hidden;visibility:hidden;display:block;}p{cursor:text;}b,strong{font-weight:bold;}img{-ms-interpolation-mode:bicubic;}li{display:list-item;}.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.cf{display:inline-block;}* html .cf{height:1%;}.cf{display:block;}video::-webkit-media-controls-enclosure{display:none !important;}.bg-img{visibility:hidden;position:absolute;width:0;height:0;}@font-face{font-family:"ubuntu";src:url("https://old.valuteo-values.de/wp-content/uploads/2023/07/ubuntu-v20-latin-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap;}@font-face{font-family:"ubuntu";src:url("https://old.valuteo-values.de/wp-content/uploads/2023/07/ubuntu-v20-latin-300.woff") format("woff");font-weight:300;font-style:normal;font-display:swap;}@font-face{font-family:"ubuntu";src:url("https://old.valuteo-values.de/wp-content/uploads/2023/07/ubuntu-v20-latin-700.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap;}body,input,textarea{font-family:ubuntu; font-weight:normal; font-style:normal;font-size:17px;line-height:1.7em;color:#555555;}h1{font-family:ubuntu; font-weight:bold; font-style:normal;font-size:60px;line-height:1em;color:#205087;}h1:not(:first-child){margin-top:1.1em;}h1:not(:last-child){margin-bottom:0.2em;}h2{font-family:ubuntu; font-weight:bold; font-style:normal;font-size:50px;line-height:1em;color:#205087;}h2:not(:first-child){margin-top:1.1em;}h2:not(:last-child){margin-bottom:0.2em;}h3{font-family:ubuntu; font-weight:bold; font-style:normal;font-size:20px;line-height:1.2em;color:#205087;}h3:not(:first-child){margin-top:1.7em;}h3:not(:last-child){margin-bottom:0.5em;}h4{font-family:ubuntu; font-weight:bold; font-style:normal;font-size:24px;line-height:1.5em;color:#205087;}h4:not(:first-child){margin-top:2.5em;}h4:not(:last-child){margin-bottom:0.5em;}p:not(:last-child){margin-bottom:1.5em;}p:not(:first-child){margin-top:1.5em;}.btn, button.forminator-button, #woocommerce .single_add_to_cart_button, #root .woocommerce a.button.alt, #root .woocommerce button.button.alt, input[type=submit]{cursor:pointer;display:inline-block; padding:10px 16px; text-transform:uppercase; font-weight:bold; background:#fab813; color:#fff; -webkit-transition:background .2s ease-in-out, color .2s ease-in-out; transition:background .2s ease-in-out, color .2s ease-in-out;}.btn:hover,button.forminator-button:hover, #woocommerce .single_add_to_cart_button:hover, #root .woocommerce a.button.alt:hover, #root .woocommerce button.button.alt:hover, input[type=submit]:hover{background:#ffd56b; text-decoration:none; color:#fff;}@media (max-width:1200px){h1{font-size:54px}h2{font-size:45px}h3{font-size:18px}h4{font-size:22px}}@media (max-width:1050px){h1{font-size:50px}h2{font-size:42px}h3{font-size:17px}h4{font-size:20px}}@media (max-width:950px){h1{font-size:46px}h2{font-size:38px}h3{font-size:15px}h4{font-size:18px}}@media (max-width:800px){h1{font-size:42px}h2{font-size:35px}h3{font-size:14px}h4{font-size:17px}body,input,textarea{font-size:14px}}@media (max-width:600px){h1{font-size:36px}h2{font-size:25px}h3{font-size:12px}}.bg2 .btn, .bg2 input[type=submit]{color:#fff;}.bg2 .btn:hover, .bg2 input[type=submit]:hover{background:#ffd56b; text-decoration:none; color:#fff;}.bg3 .btn, .bg3 input[type=submit]{color:#fff;}.bg3 .btn:hover, .bg3 input[type=submit]:hover{background:#ffd56b; text-decoration:none; color:#fff;}.bg4 .btn, .bg4 input[type=submit]{color:#fff; text-decoration:none;}.bg4 .btn:hover, .bg4 input[type=submit]:hover{background:#ffd56b; text-decoration:none; color:#fff;}.bg5 .btn, .bg5 input[type=submit]{color:#fff;}.bg5 .btn:hover, .bg5 input[type=submit]:hover{background:#ffd56b; text-decoration:none; color:#fff;}html{background:#0f2c4e}a{color:#fab813;}.bg1, .bannertext.textbox.bg1 .inner{background:#ffffff;}.bannertext.imagefade.bg1 .img:after{background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}.bg2{background:#f7f9fc;color:#1d3d63;}.bannertext.textbox.bg2 .inner{background:#f7f9fc;}.bg2 h1{color:#205087;}.bg2 h2{color:#205087;}.bg2 h3{color:#205087;}.bg2 h4{color:#205087;}.bg2 a{color:#fab813;}.bannertext.imagefade.bg2 .img:after{background:linear-gradient(0deg, rgba(247,249,252,1) 0%, rgba(247,249,252,0) 100%);}.bg3{background:#edf2f8;color:#777777;}.bannertext.textbox.bg3 .inner{background:#edf2f8;}.bg3 h1{color:#205087;}.bg3 h2{color:#205087;}.bg3 h3{color:#205087;}.bg3 h4{color:#205087;}.bg3 a{color:#fab813;}.bannertext.imagefade.bg3 .img:after{background:linear-gradient(0deg, rgba(237,242,248,1) 0%, rgba(237,242,248,0) 100%);}.bg4{background:#0f2c4e;color:#ffffff;}.bannertext.textbox.bg4 .inner{background:#0f2c4e;}.bg4 h1{color:#ffffff;}.bg4 h2{color:#ffffff;}.bg4 h3{color:#ffffff;}.bg4 h4{color:#ffffff;}.bg4 a{color:#fab813;text-decoration:underline;}.bg4 a:hover{text-decoration:none;}.bannertext.imagefade.bg4 .img:after{background:linear-gradient(0deg, rgba(15,44,78,1) 0%, rgba(15,44,78,0) 100%);}.bg5{background:#041426;color:#ffffff;}.bannertext.textbox.bg5 .inner{background:#041426;}.bg5 h1{color:#ffffff;}.bg5 h2{color:#ffffff;}.bg5 h3{color:#ffffff;}.bg5 h4{color:#ffffff;}.bg5 a{color:#fab813;}.bannertext.imagefade.bg5 .img:after{background:linear-gradient(0deg, rgba(,1) 0%, rgba(,0) 100%);}.overlay{background:rgba(4,20,38,0.5);}#header.header-text{background:#eeeeee;}#header.header-text *{color:#fab813;}.imagegrid.bg1 .col:not(.empty):after{border-color:#ffffff;}.imagegrid.bg1 .col.imageboth:before, .imagegrid.bg1 .col.imagetop:before, .imagegrid.bg1 .col.imagebottom:before{background:#ffffff;}.imagegrid.bg2 .col:not(.empty):after{border-color:#f7f9fc;}.imagegrid.bg2 .col.imageboth:before, .imagegrid.bg2 .col.imagetop:before, .imagegrid.bg2 .col.imagebottom:before{background:#f7f9fc;}.imagegrid.bg3 .col:not(.empty):after{border-color:#edf2f8;}.imagegrid.bg3 .col.imageboth:before, .imagegrid.bg3 .col.imagetop:before, .imagegrid.bg3 .col.imagebottom:before{background:#edf2f8;}.imagegrid.bg4 .col:not(.empty):after{border-color:#0f2c4e;}.imagegrid.bg4 .col.imageboth:before, .imagegrid.bg4 .col.imagetop:before, .imagegrid.bg4 .col.imagebottom:before{background:#0f2c4e;}.imagegrid.bg5 .col:not(.empty):after{border-color:#041426;}.imagegrid.bg5 .col.imageboth:before, .imagegrid.bg5 .col.imagetop:before, .imagegrid.bg5 .col.imagebottom:before{background:#041426;}#root{padding-top:0px;}.wrapper{width:90%;max-width:1300px;margin:auto;}@media (min-width:801px){.wrapper.desktop-full{width:100%;max-width:none;}}@media (max-width:800px){.wrapper.mobile-full{width:100%}}.paddingtop{padding-top:130px;}.paddingtop-half{padding-top:65px;}.paddingtop-double{padding-top:260px;}.paddingbottom{padding-bottom:130px;}.paddingbottom-half{padding-bottom:65px;}.paddingbottom-double{padding-bottom:260px;}@media (max-width:1300px){.paddingtop{padding-top:117px;}.paddingtop-half{padding-top:58.5px;}.paddingtop-double{padding-top:234px;}.paddingbottom{padding-bottom:117px;}.paddingbottom-half{padding-bottom:58.5px;}.paddingbottom-double{padding-bottom:234px;}}@media (max-width:1200px){.paddingtop{padding-top:104px;}.paddingtop-half{padding-top:52px;}.paddingtop-double{padding-top:208px;}.paddingbottom{padding-bottom:104px;}.paddingbottom-half{padding-bottom:52px;}.paddingbottom-double{padding-bottom:208px;}}@media (max-width:1100px){.paddingtop{padding-top:91px;}.paddingtop-half{padding-top:45.5px;}.paddingtop-double{padding-top:182px;}.paddingbottom{padding-bottom:91px;}.paddingbottom-half{padding-bottom:45.5px;}.paddingbottom-double{padding-bottom:182px;}}@media (max-width:1000px){.paddingtop{padding-top:78px;}.paddingtop-half{padding-top:39px;}.paddingtop-double{padding-top:156px;}.paddingbottom{padding-bottom:78px;}.paddingbottom-half{padding-bottom:39px;}.paddingbottom-double{padding-bottom:156px;}}@media (max-width:900px){.paddingtop{padding-top:65px;}.paddingtop-half{padding-top:32.5px;}.paddingtop-double{padding-top:130px;}.paddingbottom{padding-bottom:65px;}.paddingbottom-half{padding-bottom:32.5px;}.paddingbottom-double{padding-bottom:130px;}}@media (max-width:800px){.paddingtop{padding-top:52px;}.paddingtop-half{padding-top:26px;}.paddingtop-double{padding-top:104px;}.paddingbottom{padding-bottom:52px;}.paddingbottom-half{padding-bottom:26px;}.paddingbottom-double{padding-bottom:104px;}}#mainnav{position:fixed;z-index:10;top:0;left:0;right:0;width:100%;max-width:99999px;transition:background .2s ease-in-out, box-shadow .2s ease-in-out, height .2s ease-in-out, padding .2s ease-in-out;background: none;} #mainnav::after {content:'';position:fixed;width:100%;left:0;right:0;top:0;transition:all .2s ease-in-out;opacity:0;z-index:-1;} html.scrolled-50 #mainnav:not(.noheader)::after, #mainnav.noheader::after {opacity:1;background:linear-gradient(45deg, rgba(4,20,38,1) 0%, rgba(15,44,78,1) 100%);box-shadow:0 0 250px rgba(0,0,0,0.2);} #mainnav .wrapper{display: flex; justify-content: space-between; align-items: center; height:100%;z-index:2;border-bottom:1px solid rgba(255,255,255,0.5);} html.scrolled-50 #mainnav .wrapper{border-bottom:none;} #mainnav .logo{display:flex;z-index:5;} #mainnav .logo svg{display:block;width:100%;height:auto;} #mainnav .mainnav {margin-left:auto;} #mainnav .mainnav ul.nav li a {font-family:'ubuntu';font-weight:bold;} #mainnav .mainnav ul.nav li a:hover{text-decoration:none;} @media (max-width: 1400px){ #mainnav{left:0;right:0;width:100%;-webkit-transform:none;transform:none;} } @media (min-width: 1201px){ #mainnav, #mainnav::after {height:110px;} #mainnav .logo {width:220px;margin-top:-8px;} #mainnav .mainnav ul.nav li.back, #mainnav .mobile, #mainnav .mainnav ul.nav > li.mobile{display:none;} #mainnav .mainnav ul.nav{z-index:2;display:flex;align-items:center;gap:.25em;} #mainnav .mainnav ul.nav > li{display:inline-block;padding:10px 0;} #mainnav .mainnav ul.nav > li {position:relative;} #mainnav .mainnav ul.nav > li > a{display:block;color:#fff;padding:3px 8px 4px 8px;font-size:16px;text-transform:uppercase;transition:background .1s ease-in-out, color .1s ease-in-out;-webkit-transition:background .1s ease-in-out, color .1s ease-in-out;position:relative;} html.scrolled-50 #mainnav .mainnav ul.nav > li > a{color:#fff;} #mainnav .mainnav ul.nav > li > ul{display:none;position:absolute;top:54px;left:50%;margin-left:-125px;width:250px;background:#091b31;box-shadow:0 0 100px rgba(0,0,0,0.2);box-sizing:border-box;text-align:center;} #mainnav .mainnav ul.nav > li:hover > ul{display:block;} #mainnav .mainnav ul.nav > li:hover > ul:after{content:'';position:absolute;top:-20px;left:50%;margin-left:-10px;width:0;height:0;border:10px solid transparent;border-bottom-color:#091b31;} #mainnav .mainnav ul.nav > li > ul li a{display:block;padding:15px 10px;-webkit-transition:background .2s ease-in-out, color .2s ease-in-out;transition:background .2s ease-in-out, color .2s ease-in-out;color:#fff;font-size:14px;line-height:1.4em;font-weight:normal;} #mainnav .mainnav ul.nav > li > ul li a:hover{background:rgba(255,255,255,0.1);} #mainnav .mainnav ul.nav > li > a:hover, #mainnav .mainnav ul.nav > li:hover > a, #mainnav .mainnav ul.nav > li.current-menu-item > a, #mainnav .mainnav ul.nav > li.current_page_parent > a, #mainnav .mainnav ul.nav > li.current_page_ancestor > a{background:rgba(255,255,255,0.1);} #mainnav .mainnav ul.nav > li > ul > li.current-menu-parent > a, #mainnav .mainnav ul.nav > li > ul > li.current-menu-item > a, #mainnav .mainnav ul.nav > li > ul > li > ul > li.current-menu-item > a {background:rgba(255,255,255,0.1); color:#fab813;} #mainnav.mainnav-visual::before {content:'';position:absolute;width:100%;height:220px;background: linear-gradient(0deg, rgba(2,20,32,0) 0%, rgba(2,20,32,0.5) 100%);transition:all .1s ease-in-out;} html.scrolled-50 #mainnav.mainnav-visual:before {opacity:0;} } @media (max-width: 1200px){ #mainnav {z-index:200;} #mainnav .desktop {display:none;} #toggle-mainnav{display: flex !important; align-items: center; justify-content: center;z-index:4;cursor:pointer;-webkit-transition:right .3s ease-in-out, top .3s ease-in-out;transition:right .3s ease-in-out, top .3s ease-in-out;background:#fab813;border-radius:50%;} #mainnav .contactnav {display:flex;align-items:center;z-index:4;margin-left:auto;transition:opacity .2s ease-in-out;} #mainnav .contactnav li {background:#fff;border-radius:50%;box-sizing:border-box;} #mainnav .contactnav li a {display:flex;align-items:center;justify-content:center;} #mainnav .contactnav li a svg {display:block;fill:#fab813;} #mainnav .mainnav{display:flex;flex-direction:column;justify-content:center;position:fixed;z-index:3;top:0;bottom:0;left:0;right:0;width:100%;height:100vh;opacity:0;pointer-events:none;transition: opacity .1s ease-in-out;} #mainnav .mainnav.hidden{overflow:hidden;pointer-events:none;} #mainnav ul.nav > li > ul{opacity:0;display:flex;flex-direction:column;position:fixed;justify-content:center;align-items:center;top:0;z-index:2;right:0;bottom:0;width:100%;height:100vh;background:#135ea8;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;overflow-y:scroll;-webkit-overflow-scrolling:touch;} #mainnav ul.nav li a {position:relative;display:block;color:#ffffff;text-transform:uppercase;font-weight:normal;text-align:center;} #mainnav ul.nav > li > ul > li > ul {opacity:0;position:fixed;top:0;z-index:2;right:0;bottom:0;width:100%;background:#135ea8;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;overflow-y:scroll;-webkit-overflow-scrolling:touch;} #mainnav ul.nav > li.open > ul{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto;} #mainnav ul.nav > li > ul > li.open > ul {-webkit-transform:none;transform:none;pointer-events:auto;} #mainnav ul.nav li.back a{text-transform:uppercase;font-weight:normal;position:relative;box-sizing:border-box;text-align:left;background:#fab813;} #mainnav ul.nav > li.menu-item-has-children > a{position:relative;} #mainnav ul.nav > li.menu-item-has-children > a:after{content:'';position:absolute;top:calc(50% - 10px);right:5%;border:10px solid transparent;border-left-color:rgba(255,255,255,0.5);width:0;height:0;} #mainnav ul.nav li a:hover{background:rgba(119,119,119,0.1);} #mainnav ul.nav li.back a:hover{background:none;} html.mainnav-open, html.mainnav-open body{overflow:hidden;} html.mainnav-open #mainnav .mainnav {opacity:1;pointer-events:all;z-index:-1;} html.mainnav-open #mainnav .wrapper{border:none;} html.mainnav-open #mainnav::after {opacity:0 !important;} html.mainnav-open #root {position:relative;z-index:10;-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);} #mainnav .mainnav ul.nav > li.current-menu-item > a, #mainnav .mainnav ul.nav > li.current_page_parent > a, #mainnav .mainnav ul.nav > li.current_page_ancestor > a{color:#fab813;} #mainnav .mainnav ul.nav > li > ul > li.current-menu-parent > a, #mainnav .mainnav ul.nav > li > ul > li.current-menu-item > a, #mainnav .mainnav ul.nav > li > ul > li > ul > li.current-menu-item > a {color:#fab813;} } @media (max-width:1200px) and (min-width: 601px){ #mainnav, #mainnav::before, #mainnav::after {height:90px;} #mainnav .logo{width:180px;margin-top:-5px;} #mainnav ul.nav li.back {order:1;margin-top:50px;} #mainnav ul.nav li a {padding:15px 30px;font-size:clamp(24px,6vw,34px);line-height:1em;} #mainnav ul.nav li.back a{padding:15px 30px;font-size:20px;} #mainnav ul.nav li.back a:before{left:28px;} #mainnav ul.nav li.back a:after{left:25px;} #toggle-mainnav {width:42px;height:42px;} #toggle-mainnav .icon {width:22px;height:45px;} #toggle-mainnav .icon:before, html.mainnav-open #toggle-mainnav .icon:before, #toggle-mainnav .icon:after, html.mainnav-open #toggle-mainnav .icon:after, #toggle-mainnav .burger:before, #toggle-mainnav .burger:after {width:22px;} #mainnav .contactnav li {width:42px;height:42px;} #mainnav .contactnav li a {height:42px;} #mainnav .contactnav li a svg {width:18px;} #mainnav .contactnav li:nth-child(2) a svg {margin-left:-5px;} #mainnav .contactnav {margin-right:7px;} #mainnav .contactnav li {margin-left:7px;} } @media (min-width: 768px){ #mainnav ul.nav > li > a:not([class])::before {width:10%;max-width:60px;} } @media (max-width: 767px) and (min-width:601px){ #mainnav ul.nav li.back {order:1;margin-top:30px;} #mainnav ul.nav > li > a::before {width:10%;max-width:55px;} } @media (max-width: 600px){ #mainnav, #mainnav::before, #mainnav::after {height:60px;} #mainnav .logo{width:150px;} #mainnav ul.nav li a {padding:15px 20px;font-size:20px;line-height:1em;} #mainnav ul.nav > li > a::before {min-width:30px;} #mainnav ul.nav > li.menu-item-has-children > a:after {border-width:5px;} #mainnav ul.nav li.back {order:1;margin-top:20px;} #mainnav .mainnav ul.langnav li:first-child::after {right: -4px; top: 1px;} #mainnav ul.nav li.back a{padding:15px 30px 15px 55px;font-size:15px;} #mainnav ul.nav li.back a:before{left:23px;} #mainnav ul.nav li.back a:after{left:20px;} #toggle-mainnav {width:37px;height:37px;} #toggle-mainnav .icon {width:20px;height:44px;} #toggle-mainnav .icon:before, html.mainnav-open #toggle-mainnav .icon:before, #toggle-mainnav .icon:after, html.mainnav-open #toggle-mainnav .icon:after, #toggle-mainnav .burger:before, #toggle-mainnav .burger:after {width:20px;} #mainnav .contactnav li {width:37px;height:37px;} #mainnav .contactnav li a {height:37px;} #mainnav .contactnav li a svg {width:15px;} #mainnav .contactnav li:nth-child(2) a svg {margin-left:-5px;} #mainnav .contactnav {margin-right:4px;} #mainnav .contactnav li {margin-left:4px;} } @media (max-width:370px) { #mainnav ul.nav li a {padding:12px 20px;font-size:18px;line-height:1em;} } #toggle-mainnav .icon{display:block;cursor:pointer;position:relative;} #toggle-mainnav .icon:before, html.mainnav-open #toggle-mainnav .icon:before{content:'';position:absolute;top:50%;margin-top:-1px;height:2px;border-radius:2px;background:#ffffff;} #toggle-mainnav .icon:before{-webkit-animation:animationOneReverse 1s ease forwards;animation:animationOneReverse 1s ease forwards;} @-webkit-keyframes animationOneReverse{0%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}25%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} @keyframes animationOneReverse{0%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}25%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} html.mainnav-open #toggle-mainnav .icon:before{-webkit-animation:animationOne 1s ease forwards;animation:animationOne 1s ease forwards;} @-webkit-keyframes animationOne{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}} @keyframes animationOne{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(315deg);transform:rotate(315deg);}} #toggle-mainnav .icon:after, html.mainnav-open #toggle-mainnav .icon:after{content:'';position:absolute;top:50%;margin-top:-1px;height:2px;border-radius:2px;background:#ffffff;} #toggle-mainnav .icon:after{-webkit-animation:animationTwoReverse 1s ease forwards;animation:animationTwoReverse 1s ease forwards;} @-webkit-keyframes animationTwoReverse{0%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}25%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} @keyframes animationTwoReverse{0%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}25%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}} html.mainnav-open #toggle-mainnav .icon:after{-webkit-animation:animationTwo 1s ease forwards;animation:animationTwo 1s ease forwards;} @-webkit-keyframes animationTwo{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}100%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}} @keyframes animationTwo{0%,50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}75%{-webkit-transform:rotate(450deg);transform:rotate(450deg);}100%{-webkit-transform:rotate(405deg);transform:rotate(405deg);}} #toggle-mainnav .burger:before{content:'';position:absolute;top:15px;height:2px;border-radius:2px;background:#ffffff;-webkit-animation:animationBurgerTopReverse 1s ease forwards;animation:animationBurgerTopReverse 1s ease forwards;} @-webkit-keyframes animationBurgerTopReverse{0%,50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}51%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} @keyframes animationBurgerTopReverse{0%,50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}51%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} html.mainnav-open #toggle-mainnav .burger:before{-webkit-animation:animationBurgerTop 1s ease forwards;animation:animationBurgerTop 1s ease forwards;} @-webkit-keyframes animationBurgerTop{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}51%,100%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}} @keyframes animationBurgerTop{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:1;}51%,100%{-webkit-transform:translateY(11px);transform:translateY(11px);opacity:0;}} #toggle-mainnav .burger:after{content:'';position:absolute;bottom:15px;height:2px;border-radius:2px;background:#ffffff;-webkit-animation:animationBurgerBottomReverse 1s ease forwards;animation:animationBurgerBottomReverse 1s ease forwards;} @-webkit-keyframes animationBurgerBottomReverse{0%,50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}51%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} @keyframes animationBurgerBottomReverse{0%,50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}51%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}} html.mainnav-open #toggle-mainnav .burger:after{-webkit-animation:animationBurgerBottom 1s ease forwards;animation:animationBurgerBottom 1s ease forwards;} @-webkit-keyframes animationBurgerBottom{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}51%,100%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}} @keyframes animationBurgerBottom{0%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:1;}51%,100%{-webkit-transform:translateY(-12px);transform:translateY(-12px);opacity:0;}} #header.header-frontpage{overflow:hidden;position:relative;height:calc(100vh - 0px);background:#041426;} #header.header-frontpage .wrapper{position:absolute;z-index:2;bottom:16%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:left;} @media (max-width: 600px) { #header.header-frontpage .wrapper{bottom:36%;} } #header.header-frontpage .videowrapper{display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0.4;} #header.header-frontpage .videowrapper video{position:relative;display:block;width:100%;height:100%;object-fit:cover;} #header.header-frontpage.overlay .videowrapper:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(4,20,38,0.5);} #header.header-frontpage .fontwrapper h1 .small{display:block;font-size:clamp(14px,4vw,22px);font-weight:normal;opacity:.75;line-height:clamp(18px,4vw,26px);;margin-bottom:20px;} #header.header-frontpage .fontwrapper h1 .big{display:block;text-wrap:nowrap;font-size:clamp(24px,6vw,70px);line-height:clamp(24px,6vw,70px);color:#fab813;} #header.header-frontpage:not(.overlay) h1 .small {color:#fab813;opacity:1;} #header.header-frontpage:not(.overlay) h1 .big {color:#fff;} /*#header.header-frontpage .scroll{color:#fff;font-weight:bold;text-transform:uppercase;display:block;padding:10px 15px;float:left;margin-top:12px;font-size:15px;background:rgba(255,255,255,0.15);-webkit-transition:background .3s ease-in-out, opacity .2s ease-in-out;transition:background .3s ease-in-out, opacity .2s ease-in-out;opacity:0.6;} #header.header-frontpage .scroll:hover{background:rgba(255,255,255,0.3);text-decoration:none;opacity:1;} #header.header-frontpage .scroll span{display:inline-block;} #header.header-frontpage .scroll svg{display:inline-block;height:15px;margin-left:6px;-webkit-transform:translateY(3px);transform:translateY(3px);fill:#fff;} #header.header-frontpage #scrolldown{position:absolute;bottom:5%;left:50%;margin-left:-15px;} #header.header-frontpage #scrolldown svg{fill:#fff;display:block;width:30px;height:30px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} #header.header-frontpage #scrolldown:hover svg{fill:#fab813;margin-bottom:-5px;} #header.header-frontpage .border{bottom:0;background:#fff;height:35px;mix-blend-mode:difference;opacity:0.2;} #header.header-frontpage svg.bg {position:absolute;top:-25%;bottom:0;left:-25%;right:0;width:150%;height:150%;opacity:.02;fill:#fff;transform:rotate(-10deg);}*/ #header.header-image{overflow:hidden;position:relative;background:linear-gradient(45deg, rgba(19,93,167,1) 0%, rgba(95,149,193,1) 100%);} #header.header-image.fullscreen{height:calc(100vh - 0px);} #header.header-image.halfscreen{height:70vh;min-height:500px;} #header.header-image.overlay .imagewrapper:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(4,20,38,0.5);} #header.header-image .wrapper{position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,20%);transform:translate(-50%,10%);text-align:center;} #header.header-image .imagewrapper{display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0;} #header.header-image .imagewrapper img{display:block;width:100%;height:100%;object-fit:cover;} @media (min-width: 801px){ } @media (max-width: 800px){ #header.header-image.fullscreen{height:calc(70vh - 0px);} }#header h1{font-size:60px;color:#ffffff}@media (max-width:1200px){#header.header-image h1, #header.header-video h1{font-size:54px}}@media (max-width:1050px){#header.header-image h1, #header.header-video h1{font-size:50px}}@media (max-width:950px){#header.header-image h1, #header.header-video h1{font-size:43px}}@media (max-width:800px){#header.header-image h1, #header.header-video h1{font-size:39px}}@media (max-width:600px){#header.header-image h1, #header.header-video h1{font-size:30px}}#header.header-video{overflow:hidden;position:relative;background:linear-gradient(45deg, rgba(19,93,167,1) 0%, rgba(95,149,193,1) 100%);} #header.header-video.fullscreen{height:calc(100vh - 0px);} #header.header-video.halfscreen{height:70vh;min-height:500px;} #header.header-video.overlay .videowrapper:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(4,20,38,0.5);} #header.header-video .wrapper{position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,20%);transform:translate(-50%,10%);text-align:center;} #header.header-video .videowrapper{display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0;} #header.header-video .videowrapper video{display:block;width:100%;height:100%;object-fit:cover;} @media (min-width: 801px){ } @media (max-width: 800px){ #header.header-video.fullscreen{height:calc(70vh - 0px);} }#header.header-text {background:linear-gradient(45deg, rgba(4,20,38,1) 0%, rgba(15,44,78,1) 100%);}#header.header-text{padding:250px 0 75px}#header.header-text h1{font-family:ubuntu; font-weight:bold; font-style:normal;font-size:40px}@media (max-width:1200px){#header.header-text h1{font-size:36px}}@media (max-width:1050px){#header.header-text h1{font-size:33px}}@media (max-width:950px){#header.header-text h1{font-size:30px}}@media (max-width:800px){#header.header-text h1{font-size:28px}#header.header-text{padding:200px 0 60px;}}@media (max-width:600px){#header.header-text h1{font-size:24px}#header.header-text{padding:150px 0 45px;}}#header.header-slider{position:relative;margin:0;} .header-slider.fullscreen, .header-slider.fullscreen .flex-viewport, .header-slider.fullscreen .slides, .header-slider.fullscreen .slide{height:calc(100vh - 0px);} .header-slider.halfscreen, .header-slider.halfscreen .flex-viewport, .header-slider.halfscreen .slides, .header-slider.halfscreen .slide{height:65vh;} .header-slider .slide{position:relative;} .header-slider .slide a.full{display:block;font-size:0;text-indent:-9999px;position:absolute;top:0;right:0;bottom:0;left:0;} .header-slider .slick-dots{position:absolute;bottom:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);} .header-slider .slide.slide-layout1 .typo{position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;text-align:center;} .header-slider .slide.slide-layout1 .typo.w800{max-width:800px;} .header-slider .slide.slide-layout1 .typo.w700{max-width:700px;} .header-slider .slide.slide-layout1 .typo.w600{max-width:600px;} .header-slider .slide.slide-layout1 .typo.w500{max-width:500px;} .header-slider .slide.slide-layout1 .typo.w400{max-width:400px;} .header-slider .slide.slide-layout1 img, .header-slider .slide.slide-layout1 picture{display:block;width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover;} .header-slider .slide.slide-layout2 .typo{position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;text-align:center;} .header-slider .slide.slide-layout2 .typo.w800{max-width:800px;} .header-slider .slide.slide-layout2 .typo.w700{max-width:700px;} .header-slider .slide.slide-layout2 .typo.w600{max-width:600px;} .header-slider .slide.slide-layout2 .typo.w500{max-width:500px;} .header-slider .slide.slide-layout2 .typo.w400{max-width:400px;} .header-slider .slide.slide-layout2 video{display:block;width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover;} .header-slider .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(4,20,38,0.5);} @media (max-width:1000px){ .header-slider .flex-control-nav li a{width:50px;} } @media (max-width:800px){ .header-slider .flex-control-nav{bottom:40px;} .header-slider .flex-control-nav li a{width:40px;} .header-slider .slide.slide-layout1 .typo{top:50%;} .header-slider.fullscreen, .header-slider.fullscreen .flex-viewport, .header-slider.fullscreen .slides, .header-slider.fullscreen .slide{height:calc(70vh - 0px);} } @media (max-width:600px){ .header-slider .flex-control-nav{bottom:20px;} .header-slider .flex-control-nav li a{width:30px;height:4px;} }#footer{background:linear-gradient(45deg, rgba(4,20,38,1) 0%, rgba(15,44,78,1) 100%);} footer h2, footer h3 {color:#fab813;} footer a {transition:color .2s ease-in-out;} footer a:hover {text-decoration:none;} footer .wrapper {display:flex;} footer .top .wrapper {flex-wrap:wrap;} footer .l {order:2;} footer .l .forminator-row{margin-bottom:5px !important;} footer .l form input[type=text], footer .l form [type=phone], footer .l form input[type=email] {background:transparent;;padding:10px 0;outline:none !important;height:auto;font-size:18px;font-weight:normal;font-family:ubuntu;color:rgba(255,255,255,0.7);border:solid rgba(255,255,255,0.2);border-width:0 0 1px 0;} footer .l form input::placeholder {color:rgba(255,255,255,0.45);font-weight:normal;text-transform:uppercase;font-family:ubuntu;font-size:15px;} footer .l form textarea {background:transparent;padding:10px 0;outline:none !important;font-size:18px;font-weight:normal;font-family:ubuntu;color:rgba(255,255,255,0.7);border:solid rgba(255,255,255,0.2);border-width:0 0 1px 0;height:160px;} footer .l form textarea::placeholder {color:rgba(255,255,255,0.45);font-weight:normal;text-transform:uppercase;font-family:ubuntu;font-size:15px;} .forminator-edit-module{display:none !important;} footer .r {order:1;} footer .r .logo {display:inline-block;} footer .r .logo svg{display:block;width:100%;height:auto;} footer .r .inner .row:not(:last-child) {margin-bottom:3rem;} footer .r .inner .row {color:rgba(255,255,255,0.7);} footer .r .inner .row h3 {font-size:21px;margin-bottom:.5em;} footer .r .inner .row a {display:inline-block;color:rgba(255,255,255,0.7);} footer .r .inner .row a:hover {color:#fab813;} footer .r .inner .footernav {display:flex;gap:.25em 1em;flex-wrap:wrap;max-width:70%;} footer .bottom {padding:20px 0;font-size:14px;color:rgba(255,255,255,0.5);border-top:1px solid rgba(255,255,255,0.1);} footer .bottom a{color:rgba(255,255,255,0.5);} footer .bottom a:hover{color:#fab813;} footer .bottom .wrapper {display:flex;} footer .bottom .more {display:inline-block;} footer .bottom .memberbadge {display:inline-block;background:rgba(255,255,255,0.05);clip-path:polygon(12px 0, 100% 0, 100% 100%, 0 100%, 0 12px);transition:background .2s ease-in-out;} footer .bottom .memberbadge a {display:flex;align-items:center;justify-content:center;} footer .bottom .memberbadge .text {display:flex;align-items:center;justify-content:center;padding:10px 15px;box-sizing:border-box;color:#ffffff;text-transform:uppercase;font-family: ubuntu; font-weight: normal;font-size:12px;transition:color .2s ease-in-out;line-height:1.4em;} footer .bottom .memberbadge .icon {display:flex;align-items:center;justify-content:center;background:#fab813;width:50px;height:50px;padding:10px;box-sizing:border-box;} footer .bottom .memberbadge svg {display:block;width:100%;height:auto;fill:#fff;} footer .bottom .memberbadge:hover {background:#ffffff;} footer .bottom .memberbadge:hover .text {color:#1d2b3a;} footer .bottom #toparrow {display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fab813;border:1px solid #fab813;cursor:pointer;transition:background .2s ease-in-out;} footer .bottom #toparrow svg {display:block;position:absolute;width:20px;fill:#fff;transform:rotate(-90deg);transition:fill .2s ease-in-out;} footer .bottom #toparrow:hover {background:#ffd56b;} @media (min-width:1001px) { footer .top {padding:100px 0;} footer .top .wrapper {justify-content:space-between;} footer .l {width:47.5%;} footer .l h2 {font-size:40px;margin-bottom:1em;} footer .r {width:50%;} } @media (min-width:901px) { footer .bottom .wrapper {justify-content:space-between;align-items:center;} footer .bottom .memberbadge {margin-left:auto;margin-right:40px;} } @media (min-width:768px) { footer .r .logo {width:300px;margin-bottom:4rem;} } @media (max-width:1000px) { footer .top {padding:75px 0;} footer .l {width:100%;text-align:center;} footer .l h2 {font-size:30px;max-width:700px;margin:0 auto 1em auto;} footer .l form {max-width:600px;margin:0 auto;} footer .l .forminator-row input, footer .l .forminator-row textarea{text-align:center;} footer .r {width:100%;margin-bottom:4rem;text-align:center;} footer .r .inner .footernav {justify-content:center;margin:0 auto;} } @media (max-width:900px) { footer .bottom .wrapper {flex-direction:column;align-items:center;} footer .bottom .wrapper .bottomnav {text-align:center;margin-bottom:2em;order:2;} footer .bottom .wrapper .memberbadge {order:1;margin-bottom:2em;} footer .bottom .wrapper #toparrow {order:3;} } @media (max-width:767px) { footer .top {padding:50px 0;} footer .r .logo {width:200px;margin-bottom:2rem;} } @media (max-width:450px) { footer .l h2 {font-size:24px;} footer .bottom .wrapper .bottomnav {width:100%;} footer .bottom .wrapper .bottomnav .divider {display:none;} footer .bottom .wrapper .bottomnav a, #footer .bottom .wrapper .bottomnav .more {display:block;} footer .bottom .memberbadge .text {font-size:10px;line-height:1.3em;} } html {background:linear-gradient(45deg, rgba(4,20,38,1) 0%, rgba(15,44,78,1) 100%) !important;} #root {transition: all .2s ease-in-out;position:relative;} #root::before, #root::after {content:'';position:absolute;height:110px;background:#135ea8;opacity:0;pointer-events:none;width:100%;} #root::before {top:0;} #root::after {bottom:0;} html.mainnav-open #root::before{opacity:1;} #content{position:relative;z-index:3;} #main{width:70%;float:left;} #sidebar{width:20%;float:right;} .section{position:relative;} .alignd-left{text-align:left;} .alignd-center{text-align:center;} a:hover{text-decoration:underline;} #root .responsivetable{position:relative;} #root .responsivetable:after{content:'';position:absolute;top:0;bottom:0;right:0;width:50px;opacity:0.5;pointer-events:none;background:-moz-linear-gradient(left, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 100%);background:-webkit-linear-gradient(left, rgba(204,204,204,0) 0%,rgba(204,204,204,1) 100%);background:linear-gradient(to right, rgba(204,204,204,0) 0%,rgba(204,204,204,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1);} #root .responsivetable .inner{width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch;position:relative;} #root .responsivetable .inner table{width:100%;min-width:500px;} #root .section ul:not([class]) li, #root .newsfield ul:not([class]) li {padding-left:20px;position:relative;margin-bottom:5px;} #root .section ul:not([class]) li:before, #root .newsfield ul:not([class]) li:before {content: ''; position: absolute; left: 0; top: 8px; width: 10px; height: 10px; border-radius: 50%; background: #ddbd8a;} #root .section.bg4 ul:not([class]) li:before {background:#1a1a1a;} .home-li li{display: inline-block; vertical-align: top;} .anstehende-projekte h3 { margin-top: 0.7em; } .anstehende-projekte .wrapper.cf{ margin-bottom: 70px } .produkte-item{padding-bottom: 50px;} .projekt-titelbild h3 { font-size: 1rem; } .produkte-item { display: flex; /* Flexbox für Layout */ align-items: center; /* Vertikale Ausrichtung */ gap: 20px; /* Abstand zwischen Bild und Text */ border-bottom: 1px solid #ddd; padding: 10px; margin-bottom: 15px; } .produkte-bild { width: 250px; /* Größe des Bildes */ height: auto; object-fit: cover; border-radius: 5px; /* Abgerundete Ecken */ } .produkte-text { flex-grow: 1; /* Der Text nimmt den restlichen Platz ein */ } /* Bild ausblenden auf mobilen Geräten */ @media screen and (max-width: 768px) { .produkte-item { flex-direction: column; /* Statt Bild/Text nebeneinander → untereinander */ align-items: flex-start; /* Text linksbündig */ } .produkte-bild { display: none; /* Bild wird auf mobilen Geräten ausgeblendet */ } .produkte-text { width: 100%; /* Text nimmt die volle Breite ein */ } .produkte-item h3 { font-size: 16px; } } .projekt-titelbild { width: 100%; /* Volle Breite */ /* height: 350px; Feste Höhe */ overflow: hidden; /* Verhindert Überlauf */ } .projekt-titelbild img { width: 100%; /* Volle Breite */ /* height: 100%; Volle Höhe von 350px */ /* object-fit: cover; Schneidet das Bild zu, um es in den Bereich einzupassen */ display: block; /* Entfernt unerwünschten Leerraum */ } h1,h2,h3{text-transform:uppercase;} .prehl {display:block;font-family: ubuntu; font-weight: 400; font-style: normal; font-size:24px; color:#fab813;} p ~ h2 {margin-top:0 !important;} .wchbadge {position: fixed; right: 0; bottom: 0; height: auto; z-index: 10; transition: filter .2s ease-in-out, width .2s ease-in-out;} .wchbadge:hover {filter:brightness(1.25);} .wchbadge svg{display:block;width:100%;height:auto;} .wchbadge a {position:absolute;top:0;right:0;bottom:0;left:0;} input[type=text],input[type=email],input[type=tel],input[type=password],textarea{padding:10px;border:1px solid #ddd;-webkit-transition:border-color .2s ease-in-out;transition:border-color .2s ease-in-out;width:100%;box-sizing:border-box;} input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,textarea:focus{border-color:#aaa;} textarea{resize:vertical;min-height:100px;max-height:700px;height:230px;} input[type=radio],input[type=checkbox]{-webkit-appearance:none;width:20px;height:20px;background:#ddd;cursor:pointer;border-radius:0;} input[type=radio]:checked, input[type=checkbox]:checked{background:#333;} input[type=submit]{-webkit-appearance:none;border:none;} select{display:block;font-size:16px;cursor:pointer;color:#777;line-height:1.3;padding:5px 30px 5px 10px;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #ccc;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto;} select::-ms-expand{display:none;} select:hover{border-color:#888;} select:focus{border-color:#aaa;outline:none;} select option{font-weight:normal;} form .fieldwrap{margin:0 0 1em 0;} form .disclaimer{font-size:13px;line-height:1.6em;} button.forminator-button {border:none;font-family:ubuntu;padding:10px 16px;font-size:18px;} /* @TODO: MAKE COLORS MANAGABLE WITH THEME SETTINGS */ #cookies{display:none;position:fixed;bottom:50px;left:50%;background:#fff;z-index:21;/*width:400px;*/;width:90vw;max-width:1300px;font-size:15px;line-height:1.5em;box-shadow:0 0 150px rgba(0,0,0,0.1);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);} #cookies .head{color:#333;text-transform:uppercase;font-size:25px;font-weight:bold;border-bottom:1px solid #ddd;background:#f5f5f5;} #cookies .head svg{display:inline-block;width:28px;height:28px;-webkit-transform:translateY(5px);transform:translateY(5px);} #cookies .head svg *{fill:#444;} #cookies .inner{display:flex;} #cookies p{margin:0 0 1em;font-size:12px;line-height:1.6em;} #cookies p:last-child {margin-bottom:0;} #cookies p a {color:#fab813;} #cookies span.btn{display:block;margin-bottom:10px;-webkit-transform:none !important;transform:none !important;padding:15px 20px 12px 20px;background:#fab813;color:#fff;font-size:14px;} #cookies span.btn:hover{background:#ffd56b;} #cookies a{display:inline-block;color:#777;} #cookies .foot {text-transform: uppercase; font-weight: bold; border-top: 1px solid #ddd; background: #f5f5f5; } #revokeCookies{cursor:pointer;text-decoration:underline;} #revokeCookies:hover{text-decoration:underline;} .cookietable{border-collapse:collapse;font-size:14px;width:100%;} .cookietable tr.cat{background:#ddd;text-transform:uppercase;font-weight:bold;} .cookietable tr.cat td{border-color:#ccc;} .cookietable thead{border:1px solid #777;} .cookietable th{border:1px solid #fff;padding:10px;background:#777;text-transform:uppercase;color:#fff;} .cookietable th:nth-of-type(1){border-left:none;} .cookietable th:nth-of-type(3){border-right:none;} .cookietable td{border:1px solid #ddd;vertical-align:top;padding:10px;} .cookietable td:not(:last-child){white-space:nowrap;} .cookiebanner{background:#f5f5f5;padding:50px 150px;text-align:center;} .cookiebanner svg{display:block;margin:0 auto 2em;width:60px;height:60px;} .cookiebanner svg *{fill:#444;} /* Responsive */ @media (max-width:1800px){ #cookies{left:3vw;bottom:3vw;-webkit-transform:none;transform:none;} } @media (min-width:1101px){ #cookies .inner {align-items:center;} #cookies .inner .txt {width:calc(100% - 400px);} #cookies .inner .btns {width:400px;margin-left:100px;text-align:center;} #cookies .head {padding:20px 60px; text-align:center;} #cookies .inner{padding:20px 60px;} #cookies .foot {padding:10px 60px; text-align:center;} } @media (max-width:1100px){ #cookies {text-align:center;} #cookies .inner {flex-direction:column;} #cookies .inner .txt {margin-bottom:2em;} #cookies .head {padding:20px 40px;} #cookies .inner{padding:20px 40px;} #cookies .foot {padding:10px 40px;} } @media (max-width:800px){ #cookies .inner{padding:20px 20px;} .cookiebanner{padding:8%} .alignm-left{text-align:left;} .alignm-center{text-align:center;} p.bigger{font-size:20px;} } @media (max-width:550px){ #cookies {bottom:20px;} #cookies .head{font-size:18px;padding:10px 5px 15px;} #cookies .head svg{-webkit-transform:translateY(7px);transform:translateY(7px);} #cookies span.btn {padding:10px;} #cookies{width:94%;font-size:13px;} a.btn {display:block;width:100%;box-sizing:border-box;text-align:center;} } #infonav, #infotext{display:none;padding:30px 0;background:#eeeeee;position:relative;z-index:3;color:rgba(255,255,255,0.7);} #infonav ul.cf li{width:32%;float:left;margin-bottom:20px;} #infonav ul.cf li:not(:nth-child(3n+3)){margin-right:2%;} #infonav ul.cf li a{display:block;background:rgba(255, 85, 85, 1);border-radius:3px;text-align:center;font-size:14px;color:#ffffff;padding:5px 0;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;} #infonav ul.cf li a:hover{background:rgba(255, 85, 85, 0.75);text-decoration:none;} #infotext h1{color:#fff;font-size:45px;line-height:1.2em;margin:0 0 0.2em 0;text-transform:none;} #infotext h2{color:#fff;font-size:28px;line-height:1.2em;margin:1.5em 0 0.4em;text-transform:none;} #infotext h3{color:#fff;font-size:18px;line-height:1.2em;margin:1.5em 0 0.4em;text-transform:none;} #infotext p {color:#404040;} #infotext a{color:#fff;text-decoration:underline;} #infotext a:hover{color:#404040;} @media(min-width:601px) { .wchbadge {width: 110px;} html.scrolled-50 .wchbadge {width:93px;} } @media (max-width: 1200px){ #infonav, #infotext{padding:50px 0;background:#000;} } @media (max-width: 950px){ #infonav, #infotext{padding:10% 0;} #infonav ul.cf li{width:47.5%;} #infonav ul.cf li:not(:nth-child(3n+3)){margin-right:0;} #infonav ul.cf li:not(:nth-child(2n+2)){margin-right:5%;} #infotext h1{font-size:30px;} #infotext h2{font-size:20px;} #infotext h3{font-size:15px;} } @media (max-width: 600px){ #infonav ul.cf li{width:100%;margin-right:0 !important;margin-bottom:10px;} .wchbadge {width: 80px;} html.scrolled-50 .wchbadge {width:63px;} } @media screen and (min-width: 1401px) { ::-webkit-scrollbar {width: 8px;} ::-webkit-scrollbar-track {background: #333333;} ::-webkit-scrollbar-thumb {background: #fab813;} ::-webkit-scrollbar-thumb:hover {background: #fab813;} } @media all and (min--moz-device-pixel-ratio:0) and (min-width: 960px){ html {scrollbar-color: #333333 #fab813; scrollbar-width: thin;} } #root .productcarousel ul.products, #woocommerce > ul.products{width:calc(100% + 30px);margin-left:-15px;} #root .productcarousel .slick-prev, #root .productcarousel .slick-next{margin-top:-50px;} #root .woocommerce ul.products{margin-bottom:0;} #root .woocommerce ul.products li.product{clear:none !important;text-align:center;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;margin:0 !important;padding:0 15px 10px;box-sizing:border-box;} #root .woocommerce .cols-2 ul.products li.product{padding:0;} #root .woocommerce ul.products li.product .wc-gzd-additional-info{display:none;} #root .woocommerce ul.products li.product .price{color:#777;font-size:18px;} #root .woocommerce ul.products li.product .onsale{min-width:0;min-height:0;padding:0;font-size:0;text-indent:-9999px;width:50px;height:50px;background:url(assets/images/percentage.svg) #f55 no-repeat center;background-size:20px;top:10px;right:25px;} #woocommerce > ul.products > li, #root .productgrid .woocommerce ul.products > li.product{width:25%;} #root .cols-2 .productgrid .woocommerce ul.products > li.product{width:calc(50% - 30px);} #woocommerce div.product:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}#woocommerce div.product{display:inline-block;}#woocommerce div.product .cf{display:block;} #woocommerce div.product{border-bottom:1px solid #ddd;padding-bottom:70px;width:100%;} #woocommerce div.product div.summary{width:45%;} #woocommerce div.product .product_title{margin-bottom:10px;font-size:30px;} #woocommerce div.product div.summary p.price{color:#777;margin:15px 0 15px 0;display:inline-block;} #woocommerce div.product div.summary p.price bdi, #woocommerce div.product div.summary p.price ins{font-size:20px;font-weight:normal;text-decoration:none;} #woocommerce div.product div.summary p.price del{display:block;margin:0 0 5px 0;} #woocommerce div.product div.summary p.price del bdi{font-size:16px;} #woocommerce div.product div.summary .legal-price-info{display:inline-block;} #woocommerce div.product div.summary .legal-price-info p{margin:0;font-size:13px;color:#999;} #woocommerce div.product div.summary .legal-price-info p a{color:#999;} #woocommerce div.product div.summary .color-variations{margin:20px 0 0 0;padding:15px 0 0;border-top:1px solid #ddd;} #woocommerce div.product div.summary .color-variations span.label{display:block;width:150px;float:left;} #woocommerce div.product div.summary .color-variations ul li{float:left;width:60px;margin:5px 10px 5px 0;} #woocommerce div.product div.summary .color-variations ul li a{display:block;} #woocommerce div.product div.summary .color-variations ul li:not(.current) a{opacity:0.5;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;} #woocommerce div.product div.summary .color-variations ul li:not(.current) a:hover{opacity:1;} #woocommerce div.product div.summary .color-variations ul li a img{display:block;width:100%;height:auto;} #woocommerce div.product div.summary .variations{margin:20px 0 0 0;padding:10px 0 0;border-top:1px solid #ddd;} #woocommerce div.product div.summary .color-variations + .variations{border-top:none;padding-top:0;margin-top:0;} #woocommerce div.product div.summary .variations a.reset_variations{display:none !important;} #woocommerce div.product div.summary .woocommerce-variation.single_variation{display:none !important;} #woocommerce div.product form.cart .variations td.label{width:130px;padding-right:20px;} #woocommerce div.product form.cart .variations tr td{padding-top:10px;} #woocommerce div.product form.cart .variations label{font-weight:normal;} #woocommerce div.product div.summary .quantity{display:block;width:100px;margin:0;} #woocommerce div.product div.summary .quantity input{display:block;width:80px;box-sizing:border-box;font-size:16px;line-height:20px;padding:10px;border:none;background:#eee;-webkit-appearance:none;margin:0;} #woocommerce div.product div.summary .single_add_to_cart_button{width:200px;box-sizing:border-box;font-size:16px;line-height:20px;padding:10px;} #woocommerce div.product div.summary .woocommerce-variation-add-to-cart, #woocommerce div.product form.cart:not(.variations_form){margin:20px 0 0 0;padding:30px 0;border-top:1px solid #ddd;} #woocommerce div.product div.summary .woocommerce-product-details__short-description{margin:20px 0 0 0;padding:20px 0;border-top:1px solid #ddd;} /*#woocommerce div.product div.summary .delivery-time + .woocommerce-product-details__short-description{margin-top:0;border-top:0;}*/ #woocommerce div.product div.summary form.cart + .woocommerce-product-details__short-description{margin-top:0;} #woocommerce div.product div.summary .accordion{margin:0 0 0 0;} #woocommerce div.product div.summary .accordion .elem h4{padding:15px 60px 15px 20px;font-size:16px;} #woocommerce div.product div.summary .accordion .elem .content{padding:15px 20px;font-size:14px;line-height:1.7em;} #woocommerce div.product div.summary .delivery-time{display:none;} #woocommerce div.product div.summary .delivery-time-info{margin:20px 0 0 0;padding:15px 0 0;border-top:1px solid #ddd;} #woocommerce div.product div.images{width:50%;display:flex;flex-wrap:wrap;justify-content:space-between;} #woocommerce .product-gallery{width:50%;float:left;} #woocommerce .product-gallery .main{width:80%;float:right;} #woocommerce .product-gallery .main .slide img{cursor:zoom-in;} #woocommerce .product-gallery .thumbs{width:18%;float:left;} #woocommerce .product-gallery .thumbs img{display:block;width:100%;margin-bottom:13%;cursor:pointer;} #woocommerce .product-gallery .thumbs .slick-track{-moz-transform:none !important;-webkit-transform:none !important;transform:none !important;} #woocommerce .product-gallery .thumbs .slick-list{height:auto !important;} #woocommerce .product-gallery .thumbs .slide{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;} #woocommerce .product-gallery .thumbs .slide:not(.slick-current){opacity:0.3;} .other-products{border-top:1px solid #ddd;} .compatible-products > .other-products{border-top:none;} #woocommerce .product > span.onsale{display:none;} #woocommerce .meta-top{background:#eee;padding:20px;margin-bottom:30px;} #woocommerce .meta-bottom{background:#eee;padding:20px;margin-top:30px;} #woocommerce .meta-bottom .smallinfo{font-size:13px;float:left;line-height:1.2em;margin:.7em 0;} #woocommerce .woocommerce-ordering{margin-bottom:0;} #root .woocommerce table.cart td.actions{text-align:center;} #root .woocommerce table.cart td.actions input[name=coupon_code]{width:200px;font-size:14px;line-height:1.5em;border:1px solid #ddd;border-radius:0;padding:7px;margin:0 10px 0 0;outline:none !important;box-shadow:none;-webkit-appearance:none;display:inline-block;} #root .woocommerce table.cart td.actions input[name=apply_coupon]{display:inline-block;} #root .woocommerce button.button{border-radius:0;font-size:16px;font-weight:normal;} #root .cart_totals h2{font-size:20px;} #root .woocommerce .cart-collaterals{float:right;width:40%;padding:20px;background:#f5f5f5;box-sizing:border-box;} #root .woocommerce .cart-collaterals .cart_totals{width:100%;float:none;} #root .woocommerce-cart-form{float:left;width:57%;background:#f5f5f5;box-sizing:border-box;} #root .woocommerce-cart-form table.shop_table thead{display:none;} #root .woocommerce table.shop_table{border-radius:0;} #root .woocommerce table.shop_table.cart{border-radius:0;} #root .woocommerce table.shop_table.cart.cart{border:none;margin:0;padding:15px;} #root .woocommerce table.shop_table.cart tr{position:relative;display:block;clear:both;} #root .woocommerce table.shop_table.cart td{box-sizing:border-box;border:none;} #root .woocommerce table.shop_table.cart td.product-remove{position:absolute;top:0;right:0;display:block;} #root .woocommerce table.shop_table.cart td.product-thumbnail{width:70px;display:block;float:left;} #root .woocommerce table.shop_table.cart td.product-thumbnail img{display:block;width:70px;max-width:none;} #root .woocommerce table.shop_table.cart td.product-name{display:block;float:right;width:calc(100% - 100px);} #root .woocommerce table.shop_table.cart td.product-price{display:none;} #root .woocommerce table.shop_table.cart td.product-quantity{padding-left:45px;} #root .woocommerce table.shop_table.cart td.product-quantity input{border:1px solid #ddd;border-radius:0;} #root .woocommerce table.shop_table.cart td.product-subtotal{display:block;text-align:right;border-bottom:1px solid #ddd;clear:both;font-weight:bold;} #root .woocommerce table.shop_table.cart td.actions{display:block;width:100%;} #root .woocommerce table.shop_table.cart .delivery-time-info{font-size:13px;} #root .woocommerce table.shop_table.cart .actions > button[type=submit]{display:block;width:100%;margin-top:1em;} #root .woocommerce table.shop_table.cart .actions .coupon{display:block;width:100%;margin-top:1em;float:none;} #root .woocommerce-billing-fields__field-wrapper{background:#f5f5f5;padding:20px;} #root .woocommerce-checkout{margin-top:70px;} #root .woocommerce-checkout #payment{background:#f5f5f5;border-radius:0;} #root .woocommerce-checkout #payment label{cursor:pointer;} #root .woocommerce-checkout #payment ul{border:none;} #root .woocommerce-checkout #payment input[type=radio]{-webkit-transform:translateY(4px);transform:translateY(4px);} #root .woocommerce-checkout #payment div.payment_box{background:#fff;} #root .woocommerce-checkout #payment div.payment_box:before{border-bottom-color:#fff;} #root .woocommerce-checkout .checkbox-legal{background:#f5f5f5;padding:20px;} #root .woocommerce-checkout .wc-gzd-checkbox-placeholder-legal:after{content:'';display:block;clear:both;} #root .woocommerce-checkout .checkbox-legal .woocommerce-gzd-legal-checkbox-text{display:block;font-size:14px;line-height:1.5em;float:right;width:calc(100% - 40px);} #root .woocommerce form .form-row .input-checkbox{display:inline-block;-webkit-transform:translateY(-3px);transform:translateY(-3px);} #root .woocommerce-additional-fields{background:#f5f5f5;padding:20px;margin-top:1.5em;} #root .woocommerce-additional-fields textarea{height:150px;max-height:350px;min-height:100px;resize:vertical;} #root #customer_details{float:left;width:40%;} #root #customer_details .col-1, #root #customer_details .col-2{float:none;width:100%;} #root #order_review{float:right;width:55%;} #root .woocommerce-account-fields{background:#f5f5f5;margin-top:1.5em;padding:20px;} #root .woocommerce .woocommerce-account-fields label{cursor:pointer;} #root .woocommerce .woocommerce-account-fields input[type=checkbox]{-webkit-transform:translateY(0);transform:translateY(0);} #root .woocommerce-checkout-review-order-table{border:none;background:#f5f5f5;margin-top:2em;border-radius:0;} #root .woocommerce-checkout-review-order-table thead{display:none;} #root .woocommerce-checkout-review-order-table tbody tr:first-child td{border:none;} #root .woocommerce-checkout-review-order-table tr td .wc-gzd-product-name-left img{width:40px;} #root .woocommerce-checkout-review-order-table tr td .wc-gzd-product-name-right{font-size:14px;} #root .woocommerce-checkout-review-order-table tr td .delivery-time-info{font-size:12px;margin:0;} #root .woocommerce-checkout-review-order-table tr td .product-quantity{font-weight:normal;} #root .woocommerce form.login:after{content:'';clear:both;display:block;} #root .woocommerce form.login, #root .woocommerce form.checkout_coupon{border-radius:0;background:#f5f5f5;border:none;margin-top:1em;} #root .woocommerce form.login p.lost_password{float:right;font-size:13px;} #root .woocommerce form.login p.form-row:not([class*=form-row-]){float:left;} #root form.woocommerce-form-login input[type=checkbox]{-webkit-transform:translateY(7px);transform:translateY(7px);} .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{pointer:default;pointer-events:none;} .woocommerce-MyAccount-navigation{float:left;width:30%;background:#f5f5f5;padding:20px;box-sizing:border-box;} .woocommerce-MyAccount-content{float:right;width:65%;background:#f5f5f5;padding:20px;box-sizing:border-box;} .woocommerce-MyAccount-navigation ul li a{display:block;border-bottom:1px solid #ddd;padding:8px;color:#777;} .woocommerce-MyAccount-navigation ul li.is-active a{font-weight:bold;color:#444;} .woocommerce-order-details h2, .woocommerce-customer-details h2, h2.woocommerce-shipments-list__title, .sab-documents-download h3{font-size:25px;margin-top:2em;} @media (min-width:771px){ #root .woocommerce .cols-2 li.product{width:calc(50% - 15px);border:1px solid #ddd;box-sizing:border-box;display:flex;background:#fff;} #root .woocommerce .cols-2 li.product:nth-child(1){margin-right:30px !important;} #root .woocommerce .cols-2 ul.products{display:flex;flex-wrap:wrap;justify-content:space-between;} #root .woocommerce .cols-2 li.product a{display:block;width:100%;height:100%;} #root .woocommerce .cols-2 li.product a img{width:40% !important;float:left;margin:0;} #root .woocommerce .cols-2 ul.products li.product img.hover{top:0;left:0;width:50%;} #root .woocommerce .cols-2 li.product h2{padding:30px 15px 0;} #root #woocommerce .cols-2 li.product .onsale{right:auto;left:40%;margin-left:-60px;} #root .woocommerce .cols-3 li.product{width:33.3333333333%;} #root .woocommerce ul.products li.product img.hover{opacity:0;position:absolute;top:0;left:15px;width:calc(100% - 30px);height:auto;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;} #root .woocommerce ul.products li.product:hover img.hover{opacity:1;} #root .cols-2 .woocommerce ul.products li.product .onsale{right:auto;left:15px;} } @media (max-width:1000px){ #root .woocommerce-cart-form, #root .woocommerce .cart-collaterals{width:100%;float:none;} #root .woocommerce .cart-collaterals{margin-top:2em;} } @media (max-width:800px){ #woocommerce .product-gallery{margin-bottom:50px;} #woocommerce .product-gallery, #woocommerce div.product div.summary{width:100%;float:none;clear:both;} #woocommerce .product-gallery .main, #woocommerce .product-gallery .thumbs{width:100%;float:none;} #woocommerce .product-gallery .thumbs .slide, #woocommerce .product-gallery .thumbs .slick-track{height:auto !important;width:auto !important;} #woocommerce .product-gallery .thumbs .slide{width:22.5vw !important;} #woocommerce .product-gallery .thumbs img{margin-bottom:0;} #woocommerce .woocommerce-message{padding:25px;text-align:center;font-size:13px;line-height:1.2em;} #woocommerce .woocommerce-message::before{display:none;} #woocommerce .woocommerce-message .button{float:none;width:100%;box-sizing:border-box;text-align:center;margin-bottom:1.3em;font-size:15px;} #root #customer_details, #root #order_review{width:100%;float:none;} #root #order_review{margin-top:2em;} } @media (max-width:768px){ #root .woocommerce ul.products li.product img.hover{display:none;} #woocommerce > ul.products > li, #root .productgrid .woocommerce ul.products > li.product{width:50%;} #root .woocommerce table.shop_table_responsive tr td::before{display:none;} #root .woocommerce table.shop_table_responsive tr td.product-remove{padding:8px;} #root .woocommerce table.shop_table_responsive tr td.product-name{padding-right:40px;} #root .woocommerce table.shop_table_responsive tr td.product-name, #root .woocommerce table.shop_table_responsive tr td.product-quantity{text-align:left !important;} #root .woocommerce table.shop_table_responsive tr td.product-quantity .quantity{float:right;width:calc(100% - 68px);} #root .woocommerce table.shop_table_responsive tr:nth-child(2n) td{background:none;} #root .woocommerce table.cart td.actions input[name=coupon_code]{width:140px;} #root .woocommerce table.shop_table.cart td{text-align:center !important;} #root .woocommerce table.cart td.actions .coupon .input-text+.button{float:none;display:inline-block;} } @media (max-width:600px){ #root .woocommerce table.cart td.actions .coupon .input-text+.button, #root .woocommerce table.cart td.actions input[name=coupon_code]{width:100%;text-align:center;} #root .woocommerce table.cart td.actions input[name=coupon_code]{margin-bottom:15px;} } #header.news{padding-top:210px;} #header.news .meta{margin:0 auto 35px;} #header.news .meta .date{display:inline-block;margin-right:15px;text-transform:uppercase;position:relative;} #header.news .meta .date:after{content:'';display:block;position:absolute;right:-11px;width:1px;background:#bbb;top:1px;bottom:1px;} #header.news .meta .by{font-size:14px;} #header.news h1{margin:0 auto 35px;} #header.news .intro{margin:35px auto 0;font-size:20px;line-height:1.6em;margin-bottom:2em;} #header.news img{display:block;margin:70px auto 0;position:relative;z-index:4;height:auto;} #mainnav .blognav{background:#f3f3f3;min-height:55px;position:absolute;top:100%;left:0;right:0;} #mainnav .blognav ul li a{display:block;line-height:30px;;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:#777;} #mainnav .blognav ul li a:hover{text-decoration:none;color:#ddbd8a;} #mainnav .blognav ul li.current_page_parent a {color:#ddbd8a;} #mainnav .blognav ul li ul{display:none;} #content.news img{display:block;} .news-image{display:block;height:auto;} .news-quote{border-left:3px solid #f55;padding:0 0 0 35px;font-size:30px;line-height:1.6em;} .news-quote figcaption{margin-top:20px;} .news-video .inner{position:relative;width:100%;height:0;padding-bottom:56.25%;} .news-video .inner iframe{position:absolute;top:0;left:0;width:100%;height:100%;} .newswrapper1{box-sizing:border-box;margin:70px auto;width:90%;max-width:750px;} .newswrapper2{box-sizing:border-box;margin:70px auto;width:90%;max-width:1100px;} .newsteaser{display:flex;flex-wrap:wrap;justify-content:space-between;} .newsteaser:after{content:'';flex:auto;} .newsteaser article{text-align:left;width:30%;position:relative;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;margin-bottom:5%;} .newsteaser article:hover{opacity:0.7;} .newsteaser article:not(:nth-of-type(3n+3)){margin-right:5%;} .newsteaser article .image{position:relative;} .newsteaser article img{display:block;width:100%;height:auto;margin:0 0 15px 0;} .newsteaser article .image:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#091b31;mix-blend-mode:color;z-index:2;} .newsteaser article .date{margin:0 0 10px 0;font-size:13px;} .newsteaser article h1{font-size:24px;margin:20px 0 15px;} .newsteaser article h3{font-size:24px;margin:20px 0 15px;} .newsteaser article p{margin:0;} .newsteaser article .meta{font-size:13px;} .newsteaser article a{display:block;font-size:0;text-indent:-9999px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;} .moreposts{border-top:1px solid #ddd;} .news-pagination{width:100%;margin-top:20px;padding-top:40px;border-top:1px solid #ddd;} .news-pagination a{display:block;padding:8px 12px;background:#f55;color:#fff;} .news-pagination a.older{float:left;} .news-pagination a.newer{float:right;} #content.news.category .category-header {padding-bottom:50px;padding-top:350px;} #content.news.category .pagination a:first-child{float:left;} #content.news.category .pagination a:last-child{float:right;} @media (min-width:1001px){ #mainnav .blognav #open {display:none;} #mainnav .blognav ul{margin:auto;text-align:center;} #mainnav .blognav ul li{display:inline-block;} #mainnav .blognav ul li a{padding:12px 8px;font-size:16px;} } @media (max-width:1100px){ #header.news{padding-top:110px;} .newswrapper1{max-width:680px;} #content.news{padding-top:350px;margin-top:-580px;} .news-quote{font-size:25px;} .newswrapper1, .newswrapper2{margin:50px auto;} } @media (max-width:1000px){ #mainnav .blognav #open {display: flex;align-items:center;padding:12px 0;font-size:16px;line-height:30px;} #mainnav .blognav #open .txt {margin-right:8px;} #mainnav .blognav #open.show span.txt.showcat {display:none;} #mainnav .blognav #open:not(.show) span.txt.hidecat {display:none;} #mainnav .blognav #open .icon {display:inline-block;width:25px;height:25px;background:#ddbd8a;border-radius:5px;padding:5px;box-sizing:border-box;transition:200ms;} #mainnav .blognav #open.show .icon {transform:rotateX(180deg);} #mainnav .blognav #open .icon svg {fill:#ffffff;display:block;width:100%;margin-top:4px;} #mainnav .blognav ul:not(.show) {visibility: hidden; opacity: 0; height:0;} #mainnav .blognav ul {width:100%; transition: visibility 0s, opacity 0.5s;display:flex;flex-wrap:wrap;justify-content:flex-start;} #mainnav .blognav ul li {display:block;padding-bottom:5px;margin-bottom:8px;border-bottom:1px solid #c7c7c7;width:100%;} #mainnav .blognav ul li a {font-size:14px;} #mainnav .blognav ul li:last-child {border-bottom:0;} } @media (max-width:950px){ #header.news{padding-top:80px;} #header.news img{margin-top:50px;} .newswrapper1{max-width:90%;} .newsteaser article{width:47.5%;} .newsteaser article:not(:nth-of-type(3n+3)){margin-right:0;} .newsteaser article:not(:nth-of-type(2n+2)){margin-right:5%;} #content.news{padding-top:320px;margin-top:-530px;} .news-quote{font-size:20px;padding-left:20px;} } @media (max-width:800px){ #content.news{padding-top:240px;margin-top:-450px;} .newswrapper1, .newswrapper2{margin:6% auto;} #header.news h1{margin-bottom:20px;} #header.news .intro{margin:20px auto;} #header.news .meta{margin-bottom:20px;} } @media (max-width:550px){ #content.news{padding-top:150px;margin-top:-370px;} .newsteaser article{width:100%;margin-right:0 !important;} .newswrapper1, .newswrapper2{margin:8% auto;} } @media (max-width:470px){ #content.news{padding-top:130px;margin-top:-350px;} .news-quote{font-size:18px;padding-left:15px;} }/* Slider */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;} .slick-track:before,.slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:100%;min-height:1px;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} .slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;z-index:3;top:50%;display:block;width:40px;height:40px;padding:0;cursor:pointer;color:transparent;border:none;outline:none;background:transparent;background:#eee;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled,.slick-next.slick-disabled{opacity:.3;} .slick-prev:before,.slick-next:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#444;font-size:18px;display:block;} .slick-prev{right:100%;} .slick-prev:before{content:'←';} .slick-next{left:100%;} .slick-next:before{content:'→';} .slick-dotted.slick-slider{margin-bottom:50px;} .slick-dots{position:absolute;bottom:-43px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align: center;} .slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;} .slick-dots li button{font-size:0;line-height:0;display:block;width:50px;height:7px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:#ddd;-webkit-appearance:none;} .slick-dots li.slick-active button{background:#fab813;} .slick-dots li button:hover,.slick-dots li button:focus{outline:none;} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;} @media (max-width:1500px){ .slick-prev{right:auto;left:0;} .slick-next{left:auto;right:0;} }.video .inner{position:relative;width:100%;height:0;padding-bottom:56.25%;} .video .inner iframe{position:absolute;top:0;left:0;width:100%;height:100%;}.texttexttext .left, .texttexttext .center, .texttexttext .right{width:30%;} .texttexttext .left, .texttexttext .center{float:left;margin-right:5%;} .texttexttext .right{float:right;} @media (max-width:800px){ .texttexttext .left, .texttexttext .center, .texttexttext .right{float:none;width:100%;} .texttexttext .left, .texttexttext .center{padding-bottom:5%;} } @media (max-width:600px){ .texttexttext .left, .texttexttext .center{padding-bottom:7%;} }.texttext .left, .texttext .right{width:47.5%;} .texttext .left{float:left;} .texttext .right{float:right;} @media (max-width:800px){ .texttext .left, .texttext .right{float:none;width:100%;} .texttext .left{padding-bottom:5%;} } @media (max-width:600px){ .texttext .left{padding-bottom:7%;} }.text.alignd-center .inner{margin:auto;} .text.w1000 .inner{max-width:1000px;} .text.w800 .inner{max-width:800px;} .text.w600 .inner{max-width:600px;} .text.w50 .inner{max-width:50%;}/*.teaser{text-align:center;}*/ .teaser ul{display:flex;flex-wrap:wrap;justify-content:center;} .teaser ul li{box-sizing:border-box;} .teaser ul li.haslink{position:relative;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;} .teaser ul li.haslink:hover{opacity:0.7;} .teaser ul li h3 {margin-top:0 !important;} .teaser ul li img{display:block;width:100%;height:auto;} .teaser ul li a{display:block;font-size:0;text-indent:-9999px;position:absolute;top:0;right:0;bottom:0;left:0;} .teaser ul li p{margin:0;} .teaser.icon .icon {margin-bottom:2em;display:block;} .teaser.icon .icon svg{fill:#fab813 !important;display:block;margin:0 auto;width:100%;} .teaser.icon .icon svg *{fill:#fab813 !important;} .teaser.bg1 ul li {background:#f4f9ff;} .teaser.bg2 ul li {background:#ffffff;} .teaser.bg3 ul li {background:#f4f9ff;} .teaser.bg4 ul li {background:rgba(255,255,255,0.25);} .teaser.frontpage-teaser ul li {position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;transition:background .2s ease-in-out;margin-bottom:0 !important;} .teaser.frontpage-teaser ul li h3 {color:#fab813; font-size: 20px; text-align: left;} .teaser.frontpage-teaser ul li p {font-size: 16px;text-align: left; line-height: 1.2em;} .teaser.frontpage-teaser ul li:first-child {background:#135ea8;} .teaser.frontpage-teaser ul li:nth-child(2) {background:#0f2c4e;} .teaser.frontpage-teaser ul li:nth-child(3) {background:#041426;} .teaser.frontpage-teaser ul li a {position:absolute;top:0;right:0;bottom:0;left:0;display:block;text-indent:100%;} .teaser.frontpage-teaser ul li:first-child:hover {background:#2a79c7;} .teaser.frontpage-teaser ul li:nth-child(2):hover {background:#2a4e78;} .teaser.frontpage-teaser ul li:nth-child(3):hover {background:#133052;} @media (min-width:1201px){ .teaser.frontpage-teaser ul {justify-content:space-between;} .teaser.frontpage-teaser .wrapper {max-width:1450px;} /*.teaser.frontpage-teaser .lines {display:flex;height:80px;position:relative;} .teaser.frontpage-teaser .lines::before {position:absolute;top:0;display:block;content:'';height: 1px;width:66.75%;background:#333333;left: 50%; transform: translate(-50%, 0);} .teaser.frontpage-teaser .lines .line {position:relative;flex:1;} .teaser.frontpage-teaser .lines .line::before {position:absolute;display:block;content:'';width: 1px;height:100px;background:#333333;left: 50%; transform: translate(-50%, 0);} .teaser.frontpage-teaser .lines .line:nth-child(2)::before {height:120px;bottom:0;}*/ .teaser.frontpage-teaser ul li {width:32.5% !important;aspect-ratio:1;clip-path:polygon(10% 0%, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%); display: inline-block; vertical-align: top;} } @media (min-width:1001px){ .teaser:not(.frontpage-teaser) ul.cols-3 {gap:1.5em 2%;} .teaser ul.cols-3 li{width:32%;padding:4%;box-sizing:border-box;} .teaser.icon ul.cols-3 h3 {font-size:21px;} } @media (min-width:801px){ .teaser ul.cols-2 {gap:3em 4%;} .teaser ul.cols-2 li{width:48%;padding:5%;} .teaser.icon ul.cols-2 .icon svg{max-height:100px;} .teaser.icon ul.cols-3 .icon svg{max-height:80px;} } @media (max-width:1000px) and (min-width:801px){ .teaser ul.cols-3 li{width:100%;padding:5%;} .teaser ul.cols-3 li:not(:last-child) {margin-bottom:2em;} } @media (max-width:1200px){ .teaser.frontpage-teaser ul {flex-wrap:wrap;gap:1.5em;} .teaser.frontpage-teaser ul li {width:100% !important;clip-path:polygon(5% 0%, 95% 0%, 100% 10%, 100% 90%, 95% 100%, 5% 100%, 0% 90%, 0% 10%);aspect-ratio:2/1;padding:60px;} .teaser.frontpage-teaser ul li h3 {font-size:clamp(24px,6vw,34px);} .teaser.frontpage-teaser ul li p {font-size:clamp(16px,3.5vw,24px);line-height:clamp(22px,4vw,34px);} } @media (max-width:800px){ .teaser ul li{width:100% !important;padding:5%;} .teaser ul li:not(:last-child) {margin-bottom:2em;} .teaser.icon ul .icon svg{max-height:80px;} } @media (max-width:600px){ .teaser.frontpage-teaser ul li {aspect-ratio:1;clip-path:none;padding:35px;} }.sidebarheadlines .sidebar h3{-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out;margin:0;} .sidebarheadlines.changeheadlines .sidebar h3:not(:first-child):not(.active), .sidebarheadlines.changeheadlines .sidebar h3:not(.active){display:none;} .sidebarheadlines.changeheadlines .sidebar h3:first-child{display:block;} .sidebarheadlines.changeheadlines .sidebar h3:first-child.hidden{display:none;} .sidebarheadlines.fixedsidebar.bg1 .sidebar h3:not(.active), .sidebarheadlines.changeheadlines.bg1 .sidebar h3:not(.active){color:#eee;} .sidebarheadlines.fixedsidebar.bg2 .sidebar h3:not(.active), .sidebarheadlines.changeheadlines.bg2 .sidebar h3:not(.active){color:#ddd;} .sidebarheadlines.fixedsidebar.bg3 .sidebar h3:not(.active), .sidebarheadlines.changeheadlines.bg3 .sidebar h3:not(.active), .sidebarheadlines.fixedsidebar.bg-invert .sidebar h3:not(.active), .sidebarheadlines.changeheadlines.bg-invert .sidebar h3:not(.active){color:rgba(255,255,255,0.2);} .sidebarheadlines .content .item{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;} .sidebarheadlines .item:not(:last-child){padding-bottom:0px;} .sidebarheadlines.fixedsidebar .content .item:not(.active), .sidebarheadlines.changeheadlines .content .item:not(.active){opacity:0.2;} @media (min-width:801px){ .sidebarheadlines.w-2570 .content{width:70%;} .sidebarheadlines.w-2570 .sidebar{width:25%;} .sidebarheadlines.w-3560 .content{width:60%;} .sidebarheadlines.w-3560 .sidebar{width:35%;} .sidebarheadlines.w-4550 .content{width:50%;} .sidebarheadlines.w-4550 .sidebar{width:45%;} .sidebarheadlines .sidebar{float:left;} .sidebarheadlines .content{float:right;} .sidebarheadlines .sidebar h3:not(:last-child){padding:0 0 30px;} } @media (max-width:800px){ .sidebarheadlines .sidebar, .sidebarheadlines .content{float:none;} .sidebarheadlines .sidebar{padding:20px 0 35px;position:relative;z-index:2;} .sidebarheadlines.fixedsidebar.bg1 .sidebar, .sidebarheadlines.changeheadlines.bg1 .sidebar, .sidebarheadlines.fixedheadlines.bg1 .sidebar{background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0);} .sidebarheadlines.fixedsidebar.bg2 .sidebar, .sidebarheadlines.changeheadlines.bg2 .sidebar, .sidebarheadlines.fixedheadlines.bg2 .sidebar{background:-moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 70%, rgba(238,238,238,0) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 70%,rgba(238,238,238,0) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 70%,rgba(238,238,238,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 );} .sidebarheadlines.fixedsidebar.bg3 .sidebar, .sidebarheadlines.changeheadlines.bg3 .sidebar, .sidebarheadlines.fixedheadlines.bg3 .sidebar{background:-moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(17,17,17,1) 70%, rgba(17,17,17,0) 100%); background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%,rgba(17,17,17,1) 70%,rgba(17,17,17,0) 100%); background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(17,17,17,1) 70%,rgba(17,17,17,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#00111111',GradientType=0 );} .sidebarheadlines.fixedsidebar .sidebar h3:not(:first-child):not(.active), .sidebarheadlines.changeheadlines .sidebar h3:not(.active){display:none;} .sidebarheadlines.fixedsidebar .sidebar h3:first-child{display:block;} .sidebarheadlines.fixedsidebar .sidebar h3:first-child.hidden{display:none;} .sidebarheadlines .item:not(:last-child){padding-bottom:50px;} }.profilequote .wrapper > .inner {position:relative;display:flex;flex-wrap:wrap;} .profilequote .contents {overflow:hidden;flex:1;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;} .profilequote .contents .quote {position:relative;width:100%;font-style:italic;font-size:clamp(16px,1.5vw,21px);line-height:clamp(24px,2.5vw,31px);font-weight:300;transition:opacity .1s ease-in-out;display:flex;align-items:center;justify-content:center;} .profilequote .contents .quote svg {fill:#444;display:block;width:auto;height:200px;position:absolute;opacity:0.05;} .profilequote .contents .about {display:none;width:100%;font-size:clamp(16px,1.5vw,21px);line-height:clamp(24px,2.5vw,31px);font-weight:300;transition:opacity .1s ease-in-out;pointer-events:none;opacity:0;text-align:left;} .profilequote .contents .about h3 {display:block;width:100%;} .profilequote .contents.show .about {display:block;opacity:1;pointer-events:all;} .profilequote .contents.show .quote {display:none;opacity:0;pointer-events:none;} .profilequote .image img {width:100%;height:100%;object-fit:cover;display:block;} .profilequote .bot {position:relative;width:100%;box-sizing:border-box;background:#0F2C4E;} .profilequote .bot .credentials {display:inline-block;} .profilequote .bot h3 {color:#fab813;} .profilequote .bot .pos {color:#fff;} .profilequote .bot .togglebio {cursor: pointer; display: inline-block; padding: 10px 16px; text-transform: uppercase; font-weight: bold; background: #fab813; color: #fff; -webkit-transition: background .2s ease-in-out, color .2s ease-in-out; transition: background .2s ease-in-out, color .2s ease-in-out;min-width:200px;text-align:center;} .profilequote .bot .togglebio:hover {background:#ffd56b;} .profilequote .bot .togglebio:not(.show) .less {display:none;} .profilequote .bot .togglebio.show .more {display:none;} .profilequote.bg1 .contents {background:#f4f9ff;} .profilequote.bg2 .contents {background:#e2f0ff;} .profilequote.bg3 .contents {background:#f4f9ff;} .profilequote.bg4 .contents {background:#f4f9ff;} .profilequote.bg4 .contents .quote {color:#777;} .profilequote.bg4 .contents .about {color:#777;} .profilequote.bg4 .contents .about h3{color:#135ea8;} @media (min-width:801px) { .profilequote .image {width:min(40%,420px);} } @media (min-width:768px) { .profilequote.noimg .contents {padding:150px 60px;} .profilequote .contents, .profilequote .bot {padding:50px 60px;} .profilequote .bot .togglebio {position:absolute;right:60px;top:65px;} } @media (max-width:800px) { .profilequote .image {width:100%;aspect-ratio:1;overflow:hidden;} .profilequote .contents .quote svg {height:150px;} } @media (max-width:767px) { .profilequote.noimg .contents {padding:150px 60px;} .profilequote .contents {min-height:300px;} .profilequote .contents, .profilequote .bot {padding:50px 40px;} .profilequote .bot .togglebio {display:block;margin-top:2rem;} }#root .productcarousel .woocommerce ul.products[class*=columns-] li.product:nth-child(2n){float:left !important;}.pinnedbackgroundimage{height:110vh;padding:0;} .pinnedbackgroundimage img{display:block;width:100%;height:100%;object-fit:cover;} .pinnedbackgroundimage .overlay{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(17,17,17,0.85);}.parallaximage, .parallaximage .wrapper{overflow:hidden;position:relative;} .parallaximage:not(.has-wrapper){height:80vh;max-height:1200px;} .parallaximage .wrapper{height:70vh;max-height:1000px;} .parallaximage img{display:block;width:auto;min-width:100%;min-height:150%;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);} @media (max-width: 800px){ .parallaximage, .parallaximage:not(.has-wrapper){max-height:none;height:auto;} .parallaximage img{min-height:0;position:relative;bottom:0 !important;left:0;-webkit-transform:none;transform:none;width:100%;height:auto;} .parallaximage .wrapper{height:auto;} }@media (min-width:801px){ .offsetcontent .row{display:block;} .offsetcontent .o-5{margin-left:5%;} .offsetcontent .o-10{margin-left:10%;} .offsetcontent .o-15{margin-left:15%;} .offsetcontent .o-20{margin-left:20%;} .offsetcontent .o-25{margin-left:25%;} .offsetcontent .o-30{margin-left:30%;} .offsetcontent .w-40{width:40%;} .offsetcontent .w-50{width:50%;} .offsetcontent .w-60{width:60%;} } @media (min-width:801px) and (max-width:1000px){ .offsetcontent .w-40{width:55%;} .offsetcontent .w-50{width:65%;} .offsetcontent .w-60{width:75%;} }.imagetextheight .wrapper{position:relative;} .imagetextheight .img{position:absolute;top:0;bottom:0;overflow:hidden;} .imagetextheight.order-it .img{left:0;right:50%;} .imagetextheight.order-ti .img{left:50%;right:0;} .imagetextheight .img img{display:block;width:100%;height:100%;object-fit:cover;} .imagetextheight.order-it .txt{margin-left:55%;width:45%;} .imagetextheight.order-ti .txt{width:45%;} @media (max-width:800px){ #root .imagetextheight .img{width:100%;height:auto;object-fit:none;position:relative;left:0;right:0;margin-bottom:20px;} #root .imagetextheight .wrapper.widthm-full .img.heightm-11{height:100vw;} #root .imagetextheight .wrapper:not(.widthm-full) .img.heightm-11{height:90vw;} #root .imagetextheight .wrapper.widthm-full .img.heightm-43{height:75vw;} #root .imagetextheight .wrapper:not(.widthm-full) .img.heightm-43{height:67.5vw;} #root .imagetextheight .txt{width:100%;margin:0;padding-top:0;} #root .imagetextheight .wrapper.widthm-full{width:100%;} #root .imagetextheight .wrapper.widthm-full .txt{width:90%;margin:auto;} }.imageslider img{display:block;width:100%;height:auto;} @media (min-width:801px){ .imageslider .desktop-full .slick-prev, .imageslider > .slides > .slick-prev{left:5%;right:auto;} .imageslider .desktop-full .slick-next, .imageslider > .slides > .slick-next{right:5%;left:auto;} }.imageimage img{display:block;width:50%;height:auto;} .imageimage .left{float:left;} .imageimage .right{float:right;}.imagegrid, .imagegrid .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;} .imagegrid .wrapper{max-width:calc(1300px + 20px);width:calc(90% + 20px);} .imagegrid .col{width:25%;min-height:1px;position:relative;} .imagegrid .col.empty:before, .imagegrid .col.empty:after{content:'';position:absolute;left:10px;right:10px;background:#ddd;height:calc(50% - 20px);} .imagegrid .col.empty:before{top:10px;} .imagegrid .col.empty:after{bottom:10px;} .imagegrid .col.merge{width:50%;} .imagegrid .col img{display:block;width:100%;height:auto;box-sizing:border-box;} .imagegrid .col .placeholder{display:block;background:#ddd;width:100%;} .imagegrid .col .placeholder img{visibility:hidden;} .imagegrid .col.imagebottom{display:flex;flex-wrap:wrap;} .imagegrid .col.imagebottom img{align-self:flex-end;} .imagegrid .col.imagebottom img:not(.placeholder){order:2;} .imagegrid .col.imagebottom .placeholder{order:1;} .imagegrid .col:not(.empty):after{content:'';position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border:10px solid #fff;} .imagegrid .col.imageboth:before, .imagegrid .col.imagetop:before, .imagegrid .col.imagebottom:before{content:'';position:absolute;z-index:2;top:50%;margin-top:-10px;height:20px;left:0;right:0;background:#fff;} @media (max-width: 800px){ .imagegrid .col{width:50%;} .imagegrid .col.merge{width:100%;} } .image img{display:block;width:100%;height:auto;}.cta .wrapper {position:relative;z-index:2;} .cta .inner {position:relative;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;overflow:hidden;} .cta .inner:hover img {transform:scale(1.075);opacity:0.15;} .cta .inner h3 {z-index:2;margin-bottom:0;font-size:clamp(18px,3vw,40px);color:inherit;} .cta .inner img {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover;opacity:0.35;transition:transform .2s ease-in-out, opacity .2s ease-in-out;mix-blend-mode:luminosity;} .cta .inner a {display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;} .cta .inner svg {display:inline-block;position:absolute;height:auto;z-index:3;transition:right .2s ease-in-out;} .cta.bg1 .inner, .cta.bg2 .inner, .cta.bg3 .inner {background:#0F2C4E;color:#fff !important;} .cta.bg4 .inner, .cta.bg5 .inner {background:#dde4ec;color:#0F2C4E !important;} .cta.bg1 .inner svg, .cta.bg2 .inner svg, .cta.bg3 .inner svg {fill:#ffffff;} .cta.bg4 .inner svg, .cta.bg5 .inner svg {fill:#0F2C4E;} @media(min-width:901px){ .cta .inner {padding:100px 75px;} .cta .inner h3 {margin-right:50px;} .cta .inner svg {right:90px;width:70px;} .cta .inner:hover svg {right:80px;} } @media(min-width:421px) { .cta .inner h3 {max-width:80%;} } @media(max-width:900px) and (min-width:501px){ .cta .inner {padding:50px 40px;} .cta .inner h3 {margin-right:30px;} .cta .inner svg {right:40px;width:40px;} .cta .inner:hover svg {right:30px;} } @media(max-width:500px) and (min-width:421px) { .cta .inner h3 {margin-right:20px;} } @media(max-width:500px) { .cta .inner {padding:40px 30px 60px 30px;width:100%;} .cta .inner svg {right:20px;width:30px;bottom:20px} } @media(max-width:420px) { .cta .inner h3 {font-size:16px;} .cta .inner {position:relative;} }.clipmaskimage {position:relative;overflow:hidden;text-align:center;} .clipmaskimage .clipmask {font-family: ubuntu; font-weight: bold; font-style: normal; line-height: 1em; display:block;text-fill-color: transparent;-webkit-text-fill-color: transparent; background-clip: text;-webkit-background-clip: text;font-size:clamp(50px,21vw,400px); background-size: cover; background-position: center center;} .clipmaskimage .clipmask.fixedbg {background-attachment:fixed;} .clipmaskimage .subhl {font-family: ubuntu; font-weight: normal; font-style: normal; font-size:24px; line-height: 1em; display:block; text-transform:uppercase; color:#135ea8;margin:.5em auto 1em auto;} .clipmaskimage .subtext {display:block;width:100%;margin:0 auto;} .clipmaskimage.w1000 .subhl, .clipmaskimage.w1000 .subtext {max-width:1000px;} .clipmaskimage.w800 .subhl, .clipmaskimage.w800 .subtext {max-width:800px;} .clipmaskimage.w600 .subhl, .clipmaskimage.w600 .subtext {max-width:600px;} .carouselteaser .inner {cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;} .carouselteaser .inner:active {cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing;} .carouselteaser .inner .item {aspect-ratio:1;padding:60px;box-sizing:border-box;background:#0F2C4E;margin:0 10px;clip-path:polygon(10% 0%, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;} .carouselteaser .inner .item h3 {color:#fab813;font-size:clamp(18px,5vw,24px);line-height:clamp(24px,5vw,30px);} .carouselteaser .inner .item p {color:#ffffff;font-size:17px;line-height:1.4em;font-weight:300;margin-top:0;} .carouselteaser .inner .item:not(.slick-active) {opacity:0.25;} .carouselteaser .slick-dots {position:relative;bottom:unset;margin-top:2em;} .carouselteaser .slick-dots li {margin:0 5px;} .carouselteaser .slick-dots li button{height:10px;width:40px;} @media(max-width:1500px) { .carouselteaser .inner .item {padding:40px;} } @media(max-width:800px) { .carouselteaser .inner .item {padding:30px;} }.bigteaser .left, .bigteaser .right{display:block;width:50%;position:relative;overflow:hidden;} .bigteaser .left{float:left;} .bigteaser .right{float:right;} .bigteaser img, .bigteaser video{display:block;float:none;width:100%;height:auto;-webkit-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;} .bigteaser .left:hover img, .bigteaser .right:hover img, .bigteaser .left:hover video, .bigteaser .right:hover video{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} .bigteaser a{display:block;position:absolute;top:0;left:0;bottom:0;right:0;font-size:0;text-indent:-9999px;} .bigteaser h2{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;max-width:400px;margin:0;text-align:center;color:#ffffff;pointer-events:none;} @media (max-width:800px){ .bigteaser h2{font-size:20px;} } .bigsmallimage img{height:auto;} .bigsmallimage.w-5045 img.small{width:calc(650px - 100px);} .bigsmallimage.w-5045 img.big{width:50%;} .bigsmallimage.w-6035 img.small{width:calc(40vw - (50vw - 650px) - 100px);} .bigsmallimage.w-6035 img.big{width:60%;} .bigsmallimage.w-7025 img.small{width:calc(30vw - (50vw - 650px) - 100px);} .bigsmallimage.w-7025 img.big{width:70%;} .bigsmallimage.order-sb img.small, .bigsmallimage.order-bs img.big{float:left;} .bigsmallimage.order-sb img.big, .bigsmallimage.order-bs img.small{float:right;} @media (max-width:1430px){ .bigsmallimage.w-5045 img.small{width:calc(45vw - 100px);} .bigsmallimage.w-6035 img.small{width:calc(35vw - 100px);} .bigsmallimage.w-7025 img.small{width:calc(25vw - 100px);} } @media (max-width:1000px){ .bigsmallimage.w-5045 img.small{width:calc(45vw - 70px);} .bigsmallimage.w-6035 img.small{width:calc(35vw - 70px);} .bigsmallimage.w-7025 img.small{width:calc(25vw - 70px);} } @media (max-width:800px){ .bigsmallimage.w-5045 img.small{width:calc(45vw - 5%);} .bigsmallimage.w-6035 img.small{width:calc(35vw - 5%);} .bigsmallimage.w-7025 img.small{width:calc(25vw - 5%);} .bigsmallimage.order-bs img.small{position:absolute;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);right:5%;} .bigsmallimage.order-sb img.small{position:absolute;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);left:5%;} } @media (max-width:600px){ .bigsmallimage.w-5045 img.small{width:calc(45vw - 7%);} .bigsmallimage.w-6035 img.small{width:calc(35vw - 7%);} .bigsmallimage.w-7025 img.small{width:calc(25vw - 7%);} }.bannertext img{display:block;width:100%;height:auto;position:relative;} .bannertext.textbox .inner{box-sizing:border-box;padding:50px 70px;position:relative;} .bannertext.o100 .inner{margin:-100px auto 0;} .bannertext.o200 .inner{margin:-200px auto 0;} .bannertext.o300 .inner{margin:-300px auto 0;} .bannertext.o400 .inner{margin:-400px auto 0;} .bannertext.imagefade .inner{position:relative;z-index:2;} .bannertext.imagefade .img{position:relative;} .bannertext.imagefade .img:after{content:'';display:block;position:absolute;bottom:0;width:100%;left:0;z-index:2;} .bannertext.imagefade.o100 .img:after{height:300px;} .bannertext.imagefade.o200 .img:after{height:400px;} .bannertext.imagefade.o300 .img:after{height:500px;} .bannertext.imagefade.o400 .img:after{height:600px;} /*.bannertext.imagefade.bg1 .img:after{background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );} .bannertext.imagefade.bg2 .img:after{background: -moz-linear-gradient(top, rgba(238,238,238,0) 0%, rgba(238,238,238,0.75) 50%, rgba(238,238,238,1) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,0) 0%,rgba(238,238,238,0.75) 50%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom, rgba(238,238,238,0) 0%,rgba(238,238,238,0.75) 50%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee',GradientType=0 );} .bannertext.imagefade.bg3 .img:after{background: -moz-linear-gradient(top, rgba(17,17,17,0) 0%, rgba(17,17,17,0.75) 50%, rgba(17,17,17,1) 100%); background: -webkit-linear-gradient(top, rgba(17,17,17,0) 0%,rgba(17,17,17,0.75) 50%,rgba(17,17,17,1) 100%); background: linear-gradient(to bottom, rgba(17,17,17,0) 0%,rgba(17,17,17,0.75) 50%,rgba(17,17,17,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=0 );} .bannertext.textbox.bg2 .inner{background:#eee;} .bannertext.textbox.bg3 .inner{background:#111;} */ .bannertext .inner{width:90%;} .bannertext.w1000 .inner{max-width:1000px;} .bannertext.w800 .inner{max-width:800px;} .bannertext.w600 .inner{max-width:600px;} .bannertext.w50 .inner{max-width:50%;} .bannertext.wwrp .inner{width:90%;max-width:1300px;} .bannertext.wwrp .wrapper:not(.mobile-full) .inner{width:100%;} @media (max-width:1200px){ .bannertext.o200 .inner{margin-top:-150px;} #root .bannertext .inner{max-width:80%;} } @media (max-width:1000px){ .bannertext.o200 .inner{margin-top:-100px;} #root .bannertext .inner{max-width:90%;} } @media (max-width:800px){ #root .bannertext.textbox .inner{margin:20px auto 0;padding:0;max-width:100%;} .bannertext.textbox .inner{max-width:90%;} .bannertext.textbox .wrapper .inner{max-width:100%;} .bannertext.o200 .inner{margin-top:-50px;} .bannertext .inner{width:100%;} }.accordion .elem{border-top:1px solid rgba(0,0,0,0.2);} .accordion .elem + .elem{border-top:none;} .accordion .elem h4{padding:30px 80px 30px 30px;cursor:pointer;border:1px solid rgba(0,0,0,0.2);border-top:none;margin:0;color:#777;position:relative;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;} .accordion .elem h4:after{content:'+';position:absolute;right:20px;top:50%;font-size:30px;line-height:30px;margin-top:-15px;color:#999;} .accordion .elem.open h4:after{content:'–';} .accordion .elem h4:hover{background:#f5f5f5;} .accordion .elem .content{display:none;padding:30px 80px 30px 30px;border:1px solid #ddd;border-top:none;} .accordion .elem.open{background:#f5f5f5;} .accordion .elem.open .content{display:block;} .accordion.bg-invert .elem, .accordion.bg-invert .elem h4, .accordion.bg-invert .elem .content{border-color:rgba(255,255,255,0.2);} .accordion.bg-invert .elem h4{color:rgba(255,255,255,0.8);} .accordion.bg-invert .elem h4:after{color:rgba(255,255,255,0.2);} .accordion.bg-invert .elem h4:hover{background:rgba(255,255,255,0.025);} .accordion.bg-invert .elem.open h4:hover{background:none;-webkit-transition:0s;transition:0s;} .accordion.bg-invert .elem.open{background:rgba(255,255,255,0.05);} @media (max-width:600px){ .accordion .elem h4{padding:15px 60px 15px 15px;} .accordion .elem .content{padding:15px;} }/* ########## accteaser ########## */ .accteaser .wrapper ul {display:flex;justify-content:space-between;flex-wrap:wrap;} .accteaser .wrapper ul li {position:relative; display:flex;align-items:center; justify-content:center;overflow: hidden; transition: 200ms;} .accteaser .wrapper ul li img {position: absolute; height:100%;width:100%;object-fit:cover;} .accteaser .wrapper ul li .inner {display:flex;flex-direction:column;justify-content:space-between;padding:70px 30px;box-sizing:border-box;width: 100%; height: 100%; z-index: 2;} .accteaser .wrapper ul li .inner h3 {color:#fab813;font-size:clamp(18px,3vw,24px);max-width:420px;text-wrap:balance;transition:200ms;} .accteaser .wrapper ul li .inner .txt {display:block;color:#fff;text-wrap:balance;font-size:20px;font-weight:300;} .accteaser .wrapper ul li .inner a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;} .accteaser .wrapper ul li::after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(45deg, rgba(4,20,38,1) 0%, rgba(15,44,78,1) 100%);transition: background 0.2s ease, opacity 0.2s ease;opacity:.75;} .accteaser .wrapper ul li:hover::after {opacity:0.3;} .accteaser .wrapper ul li:hover h3 {color:#fff;} .accteaser:not(.bgb-none)::before {content:'';position:absolute;height:50%;bottom:0;left:0;right:0;} .accteaser.bg1b::before {background:#ffffff;} .accteaser.bg2b::before {background:#f4f9ff;} .accteaser.bg3b::before {background:#dfe8f2;} .accteaser.bg4b::before {background:#135ea8;} .accteaser.bg5b::before {background:#f2f2f2;} @media (min-width: 901px){ .accteaser .wrapper ul {flex-wrap:nowrap;aspect-ratio:2/1;overflow:hidden;} .accteaser .wrapper ul li {height:100%;} .accteaser .wrapper ul.cols-4 li {width:25%;} .accteaser .wrapper ul.cols-4 li:hover {width:40%;} .accteaser .wrapper ul.cols-3 li {width:34%;} .accteaser .wrapper ul.cols-3 li:hover {width:50%;} .accteaser .wrapper ul.cols-2 li {width:50%;} .accteaser .wrapper ul.cols-2 li:hover {width:60%;} .accteaser .wrapper ul.cols-4 h3 {font-size:clamp(24px, 2vw, 2rem);} .accteaser .wrapper ul.cols-3 h3, .accteaser .wrapper ul.cols-2 h3 {font-size:clamp(24px, 2vw, 3rem);} } @media (max-width: 900px){ .accteaser .wrapper ul li {min-height:400px;} .accteaser .wrapper ul li .inner{padding:30px 30px 60px 30px;position:absolute;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;} .accteaser .wrapper ul.cols-4 li {width:50%;} .accteaser .wrapper ul.cols-3 li{width:100%;} .accteaser .wrapper ul.cols-2 li {width:50%;} } @media (max-width: 550px){ .accteaser .wrapper ul li {min-height:300px;} .accteaser .wrapper ul.cols-4 li, .accteaser .wrapper ul.cols-2 li{width:100%;} .accteaser .wrapper ul li img {height:125%;} .accteaser .wrapper ul li .inner {padding:20px;} }