header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} .download-element{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-eml{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie{background-image:url(../../assets/contao/images/iconMOVIE.svg)} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%} .timeline{box-sizing:border-box;position:relative}.timeline *,.timeline ::after,.timeline ::before{box-sizing:inherit}.timeline:not(.timeline--horizontal)::before{background-color:#ddd;bottom:0;content:"";left:50%;margin-left:-2px;position:absolute;top:0;width:4px;z-index:1}.timeline__wrap{overflow:hidden;position:relative;z-index:2}.timeline__item{font-size:1rem;padding:10px 32px 10px 0;position:relative;width:50%;z-index:2}.timeline__item.block{overflow:visible}.timeline__item::after{background-color:#009dc5;border-radius:50%;content:"";height:30px;position:absolute;right:-15px;transform:translateY(-50%);top:50%;width:30px;z-index:1}.timeline__item.animated{animation-duration:1s;animation-fill-mode:both;opacity:0}.timeline__item.fadeIn{animation-name:fadeIn}.timeline__item--left{left:0}.timeline__item--right{left:50%;padding:10px 0 10px 32px}.timeline__item--right::after{left:-15px}.timeline__item--right .timeline__content::before{border-bottom:10px solid transparent;border-right:12px solid #ccc;border-left:none;border-top:10px solid transparent;left:-12px}.timeline__item--right .timeline__content::after{border-bottom:9px solid transparent;border-right:11px solid #fff;border-left:none;border-top:9px solid transparent;left:-15px}.timeline__content{background-color:#fff;display:block;padding:20px;position:relative}.timeline__content::after,.timeline__content::before{content:"";height:0;position:absolute;transform:translateY(-50%);top:50%;width:0}.timeline__content::before{border-bottom:10px solid transparent;border-left:12px solid #ccc;border-top:10px solid transparent;right:-12px;z-index:1}.timeline__content::after{border-bottom:9px solid transparent;border-left:11px solid #fff;border-top:9px solid transparent;right:-15px;z-index:2}.timeline__content>div,.timeline__content>div.desc,.timeline__content>div.desc p{line-height:1.25}.timeline__content>div.desc p+p{margin-top:12px}.timeline__content .desc strong.marker{display:inline-block;padding-bottom:15px}.timeline--horizontal{font-size:0;padding:0 50px;overflow:hidden;white-space:nowrap}.timeline--horizontal .timeline-divider{background-color:#626262;display:block;height:4px;left:50px;right:50px;position:absolute;transform:translateY(-50%);z-index:1}.timeline--horizontal .timeline__items{transition:.8s;will-change:transform}.timeline--horizontal .timeline__item{display:inline-block;left:0;padding:0 0 32px;position:relative;transition:none;vertical-align:top;white-space:normal}.timeline--horizontal .timeline__item::after{left:50%;right:auto;transform:translate(-50%,-50%);top:100%}.timeline--horizontal .timeline__item .timeline__item__inner{display:table;height:100%;width:100%}.timeline--horizontal .timeline__item .timeline__content__wrap{display:table-cell;margin:0;padding:0;vertical-align:bottom}.timeline--horizontal .timeline__item .timeline__content::before{border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #fff;left:50%;right:auto;transform:translateX(-50%);top:100%}.timeline--horizontal .timeline__item .timeline__content::after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;left:50%;right:auto;transform:translateX(-50%);top:100%}.timeline--horizontal .timeline__item--bottom{padding:32px 0 0}.timeline--horizontal .timeline__item--bottom::after{top:0}.timeline--horizontal .timeline__item--bottom .timeline__content__wrap{vertical-align:top}.timeline--horizontal .timeline__item--bottom .timeline__content::before{border-bottom:12px solid #fff;border-left:12px solid transparent;border-right:12px solid transparent;border-top:none;bottom:100%;top:auto}.timeline--horizontal .timeline__item--bottom .timeline__content::after{border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;border-top:none;bottom:100%;top:auto}.timeline-nav-button{background-color:#009dc5;border:0;border-radius:50px;box-sizing:border-box;box-shadow:none;cursor:pointer;display:block;height:50px;outline:0;position:absolute;text-indent:-9999px;transform:translateY(-50%);top:50%;width:50px;z-index:10}.timeline-nav-button:disabled{opacity:.5;pointer-events:none}.timeline-nav-button::before{background-position:center center;background-repeat:no-repeat;content:"";display:block;height:24px;left:50%;position:absolute;transform:translateX(-50%) translateY(-50%);top:50%;width:13px}.timeline-nav-button--prev{left:0}.timeline-nav-button--prev::before{background-image:url("../../bundles/revoltecategory/timeline/images/arrow-left.svg");background-size:cover}.timeline-nav-button--next{right:0}.timeline-nav-button--next::before{background-image:url("../../bundles/revoltecategory/timeline/images/arrow-right.svg");background-size:cover}.timeline--mobile{padding:0}.timeline--mobile::before{left:10px!important;margin:0!important}.timeline--mobile .timeline__item{left:0;padding-left:32px;padding-right:0;width:100%}.timeline--mobile .timeline__item::after{left:2px;margin:0}.timeline--mobile .timeline__item .timeline__content::before{left:-12px;border-bottom:12px solid transparent;border-right:12px solid #ccc;border-left:none;border-top:12px solid transparent}.timeline--mobile .timeline__item .timeline__content::after{left:-10px;border-bottom:10px solid transparent;border-right:10px solid #fff;border-left:none;border-top:10px solid transparent}@keyframes fadeIn{0%{opacity:0;top:70px}100%{opacity:1;top:0}}@keyframes liftUp{0%{top:0}100%{top:-15px}} .tns-outer { padding: 0 !important; } .tns-outer [hidden] { display: none !important; } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; } .tns-slider { -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; } .tns-slider > .tns-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tns-horizontal.tns-subpixel { white-space: nowrap; } .tns-horizontal.tns-subpixel > .tns-item { display: inline-block; vertical-align: top; white-space: normal; } .tns-horizontal.tns-no-subpixel:after { content: ""; display: table; clear: both; } .tns-horizontal.tns-no-subpixel > .tns-item { float: left; } .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item { margin-right: -100%; } .tns-no-calc { position: relative; left: 0; } .tns-gallery { position: relative; left: 0; min-height: 1px; } .tns-gallery > .tns-item { position: absolute; left: -100%; -webkit-transition: transform 0s, opacity 0s; -moz-transition: transform 0s, opacity 0s; transition: transform 0s, opacity 0s; } .tns-gallery > .tns-slide-active { position: relative; left: auto !important; } .tns-gallery > .tns-moving { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .tns-autowidth { display: inline-block; } .tns-lazy-img { -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; transition: opacity 0.6s; opacity: 0.6; } .tns-lazy-img.tns-complete { opacity: 1; } .tns-ah { -webkit-transition: height 0s; -moz-transition: height 0s; transition: height 0s; } .tns-ovh { overflow: hidden; } .tns-visually-hidden { position: absolute; left: -10000em; } .tns-transparent { opacity: 0; visibility: hidden; } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; } .tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; } .tns-vpfix { white-space: nowrap; } .tns-vpfix > div, .tns-vpfix > li { display: inline-block; } .tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden; } .tns-t-ct { width: 2333.3333333%; width: -webkit-calc(100% * 70 / 3); width: -moz-calc(100% * 70 / 3); width: calc(100% * 70 / 3); position: absolute; right: 0; } .tns-t-ct:after { content: ""; display: table; clear: both; } .tns-t-ct > div { width: 1.4285714%; width: -webkit-calc(100% / 70); width: -moz-calc(100% / 70); width: calc(100% / 70); height: 10px; float: left; } .tns-slider img { max-width: 100%; width: 100%;} img:not(.tns-lazy-img), .lazyload img { height: auto; } .autoWidth img { max-width: none; } .autoHeight img { width: 100%; } .img { font-size: 100px; font-weight: 100; color: #fff; text-align: center; } .img a { display: block; padding: 22% 0; color: inherit; text-decoration: none; } .visually-hidden { position: fixed; left: -10000px; opacity: 0; } .tns-ovh + .tns-controls { margin-top: 60px; } .tns-controls + .tns-ovh { margin-top: 60px; } .customize-tools { position: relative; } .thumbnails { margin: 20px 0; text-align: center; } .thumbnails li { display: inline-block; cursor: pointer; border: 5px solid #fff; } .thumbnails .tns-nav-active { background: none; border-color: #000; } .thumbnails li { width: 50px; } .thumbnails img { vertical-align: bottom; height: auto; max-height: 50px; } .controls { text-align: center; } .controls li { display: block; position: absolute; top: 50%; height: 60px; line-height: 60px; margin-top: -30px; padding: 0 15px; cursor: pointer; transition: background 0.3s; } .controls li img { display: inline-block; vertical-align: middle; } .controls .prev { left: 0; } .controls .next { right: 0; } .controls li:hover { background: #f2f2f2; } .tns-controls { text-align: center; margin-bottom: 10px; } /* .tns-controls [aria-controls] { font-size: 15px; margin: 0 5px; padding: 0 1em; height: 2.5em; color: #000; background: #66CCFF; border-radius: 3px; border: 0; } */ .lt-ie9 .tns-controls > [aria-controls] { line-height: 2.5em; } [data-action] { display: block; margin: 10px auto; font-size: 17px; min-width: 3em; text-align: center; background: transparent; border: 0; } .tns-nav { text-align: center; margin: 10px 0; } .tns-nav > [aria-controls] { width: 9px; height: 9px; padding: 0; margin: 0 5px; border-radius: 50%; background: #ddd; border: 0; } .tns-nav > .tns-nav-active { background: #999; } .playbutton-wrapper { text-align: center; } .playbutton-wrapper button { height: 34px; padding: 0 10px; font-size: 14px; background: #fff; border-radius: 3px; border: 1px solid #ccc; cursor: pointer; } [class*="vertical"] .img { padding: 30px 0; } [class*="vertical"] .img:before { content: ''; display: inline-block; width: 1px; margin-right: -1px; height: 100%; vertical-align: middle; } [class*="vertical"] .img a { display: inline-block; padding: 0; } [class*="vertical"] .img-1 { height: 137px; } [class*="vertical"] .img-2 { height: 122px; } [class*="vertical"] .img-3 { height: 143px; } [class*="vertical"] .img-4 { height: 325px; } [class*="vertical"] .img-5 { height: 140px; } [class*="vertical"] .img-6 { height: 119px; } [class*="vertical"] .img-7 { height: 223px; } [class*="vertical"] .img-8 { height: 164px; } /*[class*="vertical"] p { display: none; }*/ /* .animation .img-1 { height: 137px; } .animation .img-2 { height: 122px; } .animation .img-3 { height: 143px; } .animation .img-4 { height: 325px; } .animation .img-5 { height: 140px; } .animation .img-6 { height: 119px; } .animation .img-7 { height: 223px; } .animation .img-8 { height: 164px; } */ /* go to */ .goto-controls { margin-bottom: 10px; text-align: center; } .goto-controls input, .goto-controls .button { display: inline-block; font-size: 14px; height: 2.6em; line-height: 2.6; padding: 0 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } .goto-controls input { border: 1px solid #ccc; } .goto-controls .button { min-width: 4em; border: none; color: #fff; background-color: #333; cursor: pointer; } .tns-item { width: calc(10%); transition-duration: 1s; animation-duration: 1s; } /* https://daneden.github.io/animate.css/ */ @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rollOut { from { opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0, 0, 1, 0); transform: translate3d(0,0,0) rotate3d(0, 0, 1, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0, 0, 1, 0); transform: translate3d(0,0,0) rotate3d(0, 0, 1, 0); } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: : translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0, 0, 1, 0); transform: translate3d(0,0,0) rotate3d(0, 0, 1, 0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: : translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0, 0, 1, 0); transform: translate3d(0,0,0) rotate3d(0, 0, 1, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); } /* rotate(15deg); } */ 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); } /* rotate(-10deg); } */ 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); } /* rotate(5deg); } */ 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); } /* rotate(-5deg); } */ 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); } /* rotate(0deg); } */ } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-animation-name: swing; animation-name: swing; -webkit-transform-origin:center; transform-origin:center; } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity=90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} :root{ --blue:#009dc5; --gray:#626262; --smoothgray:#999; --lightgray:#efefef; --green:#008632; --white:#fff; --black:#000; --dark:#333; --info:#004286; --magenta: #c4153a; --warning:#fd7e14; --danger:#e74a3b; --success:#008632; --breakpoint-xs:414; --breakpoint-sm:768px; --breakpoint-md:960px; --breakpoint-lg:1280px; --breakpoint-xl:1560px; } loc .linkedin .hide2 { display: none; } .linkedin { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 30px; } .linkedin .logo { max-width: 70%; } .linkedin .logo-linkedin a { width: auto!important; } html { scroll-behavior: smooth; } .mod_navigation span.strigger { display: none; } /*@import url("../../files/heichegroup/theme/css/font.css");*/ #scrollToTopBtn { display: none; background-color: var(--white); border-radius: 1em; color: var(--blue); cursor: pointer; font-size: 1em; width: 3em; position: fixed; right: 50px; bottom: 50px; border: 2px solid var(--blue); line-height: 2.6; z-index: 9; } button, button:active, button:focus { outline: none; box-shadow: none; } #cboxTitle { font-family: 'Roboto'; font-weight: 300; color: #fff; background: var(--blue); padding: 1.33em 1em 1em 1em; line-height: 1.33; width: calc(100% - 2em); top: 0; font-size: 1rem; } #cboxTitle:empty { padding: 1.33em 0 1em 0; width: 0; background: none; } #cboxCurrent { position: absolute; top: -15px; left: 1em; display: inline-block; padding: .5em; font-size: 15px; font-weight: 400; right: inherit; background: var(--dark); line-height: 1; } #cboxClose { height: auto; font-size: 15px; padding: .5em; background: #fff; right: 1em; top: -15px; font-weight: 400; text-indent: 0; line-height: 1; width: 80px; } body, td, input, select, button, textarea { /*font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;*/ font-family: 'Roboto'; font-weight: 300; line-height: 1.25; } body { font: 300 16px/1.25 'Roboto'; color: var(--gray); } pre, code { font-family: "Consolas","Liberation Mono","Courier New", monospace; } a { color: var(--blue); text-decoration: none; } a:hover { color: var(--black); } #header > .mod_article.first.last, #header #head + .mod_article { position: relative; } #header #head + .mod_article:before, #header > .mod_article.first.last:before { content: ''; position: absolute; display: inline-block; height: 350px; width: 100%; background: transparent url(../../files/heichegroup/theme/img/bg-shadow.png) left top repeat-x; z-index: 9; } /* .mod_article { font-family: 'Roboto', sans-serif; } */ /** * HELPER CLASSES */ span.txt-devider { display: inline-block; margin-left: 6px; margin-right: 6px; color: var(--gray); } svg .ico path.ico-bg { display:none; fill:#FFFFFF; } svg .ico path { fill:var(--blue); } svg.ico .fill { fill:var(--blue); transition: fill 200ms; } .flex, nav ul, #foot nav#footernav ul { display: flex; flex-wrap: wrap; } .flex { justify-content: flex-start; } .pv0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } .pt0 { padding-top: 0 !important; } .txt-blue { color: var(--blue) !important; } .valid { color:var(--success) !important; } .invalid { color:var(--danger) !important; } .txt-green { color: var(--green) !important; } .txt-gray { color: var(--smoothgray) !important; } p.txt-gray.note { text-align: right !important; margin-top: 20px; } input.text.invalid, textarea.invalid, select.invalid { border-color:var(--danger) !important; } /** * GRID DEFS */ .mod_service_scout .form p, .mod_article.grid .elements { position: relative; } .mod_article.grid .filters { } .mod_article.grid .elements > .ce_text.first { position: absolute; top: -180px; } .outer.fix-pos { position: relative; background: transparent; padding:0; } .outer.fix-pos > .mod_article { position: absolute; left: 0; right: 0; top: 60px; } .mod_service_scout .form { margin-top: 60px; background: var(--lightgray); } .filter-form { padding: 10px 20px; } .mod_service_scout .form h5 { color: var(--blue); } .mod_service_scout .form p { margin-bottom: 6px; margin-top: 6px; } .mod_service_scout .form .widget + .widget { padding-top: 20px; } .mod_service_scout .form h5 { margin-top: 10px; padding-bottom: 20px; border-bottom: 3px solid var(--gray); margin-bottom: 20px; } .mod_service_scout .form p.btn { padding-top: 20px; border-top: 3px solid var(--gray); margin-top: 20px; } .mod_service_scout .grid { display: grid; grid-template-columns: 1fr 3fr; column-gap:20px; justify-content: space-between; } .mod_service_scout .services { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap:20px; justify-content: space-between; } .services.grid > .service { width: 100% !important; } .mod_article.grid .elements-filter-wrapper, .mod_article.grid > .inner { display: grid; column-gap:2em; justify-content: space-between; } .mod_article.grid .elements-filter-wrapper { justify-content: space-between; } .mod_article.grid.tile > .inner { grid-template-columns: 348px 348px 348px 348px; justify-content: space-around;/* space-between*/ column-gap: 56px; } .mod_article.grid.col--6 > .inner { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; justify-content: space-around; column-gap: 3em; } .mod_article.grid.col--5 > .inner { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; justify-content: space-around; column-gap: 4em; } .mod_article.grid.col--4 > .inner { grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: space-around; column-gap: 5em; } .mod_article.grid.col--3 > .inner { grid-template-columns: 1fr 1fr 1fr; justify-content: space-around; column-gap: 6em; } .mod_article.grid.col--2 > .inner { grid-template-columns: 1fr 1fr; justify-content: space-around; column-gap: 7em; } #icon-list svg path, #icon-list svg g { fill: var(--blue); } #icon-list svg path.fill-stroke { fill:none; stroke: var(--blue); } #icon-list .ce_text p { text-align: center; margin-top: 16px; color: var(--blue); font-weight: 400; } .mod_article.grid.tile .ce_text { position: relative; display: flex; flex-direction: column; overflow: hidden; background: var(--blue); color: var(--white); height: 348px; justify-content: center; transition: all 233ms; } .mod_article.grid.tile .ce_text > h4 { text-align: center; padding-bottom:0; padding-top:0; transition: all 233ms; } .mod_article .ce_text > .hov { position: absolute; text-align: justify; hyphens: auto; line-height: 1.36em; font-size: 15px; font-weight: 300; width: calc(80% - 2em); left: 0; right: 0; margin: 0 auto; bottom: -100%; padding: 1em; color: var(--blue); background: rgba(255, 255, 255, 0.2); transition: all 300ms ease-in; } .mod_article.grid.tile .ce_text:hover { justify-content: flex-start; transition: all 233ms; } .mod_article.grid.tile .ce_text:hover > h4 { padding-top: 1em; padding-bottom: 1em; color: var(--info); transition: all 233ms; } .mod_article.grid.tile .ce_text:hover > .hov { opacity: 1; width: calc(100% - 2em); background: rgba(0,157,197,1); bottom: 20px; color: var(--white); position: relative; transition: all 300ms ease-out; } /*linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.8) 50% ,rgba(255,255,255,0) 100%);*/ /* ========================================================================== GRID 4 Columns with FX on imgages ========================================================================== */ .mod_article.grid.cols--4 > .inner { grid-template-columns: 1fr 1fr 1fr 1fr; } .mod_article.grid.cols--4.col-25-75 > .inner { grid-template-columns: 1fr 3fr; } .mod_article.grid.cols--4.col-75-25 > .inner { grid-template-columns: 3fr 1fr; } .mod_article.grid.cols--4.col-25-75 > .inner, .mod_article.grid.cols--4.col-75-25 > .inner { column-gap: 0; } .mod_article.grid.cols--4.col-25-75 > .inner > .first { padding-right: 50px; } .mod_article.grid.cols--4.col-75-25 > .inner > .last { padding-left: 50px; } .mod_article.grid.cols--4 > .inner div[class*="ce_text"] { padding-bottom: 100px; } .mod_article.grid.cols--4 > .inner div[class*="ce_"] { flex-direction: column; position: relative; } .mod_article.grid.cols--4 > .inner div[class*="ce_text"] p.btn { position: absolute; bottom:0; } main .outer, main article.mod_article, main .fix-pos .mod_article .inner { padding-top:0; padding-bottom: 0; } .index main > .outer.pv0 .mod_article .inner { padding-top:0; } main .mod_article .inner { padding: 4em 0; } .mod_article .bg--container > .inner { padding: inherit; } body.index .ce_text.w50, .mod_service_detail .between > div { max-width: 48%; } body, input, textarea, select, .ce_timelineElement, body.index #main div[class*="ce_"], .timeline__content .desc strong.marker, .mod_article.grid.cols--4 > .inner div[class*="ce_text"] { font-size: 20px; } .timeline__content .desc, .ce_table table.tablesaw, .ce_table .table-responsive table { font-size: 16px; } .mod_article.grid.cols--4 > .inner div[class*="ce_text"] p, .mod_location_detail ul li, .mod_article.grid.cols--4 > .inner div[class*="ce_text"] li { line-height: 1.33; } /* THE IMAGE EFFECTS PART */ .ce_image.rings-fx .image_container { position: relative; z-index: 99; padding-top: 50px; padding-bottom: 50px; } .ce_image.rings-fx .image_container picture { position: relative; z-index: 111; } .ce_text .bg--container > .circle--fx { position: absolute; top: 25vh; display: inline-block; height: 60vh; left: 10%; width: auto; animation-name: circled-in; animation-duration: 3000ms; animation-delay: 0ms; animation-fill-mode: forwards; animation-timing-function: ease-out; animation-iteration-count: 1; transform-origin: 0 0; } .ce_text .bg--container > .circle--fx.moved { animation-name: circled-rotate; animation-duration: 6000ms; animation-delay: 0ms; animation-fill-mode: forwards; animation-timing-function: ease-in-out; animation-iteration-count: infinite; transform-origin: 0 0; animation-play-state: running; } .ce_text .bg--container > .circle--fx path { fill: var(--white); opacity: 0.4; mix-blend-mode: screen; } .ce_image.rings-fx svg.rings--fx { position: absolute; top: 0; display: inline-block; width: calc(100% + 100px); left: -50px; z-index: -1; transform-origin: center center; animation-name: rotation-in; animation-duration: 1s; animation-iteration-count: 1; transition-timing-function: ease-out; transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } .mod_article:hover .ce_image.rings-fx svg.rings--fx { animation-name: rotation-out; animation-duration: 1s; animation-iteration-count: 1; transition-timing-function: ease-out; transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } .ce_image.rings-fx svg.rings--fx path { fill: var(--blue); opacity: .8; } @keyframes circled-in { 0% {transform:translate(0vw, 55vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%, -50%);animation-timing-function: ease-in;} 100% {transform:translate(57vw, 33vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(360deg) translate(-50%, -50%);animation-timing-function: ease-out;} } @keyframes circled-rotate { 0% {transform:translate(57vw, 33vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(360deg) translate(-50%, -50%);animation-timing-function: linear;} 25% {transform:translate(58vw, 32vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(450deg) translate(-50%, -50%);animation-timing-function: linear;} 50% {transform:translate(59vw, 31vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(540deg) translate(-50%, -50%);animation-timing-function: linear;} 75% {transform:translate(58vw, 32vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(630deg) translate(-50%, -50%);animation-timing-function: linear;} 100% {transform:translate(57vw, 33vh) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(720deg) translate(-50%, -50%);;animation-timing-function: linear;} } @keyframes rotation-in { 0% { transform: rotate(-180deg); } 100% { transform: rotate(180deg); } } @keyframes rotation-out { 0% { transform: rotate(180deg); } 100% { transform: rotate(-180deg); } } .tooltip { display: inline-block; background: var(--gray); color: #fff; padding: 60px 40px; position: absolute; width: 400px; } .tooltip.us { display: none; bottom: 0%; left: 20%; } .mod_article.grid.col--2 .elements-filter-wrapper, .mod_article.grid.col--2 > .inner { grid-template-columns: 1fr 1fr; } .mod_article.grid.col--3 .elements-filter-wrapper, .mod_article.grid.col--3 > .inner { grid-template-columns: 1fr 1fr 1fr; } .mod_article.grid.col--4 .elements-filter-wrapper, .mod_article.grid.col--4 > .inner { grid-template-columns: 1fr 1fr 1fr 1fr; } .mod_article.grid.col--2 .elements-filter-wrapper .ce_text.first, .mod_article.grid.col--2 .elements-filter-wrapper .ce_headline, .mod_article.grid.col--2 .ce_headline, .mod_article.grid.col--2 .ce_text.first { grid-column: 1 / 3; } .mod_article.grid.col--3 .elements-filter-wrapper .ce_text.first, .mod_article.grid.col--3 .elements-filter-wrapper .ce_headline, .mod_article.grid.col--3 .ce_headline, .mod_article.grid.col--3 .ce_text.first { grid-column: 1 / 4; } .mod_article.grid.col--4 .elements-filter-wrapper .ce_text.first, .mod_article.grid.col--4 .elements-filter-wrapper .ce_headline, .mod_article.grid.col--4 .ce_headline { grid-column: 1 / 5; } .mod_article.flex.between > .inner { display: flex; flex-wrap: wrap; justify-content: space-between; } nav ul, .flex.between { justify-content: space-between; } .flex.around { justify-content: space-around; } nav ul li > a { display: inline-block; } a { text-decoration: none; outline: none; } div.spacer { padding: 20px; } .w50 { width: 100%; max-width: 42%; } .w100 { width: 100%; } .w33 { width: 33%; } .w60 { width: 60%; } img { vertical-align: top; } #green, .green { color: var(--white); text-align: center; } .ce_text.colcount-6 { column-count: 6; } .ce_text.colcount-2 { column-count: 2; column-gap: 100px; } #services--slider { background-image: url(../../files/heichegroup/bg-images/bg-service-slider-2.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover; } #services--slider { color: #fff; padding-top: 100px; padding-bottom: 100px; } .serviceslide .spacer { text-align: center; padding: 0; border: 2px solid #fff; } .serviceslide .s-top { padding: 20px; } .serviceslide h4 { height: 55px; } .serviceslide .s-bottom > p { hyphens: auto; max-width: 90%; margin: 0 auto; text-align: justify; } .serviceslide .s-bottom { min-height: 350px; padding: 20px; background: var(--gray); position: relative; } .serviceslide .s-bottom > p.btn { position: absolute; left: 0; right: 0; bottom: 20px; hyphens: auto; text-align: center; } .serviceslide svg .ico, .serviceslide svg .ico path { fill:#fff; transition: fill 333ms; } .serviceslide svg:hover .ico path { fill: var(--blue); transition: fill 333ms; } /** * GALERIEN */ .ce_gallery ul { display: flex; flex-wrap: wrap; justify-content: flex-start; } .ce_gallery>ul li { float: none; } .ce_gallery>ul li { margin-left: 6.66%; margin-right: 0; margin-top: 40px; } .ce_gallery>ul li:first-child, .ce_gallery>ul li.row_0.col_first, .ce_gallery>ul li:nth-of-type(4n) { margin-left: 0; } .mod_location_header figure.filter-blue img { /*filter: grayscale(1);*/ filter: saturate(0) contrast(1.2); } .mod_location_header .filter-blue:before { content:''; display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; opacity: 0; background-color: var(--blue); mix-blend-mode: overlay; } .mod_location_header .filter-blue:after { content:''; display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; filter: saturate(1) brightness(1) contrast(1); background-color: var(--blue); mix-blend-mode: multiply; } #worldmap .grid, #worldmap .flex { position: absolute; top: 0; width: calc(100% - 40px); height: 200px; z-index: 2; margin-top: 20px; } #worldmap .maps { display:flex; justify-content: space-between; flex-wrap: wrap } .usa { width: 42.945%; text-align: center; background: rgba(98,98,98,0); transition: background 333ms; } .euro { width: 57.05%; text-align: center; background: rgba(98,98,98,0); transition: background 333ms; } .usa svg, .euro svg { display: block; width: 100%; height: auto; } #worldmap h5 { text-align: center; margin: 62px auto 0 auto; display: inline-block; padding: 16px 50px; border: 3px solid var(--blue); text-transform: uppercase; font-size: 2.3em; color: var(--blue); line-height: 1; opacity: 1; position: relative; transition: opacity 333ms; } #worldmap h5.mobile { display: none; } #worldmap .flex .euro { padding-left: 7.05%; width: 42.945%; } #worldmap svg g.countries > g > path.cg { stroke-miterlimit: 3.97; stroke: #fff; stroke-width: 1px; transform: translate3d(0, 0, 0); stroke-linejoin: bevel; fill: var(--gray); transition: all 200ms; } #worldmap svg g.countries > g.selected > path.cg, #worldmap svg g.countries > g:hover > path.cg { stroke-width: 4px; transform: translate3d(0, 0, 10px); stroke-linejoin: round; fill: var(--blue); transition: all 200ms; } #worldmap svg g.countries #hu .dots > path, #worldmap svg g.countries > g.us .dots > path, #worldmap svg g.countries > g.pl .dots > path, #worldmap svg g.countries > g.de .dots > path { stroke: none; fill: var(--blue); transition: all 200ms; } #worldmap svg g.countries > g.selected > .dots > path, #worldmap svg g.countries > g.selected:hover > .dots > path, #worldmap svg g.countries #hu:hover .dots > path, #worldmap svg g.countries > g.us:hover .dots > path, #worldmap svg g.countries > g.pl:hover .dots > path, #worldmap svg g.countries > g.de:hover .dots > path { stroke: none; fill: var(--gray) !important; transition: all 200ms; } #polen_punkt:hover, #jasper_punkt:hover, #schwaigern_punkt:hover, #pilsting_punkt:hover, #hunderdorf_punkt:hover, #leisnig_punkt:hover, #polen_punkt:hover, #ungarn_punkt:hover, #worldmap svg g.countries #hu:hover .dots > path#ungarn_punkt:hover, #worldmap svg g.countries > g:hover > .dots > path:hover, #worldmap svg g.countries > g.selected:hover > .dots > path:hover, svg .eust13 a:hover path, svg .usst15 a:hover path { fill: var(--white) !important; transition: all 200ms; cursor: pointer; } svg .usst15 a:hover path.usst16, svg .eust13 a:hover path.eust15 { stroke: var(--white); transition: all 200ms; } svg a:hover > g { cursor: pointer; } .mobile { display: none } .mod_location_header .hvh .bg--container > .inner { z-index: 999; } .ce_image.tns-item { /*width: calc(25%); max-width: 470px;*/ } .ce_tinysliderStart .ce_image.tns-item figure, .ce_gallery li > figure, .ce_gallery .item > figure { position: relative; overflow: hidden; } .ce_tinysliderStart .ce_image.tns-item figure.has::before, .ce_gallery figure.has::before { content: "🔎"; position: absolute; bottom: 1em; left: 1em; background: var(--white); color: var(--dark); opacity: .7; width: 1.5em; height: 1.5em; border-radius: 50%; text-align: center; font-size: 1em; line-height: 1.5em; padding: 0.5rem; transition: all 200ms ease-out; } .ce_tinysliderStart .ce_image.tns-item figure:hover:before, .ce_gallery figure:hover:before { opacity: 0; } .ce_tinysliderStart .ce_image.tns-item figure > figcaption, .ce_gallery li > figure > figcaption, .ce_gallery .item > figure > figcaption { position: absolute; text-align: center; line-height: 1.5em; font-size: 15px; font-weight: 300; width: calc(80% - 2em); left: 0; right: 0; margin: 0 auto; bottom: -100%; padding: 1em; color: var(--gray); background: rgba(255, 255, 255, 0.2); transition: all 300ms ease-in; } .ce_tinysliderStart .ce_image.tns-item figure:hover > figcaption, .ce_gallery li > figure:hover > figcaption, .ce_gallery .item > figure:hover > figcaption { opacity: 1; width: calc(100% - 2em); color: var(--white); background:rgba(0,157,197,1); bottom: 0; transition: all 300ms ease-out; } .ce_text blockquote { display: block; padding: 60px 0; text-align: center; font-style: italic; color: var(--smoothgray); font-size: 1.33em; font-weight: 300; letter-spacing:0; } .ce_text blockquote p:before { content: '„'; /*open-quote;*/ color: var(--info); font-size: 1.5em; font-weight: 400; text-shadow: none; } .ce_text blockquote p:after { content: '“';/*close-quote;*/ color: var(--info); font-size: 1.5em; font-weight: 400; vertical-align: middle; text-shadow: none; } main .ce_text blockquote p { /*quotes: "„" "“";*/ max-width: 720px; margin: 0 auto; text-shadow: 0 0 1px rgb(0 157 197 / 95%); text-align: center !important; hyphens: none !important; } /** * SPACES = MARGIN & PADDING */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form .mod_article .ce_headline.first { margin-top: 0; margin-bottom: 0; } .ce_text h1, .ce_text h2, .ce_text h3, .ce_text h4, .ce_text h5, .ce_text h6 { padding-bottom: .5em; } .mod_article .ce_headline.first { padding-bottom: 1.66em; } .ce_text h4 { padding-top: 1em; text-transform: none; font-weight: 400; } .ce_text p + p, .table-responsive, .datenschutz .ce_text p + ul, .impressum .ce_text p + ul, .description p + ul, .description ul + p, .bg--container p + h3, .location_details .description { padding-top: 1em; } #article-118 div.w50, #article-96 div.w50 { padding-top: 3em; } #article-118 div.w50.last, #article-96 div.w50.last { align-self: flex-end; } .ce_text .accordion div > h4:first-child, .description .ce_text p + ul { padding-top: 0; } .datenschutz .ce_text li + li, .impressum .ce_text li + li, .table-responsive { margin-top: 1em; } .ce_text.normen li, .ce_text.colcount-2 li + li { margin-top: 5px; } .ce_text.normen li { line-height: 1.33; } .accordion ul, .between > div .image_container { padding-bottom: 1em; } .ce_text p + ul, .ui-accordion-content p + ul, .location .spacer .details p + p, .serviceslide .s-bottom p + p { margin-top: 1em; } .ce_text li h4 { padding-top: 0; } .ce_text.normen p { padding-top: 0; padding-bottom: 0; } .ce_text.normen ul + p { margin-top: 0; } .ce_text.normen p + ul { padding-bottom: 36px; margin-top:0; } .ce_text ul li ul li:before { content: "\25CF"; font-size: 20px; top: 0; width: auto; height: auto; } .ce_text.normen ul li:before { content: '┗'; font-weight: 500; background: transparent; color: var(--blue); font-size: 14px; top: 1px; left: 0; } .ce_text p + ul { padding-bottom: 1em; } .mod_article .filters { padding-top: 200px; padding-bottom: 30px; } .ce_accordionSingle.ce_text + .ce_accordionSingle.ce_text { margin-top: 0; } .mod_article .filters ul { display: flex; margin-left: auto; justify-content: flex-end; } .mod_article .filters + .elements { padding-bottom: 40px; } .mod_article .filters ul a { display: inline-block; padding: 5px 10px; color: var(--blue); } .mod_article .filters ul a.active { color:var(--dark); text-decoration: underline; } /** * ARTICLE DEFINITIONS */ #head, #foot, .outer > .mod_article > .inner, .mod_article .elements, .mod_article .filters, .mod_article > .ce_text > .inner, .mod_article .bg--container > .inner, .pagination { max-width: 1560px; margin: 0 auto; } figure picture source,figure picture img, .bg--container figure picture source, #green .bg--container figure img, .bg--container figure picture img { display: block; width: 100%; height: auto; } .mod_article #green .bg--container > .inner { max-width: 1024px; } #head, .outer > .mod_article.mw-wide > .inner, .mod_article.mw-wide .bg--container > .inner { max-width: 1560px; } #head { padding-top: 3em; } #head .logo img { display: block; max-width: 100%; height: auto; } #head .logo { width: 18%; } #head .navi { display: flex; flex-wrap: wrap; width: 80%; } .mod_burger { width:70px; display: none; } .navi .mod_changelanguage { width:80px; position: absolute; right: 0px; top: 0; z-index: 9999999; } .navi .mod_changelanguage li { line-height: 1 } .navi .mod_changelanguage li.first { text-align: left; } .navi .mod_changelanguage li.last { text-align: right; } .navi .mod_changelanguage li img { display: inline-block; width: 32px; height: auto; opacity: .75; border: 1px solid rgba(255,255,255,.75); transition: opacity 266ms, border 266ms; } .navi .mod_changelanguage li { } .navi .mod_changelanguage li.active { /*background-color: rgba(255,255,255,.5); background-color: rgba(91,192,222,.5);*/ } .navi .mod_changelanguage li a:hover img, .navi .mod_changelanguage li.active img { opacity: 1; border: 1px solid rgba(255,255,255,.5); transition: opacity 266ms, border 266ms; } .navi .mod_changelanguage li a, .navi .mod_changelanguage li strong { display: inline-block; overflow: hidden; line-height: 1; padding: 0; margin: 0; vertical-align: top; } .navi .visibility-hidden { visibility: hidden; display: inline-block; width: 0; height: 0; overflow: hidden; } .ce_youtube .video_container { width: calc(100% - 8px); border: 4px solid var(--blue); -webkit-box-shadow: 5px 5px 20px -2px var(--gray), -5px -5px 20px -2px var(--gray); box-shadow: 5px 5px 20px -2px var(--gray), -5px -5px 20px -2px var(--gray); } .ce_youtube { width: 100%; max-width: 80%; margin: 3em auto; } .outer, article.mod_article { padding-top: 3em; padding-bottom: 3em; } #services--slider + .outer { padding-top: 0; } .index main > .outer.pv0 #icon-list .inner { padding-bottom: 3em; } .outer.gray, .mod_article.gray { background-color: var(--gray); } .outer.lightgray, .mod_article.lightgray { background-color: var(--lightgray); } .outer.paper, .mod_article.paper { background: url('../../files/heichegroup/theme/img/bg-paper-pattern.png') center top repeat-x; padding-bottom: 0px; } .outer.paper > .mod_article { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); padding-bottom: 0; } /** * MISC SUMMARIZED DEFS */ .no-border { border: 0 !important; } .no-caps { text-transform: none !important; } .bg--container, form .checkbox_container, .download-element a, .mod_newsreader .layout_full { position: relative; } .layout_simple time, .layout_simple a, p.btn.invers > a:hover, span.txt-devider.blue, main .mod_article .ce_text .between > div h3, .blue { color: var(--blue); } #kap p.btn.invers > a:hover { color: var(--magenta); } .ce_accordionStart + .ce_accordion, .ce_accordionSingle + .ce_accordion, .ce_accordion + .ce_accordion, .ce_accordion.invers .accordion { border-top: 0; } .ce_table tr > td, .latest .layout_latest.odd:nth-of-type(4n) h2 a, .short .layout_short.odd:nth-of-type(4n) h2 a { color: var(--gray); } .short .layout_short.even:nth-of-type(5n - 2), .latest .layout_latest.even:nth-of-type(5n - 2), .short .layout_short.even:nth-of-type(3n - 1), .latest .layout_latest.even:nth-of-type(3n - 1) { background: var(--blue); } .mod_article.gray, .bg--container, .outer.gray .mod_article, #header .mod_navigation a, #foot a, .ce_accordion.invers .toggler:after, .latest .layout_latest.odd:nth-of-type(4n) p.btn.invers > a:hover, .short .layout_short.odd:nth-of-type(4n) p.btn.invers > a:hover { color: var(--white); } .latest .layout_latest.first, .latest .layout_latest:nth-of-type(3n + 1), .short .layout_short.first, .short .layout_short:nth-of-type(3n + 1), .location_list > .flex > .location:first-child, .location_list > .flex > .location:nth-child(5n), .mod_location_overview > .location:first-child, .mod_location_overview > .location:nth-child(5n), .mod_location_overview > .location:nth-child(9n) { margin-left: 0; } /** * SLIDER OR TEXT WITH BG IMAGE */ .bg--container > .inner { position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .hvh .bg--container > .inner { top: 66%; transform: translate(-50%, -50%); } /** * HEADER SPECIFIC */ #header h1, #header h2.h1, #header h3.h1 { font-size: 3.6em; } #header h2, #header h1.h2, #header .h2, #header h3.h2 { font-size: 2.33em; } #header h2 { font-weight: 100; } #header h3, #header .h3 { font-weight: 300; } #header h2.h3, #header h1.h3 { font-size: 2.0em; } #header .inner p { margin: 0; padding: 0 0 16px 0; } #header .h2 { text-transform: uppercase; } #header h1, #header h2 { max-width: 60%; } .ubersicht-der-heiche-group-standorte #header h2, .heiche-group-locations-overview #header h2 { max-width: 100%; } main .ce_text.location_details h1 { font-weight: 700; padding-bottom: .25em; } main .ce_text.location_details h2, main .mod_article .ce_text.location_details h2 { font-size: 1.67em; font-weight: 300; } #head { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 999; } #header .mod_navigation { align-self: flex-start; margin-left: auto; margin-top: 36px; overflow: visible; } #header .mod_navigation li { font-size: 22px; position: relative; } #header .mod_navigation li > a { display: inline-block; color: var(--white); font-weight: 100; padding: 10px 20px 10px 20px; text-align: center; transition: color 333ms; } #header .mod_navigation .level_1 li > a:after { content: attr(data-name); display: block; font-weight: 500; text-align: center; visibility: hidden; overflow: hidden; height: 0px; } /* ACTIVE */ #header .mod_navigation li:hover > a, #header .mod_navigation .level_1 > li.trail > a.trail, .mod_navigation li.active strong { display: inline-block; color: var(--blue); font-weight: 500; padding: 10px 20px 10px 20px; transition: color 333ms; } #header .mod_navigation li.active strong:before, #header .mod_navigation .level_1 > li:after { position: absolute; bottom: 0; left: 0; right: 0; content: ''; display: block; width: 0px; margin: 0 auto; height: 2px; background: transparent; transition: all 333ms; } #header .mod_navigation li.submenu.trail a.trail:before, #header .mod_navigation li.active strong:before, #header .mod_navigation li.active:after, #header .mod_navigation li:hover:after { width: 100%; background: var(--white); transition: all 333ms; } nav li.submenu ul.level_2 { display: none; position: absolute; padding-top: 2px; background-color: rgb(98 98 98 / 77%) } #header .mod_navigation li.submenu li > a { width: 100%; display: block; text-align:left; white-space: nowrap; font-size: 20px; line-height: 1; padding-bottom: 13px; } #header .mod_navigation .level_1 > li.submenu > a:before, #header .mod_navigation .level_1 li.submenu li > a:before { content:''; position: absolute; bottom: 0; left: 0; right: 0; content: ''; display: block; width: 0px; margin: 0 auto; height: 2px; background: transparent; transition: all 333ms; } #header .mod_navigation .level_1 > li.submenu:hover > a:before, #header .mod_navigation .level_1 li.submenu li:hover > a:before { width: 100%; background: var(--white); transition: all 333ms; } #header .mod_navigation .level_1 > li.submenu:after { display: none; } nav li.submenu:hover ul.level_2 { display: block; } /** * DOWNLOAD ELEMENTS */ p.download-element, p.back { margin-top: 40px; } .ce_download > h1, .ce_download > h2, .ce_download > h3, .service_detail > h4, .service_detail .h4, .location_details > h4, .service_list > h4, .ce_location_criteria h4, .location_list > h4, .ce_download > h4, .ce_gallery > h4 { font-weight: 300; text-transform: none; font-size: 24px; font-family: 'Roboto'; margin-top: 60px; padding-bottom: .5em; } .service_list > h4, .ce_location_criteria h4, .location_list > h4, .ce_download > h4, .ce_gallery > h4 { padding-top: 0; } .service_detail > h4, .service_detail .h4, .location_details > h4, .service_list > h4, .ce_location_criteria h4, .location_list > h4 { font-weight: 400; } .location_list > h4 { margin-bottom: -30px; padding-bottom: 0; padding-top: 0; } .ce_location_criteria h4, .service_list > h4 { padding-bottom: 40px; padding-top: 0; } .ce_location_criteria h4, .ce_gallery > h4 { padding-top: 0; padding-bottom: 0; } .location_details > h4 { padding-bottom: 30px; } .ce_downloads { padding-bottom: 3em; } p.download-element { width: auto; } ul.flex li.download-element { width: 24%; margin-right: 1%; } p.download-element, li.download-element, .ce_downloads .download-element { background: none !important; padding: 0; } p.download-element a { max-width: 45%; } p.download-element a, li.download-element a { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; color: var(--gray); text-decoration: none; } .download-element span.file { width: 90px; } .download-element img.ico, .download-element svg.ico { display: block; width: 60px; height: auto; } .download-element span.file + span.link { width: calc(100% - 90px); } .download-element span.link { width: 100%; font-weight: 700; font-size: 1.4em; } .download-element small.blue { color: var(--blue); text-transform: none; font-size: 18px; } .download-element small.size { display: block; margin-top: .3em; font-weight: 100; font-size: 18px; } /** * ACCORDION */ .ce_accordion { border: 3px solid var(--blue); } .ce_accordion .toggler { padding: 16px 30px; text-transform: uppercase; font-weight: bold; cursor: pointer; position: relative; color: var(--blue); } .ce_accordion .accordion, .ce_accordion.invers .accordion { padding: 16px 0; margin:0 30px; border-top: 3px solid var(--white); } .ce_accordion .accordion > div { padding: 16px 0; } .ce_accordion .toggler:before { content: '+'; width: 30px; font-size: 24px; display: inline-block; height: 30px; position: absolute; right: 1em; top: 13px; color: var(--blue); font-weight: bold; } .ce_accordion .toggler.active, .ce_accordion .toggler:hover, .ce_accordion .toggler:hover:before { color: var(--info); transition: color 500ms ease-out; } .ce_accordion:hover .toggle:before, .ce_accordion.invers:hover .toggler.active:before, .ce_accordion .toggler.active:before, .ce_accordion.invers .toggler.active:before { content: '–'; } .ce_accordion .accordion.ui-accordion-content-active, .ce_accordion.invers .accordion.ui-accordion-content-active { border-color: var(--gray); margin-top: 16px; } .ce_accordion .toggler.active:before, .ce_accordion .toggler.active, .ce_accordion .toggler:hover, .ce_accordion .toggler:hover:before { color: var(--info); transition: color 500ms ease-out; } .ce_accordion.invers .toggler.active:before, .ce_accordion.invers .toggler.active, .ce_accordion.invers .toggler:hover, .ce_accordion.invers .toggler:hover:before { color: var(--white); transition: color 500ms ease-out; } .ce_accordion .toggler:after { position: absolute; content: ''; width: 0; bottom: 0; height: calc(100% + 2px); background: linear-gradient(0deg, #fff 0%, #009dc5 100%); left: -20px; z-index: -1; transform-origin: center center; transition: background 300ms, width 200ms; } .ce_accordion.invers .toggler:after { width: 0; background: linear-gradient(0deg, #fff 0%, #009dc5 100%); transition: background 300ms, width 200ms; } .ce_accordion .toggler:hover:after, .ce_accordion .toggler.active:after { width: calc(100% + 40px); transform-origin: center center; background: linear-gradient(0deg, #009dc5 0%, #efefef 100%); transition: background 300ms, width 200ms; } .ce_accordion.invers .toggler:hover:after, .ce_accordion.invers .toggler.active:after { width: calc(100% + 40px); background-image: linear-gradient(180deg, #009dc5 0%, #004286 100%); transition: background 300ms, width 200ms; } /* .ce_accordion.invers .toggler span.ui-icon { content: ''; width: 100%; display: inline-block; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; background-image: linear-gradient(180deg, var(--lightgray) 0%, var(--blue) 100%); transition: opacity 333ms linear; } .ce_accordion.invers .toggler.active, .ce_accordion.invers .toggler:hover { color: var(--info); transition: color 500ms ease-out; } .ce_accordion.invers .toggler:hover:before { color: var(--info); } .ce_accordion .toggler.active:before, .ce_accordion.invers .toggler.active:before { content: '–'; } .ce_accordion.invers .toggler.active span.ui-icon, .ce_accordion.invers .toggler:hover span.ui-icon { opacity: 1; transition: opacity 333ms linear; } */ /** * TABLE ELEMENTS */ .ce_table, #header .hvh .bg--container h1.h2, .mod_location_service_list, .ce_text + .ce_accordionSingle, .layout_full .ce_tinysliderStart, .tns-inner + .tns-controls { margin-top: 60px; } .ce_location_criteria .ce_table, .standorte #header .bg--container h1.h2, .standorte #header .hvh .bg--container h1.h2, .locations #header .bg--container h1.h2, .locations #header .hvh .bg--container h1.h2, #header .bg--container h1.h2, .service_detail > .h4, .location_details .mod_location_service_list { margin-top: 0; } .ce_table table { width: 100%; } .ce_table tr > th:not(.col_first), .ce_table tr > td:not(.col_first) { border-left: 2px solid var(--white); } .ce_table tr > th, .ce_table tr > td { padding: 4px 10px; } .table-responsive table th { text-align: left; vertical-align: middle } .table-responsive table * { box-sizing: border-box; } table.tresponsive th { white-space: nowrap; } .table-responsive table { max-width: 100%; empty-cells: show; border-collapse: collapse; border: 0; padding: 0; } .table-responsive table td, .tablesaw td { vertical-align: top; } .ce_table tr > td.col_0 { font-weight: bold; } .ce_table tr > td * { line-height: 1.5; } .ce_table thead tr, .ce_table tr > th { background: var(--blue); color: var(--white); font-size: 1.1em; } .ce_table tbody tr.odd, .layout_simple.odd { background: var(--white); } .ce_table tbody tr.even, .layout_simple.even { background: var(--lightgray); } /** * NEWS ELEMS */ .layout_simple time { position: relative; padding-right: 16px; } .layout_simple time:after { content: ' - '; color: var(--blue); position: absolute; right: 4px; } .layout_simple a { font-weight: bold; } .layout_simple { padding: 4px 10px; } .mod_newslist.latest, .mod_newslist.short { display: flex; flex-wrap: wrap; align-content: stretch; } .mod_newslist.short .layout_short, .mod_newslist.latest .layout_latest { display: flex; flex-direction: column; } .layout_short .spacer .ce_text, .layout_latest .spacer .ce_text { padding-bottom: 0; hyphens: auto; } .layout_latest .spacer, .layout_short .spacer { padding-left: 30px; padding-right: 30px; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 100px; } .latest .layout_latest, .short .layout_short { max-width: 470px; width: 30%; background: var(--gray); color: var(--white); margin-bottom: 4em; position: relative; } .latest .layout_latest.odd:nth-of-type(4n), .short .layout_short.odd:nth-of-type(4n) { background: var(--lightgray); color: var(--gray); } .latest .layout_latest.odd:nth-of-type(4n) p.btn.invers > a:after, .short .layout_short.odd:nth-of-type(4n) p.btn.invers > a:after { background: rgba(98,98,98,.3); } .latest .layout_latest.odd:nth-of-type(4n) p.btn.invers > a:hover:after, .short .layout_short.odd:nth-of-type(4n) p.btn.invers > a:hover:after { background: rgba(98,98,98,1); } .latest .layout_latest.odd:nth-of-type(4n) p.btn.invers > a, .short .layout_short.odd:nth-of-type(4n) p.btn.invers > a { color: var(--gray); border-color: var(--gray); } .latest .layout_latest h2, .short .layout_short h2 { margin-top: 30px; font-size: 20px; font-family: 'Roboto'; padding-bottom: 30px; } .latest .layout_latest .image_container + .spacer h2 { margin-top: 10px; } .latest .layout_latest h2, .latest .layout_latest h2 a, .short .layout_short h2, .short .layout_short h2 a { text-transform: none; color: var(--white); } .latest .layout_latest, .short .layout_short { margin-left:5%; } .latest .layout_latest p.more, .short .layout_short p.more { position: absolute; left: 30px; bottom: 20px; } .mod_newsreader .info, .latest .layout_latest span.info, .short .layout_short span.info { position: absolute; right: 0; background: var(--blue); color: var(--white); display: inline-block; padding:10px 20px 8px 20px; line-height: 1; font-weight: bold; top: 0; } .layout_full .info + h1, .layout_full .info + h2, .layout_full .info + h3 { padding-right: 4em; padding-bottom: 1em; text-align: left; } .mod_newsreader > div h1 { font-size: 2em; font-weight: 700; line-height: 1.3; text-transform: none; width: 60%; min-width: 1080px; } .layout_full > div p { text-align: justify; hyphens: auto; } .layout_full > div h1, .layout_full > div h2, .layout_full > div h3, .layout_full > div h4 { text-align: left; } main .mod_article .layout_full .ce_text h2 { font-size: 1.6em; font-weight: 500; } main .mod_article .layout_full .ce_text h3 { font-size: 1.37em; font-weight: 500; } main .mod_article .layout_full .ce_text h4 { font-size: 1.18em; font-weight: 400; } .flex .ce_text.w50 > h2 { line-height: 1.2; } .layout_full .ce_text .image_container.float_right { max-width: 470px; margin-left: 30px; } .layout_full .ce_text .image_container.float_left { max-width: 470px; margin-right: 30px; } .layout_full > div[class*="ce_"] { clear: both; } .layout_full div[class*="ce_"] + div[class*="ce_"] { margin-top: 3em; } .ce_location_criteria { margin-bottom: 40px; } .ce_text.note p strong { color: var(--gray); } .ce_text.note p { margin-top: 20px; margin-left: 16px; padding-left: 16px; border-left: 1px solid var(--smoothgray); line-height: 1.25; font-size: .925em; color: var(--smoothgray); } .tinyslider .ce_text.note > .image_container:before, .tinyslider .ce_text.note > .image_container > .caption { display: none; } .layout_full > .ce_text > .image_container > .caption { margin-top: 16px; font-size: .875em; line-height: 1.33; color: var(--smoothgray); } /** * LISTS ELEMENTS */ .mod_location_detail ul li, .ce_text ul li, .ce_table ul li { position: relative; padding-left: 20px; } .ce_text ol { padding-left: 1.2em; } .ce_text.agb ol { padding-left: 2em; } .ce_text.agb ol li::marker { font-size: 1.36em; font-weight: 500; } .ce_text ol ol, .ce_text.agb ol ol { padding-left: 1.25em; counter-reset: section; } .ce_text ol ol { padding-bottom: 20px; } .ce_text ol ol li { counter-increment: section; padding-left: 6px; padding-bottom: .5em; } .ce_text ol ol li::marker, .ce_text.agb ol ol li::marker { font-size: 1em; font-weight: 300; /*content: counters(section,".") " ";*/ content: "(" counter(section) ")"; } .ce_text ul li:before, .mod_location_detail ul li:before, .ce_table ul:not(.tablesaw-advance-dots) li:before { display:inline-block; font-family: 'Roboto'; background: var(--blue); content: " "; font-size: 12px; position: absolute; border-radius: 0; width: 8px; height: 8px; left: 3px; top: 6px; z-index: 999; } .ce_table ul:not(.tablesaw-advance-dots) li:before { left: 2px; top: 7px; } .tablesaw-advance-dots li, .mod_location_detail ul.tablesaw-advance-dots li { line-height: 1; } .mod_location_detail .tablesaw-advance-dots li i { background: var(--blue); } .mod_location_detail .ce_gallery ul, .mod_location_detail ul.tablesaw-advance-dots { list-style: none; } .mod_location_detail .ce_gallery ul li { padding-left: 0; } .mod_location_detail .ce_gallery ul li:before, .mod_location_detail ul.tablesaw-advance-dots li:before { display: none; } .ce_text.history-list ul li { line-height: 1.5; font-size: 20px; padding-left: 30px; } .ce_text.history-list ul li li:before { display: none; } .ce_text.history-list ul li > em:first-child { display: inline-block; width: 100px; font-style: normal; } .ce_text.history-list ul li li > em:first-child { display: inline; width: inherit; font-style: italic; } .ce_text.history-list ul li li { padding-left: 104px; } /** * STANDORTE */ .standorte .location#kap-verfahren { display: none; } .location_list > .flex > .location, .mod_location_overview > .location { width: 24%; background: var(--blue); margin-left: 1.33%; margin-top: 60px; } /* .location_list > .flex > #kap.location,*/ .mod_location_overview > #kap.location { margin-left: 1.33%; } .location_list > .flex > .location-holder, .mod_location_overview > .location-holder { background: transparent; margin-left: auto; } .location .spacer img { display: block; width: 100%; max-width: 100%; } .location .spacer figure { margin-bottom: 20px; } .location .spacer .details { font-size: 20px; font-weight: 100; line-height: 1.25; min-height: 180px; } .location .spacer .details p { padding: 0 10px; } #article-156 .image_container, #article-35 .image_container, .location .spacer p.btn { margin-top: 30px; text-align: center; } #article-3, #article-138 { overflow: visible; } div#worldmap .frame { background-color: #fff; padding-top: 20px; padding-bottom: 20px; -webkit-box-shadow: 5px 5px 20px -2px var(--gray), -5px -5px 20px -2px var(--gray); box-shadow: 5px 5px 20px -2px var(--gray), -5px -5px 20px -2px var(--gray); } div#worldmap { position: relative; margin-top: -25%; } svg#heichemap { display: block; width: 100%; height: auto; } #article-107 .inner, #article-50 .inner { width: 100%; } .ce_services_sidebar { width: 400px; } .ce_text.norm { width: calc(100% - 400px); } .services { margin-left: 50px; } .services > li.service { width: 100%; height: 250px; margin-top: 30px; } .ce_text.norm ul li:before { top: 7px; } .ce_text.norm h3, .ce_text.norm h4 { border-bottom: 1px solid #cfcfcf; margin-bottom: 0.5em; padding-bottom: 0; font-weight:700; padding-top: 1em !important; } .ce_text.norm ul { margin-left: 5px; column-count: 3; } .ce_services_sidebar { margin-top: 100px; } li.service .spacer .details.popover { top: 80px; } li.service .spacer p { font-size: 14px; } li.service .spacer .details.popover p:first-child { overflow: hidden; font-size: 14px; height: 87px; } li.service .image_container svg { width: 120px; height: 120px; } li.service .spacer h4 { height: 70px; font-size: 1em; } .services li#kap.service .image_container a { color: #fff; } .services li#kap.service .image_container svg { width: 160px; height: 120px; } /** * VERFAHREN */ .related .service, .related-service-list .service, .services > .service, .mod_service_overview .service { background: var(--blue); width: 32%; height: 360px; margin-top: 60px; } .related #kap.service, .location_list > .flex > #kap.location, .related-service-list #kap.service, .mod_service_overview #kap.service, .mod_location_overview > #kap.location, .services > #kap.service { background: #581689; background: -moz-linear-gradient(145deg, rgba(88,22,137,1) 0%, rgba(196,21,58,1) 100%); background: -webkit-linear-gradient(145deg, rgba(88,22,137,1) 0%, rgba(196,21,58,1) 100%); background: linear-gradient(145deg, rgba(88,22,137,1) 0%, rgba(196,21,58,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#581689",endColorstr="#c4153a",GradientType=1); } .mod_service_overview #kap.service svg { width: 240px; height: 170px; } .mod_service_scout .services > .service { height: 360px; } .related .item .service { width: 360px; height: 360px; margin-top: 0; } .related-service-list > .service-holder, .mod_service_overview > .service-holder { background: transparent; margin-left: 2%; width: 30%; margin-top: 0; } .service .spacer { position: relative; color: var(--white); height: calc(100% - 40px); } .service .spacer p { font-size: .925em; } .service .spacer h4 { text-align: center; height: 100px; padding-top: 0; padding-bottom: 0; margin-bottom: 0; text-transform: inherit; font-size: 1.1em; font-weight: 400; } .service .spacer .btn { text-align: center; } .service .spacer .details.popover { position: absolute; left: 0; right: 0; top: 100px; z-index: 9; opacity: 0; height: 0; transition: opacity 0ms; } .service .spacer .details.popover p { max-width: 300px; margin: 5px auto 20px; width: 100%; } .mod_service_overview .service .spacer .details.popover p { width: 100%; max-width: 80%; } .related .spacer .details.popover p { max-width: 300px; /*font-size: 0.925em;*/ font-size: 18px; } .service .spacer .details.popover p:first-child { height: 140px; } .mod_service_scout .service .spacer .details.popover p:first-child { height: 140px; } .service .spacer .details.popover p + p { margin-top: 10px; margin-bottom: 20px; } .service .spacer .details.popover p + p.btn, .service .spacer .details.popover p.btn { max-width: inherit; margin: 0 auto; } .service .spacer .details.popover, .service .spacer .image_container { text-align: center; margin:0 auto; } .service svg .ico path { fill:#fff; } .service .spacer:hover .details.popover { opacity: 1; transition: opacity 333ms; height: auto; } .service .spacer:hover .image_container { display: none; } /** * FORMS */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--blue); } :-moz-placeholder { /* Firefox 18- */ color: var(--blue); } ::-moz-placeholder { /* Firefox 19+ */ color: var(--blue); } :-ms-input-placeholder { /* IE 10+ */ color: var(--blue); } ::-ms-input-placeholder { /* Edge */ color: var(--blue); } :placeholder-shown { /* Standard one last! */ color: var(--blue); } input.text, select.select, textarea.textarea { border-radius: 0; border: 2px solid var(--blue); outline:none; color: var(--blue); padding: 5px 15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } select.select { height: 66px; width: 100%; } input.text { line-height: 50px; } input.text:focus, textarea.textarea:focus { background: #fff; color: var(--gray); border: 2px solid var(--blue); } textarea.textarea { min-height: 150px; max-height: 250px; min-width: 100%; max-width: 100%; width: 100%; padding-top: 10px; padding-bottom: 10px; } .radio_container label, .checkbox_container label, .mod_service_detail .between { display: flex; flex-wrap: wrap; justify-content: space-between; } .radio_container label { align-items: center; } form a { text-decoration: none; color: var(--dark); } /* form.filter-form .widget p + p { margin-top: 6px; }*/ .radio_container i.label, .checkbox_container i.label { width: calc(100% - 30px); font-style: normal; font-size: .875em; display: inline-block; line-height: 1.33; color: var(--smoothgray); } /*.checkbox_container i.label, .radio_container i.label { font-size: 1em; margin-top: 0; line-height: 24px; }*/ .mod_service_scout .checkbox_container i.label, .mod_service_scout .radio_container i.label { color: var(--blue); } form button.submit { background:transparent; background-image: none; border-radius: 0; font-size: 1em; line-height: 1; } .widget-checkbox input[type="checkbox"], .widget-radio input[type="radio"] { opacity: 0; height: 1px; position: absolute; z-index: 9999999; margin-top: -1px; top: 0; } .widget-checkbox input[type="checkbox"] + label > span, .widget-radio input[type="radio"] + label > span { display: inline-block; width: 18px; height: 18px; margin: 0; vertical-align: middle; cursor: pointer; background: #fff; border: 2px solid var(--blue); } .widget-radio input[type="radio"] + label > span, .widget-checkbox input[type="checkbox"] + label > span { position: relative; display: flex; align-items: center; justify-content: center; } .widget-radio input[type="radio"] + label > span:after, .widget-checkbox input[type="checkbox"] + label > span:after { content: ""; position: relative; top: -1px; height: 10px; width: 6px; border: solid transparent; border-width: 0 2px 2px 0; box-sizing: border-box; transform: rotate(45deg) scale(0); transition: transform ease 0.25s,border-color ease 0.25s; } .widget-radio input[type="radio"]:checked + label > span:after, .widget-checkbox input[type="checkbox"]:checked + label > span:after { transform: rotate(0deg) scale(1) !important; background-color: var(--blue) !important; border-width: 0px 2px 2px 0 !important; width: 10px !important; height: 10px !important; border: none !important; border-radius: 1px !important; margin-top: 1px; transition: transform ease 0.25s,border-color ease 0.25s; } .widget-checkbox input[type="checkbox"]:checked + label > span, .widget-radio input[type="radio"]:checked + label > span { border: 2px solid var(--dark); } .widget-checkbox input[type="checkbox"][disabled] + label, .widget-radio input[type="widget-radio"][disabled] + label { cursor: not-allowed; } .widget-checkbox input[type="checkbox"][disabled] + label i.label, .wwidget-radio input[type="widget-radio"][disabled] + label i.label { color: var(--smoothgray); cursor: not-allowed; } .widget-checkbox input[type="checkbox"][disabled] + label > span, .widget-checkbox input[type="checkbox"][disabled]:checked + label > span, .widget-radio input[type="widget-radio"][disabled] + label > span, .widget-radio input[type="widget-radio"][disabled]:checked + label > span { cursor: not-allowed; background: var(--lightgray); border: 2px solid var(--smoothgray); } .widget-radio input[type="radio"]:checked + label > span:after { border-radius: 50% !important; } .widget-radio input[type="radio"] + label > span { border-radius: 50%; } #article-60 > .inner:after, #article-106 > .inner:after { content: ''; display: inline-block; width: 100%; height: 100%; background: transparent; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: opacity ease 0.5s,background ease 0.25s; } #article-60.loading > .inner:after, #article-106.loading > .inner:after { background: var(--smoothgray); opacity: .5; z-index: 9; transition: opacity ease 0.5s,background ease 0.25s; } /** * FOOTER SPECIFIC */ #footer { padding-top: 60px; padding-bottom: 60px; height: 580px; background: var(--blue) url(/files/heichegroup/bg-images/bg-footer.jpg) center top no-repeat; background-size: cover; display: flex; align-items: flex-end; } #foot { align-items: flex-end; color: var(--white); } #foot nav ul { display: inline-block; margin:0; padding:0; } #foot > div { width: 440px; padding-right: 80px; } #foot > div.first { width: 660px; padding-right: 100px; } #foot > div.first .image_container { margin-bottom: 30px; } #foot > nav { width: calc(100% - 1360px); } #foot > nav#footernav { width: 100%; padding-top: 50px; margin-top: 20px; border-top: 4px solid var(--white); } #foot > nav.rightnav a, #foot > nav.rightnav strong.active { line-height: 1.75; /*font-size: 20px;*/ font-weight: 500; } #foot > nav#footernav > ul { margin-left: auto; width: 100%; max-width: 55%; } /** * FONT COLORS AND SIZES */ p, li { line-height: 1.25; } main .ce_text p:not(.btn), .ce_text.agb ol li, .details.popover p:first-child, .timeline__content .desc p, .datenschutz .ce_text p { hyphens: auto; text-align: justify; } b, strong, h1,h2,h3,h4,h5,h6 { font-weight: bold; } h1, h2, h3, h4, h5, h6, .ce_headline { text-transform: uppercase; font-weight: 500; } main .mod_article h2.ce_headline, main .mod_article .ce_text h2 { font-size: 2em; font-weight: 700; } main .mod_article h3.ce_headline, main .mod_article .ce_text h3 { font-size: 1.6em; } main .mod_article .ce_text li h3, main .mod_article .ce_text h3.h4 { text-transform: none; font-size: 1.36em; } .ce_text h4 { font-size: 1.19em; } main h2, main h3, main h4, main h5, main h6 { padding-bottom: 1em; } .ce_downloads + .ce_headline, .ce_text + .ce_headline, .ce_text > h3, .ce_headline + .ce_headline, .ce_text iframe { padding-top: 1.5em; } main .flex .ce_text > h3, .mod_article.listing .ce_text > h3 { padding-top: 0; } .ce_text > h2 + h3 { padding-top: .7em; } /** * BUTTONS AND CONTROLS */ .tns-controls button + button { margin-left: 10px; } .tns-controls [disabled] { color: var(--gray) !important; text-decoration: line-through !important; border-color: var(--gray) !important; cursor: not-allowed !important; } .tns-controls [disabled]:after { display: none; } .pagination { text-align: center; width: 100%; justify-content: center; } .pagination p { text-align: center; padding-top: 1.5em; padding-bottom: .6em; } .pagination ul { width: inherit; justify-content: center; column-gap: 10px; } .tns-controls [aria-controls], .download-element > a, .pagination ul li a, .pagination ul li strong, p.btn > a, p.back > a, form button.submit.btn, .ce_hyperlink:not(.imagelink):not(.svglink) > a { display: inline-block; border: 3px solid var(--blue); color: var(--blue); font-weight: 700; text-decoration: none; text-transform: uppercase; padding: 10px 15px; position: relative; overflow: hidden; z-index: 3333; } .tns-controls:focus-visible { outline: none; } .tns-controls [aria-controls] { background: #fff; } .tns-controls [aria-controls]:after, .pagination ul li strong:after, .pagination ul li a:after, p.btn > a:after, p.back > a:after, .download-element a:after, form button.submit.btn:after, .ce_hyperlink:not(.imagelink):not(.svglink) > a:after { position: absolute; content: ''; width: 0; /* left: 50%;*/ bottom: -2px; height: 2px; background: rgba(0,157,197,.3); /*var(--blue)*/ height: calc(100% + 6px); left: -10%; transform: skewX(15deg) rotate(0deg); transform-origin: center center; transition: background 300ms, transform 300ms, width 200ms; z-index: -1; } .pagination ul li:not(.next):last-child, .pagination ul li:not(.previous):first-child, .pagination ul li.next { margin-left: 2em; } .pagination ul li.previous { margin-right: 2em; } .pagination ul li:not(.next):last-child { margin-left:0; margin-right: 2em; } .download-element a:after { width: 100%; transform: scaleY(0); height: 100%; left: 0; top: 0; background-color: rgba(0,157,197,0); right: 0; transform-origin: bottom center; transition: background 300ms, transform 300ms, height 200ms; } .download-element a:hover .blue, .download-element a:hover, .location .spacer, .tns-controls [aria-controls]:hover, .pagination ul li a:hover, p.btn > a:hover, p.back > a:hover, form button.submit.btn:hover, .ce_hyperlink:not(.imagelink):not(.svglink) > a:hover { color: var(--white); } .pagination ul li strong, .pagination ul li strong:hover { display: inline-block; cursor: not-allowed; padding: 10px 15px; background: rgba(98,98,98,1); color: var(--white); border-color: var(--gray); } .pagination ul li strong:after { /*background: rgba(0,157,197,0);*/ background: rgba(98,98,98,1); width: 150%; height: 120%; left: -10px; } .download-element a:hover:after, .tns-controls [aria-controls]:hover:after, .pagination ul li strong:hover:after, .pagination ul li a:hover:after, p.btn > a:hover:after, p.back > a:hover:after, form button.submit.btn:hover:after, .ce_hyperlink:not(.imagelink):not(.svglink) > a:hover:after { width: 120%; background: rgba(0,157,197,1); transform: skewX(-15deg) rotate(180deg); transform-origin: center center; transition: background 300ms, transform 300ms, width 200ms; } .pagination ul li a:hover:after, .pagination ul li strong:hover:after { width: 150%; height: 120%; left: -10px; } .pagination ul li strong:hover:after { background:rgba(98,98,98,1); } .download-element a:hover:after { height: 100%; transform-origin: top center; background: rgba(0,157,197,1); transform: scaleY(1); transition: background 300ms, transform 300ms, height 200ms; } .mod_article.grid p.download-element a { max-width: 100%; } main #umweltbewusstsein .ce_text h2 { font-weight: 700; color: var(--green); } main #umweltbewusstsein .ce_text h3 { font-weight: 400; } main #umweltbewusstsein .ce_text p { text-shadow: 1px 1px 2px #aaa; } .download-element a:hover svg.ico .fill { fill:var(--white); transition: fill 300ms; } p.btn.invers > a { border: 3px solid var(--white); color: var(--white); } p.btn.invers > a:after { background: rgba(255,255,255,.1); } p.btn.invers > a:hover:after { background: rgba(255,255,255,1); } .green p.btn > a, #green p.btn > a { border: 3px solid var(--white); color: var(--white); } .green p.btn > a:after, #green p.btn > a:after { background: rgba(255,255,255,.3); } .green p.btn > a:hover, #green p.btn > a:hover { color: var(--green); } .green p.btn > a:hover:after, #green p.btn > a:hover:after { background: rgba(255,255,255,1); } :focus-visible { outline: none; } /* --blue:#009dc5; --gray:#626262; --smoothgray:#999; --lightgray:#efefef; --green:#008632; --white:#fff; --black:#000; --dark:#333; --info:#004286; --magenta: #c4153a; --warning:#fd7e14; --danger:#e74a3b; --success:#008632; --breakpoint-xs:414; --breakpoint-sm:768px; --breakpoint-md:960px; --breakpoint-lg:1280px; --breakpoint-xl:1560px; */ #header h1, #header h2.h1, #header h3.h1 { line-height: 1; font-weight: 700; } #head .navi { margin-left: auto; position: relative; } .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; margin-left: auto; overflow: visible; } .hamburger:hover { opacity: 1; } .hamburger.is-active:hover { opacity: 1; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * Spring */ .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } .mod_burger { display: none; } @media (max-width:1600px) { #head .logo img { display: block; /*width: 100%;*/ max-width: 100%; height: auto; } #head, .outer > .mod_article.mw-wide > .inner, .mod_article.mw-wide .bg--container > .inner { max-width: 92%; } #head, #foot, .outer > .mod_article > .inner, .mod_article .elements, .mod_article .filters, .mod_article > .ce_text > .inner, .mod_article .bg--container > .inner, .pagination { max-width: 92%; width: 100%; } .related .item .service { width: 100%; } #foot > div { width: calc(50% - 330px); padding-right: 80px; } #foot > div.first { width: 40%; padding-right: 10%; } #foot > div.first .image_container { margin-bottom: 30px; } #foot > nav#footernav > ul { padding-right: 2em; } #foot > div.first { text-align: justify; hyphens: auto; } #foot > nav.rightnav { width: 250px; } #header h1, #header h2.h1, #header h3.h1 { font-size: 3em } .mod_article.grid .elements-filter-wrapper, .mod_article.grid > .inner, .mod_article.grid.col--3 > .inner { column-gap: 3em; } .mod_service_scout .grid { column-gap:30px; } .mod_service_scout .services { grid-template-columns: 1fr 1fr; column-gap:30px; } } @media (max-width:1560px) { table.tablesaw thead tr > th { white-space: nowrap; } .mod_service_detail { padding-bottom: 3em; } .service.related .spacer .details.popover p { } .related .spacer .details.popover p { max-width: 92%; } .mod_location_overview.flex, .location_list .flex { justify-content: space-between; } /*.latest .layout_latest:nth-of-type(3n + 1), .short .layout_short:nth-of-type(3n + 1), */ .location_list > .flex > .location:nth-child(5n), .mod_location_overview > .location:nth-child(5n) { margin-left: 0; } /* .latest .layout_latest:nth-of-type(2n + 1), .short .layout_short:nth-of-type(2n + 1), */ .location_list > .flex > .location:nth-child(4n), .mod_location_overview > .location:nth-child(4n) { margin-left: 0; } .location_list > .flex > .location-holder, .mod_location_overview > .location-holder { margin-right: 31%; margin-left: 0; } .location_list > .flex > .location, .mod_location_overview > .location { width: 31%; margin-left: 0; margin-right: 0; } .mod_article.grid.tile > .inner { grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: space-around; column-gap: 30px; } .mod_article.grid.tile .ce_text { height: 400px; justify-content: flex-start; } .mod_article.grid.tile .ce_text > h4 { padding-top: 1em; padding-bottom: 1em; color: var(--info); transition: all 233ms; } .touch .mod_article.grid.tile .ce_text > .hov { opacity: 1; width: calc(100% - 2em); background: rgba(0,157,197,1); bottom: 20px; color: var(--white); position: relative; transition: all 300ms ease-out; } .service .spacer p, body, input, textarea, select, .latest .layout_latest h2, .short .layout_short h2, .ce_timelineElement, body.index #main div[class*="ce_"], .timeline__content .desc strong.marker, .mod_article.grid.cols--4 > .inner div[class*="ce_text"] { font-size: 18px; } .mod_service_overview .service .spacer .details.popover p, .mod_service_scout .service .spacer .details.popover p { max-width: 88%; } .download-element span.file { width: 75px; } .download-element span.file + span.link { width: calc(100% - 75px); } .mod_article.grid .elements-filter-wrapper { justify-content: space-around; } .download-element > a { padding: 10px; } .mod_article.grid.col--3 > .inner, .mod_article.grid .elements-filter-wrapper, .mod_article.grid > .inner { column-gap: 1.33em; } .related .service, .related-service-list .service, .services > .service, .mod_service_scout .form { margin-top: 30px; } .mod_service_overview .service { margin-top: 2%; } #umweltbewusstsein.mod_article .bg--container > .inner { max-width: 80%; } main #umweltbewusstsein .ce_text h2 { padding-bottom: .8em; } main #umweltbewusstsein .ce_text p + h3 { padding-top: 2em; } #header .mod_navigation li { font-size: 20px; } .mod_article.grid.cols--4.col-25-75 > .inner { grid-template-columns: 400px 3fr; } .index main .mod_article .ce_text.employee + .ce_text h3 { hyphens: auto; } .mod_article.grid.cols--4.col-75-25 > .inner { grid-template-columns: 3fr 400px; } #header .bg--container > .inner { top: 53%; } #header .hvh .bg--container > .inner { top: 63%; } .ce_text .bg--container > .circle--fx { left: 15%; } .mod_article.grid.col--6 > .inner { column-gap: 4em; } .index main .mod_article #green.ce_text h3 { padding-bottom: 1em; } .index .download-element small.size { font-size: 16px; } .ce_text.colcount-6 { column-count: 5; } .ce_text.normen p + ul { padding-bottom: 1.5em; } .ce_text.normen li, .ce_text.normen p { line-height: 1.5; } .ce_text.normen li { margin-top: 0; } .standorte #header .bg--container > .inner, .locations #header .bg--container > .inner { top: 50%; } .standorte #header .bg--container figure img, .locations #header .bg--container figure img { display: inline-block; width: auto; height: 500px; object-fit: cover; } /*#header h1, */ .standorte-details #header h2 { max-width: 100% } } @media (max-width:1440px) { #header .hvh .bg--container h1.h2 { margin-top: 0; } .download-element span.link { font-size: 1.33em; } p.download-element { font-size: 0.875em; } .download-element small.size { font-size: 14px; } .download-element small.blue { font-size: 16px; } .download-element span.file { width: 65px; } .download-element span.file + span.link { width: calc(100% - 65px); } .download-element img.ico, .download-element svg.ico { width: 50px; } .index .download-element small.size { font-size: 14px; } .index .download-element small.blue { display: block; } .index .download-element img.ico, .index .download-element svg.ico { width: 60px; } .index .download-element span.file { width: 75px; } .index .download-element span.file + span.link { width: calc(100% - 75px); } .mod_article.grid.col--3 > .inner, .mod_article.grid .elements-filter-wrapper, .mod_article.grid > .inner { column-gap: 1.25em; } #scrollToTopBtn { right: 20px; bottom: 20px; } #header .mod_navigation li > a, #header .mod_navigation li:hover > a, #header .mod_navigation .level_1 > li.trail > a.trail, .mod_navigation li.active strong { padding: 10px 16px 10px 16px; } #header .mod_navigation { margin-top: 1.33em; } .latest .layout_latest, .short .layout_short { margin-left: 2%; } .latest .layout_latest, .short .layout_short { width: 32%; max-width: 100%; } #head { padding-top: calc(3em - 12px); } #header h1, #header h2.h1, #header h3.h1 { font-size: 2.6em; } #header h2, #header h1.h2, #header .h2, #header h3.h2 { font-size: 2em; } .ce_text .bg--container > .circle--fx { top: 160px; height: 30vw; left: 15%; } .ce_youtube { max-width: 66%; } #worldmap .h5 { margin: 31px auto 0 auto; font-size: 2em; } #head .logo { width: 224px; } #head .navi { width: calc(100% - 224px); } } @media (max-width:1360px) { #header .mod_navigation li.submenu li > a, #header .mod_navigation li.submenu li > strong, #header .mod_navigation li { font-size: 19px; } #head .logo { width: 200px; } #head .navi { width: calc(100% - 200px); } } @media (max-width:1280px) { body,body, input, textarea, select, .ce_timelineElement, body.index #main div[class*="ce_"], .timeline__content .desc strong.marker, .mod_article.grid.cols--4 > .inner div[class*="ce_text"], #header .mod_navigation li, #header .mod_navigation li.submenu li > a, .download-element small.blue,.location .spacer .details { font-size: 18px; } .mod_newsreader > div h1 { min-width:inherit; width: 75%; } .location_list > .flex > .location-holder, .mod_location_overview > .location-holder { margin-right: 48%; } .location_list > .flex > .location, .mod_location_overview > .location { width: 48%; } ul.flex li.download-element { width: 49%; } .index .download-element small.blue { display: inline-block; } #worldmap h5 { padding: 15px 50px; font-size: 1.7em; margin-top: 1em; } #schwaigern_box, #leisnig_box, #pilsting_box, #hunderdorf_box { transform:translateX(43.66%); } .mod_burger { display: inline-block; margin-left: auto; margin-right: 100px; } .navi .mod_changelanguage { top: 15px; right: 0; } #wrapper { position: relative; transform: translateX(0); transition: transform 233ms; } .nav-is-toggled #wrapper{ position: relative; transform: translateX(-220px); transition: transform 233ms; } #mainnav { display: none; position: relative; } .bg--container > .inner { } .standorte #header .bg--container figure img, .locations #header .bg--container figure img, { display: inline-block; width: auto; height: 500px; object-fit: cover; } #mainnav.shown { display: block; } #header .mod_navigation.shown { margin-top:0; height: 100%; display: inline-block; position: fixed; right: 0; top: 0; background-color: var(--gray); z-index: 999; width: 220px; transform: translateX(0px); transition: transform 233ms; } .nav-is-toggled #header .mod_navigation.shown { transform: translateX(220px); transition: transform 233ms; } #header .mod_navigation li.submenu span.strigger { display: inline-block; position: absolute; top: 9px; right: 1em; color: #fff; } #header .mod_navigation.shown li.submenu.active ul.level_2 { display: block; } #header .mod_navigation li.submenu li { text-indent: 1em; } #mainnav > ul { width: 100%; background-color:transparent; display: inline-block; position: absolute; right: 0; top: 0; margin-top: 10px; } nav li.submenu:hover ul.level_2 { display: none; } nav li.submenu ul.level_2 { position: static; background: transparent; padding-top: 0; margin-top: -4px; padding-bottom: 8px; border-bottom: 1px solid var(--white); } .mod_navigation li.active strong { font-weight: 500; font-size: 18px !important; } #header .mod_navigation li.submenu li > a { line-height: 1; font-size: 16px; padding-top: 8px; padding-bottom: 8px; } #foot > nav.rightnav { width: 200px; } main .mod_article .service .spacer .details.popover p, .index .download-element small.size, #foot> div.ce_text > p { font-size: 16px; } #foot > nav#footernav > ul { max-width: inherit; width: auto; margin-left: auto; margin-right: 0; justify-content: flex-end; } #foot > nav#footernav > ul li { padding-left: 20px; } #header .mod_navigation li.active strong:before, #header .mod_navigation .level_1 > li:after, #header .mod_navigation .level_1 > li.submenu > a:before, #header .mod_navigation .level_1 li.submenu li > a:before { height: 1px; } #header .mod_navigation li.submenu.trail a.trail:before, #header .mod_navigation li.active strong:before, #header .mod_navigation li.active:after, #header .mod_navigation li:hover:after, #header .mod_navigation .level_1 > li.submenu:hover > a:before, #header .mod_navigation .level_1 li.submenu li:hover > a:before { width: 0; } #header .mod_navigation li:hover > a { color: var(--white); font-weight: 100; } #umweltbewusstsein.mod_article .bg--container > .inner { max-width: 92%; } .index #header h1, .index #header h2 { max-width: 60%; } #header h1, #header h2 { max-width: 100%; } .mod_article.grid.col--3 .elements-filter-wrapper, .mod_article.grid.col--3 > .inner, .mod_article.grid.tile > .inner { grid-template-columns: 1fr 1fr; } .mod_article.grid.tile > .inner { column-gap: 56px; row-gap: 56px; } .mod_article.grid.col--3 .elements-filter-wrapper .ce_text.first, .mod_article.grid.col--3 .elements-filter-wrapper .ce_headline, .mod_article.grid.col--3 .ce_headline, .mod_article.grid.col--3 .ce_text.first { grid-column: 1 / 3; } .mod_article.grid.tile .ce_text { height: inherit; } .unternehmen #umweltbewusstsein .bg--container figure picture img { object-fit: cover; height: 720px; } #worldmap .grid, #worldmap .flex { height: 140px; } #header #head + .mod_article:before, #header > .mod_article.first.last:before { height: 180px; background-size: contain; } .standorte #header h2 br { display: none; } #foot > div { width: calc(50% - 220px); padding-right: 0; } #foot > div.first { width: 45%; padding-right: 5%; } .ce_text .bg--container > .circle--fx { top:80px; } } @media (max-width:1080px) { #foot > div[class*="ce_"] { width: 320px; padding-right: 0; } #foot > div.first { width: calc(100% - 420px); padding-right:0; } #foot > nav.rightnav { width: 100%; margin-top: 3em; } #foot > nav#footernav { padding-top: 2em; } #foot nav.rightnav ul { display: flex; } .latest .layout_latest, .short .layout_short { width: 48%; } .latest .layout_latest, .short .layout_short { margin-left: 0; } .latest .layout_latest.odd, .short .layout_short.odd { margin-left: 2%; } .location_list > .flex > .location, .mod_location_overview > .location { margin-top: 4%; } .no-mobile, #worldmap h5.no-mobile { display: none } .mobile, #worldmap h5.mobile { display: inline-block; } #worldmap h5.mobile { position: absolute; margin: 1em auto 0; } .usa, .euro, #worldmap .flex .euro { width:80%; margin: 0 auto; } #worldmap .flex .euro { padding-left: 0; } #worldmap .maps .euro { margin-left:0; margin-top: 3em; position: relative; } #worldmap .maps .usa { width: 60%; } #header h1, #header h2.h1, #header h3.h1, main .mod_article h2.ce_headline, main .mod_article .ce_text h2 { font-size: 1.87em; } #header h2, #header strong.h3, #header h2.h3, #header h1.h3 { font-size: 1.66em; } #environment .bg--container figure picture img { min-height: 660px; } } @media (max-width:1024px) { .ce_services_sidebar, .ce_text.norm, .related .service, .related-service-list .service, .services > .service, .mod_service_overview .service { width: 48%; } .mod_service_overview .service { margin-top: 4%; } .mod_newslist.latest, .mod_newslist.short { justify-content: space-between; } .latest .layout_latest, .short .layout_short { margin-bottom: 4%; } .mod_article #green .bg--container > .inner { max-width: 92%; } .ce_text.norm ul { margin-left: 0; column-count: 2; } .ce_text .bg--container > .circle--fx { top:0; height: 29vw; left: 17%; } .mod_article.grid.col--6 > .inner { column-gap: 3em; row-gap: 3em; } .mod_service_scout .grid { grid-template-columns: 4fr; } .mod_service_scout .services.grid { grid-template-columns: 1fr 1fr; } .filter-form .checkbox_container { display: flex; flex-wrap: wrap; } .w50 { max-width: 46%; } .mod_service_scout .filter-form .checkbox_container p { width: 25%; } .mod_service_detail .between > div { max-width: 100%; } } #environment .bg--container figure picture img { object-fit: cover; } @media (max-width:960px) { body,body, input, textarea, select, .ce_timelineElement, body.index #main div[class*="ce_"], .timeline__content .desc strong.marker, .mod_article.grid.cols--4 > .inner div[class*="ce_text"], #header .mod_navigation li, #header .mod_navigation li.submenu li > a, .download-element small.blue, .serviceslide .s-bottom { font-size: 16px; } .mod_navigation li.active strong { font-size: 16.6px !important; color: var(--blue); text-indent: 2px; } .ce_text.colcount-6 { column-count: 4; } .unternehmen #umweltbewusstsein .bg--container figure picture img { height:900px; } .timeline--mobile .timeline__item { padding-left: 52px; padding-right: 0; width: calc(100% - 52px); } .timeline--mobile .timeline__item .timeline__content::before { border-right-color: #fff; } .ce_text.colcount-2 { column-count: 1; column-gap: 0; } .index #header .bg--container figure img { height: 580px; object-fit: cover; } main .ce_text blockquote p { max-width: 72%; } .mod_article .filters ul { font-size: 14px; } p.download-element { margin-top: 1.33em; } .mod_article.grid.cols--4.col-25-75 > .inner { grid-template-columns: 2fr 2fr; } .mod_article.grid.cols--4.col-75-25 > .inner { grid-template-columns: 2fr 2fr; } #environment .bg--container figure picture img { height: 700px; } } @media (max-width: 850px) { #footer { height: auto; } } @media (max-width:768px) { #worldmap .maps .usa, .location_list > .flex > .location, .mod_location_overview > .location { width: 100%; } #header .mod_navigation li.active strong:before, #header .mod_navigation .level_1 > li:after, #header .mod_navigation .level_1 > li.submenu > a:before, #header .mod_navigation .level_1 li.submenu li > a:before { height: 0; } #header .bg--container h1.h2 { } nav li.submenu ul.level_2 { margin-top: 0; padding-bottom: 4px; } #foot > div.first a { display: inline-block; width: 200px; } #footer { padding-bottom: 90px; } #foot > div.first img { display: inline-block; } #worldmap .maps .euro { margin-left: -33%; margin-top: 3em; position: relative; width: 133%; } #foot > div.first { margin-bottom: 1.5em; } .service_detail > h4, .service_detail .h4, .location_details > h4, .service_list > h4, .ce_location_criteria h4, .location_list > h4, .ce_download > h4, .ce_gallery > h4, #header h2, #header strong.h3, #header h2.h3, #header h1.h3 { font-size: 1.33em; } #header h1, #header h2.h1, #header h3.h1 { font-size: 1.5em; } .radio_container i.label, .checkbox_container i.label { font-size: 16px; } .ce_text.w50.last, .ce_form.w50 { margin-top: 3em; } .w33 + .w33, .w33 + .w50 { margin-top: 2em; } .index #header .bg--container figure img, #green .bg--container figure img { height:430px; object-fit: cover; } .mod_article.grid.col--6 > .inner { grid-template-columns: 1fr 1fr 1fr; } .ce_text .bg--container > .circle--fx { top: -50px; } .ce_text.colcount-6 { column-count: 3; } .w33, .ce_services_sidebar, .ce_text.norm, #foot > div.first, #foot > div[class*="ce_"] { width: 100%; } li.service .spacer h4 { font-size: 1.2em; } li.service .spacer .details.popover p:first-child { text-align: left; font-size: 15px; } .ce_services_sidebar .service .spacer .details.popover p { max-width: 380px; } .ce_services_sidebar > .services { margin-left: auto; margin-right: auto; max-width: 420px; } .layout_full .ce_text .image_container.float_right, .layout_full .ce_text .image_container.float_left { max-width: 50%; } .w50, body.index .ce_text.w50, p.download-element a { max-width: 100% } } @media (max-width:640px) { .mod_article.grid.cols--4.col-25-75 > .inner { grid-template-columns: 2fr 5fr; } .mod_article.grid.cols--4.col-75-25 > .inner { grid-template-columns: 5fr 2fr; } .ce_image.rings-fx svg.rings--fx { display: none; } #environment .bg--container figure picture img { height: 800px; } .ce_tinysliderStart .ce_image.tns-item figure > figcaption, .ce_gallery li > figure > figcaption, .ce_gallery .item > figure > figcaption { width: calc(98% - 2em); line-height: 1.2em; bottom: -133%; } .ce_text.norm ul { margin-left: 0; column-count: 1; } } @media (max-width:480px) { #cboxTitle { font-size: .875rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #head .logo { width: 150px; } #header .bg--container figure picture img { height: 380px; } #header .hvh .bg--container figure picture img, .index #header .bg--container figure img { height: 320px; object-fit: cover; } .ce_text .bg--container > .circle--fx { display: none; } ul.flex li.download-element { width: 100%; margin-right: 0; } .layout_full .ce_text .image_container.float_right, .layout_full .ce_text .image_container.float_left { margin-left: 0; margin-right: 0; margin-bottom: 2em; } li.service .spacer .details.popover p:first-child { text-align: left; font-size: 14px; } .ce_services_sidebar .service .spacer .details.popover p { max-width: 300px; } .ce_services_sidebar > .services { margin-left: auto; margin-right: auto; max-width: 100%; } /* #footer { padding-top: 300px; } */ .location_list > h4 { margin-bottom: 0; } .latest .layout_latest, .short .layout_short { margin-bottom: 2em; } .latest .layout_latest.odd, .short .layout_short.odd { margin-left: 0; } main .mod_article h2.ce_headline, main .mod_article .ce_text h2 { font-size: 1.33em; } #foot > div.first, #foot > div[class*="ce_"], .latest .layout_latest, .short .layout_short, .mod_newsreader > div h1, .related .service, .related-service-list .service, .services > .service, .mod_service_overview .service { width: 100% } .mod_service_scout .filter-form .checkbox_container p { width: 100%; } .index #header h1, .index #header h2,.ce_youtube, .layout_full .ce_text .image_container.float_right, .layout_full .ce_text .image_container.float_left { max-width: 100%; } .mod_article.grid.cols--4.col-25-75 > .inner, .mod_article.grid.cols--4.col-75-25 > .inner, .mod_service_scout .services.grid, .mod_article.grid.col--3 .elements-filter-wrapper, .mod_article.grid.col--3 > .inner, .mod_article.grid.tile > .inner { grid-template-columns: 1fr; } .mod_article.grid.col--3 .elements-filter-wrapper .ce_text.first, .mod_article.grid.col--3 .elements-filter-wrapper .ce_headline, .mod_article.grid.col--3 .ce_headline, .mod_article.grid.col--3 .ce_text.first { grid-column: 1 / 2; } .mod_article.grid.cols--4.col-25-75 > .inner > .first { padding-right: 0; } .ce_image.rings-fx .image_container, .mod_article.grid.cols--4.col-75-25 > .inner > .last { padding-left:0; } .serviceslide .s-bottom { min-height: 380px; padding: 20px 10px 10px 10px; } div[id*=tns] > .tns-item { font-size: 14px; } .serviceslide.tns-item .s-bottom h4 + p { hyphens: auto !important; text-align: left; font-size: 14px !important; } .serviceslide .spacer svg { width: 133px; height: auto; } .mod_newsreader > div h1 { padding-top: 2.5em; } .serviceslide .s-top { padding:10px; } #header h2, #header h1.h2, #header .h2, #header h3.h2, .mod_newsreader > div h1, main h1 { font-size: 24px; } main .ce_text.location_details h2, main .mod_article .ce_text.location_details h2 { font-size: 22px; } #header h2, #header strong.h3, #header h2.h3, #header h1.h3 { font-size: 20px; } .serviceslide h4, main .mod_article .layout_full .ce_text h2 { font-size: 18px; } .ce_text.colcount-6 { column-count: 2; } .mod_article .filters ul { margin-top: 2em; flex-wrap: wrap; } .mod_article.grid.col--6 > .inner { grid-template-columns: 1fr 1fr; column-gap: 2em; row-gap: 2em; } #environment .bg--container figure picture img { height: 1000px; } } @media (min-width:320px) and (max-width:479px) { #header h2, #header h1.h2, #header .h2, #header h3.h2, .mod_newsreader > div h1, main h1 { font-size: 22px; } main .ce_text.location_details h2, main .mod_article .ce_text.location_details h2 { font-size: 20px; } #header h2, #header strong.h3, #header h2.h3, #header h1.h3 { font-size: 1em; } .ce_text h4 { font-size: 1rem; } .mod_location_detail h4 { color: var(--blue); font-size: 18px; } .mod_location_detail .tns-nav { visibility: hidden; } #worldmap h5 { padding: 10px 20px; } .standorte #header .bg--container > .inner, .locations #header .bg--container > .inner { top: 60%; } #header #head + .mod_article:before, #header > .mod_article.first.last:before { height: 150px; } #header .bg--container figure picture img { height: 360px; } #header .hvh .bg--container figure picture img, .standorte #header .bg--container figure img, .locations #header .bg--container figure img, .standorte #header .hvh .bg--container figure img, .locations #header .hvh .bg--container figure img { height: 320px; object-fit: cover; } #head .navi { top: 0 } .mod_burger { margin-right: 0; } .navi .mod_changelanguage { width: 60px; top: 17px; right: 70px; } .navi .mod_changelanguage li img { width: 24px; } #head .logo { width: 125px; } .timeline__content .desc p { text-align: left; hyphens: auto; } .timeline--mobile .timeline__item { width: calc(100% - 25px); } #environment .bg--container figure picture img { height: 1000px; } body,body, input, textarea, select, .ce_timelineElement, body.index #main div[class*="ce_"], .timeline__content .desc strong.marker, .mod_article.grid.cols--4 > .inner div[class*="ce_text"], #header .mod_navigation li, #header .mod_navigation li.submenu li > a, .download-element small.blue, .serviceslide .s-bottom { font-size: 15px; } } @media (max-width:320px) { body,body, input, textarea, select, .ce_timelineElement, body.index #main div[class*="ce_"], .timeline__content .desc strong.marker, .mod_article.grid.cols--4 > .inner div[class*="ce_text"], #header .mod_navigation li, #header .mod_navigation li.submenu li > a, .download-element small.blue, .serviceslide .s-bottom { font-size: 15px; } #environment .bg--container figure picture img { height: 1000px; } #services--slider div[id*=tns] > .tns-item { padding-right: 20px; } .timeline__content .desc p { text-align: left; hyphens: auto; font-size: 15px; } .timeline--mobile .timeline__item { width: calc(100% - 10px); } .mod_article.grid.col--6 > .inner { grid-template-columns: 1fr; column-gap: 1em; row-gap: 2em; } .mod_article.grid.col--6 > .inner svg[class*="--icon"] { width: 200px; display: block; margin: 0 auto; height: auto; } }