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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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} @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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} 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%} .download-element a{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 a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)} #wrapper .mod_article .article_bg{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;z-index:1}#wrapper .mod_article .article_bg .inside{min-height:100%;height:100%}#wrapper .mod_article .article_bg img{object-fit:cover;min-height:100%;width:100%}#wrapper .mod_article .article_bg video{min-height:100%;min-width:100%;object-fit:cover}@media (min-width:1921px){#wrapper .mod_article .article_bg video{width:100%}}@media (max-width:1023px){#wrapper .mod_article .article_bg.image .inside{display:var(--background_image_mobile, block)}}@media (max-width:1023px){#wrapper .mod_article .article_bg.video .inside{display:var(--background_video_mobile, block)}}html body #wrapper .mod_article{position:relative}html body #wrapper .mod_article.article_bg_color{background:var(--article_bg_color, #fff)}html body #wrapper .mod_article.font_color,html body #wrapper .mod_article.font_color .rte,html body #wrapper .mod_article.font_color h1,html body #wrapper .mod_article.font_color h2,html body #wrapper .mod_article.font_color h3,html body #wrapper .mod_article.font_color h4,html body #wrapper .mod_article.font_color h5,html body #wrapper .mod_article.font_color h6{color:var(--font_color)}html body #wrapper .mod_article.font_color a,html body #wrapper .mod_article.font_color .rte a,html body #wrapper .mod_article.font_color h1 a,html body #wrapper .mod_article.font_color h2 a,html body #wrapper .mod_article.font_color h3 a,html body #wrapper .mod_article.font_color h4 a,html body #wrapper .mod_article.font_color h5 a,html body #wrapper .mod_article.font_color h6 a{color:var(--font_color)}html body #wrapper .mod_article.font_color a:hover,html body #wrapper .mod_article.font_color .rte a:hover,html body #wrapper .mod_article.font_color h1 a:hover,html body #wrapper .mod_article.font_color h2 a:hover,html body #wrapper .mod_article.font_color h3 a:hover,html body #wrapper .mod_article.font_color h4 a:hover,html body #wrapper .mod_article.font_color h5 a:hover,html body #wrapper .mod_article.font_color h6 a:hover{color:var(--font_color);text-decoration:underline} .mod_article{min-height:var(--element_height, var(--article_min_height, none))}.mod_article.has_img .article_bg>.inside{margin:auto}.mod_article>*{width:var(--article_inside_width);max-width:100%;margin-left:auto;margin-right:auto} .mod_navigation.dropdown { overflow: visible; } .mod_navigation li.mm_container > a, .mod_navigation li.mm_container > span, .mod_navigation li.mm_container > strong { position: relative; } .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover > a:after, .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover > strong:after, .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive > a:after, .mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive > strong:after { /* hide (overlay)border bottom of main menu */ content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 3px; background-color: #F4F2F0; z-index: 110; } .mod_navigation li.mm_container .mm_dropdown { display: none; position: absolute; left: 0; right: 0; z-index: 100; } .mod_navigation li.mm_container .mm_dropdown > .inner { padding: 1rem 2rem; border: 1px solid #E5DFDC; background-color: rgba(244, 242, 240, 0.95); overflow: hidden; } .mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover .mm_dropdown, .mod_navigation li.mm_container.mm_container_onClickOnly .mm_isActive ~ .mm_dropdown { display: block; } .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} /* roboto-slab-300 - latin */ @font-face { font-family: 'Roboto Slab'; font-display: swap; font-style: normal; font-weight: 300; src: url('../../files/theme2020/fonts/roboto-slab-v13-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme2020/fonts/roboto-slab-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme2020/fonts/roboto-slab-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme2020/fonts/roboto-slab-v13-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/theme2020/fonts/roboto-slab-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme2020/fonts/roboto-slab-v13-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* roboto-slab-600 - latin */ @font-face { font-family: 'Roboto Slab'; font-display: swap; font-style: normal; font-weight: 600; src: url('../../files/theme2020/fonts/roboto-slab-v12-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme2020/fonts/roboto-slab-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme2020/fonts/roboto-slab-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme2020/fonts/roboto-slab-v12-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/theme2020/fonts/roboto-slab-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme2020/fonts/roboto-slab-v12-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } /* titillium-web-regular - latin */ @font-face { font-family: 'Titillium Web'; font-display: swap; font-style: normal; font-weight: 400; src: url('../../files/theme2020/fonts/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url('../../files/theme2020/fonts/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme2020/fonts/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme2020/fonts/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme2020/fonts/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme2020/fonts/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /* titillium-web-600 - latin */ @font-face { font-family: 'Titillium Web'; font-display: swap; font-style: normal; font-weight: 600; src: url('../../files/theme2020/fonts/titillium-web-v8-latin-600.eot'); /* IE9 Compat Modes */ src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url('../../files/theme2020/fonts/titillium-web-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme2020/fonts/titillium-web-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme2020/fonts/titillium-web-v8-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/theme2020/fonts/titillium-web-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme2020/fonts/titillium-web-v8-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */ } /* Spicr v1.0.4 | thednp © 2020 | MIT-License */ .spicr{position:relative;overflow:hidden}.spicr .item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden}.spicr .active.item,.spicr .next.item{display:block}.spicr-inner{position:relative;width:100%}.spicr-layer{position:relative;width:100%;transform-style:preserve-3d;backface-visibility:hidden}.spicr-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;font-size:20px;color:#fff;text-align:center}.spicr-control.right{left:auto;right:0}.spicr-control:focus{color:#fff}.spicr-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9}.spicr-control .arrow-prev,.spicr-control .arrow-next{position:absolute;top:50%;display:inline-block;margin-top:-15px}.spicr-control .arrow-prev{left:50%}.spicr-control .arrow-next{right:50%}.spicr-pages{margin:0;padding:0;position:absolute}.spicr-pages li{display:inline-block;line-height:1}.spicr-pages.top-left{top:0;left:0}.spicr-pages.bottom-left{bottom:0;left:0}.spicr-pages.top-right{top:0;right:0}.spicr-pages.bottom-right{bottom:0;right:0}.spicr-control,.spicr-pages>*{cursor:pointer}.spicr-icon{width:30px;height:30px;fill:currentColor}.spicr-pages,.spicr-control,.spicr .next.item{z-index:1}.spicr-slider{color:rgba(255,255,255,.75)}.spicr-slider .item{height:600px}.spicr-slider .item-bg{background-size:cover;background-position:50% 50%;background-repeat:no-repeat;position:absolute;top:0;width:100%;height:100%}.spicr-slider h1,.spicr-slider h2,.spicr-slider h3,.spicr-slider h4{color:#fff}.spicr-slider .spicr-layer:not([data-opacity=false]){opacity:0}.spicr-slider .active .spicr-layer:not([data-opacity=false]){opacity:1}.spicr-slider .spicr-pages{bottom:0;width:100%;padding:1.5rem;list-style:none}.spicr-slider .spicr-pages li{display:inline-block;width:20px;height:10px;margin:0 1px;border:1px solid #fff;cursor:pointer;background-color:transparent;vertical-align:middle}.spicr-slider .spicr-pages li.active{width:22px;height:10px;background-color:#fff}.spicr-carousel{clear:both;display:inline-block;width:100%}.spicr-carousel[data-opacity=false] .next .spicr-layer{transform:translate3d(-100%, 0, 0)}.spicr-carousel:not([data-opacity=false]) .spicr-layer{opacity:0}.spicr-carousel:not([data-opacity=false]) .active .spicr-layer{opacity:1} /* Spalten mit 2,5% Abstand bei 1100 und 599 */ .rs-columns{clear:both;display:inline-block;width:100%}.rs-column{float:left;width:100%;margin-top:2.5%;margin-right:2.5%}.rs-column.-large-first{clear:left}.rs-column.-large-last{margin-right:-5px}.rs-column.-large-first-row{margin-top:0}.rs-column.-large-col-1-1{width:100%}.rs-column.-large-col-2-1{width:48.75%}.rs-column.-large-col-2-2{width:100%}.rs-column.-large-col-3-1{width:31.66667%}.rs-column.-large-col-3-2{width:65.83333%}.rs-column.-large-col-3-3{width:100%}.rs-column.-large-col-4-1{width:23.125%}.rs-column.-large-col-4-2{width:48.75%}.rs-column.-large-col-4-3{width:74.375%}.rs-column.-large-col-4-4{width:100%}.rs-column.-large-col-5-1{width:18%}.rs-column.-large-col-5-2{width:38.5%}.rs-column.-large-col-5-3{width:59%}.rs-column.-large-col-5-4{width:79.5%}.rs-column.-large-col-5-5{width:100%}.rs-column.-large-col-6-1{width:14.58333%}.rs-column.-large-col-6-2{width:31.66667%}.rs-column.-large-col-6-3{width:48.75%}.rs-column.-large-col-6-4{width:65.83333%}.rs-column.-large-col-6-5{width:82.91667%}.rs-column.-large-col-6-6{width:100%}@media screen and (max-width: 1100px){.rs-column{margin-top:2.5%;margin-right:2.5%}.rs-column.-large-first{clear:none}.rs-column.-large-last{margin-right:2.5%}.rs-column.-large-first-row{margin-top:2.5%}.rs-column.-medium-first{clear:left}.rs-column.-medium-last{margin-right:-5px}.rs-column.-medium-first-row{margin-top:0}.rs-column.-medium-col-1-1{width:100%}.rs-column.-medium-col-2-1{width:48.75%}.rs-column.-medium-col-2-2{width:100%}.rs-column.-medium-col-3-1{width:31.66667%}.rs-column.-medium-col-3-2{width:65.83333%}.rs-column.-medium-col-3-3{width:100%}.rs-column.-medium-col-4-1{width:23.125%}.rs-column.-medium-col-4-2{width:48.75%}.rs-column.-medium-col-4-3{width:74.375%}.rs-column.-medium-col-4-4{width:100%}.rs-column.-medium-col-5-1{width:18%}.rs-column.-medium-col-5-2{width:38.5%}.rs-column.-medium-col-5-3{width:59%}.rs-column.-medium-col-5-4{width:79.5%}.rs-column.-medium-col-5-5{width:100%}.rs-column.-medium-col-6-1{width:14.58333%}.rs-column.-medium-col-6-2{width:31.66667%}.rs-column.-medium-col-6-3{width:48.75%}.rs-column.-medium-col-6-4{width:65.83333%}.rs-column.-medium-col-6-5{width:82.91667%}.rs-column.-medium-col-6-6{width:100%}}@media screen and (max-width: 599px){.rs-column{margin-top:2.5%;margin-right:2.5%}.rs-column.-large-last{margin-right:2.5%}.rs-column.-large-first-row{margin-top:2.5%}.rs-column.-medium-first{clear:none}.rs-column.-medium-last{margin-right:2.5%}.rs-column.-medium-first-row{margin-top:2.5%}.rs-column.-small-first{clear:left}.rs-column.-small-last{margin-right:-5px}.rs-column.-small-first-row{margin-top:0}.rs-column.-small-col-1-1{width:100%}.rs-column.-small-col-2-1{width:48.75%}.rs-column.-small-col-2-2{width:100%}.rs-column.-small-col-3-1{width:31.66667%}.rs-column.-small-col-3-2{width:65.83333%}.rs-column.-small-col-3-3{width:100%}.rs-column.-small-col-4-1{width:23.125%}.rs-column.-small-col-4-2{width:48.75%}.rs-column.-small-col-4-3{width:74.375%}.rs-column.-small-col-4-4{width:100%}.rs-column.-small-col-5-1{width:18%}.rs-column.-small-col-5-2{width:38.5%}.rs-column.-small-col-5-3{width:59%}.rs-column.-small-col-5-4{width:79.5%}.rs-column.-small-col-5-5{width:100%}.rs-column.-small-col-6-1{width:14.58333%}.rs-column.-small-col-6-2{width:31.66667%}.rs-column.-small-col-6-3{width:48.75%}.rs-column.-small-col-6-4{width:65.83333%}.rs-column.-small-col-6-5{width:82.91667%}.rs-column.-small-col-6-6{width:100%}} body { background:url('../../files/theme2020/img/hintergrund.jpg') #fff; position:relative; font-family:'Titillium Web',sans-serif; font-size:1.1rem; color:#555; } h1,h2,h3,h4,h5,h6,p { margin-top:0; margin-bottom:20px; } h1,h2,h3,h2 a { font-family:'Roboto Slab',serif; color:#01c0c2; text-transform:uppercase; } h1 { font-size:42px; } #main a { color:#01c0c2; } /* Fake Uberschriften */ .black { color:#000 !important; } .white { color:#fff !important; } /* padding */ .pb-0 { padding-bottom:0 !important; } .pt-1 { padding-top:1rem !important; } /* margin */ .mr-5 { margin-right:5rem; } .mt-3 { margin-top:3rem; } .mb-0 { margin-bottom:0; } .line-height-0 { line-height:0; } .zentriert { text-align:center; } .full-width { width:100% !important; margin-left:0 !important; margin-right:0 !important; padding-top:35px; padding-bottom:35px; } .white-bg { background-color:#fff; } .green-bg { background-color:#01c0c2; color:#fff; } .green-bg h2 { color:#fff; } #header .inside, #main .mod_article, .bereiche .rs-columns, .inside-max-width .inner, #footer .inside { width:1180px; margin-left:auto; margin-right:auto; } #header { height:125px; position:relative; z-index:20; width:100%; background:url('../../files/theme2020/img/hintergrund.jpg') #fff; } #header.sticky { position:fixed; height:60px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5); } #header .inside { height:100%; } #header .logo { position:absolute; left:0; bottom:45px; transition: bottom .5s; } #header.move-logo-nav .logo { bottom:5px; transition: bottom .5s; } #header .mod_navigation { position:absolute; right:0; bottom:35px; text-transform:uppercase; overflow:visible; transition: bottom .5s; } #header.move-logo-nav .mod_navigation { bottom:10px; transition: bottom .5s; } #header .mod_navigation ul { list-style-type:none; margin:0; padding:0; } #header .mod_navigation li { display:inline-block; } #header .mod_navigation a, #header .mod_navigation strong.active, #header .mod_navigation strong.trail, #header .mod_navigation strong { display:inline-block; margin-left:20px; color:#555; text-decoration:none; font-weight:bold; } #header .mod_navigation a.trail, #header .mod_navigation strong.active, #header .mod_navigation strong.trail, #header .mod_navigation a:hover { color:#01c0c2; font-weight:bold; } /* Megamenu */ #header .mod_navigation li.mm_container .mm_dropdown > .inner { color:#fff; background-color:#01c0c2; border:0; box-shadow: 0px 8px 15px -8px rgba(0,0,0,0.75); } #header .mod_navigation li.mm_container .mm_dropdown > .inner h2 { color:#fff; } #header .mod_navigation li.mm_container .mm_dropdown > .inner li { display:block; } #header .mod_navigation li.mm_container .mm_dropdown > .inner a, #header .mod_navigation li.mm_container .mm_dropdown > .inner strong { margin-left:0; } #header .mod_navigation li.mm_container .mm_dropdown > .inner span.active, #header .mod_navigation li.mm_container .mm_dropdown > .inner a:hover { color:#fff; } #header .mod_navigation li.mm_container:hover > a::after, .mod_navigation li.mm_container:hover > span::after { height: 0; } /* Linie unter Links entfernt */ #header .mod_navigation li.mm_container .mm_dropdown ul.level_2 { margin-left:15px; } #header .mod_navigation li.mm_container .mm_dropdown ul.level_2 a, #header .mod_navigation li.mm_container .mm_dropdown ul.level_2 strong, #header .mod_navigation li.mm_container .mm_dropdown ul.level_2 strong.active, #header .mod_navigation li.mm_container .mm_dropdown ul.level_2 a:hover { font-weight:normal; } #header .mod_navigation li.mm_container .mm_dropdown > .inner a.trail { color:#fff; } #header .mod_navigation li.mm_container .mm_dropdown ul.level_1 strong.active, #header .mod_navigation li.mm_container .mm_dropdown ul.level_2 strong.active { color:#b2f2f0; } .mm_85 .inner { background-image:url('../../files/theme2020/img/leistungen-menu-bg.png'); background-position:right top; background-repeat:no-repeat; } .mm_86 .inner { background-image:url('../../files/theme2020/img/referenzen-menu-bg.jpg'); background-position:right 10px center; background-repeat:no-repeat; } #animation { position: relative; height:550px; background-color:#fff; overflow:hidden; } #animation .inside, #animation .mod_article { height:100%; } /* Start: Schatten oben und unten an der Animation */ /* #animation .inside:before, #animation .inside:after { content:""; position:absolute; z-index:10; -webkit-box-shadow:0 0 8px rgba(0,0,0,0.5); box-shadow:0 0 8px rgba(0,0,0,0.5); left:10%; right:10%; width:80%; height:10%; -moz-border-radius:100%; border-radius:100%; } #animation .inside:before { top:-10%; } #animation .inside:after { bottom:-10%; } */ #animation .inside:before, #animation .inside:after { content:""; position:absolute; z-index:10; -webkit-box-shadow:0 0 12px rgba(0,0,0,0.5); box-shadow:0 0 12px rgba(0,0,0,0.5); width:100%; height:5%; -moz-border-radius:100%; border-radius:100%; } #animation .inside:before { top:-30px; } /* Ende: Schatten oben und unten an der Animation */ #main a.actionBtn { color:#fff; } .hide-aktuelles #article-scroller, .referenzen #article-scroller { display:none; } .spicr-slider { color:#000; } .spicr-pages.bottom-center { bottom:0; right:0; left:0; text-align:center; } .spicr .container { max-width:1140px; margin-left:auto; margin-right:auto; height:550px; } .spicr-layer { width:auto; } .spicr-slider .item { height:550px; } .spicr .image-container { display:inline-block; margin-top:10px; margin-right:60px; float:left; } .spicr .ce_image { overflow:visible; } .spicr img { transform: rotate(-5deg); } .spicr-textbox { max-width:380px; float:left; margin-right:20px; height:100%; display:flex; font-size:1.25em; } .textbox-inner { margin-top:auto; margin-bottom:auto; } .textbox-inner p { margin:0 0 1.5rem; } .spicr .headline { font-family:'Roboto Slab',serif; font-weight:bold; text-transform:uppercase; font-size:1.75em; } .spicr .call2action { display:inline-block; font-family:'Roboto Slab',serif; background-color:#01c0c2; border:0; padding:0.5rem 1.5rem; font-size:1.25em; margin-top:2rem; cursor:pointer; white-space: nowrap; } .spicr .call2action:hover { background-color:#01A9AB; } .spicr .call2action a { display:block; color:#fff; text-decoration:none; font-weight:bold; } .spicr-slider .item:nth-child(4) .spicr-textbox { max-width:450px; } /* Inhalte */ #container { position:relative; z-index:10; padding:25px 0 15px; } .startseite h1 { text-align:center; } /* Bereiche */ .mod_article.bereiche { background-color:#696969; margin-top:10px; } .bereiche .rs-columns { display:flex; } .bereiche .rs-column { background-color:#fff; box-sizing:border-box; padding:20px; text-align:center; position:relative; } .actionBtn { display:block; margin-left:auto; margin-right:auto; width:60%; font-family:'Roboto Slab',serif; font-weight:bold; color:#fff; background-color:#01c0c2; border:0; padding:0.3rem 0; font-size:1.2rem; text-decoration:none; } .actionBtn:hover { background-color:#01A9AB; } .bereiche p:last-child { margin-bottom:0; } .bereiche .rs-column .content-text { padding-bottom:120px; } .ref-links { position:absolute; bottom:20px; left:0; right:0; } .more-link { position:absolute; bottom:70px; left:0; right:0; } /* Scroller */ #main .mod_article.scroller { width:100%; background-color:#fff; } #main .mod_article.scroller .inside { width:1380px; margin-left:auto; margin-right:auto; position:relative; } .weiss-links { position:absolute; z-index:10; left:0; top:0; bottom:0; width:200px; background: rgba(255,255,255,1); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } .weiss-rechts { position:absolute; z-index:10; right:0; top:0; bottom:0; width:460px; background: rgba(255,255,255,0); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } .scroller h2 { margin-top:15px; color:#6a6a6a; } .sk{padding:0;margin:0;font-size:0;position:relative;left:0;white-space:nowrap}.sk li{font-size:initial;height:100%;vertical-align:top;display:inline-flex;justify-content:center;align-items:center}.sk-arrow{position:absolute;top:50%;padding-top:100%;width:28px;padding-left:1%;padding-right:2%;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkdlbmVyYWwiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMzAxIDM5MCA4IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0zMDEgMzkwIDggMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7b3BhY2l0eTowLjg7ZmlsbDojODE4MTgxO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMjk5LjMsNDAzLjdsNi02YzAuMi0wLjIsMC4zLTAuNCwwLjMtMC43cy0wLjEtMC41LTAuMy0wLjdsLTYtNmMtMC4yLTAuMi0wLjQtMC4zLTAuNy0wLjNjLTAuNiwwLTEsMC40LTEsMWMwLDAuMywwLjEsMC41LDAuMywwLjdsNC4zLDQuM2MwLDAsMC42LDAuNSwwLjYsMWMwLDAuNi0wLjYsMS0wLjYsMWwtNC4zLDQuM2MtMC4yLDAuMi0wLjMsMC40LTAuMywwLjdjMCwwLjYsMC40LDEsMSwxQy0yOTkuNyw0MDQtMjk5LjUsNDAzLjktMjk5LjMsNDAzLjd6Ii8+PC9zdmc+) no-repeat center;background-size:28px 49px;z-index:1000;cursor:pointer;transition:visibility 0s 0s,opacity .5s,padding-left .5s,padding-right .5s;visibility:visible;opacity:1}.sk-left{left:0;transform:rotate(180deg) translateY(50%)}.sk-right{right:0;transform:translateY(-50%)}.sk-arrow.sk-hidden{transition:visibility 0s .5s,opacity .5s,padding-left .5s,padding-right .5s;visibility:hidden;opacity:0;padding-left:0;padding-right:0}.sk-button-cont{transition:visibility 0s 0s,opacity .5s,bottom .5s;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:1000}.sk-button{display:inline-block;height:8px;width:8px;border-radius:50%;margin:0 4px;background:rgba(0,0,0,.75);cursor:pointer;z-index:1000}@supports (shape-outside:circle){.sk-button{-webkit-shape-outside:circle;shape-outside:circle}}.sk-button-cont.sk-hidden{transition:visibility 0s .5s,opacity .5s,bottom .5s;visibility:hidden;opacity:0;bottom:0} .scroller figure { line-height:0; margin:0 5px; } .scroller figcaption { color:#fff; background-color:#6a6a6a; padding:3px 8px; line-height:1.5; /* sorgt für "..." am Ende, wenn zu lang */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Header */ #animation .inner { position:relative; height:100%; width:1380px; margin-left:auto; margin-right:auto; } #animation .content-text { position:absolute; right:0; bottom:0; z-index:2 } #animation .grafikdesign-header .inside { margin-top:-8%; } #animation .webdesign-header .inside { margin-top:-14%; } #animation .responsive-header .inside { margin-top:-13%; } #animation .webshop-header .inside { margin-top:-6%; } #animation .verpackung-header .inside { margin-top:-17%; } /* Referenzen */ .ref-left .rs-column:last-child { width:30% } .ref-right .rs-column:first-child { width:30%; margin-left:auto; } .referenzen #main img { width:100%; } .referenzen #container { padding-top:0; } .referenzen .full-width { padding-top:0 !important; } .referenzen #main .rs-column .content-text { padding-left:30px; padding-top:30px; box-sizing:border-box; text-align:left; padding-left: 30px; height: 100%; justify-content: center; display: flex; flex-direction: column; } .referenzen #animation { height:56px; background-color:#01c0c2; } .referenzen #animation .inside:before { top:-3px; } .referenzen #animation .content-text { position:static; width:100%; text-align:center; } .referenzen h1 { color:#fff; } .referenzen #main .font-normal { font-weight:normal; } .mod_article.referenzen { background-color:#fff; margin-top:10px; } .referenzen #main .rs-columns { display:flex; } .referenzen #main p:last-child { margin-bottom:0; } .referenzen .actionBtn { margin-left:0; margin-right:0; text-align:center; width:auto; padding-left:15px; padding-right:15px; display:inline-block; } /* Blog */ .layout_latest { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #eee; } .pagination ul { margin-left:0; padding-left:0; } .pagination li { display:inline-block; background-color:#01c0c2; padding:3px 8px; margin-right:5px; } #main .pagination li a { color:#fff; text-decoration:none; } /* Schnellkontakt */ #article-kontakt { margin-top:25px; } .schnellkontakt { position:relative; } .schnellkontakt .widget-text { width:48%; } .schnellkontakt .widget-textarea { width:48%; position:absolute; top:0; right:0; } .schnellkontakt span.mandatory { display:none; } /* Accordeons */ .ce_accordion .toggler { padding: 20px; border: 1px solid #01c0c2; background: white; cursor:pointer; font-weight:bold; } .ce_accordion .ui-accordion-content { padding: 20px; background: #e5e5e5; border: 1px solid #01c0c2; border-top:0; } #footer { background-color:#333; color:#fff; padding-top:35px; padding-bottom:20px; } #footer a { color:#01A9AB; } #footer a:hover { color:#fff; } #footer ul, #footer li { margin:0; padding:0; list-style-type:none; } @media only screen and (max-width: 1750px){ .article_bg .inside { margin-top:0 !important; } .referenzen #main .rs-columns { margin-bottom:35px; } } @media only screen and (max-width: 1380px){ #animation .inner { width:100%; margin-left:0; margin-right:0; } #animation .content-text { padding-right:35px; box-sizing:border-box; } #main .mod_article.scroller .inside { width:100%; } #main .mod_article.scroller .inside div[style] { height:auto !important; } } @media only screen and (max-width: 1250px){ #header .inside, #main .mod_article, .bereiche .rs-columns, #footer .inside { width:100%; margin-left:0; margin-right:0; padding-left:35px; padding-right:35px; box-sizing:border-box; } .inside-max-width .inner { width:100%; } .referenzen #main .mod_article { padding-left:0; padding-right:0; } .referenzen #main #article-kontakt { padding-left:35px; padding-right:35px; } .bereiche .rs-columns { padding-left:0; padding-right:0; } #header .logo { left:35px; } #header .mod_navigation { right:35px; } /* Animation */ #animation { height:400px; } #animation .inside::before { top:-20px; } .spicr .container { width:900px; height:400px; font-size:88%; } .spicr-textbox { max-width:340px; } .spicr-slider .item { height:400px; } .spicr img { max-width:none; height:400px; width:auto; } .spicr .call2action { margin-top:1rem; } } /* 1. Umbruch */ @media only screen and (max-width: 1100px){ .bereiche .rs-columns { flex-wrap:wrap; } #footer ul a { display:block; margin-bottom:10px; } .ref-left .rs-column:last-child, .ref-right .rs-column:first-child { width:45%; } #footer .kaeuferportal .image_container { margin-left:0 !important; } } @media only screen and (max-width: 989px){ .weiss-links , .weiss-rechts { display:none; } } @media only screen and (max-width: 960px){ h1 { font-size:32px; } #main h2 { text-align:center; } .intro br, .bereiche br, .mehrwert br { display:none; } #header { height:100px; } #header .logo { bottom:25px; } /* Animation */ #animation { height:300px; } #animation .inside::before { top:-20px; } #animation .inside::after { bottom:-20px; } .spicr .container { width:720px; height:300px; font-size:75%; } .spicr-textbox { max-width:300px; float:none; } .spicr-slider .item { height:300px; } .spicr .image-container { margin-right:40px; } .spicr img { height:300px; } .referenzen #animation { height:46px; } .referenzen #main .rs-columns { flex-direction:column; } .referenzen #main .rs-column { width:100%; } .ref-left .rs-column:last-child, .ref-right .rs-column:first-child { width:100%; } .referenzen #main .rs-columns:nth-child(even) .rs-column:first-child { order:1; } /* da die Texte und Bilder abwechselnd rechts und links stehen, steht der Text mal drüber und mal drunter, daher hier die Reihenfolge ändern */ .referenzen #main .rs-column .content-text { padding-left:35px; padding-right:35px; } .textbox-inner p { margin-bottom:0.5rem; } .spicr .call2action { font-size:1.15em; padding:0.3rem 3rem; } .schnellkontakt .widget-text, .schnellkontakt .widget-textarea { width:100%; position:static; } } @media only screen and (max-width: 900px){ #header .mod_navigation { font-size:0.95rem; } #header .mod_navigation a, #header .mod_navigation span.active, #header .mod_navigation span.trail, #header .mod_navigation strong { margin-left:10px; } } /* ab hier mobile Navi */ @media only screen and (max-width: 800px){ #header .mod_navigation { display:none; } .mod_mobile_menu { position:absolute; right:35px; bottom:35px; cursor:pointer; } .move-logo-nav .mod_mobile_menu { bottom:10px; } .mod_mobile_menu:hover { color:#01A9AB; } .mobile_menu .inner { background-color:#01A9AB; padding:20px; } .mobile_menu ul, .mobile_menu li { margin:0; padding:0; list-style-type:none; } .mobile_menu ul ul { margin-left:20px; } .mobile_menu strong.active, .mobile_menu a { color:#fff; text-decoration:none; display:block; padding:0.5rem 1rem; margin-bottom:10px; font-size:1.5rem; } } @media only screen and (max-width: 740px){ /* Animation */ .startseite #animation { height:600px; } .startseite #animation .inside::before { top:-35px; } .startseite #animation .inside::after { bottom:-35px; } .spicr-slider .item { height:600px; } .spicr .container { width:360px; height:100%; } .spicr .image-container { margin-right:0; } .spicr .image-container, .spicr-textbox { float:none; } .spicr-textbox { max-width:360px; text-align:center; height:auto; margin-top:1rem; margin-right:0; } .spicr img { transform: rotate(0deg); } } /* 2. Umbruch */ @media only screen and (max-width: 599px){ .mobile_menu .inner { padding:10px; } .mobile_menu strong.active, .mobile_menu a { font-size:1.1rem; } #animation .content-text { width:100%; padding-right:25px; padding-left:25px; text-align:center; left:auto; right:auto; text-shadow: 1px 1px 2px #fff; } #animation .content-text br { display:none; } .referenzen #animation .content-text, #animation .content-text .white { text-shadow:none; } #footer { text-align:center; } #footer .rs-column:nth-child(3) { margin-top:0; } } @media only screen and (max-width: 500px){ #header .logo img { width:75%; } #header.move-logo-nav .logo {} h1 { font-size:26px; } :not(.startseite) h1 { font-size:22px; } .referenzen #animation { height:68px; } .referenzen #animation .inner .content-text { display:flex; justify-content:center; align-items:center; height:100%; } .referenzen #animation h1 { margin:0; } } @media only screen and (max-width: 400px){ #header { position:fixed; } #header.sticky { height:100px; } #header .logo { left:0; right:0; display: block; text-align:center; bottom:auto; top:20px; } .mod_mobile_menu { right:0; bottom:10px; left: 0; text-align:center; } /* Animation */ .startseite #animation { height:550px; } .startseite #animation .inside::before { top:-30px; } .startseite #animation .inside::after { bottom:-30px; } .spicr-slider .item { height:550px; } .spicr .container { width:300px; } .spicr-textbox { max-width:300px; } .spicr img { max-width:100%; height: auto; margin-left:auto; margin-right:auto; } }