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%}
#wrapper{width:960px;margin:0 auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class^=ce_],.mod_article [class*=" ce_"],.mod_article [class^=content-],.mod_article [class*=" content-"],.mod_article [class^=mod_],.mod_article [class*=" mod_"]{margin-left:10px;margin-right:10px}.ce_sliderStart>.content-slider{margin-left:0;margin-right:0}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class^=layout_]>*,.mod_article [class*=" layout_"]>*,.mod_article [class^=event_]>*,.mod_article [class*=" event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:none!important;display:block!important;width:auto!important}.offset1,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.offset10,.offset11,.offset12{margin-left:10px!important}}
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}
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)}
/* Fix for mobile browsers: Mobile devices calc browser viewport as (top bar + document + bottom bar) = 100vh
Whole document is filled to the page using 100vh; see also customJS.js   */

:root {
 --doc-height: 100%;
 --smaller-xl: 1500px;
}

html{ 
	width: 100%; 
	position: relative; 
	height: 100vh; /* fallback for Js load */
	height: var(--doc-height);
	
}

em {
	font-style: italic;
}

a {
	color: inherit;
	text-decoration: none;
	position: relative;
}

a:hover {
	text-decoration: none;
}

a:not(.customHover)::before {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    transform: scaleX(0);
    transform-origin: center;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transition: transform 0.5s ease-in-out;
}

a:hover::before {
    transform: scaleX(1);
}

.customHover a::before {
	height: 0;
}

.abstand {
	height: 50px;
}

.ce_text p {
	line-height: 1.4em;
}

p {
	margin-bottom: 12px;
}

.mod_article.max1000 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 5%;
}

.mod_article.articleBGWhite {
	background: #fff;
}

    
body {
	font-family:'new-zen', sans-serif;
	font-weight:300 !important;
	font-size:18px;
	position: relative; 
	overflow-x: hidden;
	width:100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch; 
	height: 100vh; /* fallback for Js load */
	height: var(--doc-height);
	background: rgba(204, 204, 204, 0.13)
    
}

body.bodyWhite {
	background: #fff;
}

body.noScroll {
	overflow-y: hidden;
}


strong, em, a {
	display: inline-block;
}

#main .inside {
	/*margin-top: 50px;*/
}

#main {
	float: none;
}

#wrapper {
	padding-bottom: 50px; 
	overflow-y:hidden;
	width: 100%;
}


.bgWhite {
	background: #fff;
	padding: 40px 80px;
	margin: 80px 0;
}

.folgeContent {
	    color: #000;
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 100;
}

.mod_article {
	margin: 0 5%;
}

.txtBox,
.mod_article .txtBox{
	margin: 40px 60px;
}

.txtBox.boxLi {
	max-width: 1000px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
    padding-right: 5%;
}

.txtBox.chartGrid {
	margin-top: 0;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.txtBox.chartGrid .animatableTxt {
	width: 70%;
}

.txtBox h2 {
	margin-bottom: 15px;
	margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.3em;
    color: #30455d;
}

.txtBox p strong,
.boxRe p strong {
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
}

.boxRe {
	margin: 40px 20px;
}

.txtBox p,
.boxRe p {
	color: #000;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 100;
}

.textBoxList {
	margin-top: 20px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
}

li.animatableTxt,
animatableTxt{
	display: inline-block;
	
}


li.animatableTxt a,
.animatableTxt a {
	display: inline-block;
    font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.4em;
    font-size: 0.8em;
    color: rgba(48, 69, 93, 1.0);
    position: relative; /* This is necessary for the ::before pseudo-element to work */
  text-decoration: none; /* Remove the default underline */
  text-align: center;
}

li.animatableTxt a::before,
.animatableTxt a::before {
  content: "";
  position: absolute;
  bottom: -2px; /* Position the line 2px above the bottom of the link */
  left: 0%; /* Center the line horizontally */
  transform: scaleX(0); /* Initially scale the line to 0, so it's not visible */
  transform-origin: center; /* Set the transform origin to the center, so the line scales from the center */
  width: 100%; /* Make the line as wide as the link */
  height: 1px; /* Set the height of the line */
  background-color: currentColor; /* Use the current text color as the line color */
  transition: transform 0.5s ease-in-out; /* Add a transition to smoothly animate the line on hover */
}
/*
li.animatableTxt a:hover::before {
  transform: scaleX(1);
}
*/

.mod_article.homeEinleitung {
	background: #fff;
	margin-top:50px;
	margin-bottom:50px;
}
.flexImg .vegas-content .ce_image {
	transform: scale(1.4);
}

.flexContainer .txtBox.boxLi, .boxRe {
	width: 50%;
}

/*================ PURPOSE ================*/

.aniContent {
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 0;
	width: 70%;
}
.homeEinleitungAni {
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.homeEinleitungAni.v2 {
	display: flex;
    width: 40%;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
}

.txtBox.boxLi.purpose {
	width: 50%;
}

.homeEinleitungAni svg {
    height: 80% !important;
    width: 70% !important
}

.homeEinleitungAni.v2 svg {
    height: auto !important;
    /*width: 80% !important;*/
}

.purposeWrapper {
	display: flex;
	justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    flex-direction: column-reverse;
}

.purposeWrapper.v2 {
	display: flex;
	justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    flex-direction: row;
}

.purposeContentWrapper {
	width: 90%;
}

.purposeContentWrapper.v2 {
	width: 60%;
}

.purposeContentWrapper h2 {
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.3em;
    color: #30455d;
    margin-top: 0;
}

/*
.flexImgAni {
	width: 10%;
	height: auto;
	
	background-image: url(/files/images/icons/kpi/logoQuadratBlue.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position: center center;
}
*/


.purposeWrapperInner {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 80px;
}

.purposeElement {
	display: flex;
    margin: 20px 0;
    margin-left: 40px;
    align-items: center;
    
}
.purposeElement svg {
	width: 300px;
}



.purposeHead {
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
}

.purposeCopy {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	width: 200px;
}

.mod_article.homeServicePakete {
	margin-left: 0;
	margin-right: 0;
}

.purposeTextWrapper {
    align-items: flex-start;
}


.homeServicePaketeWrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-image: url(/files/images/home/AdobeStock_276818517_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 100px;
}

.homeServicePaketeImg {
	flex: 0 0 auto;
    width: 40%;
    
	
}

.ce_text.homeServicePaketeContent {
	width: 60%;
	background-color: #30455d;
	margin: 0;
	color: #fff;
	text-align: center;
}

.homeServicePaketeContent h2 {
	font-size: 4em;
    font-weight: 100;
    margin-bottom: 25px;
    margin-top: 40px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 1.2em;
}

.textBoxList.homeServicePakete {
	margin-bottom: 30px;
}
.textBoxList.homeServicePakete.mitDvBtn {
	flex-direction: column;
}
.textBoxList.homeServicePakete.mitDvBtn .animatableTxt a {
	width: 310px;
	color: #fff;
} 

.homeServicePaketeContent li {
	margin: 15px 0;
	font-size: 1.1em;
}

.homeServicePaketeContent li.animatableTxt a {
	color: #fff;
}

/*================ KPI ================*/

.kpi h2 {
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.3em;
}
.kpiElement {
	width: 25%;
}

.kpiIcon {
	width: 100px;
	height: 100px;
	opacity: 1;
	    transform: translate(0px, 0px);
}

.kpiContainer {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	margin: 30px 0 40px 0;
	padding-bottom: 60px;
	flex-wrap: wrap;
}

.kpiElementInner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.kpiElementInner svg {
	width: 150px;
	height: 150px;
}

.kpiElementHead {
	font-size: 30px;
	margin-top: 30px;
	color: #30455d;
}

.kpiElementSub {
	font-weight: 100;
}


/*================ CHARTS ================*/

.flexContainer.chartGrid {
	flex-direction: column;
	background: #fff;
	padding-top: 50px;
    padding-bottom: 50px;
	/*
	flex-wrap:wrap;
	
	justify-content: space-around;
	
		display: grid;
  grid-template-columns: repeat(auto-fill, 30%);
  justify-content: space-between;
  grid-gap: 20px;
  */
}

.chartGridContainerOuter {
	display: flex;
	justify-content: center;
}

.chartGridContainer {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.flexContainer .txtBox.chartGrid {
	width: auto !important;
}

.chartCanvas {
	position: relative; 
	margin: auto; 
	height: 400px; 
	width: 100%;
}

.chartCanvas.chartGrid {
	

  
	width: 30%;
	margin: 10px;
	/*
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    */
    background: #f8f8f8;
    opacity: 1;
    visibility: visible;
}

.canvasTitle {
	padding: 20px 0;
}

.expand, #closeChart {
	height: 20px;
	width: 20px;
	background-image: url(/files/images/sonstiges/expand.svg);
	background-size: cover;
	position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#closeChart {
	height: 35px;
	width: 35px;
	background-image: url(/files/images/sonstiges/shrink.svg);
    top: 15px;
    right: 15px;
}

#chartsoverlay {
	height: 100vh;
    width: 100vw;
    background: rgba(48, 69, 93, 0.91);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6000;
    opacity: 0;
    visibility: hidden;
}

.chartCanvas.ol {
	width: 90%;
	height: 90%;
	background: #fff;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.customLegend {
	
	position: absolute;
	bottom: 18px;
	left: 75px;
	
	
}

.customLegend ul {
	display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.customLegend ul li {
	display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 3px;
    cursor: pointer;
}

.customLegend ul li span {
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 5px;
}

.customLegend ul li p {
		-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	margin: 0;
	padding: 0;
	color: rgba(48, 69, 93, 1.0);
	font-size: 14px;
}

.customLegend ul li.fadeLegend p {
	color: rgba(48, 69, 93, 0.5);
}

.customLegend ul li:last-child {
  padding-top: 10px;
  font-size: 10px;
  color: #000;
}
/*================ KEYFRAMES ================*/


@keyframes navContainer {
  0% {
    opacity: 0;
    background-size: 0% 100%;
  }
  
  100% {
    opacity: 1;
    background-size: 100% 100%;
  }
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes loading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes letterSpacing {
  100% {
    opacity: 1;
    letter-spacing: 2px;
  }
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

@keyframes scale {
  100% {
    transform: scale(1);
  }
}

@keyframes wipe-enter {
	0% {
		transform: scale(0, .025);
	}
	50% {
		transform: scale(1, .025);
	}
}

@keyframes txt{
            from{
                opacity: 0;
                transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
            }
            to{
                opacity: 1;
                transform: perspective(500px) translate3d(0, 0, 0);
            }
        }

@keyframes paketImg {
  from { transform: translateX(-150%); }
  to { transform: translateX(-60%); }
}

/*================ MOBILE MENU ================*/


#navContainer {
		-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	position: fixed;
    height: 100vh;
    width: 100%;
    background: linear-gradient(to left, rgba(47, 68, 93, 1.0), rgba(47, 68, 93, 1.0) 100%);
    /*background: url(/files/images/sonstiges/logoQuadrat.png), linear-gradient(to left, rgb(47 68 93 / 100%), rgb(47 68 93 / 100%) 100%);*/
    background-position: 50% 100%;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    opacity: 0;
    
}


#navContainer.open {
		-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	animation: navContainer 0.7s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
	overflow-y: scroll;
	z-index: 4900;
}


#navContainer .inside {
	margin-top: 180px;
	margin-bottom: 50px;
	display: flex;
    justify-content: center;
}

.menu {
		-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}
.menu li {
	
	margin: 12px 0;
	
}

.menu li.fadeIn {
	text-align: center;
	transform: scale(0.1);
    opacity: 0;
    filter: blur(10px);
    animation: fade-in 0.7s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.menu a,
.menu .active strong {
		-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	color: rgba(255, 255, 255, 0.37);
    font-size: 2.5em;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}

.menu a:hover,
.menu .active strong {
	text-decoration: none;
	color: rgba(255, 255, 255, 1.0);
}

#loadingContainer {
	position: fixed;
    height: 100vh;
    z-index: 10;
    width: 100%;
    background: #2a4963;
}

#loadingContainer .inside {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 9999;
}



.rotor {
  animation: rotate 12s linear infinite;
}

.load-wrapp {
	margin-top: 30px;
}

.letter {
	padding: 0 10px;
	color: #fff;
	text-transform: uppercase;
    font-weight: 100;
    animation-name: loading;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-direction: linear;
}

.l-1 {
  animation-delay: 0.48s;
}
.l-2 {
  animation-delay: 0.6s;
}
.l-3 {
  animation-delay: 0.72s;
}
.l-4 {
  animation-delay: 0.84s;
}
.l-5 {
  animation-delay: 0.96s;
}
.l-6 {
  animation-delay: 1.08s;
}
.l-7 {
  animation-delay: 1.2s;
}

.letter-holder {
	display: flex;
    justify-content: center;
    align-items: center;
}

.line {
	width: 100%;
	height: 2px;
	background: #2a4963;
}

.line.sub {
	height: 1px;
	background: #fff;
	margin-bottom: 20px;
}

b, strong {
    font-weight: 500;
}


.jumpToContainer {
	margin-top: 50px;
}

#startContainer {
-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
position: relative;
	height: 100vh;
  height: var(--doc-height); 
  min-height: 500px;
  /*width: 100vw;*/
	/*background: rgb(208 209 20 / 85%);
	backdrop-filter: blur(165px) saturate(200%);
    -webkit-backdrop-filter: blur(16px) saturate(100%);
    background-color: rgb(153 220 10 / 46%);
    border: 1px solid rgb(255 255 255 / 31%);
    */
}

#startContainer > .inside {
	display: flex;
	justify-content: center;
}

.controls {
	position: absolute;
    bottom: 10px;
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 0;
    z-index: 2;
}

.arrow {
	border: solid rgba(255, 255, 255, 0.5);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
}

.arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.controls li {
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-size: 1.5em;
    border: 0.5px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    color: rgba(255, 255, 255,0.5);
    font-weight: 100;
    margin: 0 10px;
    cursor: pointer;
}

.controls li:hover .arrow {
	border: solid rgba(255, 255, 255,1.0);
	border-width: 0 2px 2px 0;
}

.vegas-content-scrollable {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    
}
.vegas-content {
	width: 70%;
	margin-top: 40px;
}

.startContainerText {
	/*
	-webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    */
    
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 2.5em;
    line-height: 1.5;
    text-align: center;
    transform: scale(1);
    opacity: 1;
    text-transform: uppercase;
    
   /*
  filter: blur(0px);
  
  animation: fade-in 0.5s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
  */
  
}

.startContainerText p {
	margin-bottom: 0;
	hyphens: manual;
}

.ce_text.headerLinkContainer a.aButton {
	color: #fff;
	border: 1px solid rgba(255, 255, 255,0.0) ;
	white-space: nowrap;
	width: 235px;
    transition: background-size 0.5s ease, border 1s ease;
}

.ce_text.headerLinkContainer a.aButton.show {
	border: 1px solid rgba(255, 255, 255, 1.0) ;
	
}

.ce_text.headerLinkContainer a.aButton.wide300px {
	width: 250px;
}


.headerLinkContainer {
	margin-top: 40px;
	font-size: 0.8em;
}

.headerLinkContainer p {
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/*================ WELCOME ================*/

.flexContainer {
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	display: flex;
	flex-direction: row;
	/*width: 100%;*/
	background: #fff;
	margin-bottom: 50px;
}

.flexContainer.purpose {
	justify-content: space-evenly;
	align-items: center;
	margin-top: 50px;
}

.flexContainer .txtBox,
.flexContainer .flexImg {
	width: 100%;
}




.flexImg .vegas-content {
	width: 100%;
}

.vegas-content.animation {
	transform: scale(0.1) rotate(45deg);
    opacity: 0;
    filter: blur(10px);
    animation: fade-in 1s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@media (prefers-reduced-motion: no-preference) {
  .flexContainer h2.animation {
    animation: wipe-enter 1s 1;
  }
}


.flexImg .vegas-timer {
	display: none;
	/*
	background-image: url(/files/images/home/slider/JOE180508_559_Coquelicot_bearb.jpg);
  background-size: cover;
  */
}

.flexImg .vegas-content {
	margin: 0;
}

.flexImg .ce_image,
.flexImg2 .ce_image,
.flexImg2 {
	display: flex;
    justify-content: center;
    align-items: center;
}


/*================ FOOTER ================*/


.footer_container {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

#footer-custom {
    
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background: #30455d;
    color: #fff;
    padding: 20px 30px 20px 30px;
    font-size: 0.9em;
    line-height: 1.5em;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#footer-custom a {
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	color: #fff;
	
}


.footerItem {
	flex-basis: auto;
    display: flex;
    flex-direction: column;
}

.footer_container ul {
	margin-bottom: 0;
}

.footerItem.withDate {
	flex-basis: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footerItem.withDate p {
	margin-bottom: 0;
}

.socials {
	font-size: 3em;
	padding-right: 10px;
}

.footerIcon {
	margin-right: 10px;
}


/*================ LOGO ================*/

#logobereich, #logobereichSmall {
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	overflow:visible;
	position: fixed;
    width: 100vw;
    z-index:5000;
    background-color: rgba(47, 68, 93, 0.0);
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.58);
	backdrop-filter: blur(0px) saturate(100%);
	-webkit-backdrop-filter: blur(0px) saturate(100%);
}

#logobereichSmall {
	
    background-color: rgba(47, 68, 93, 0.8);
    
    backdrop-filter: blur(10px) saturate(111%);
	-webkit-backdrop-filter: blur(50px) saturate(111%);
	

}

#logobereich.mobile {
	background-color: rgba(47, 68, 93, 1.0);
}

#logobereich .inside,
#logobereichSmall .inside{
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	display: flex;
	height:120px;
	align-items: center;
	justify-content: space-between;
}


#logobereichSmall .inside{
	height:70px;
}




.logo_img {
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 1;
    cursor: pointer;
    width: 200px;
	text-align: center;
}

.logo_img.small {
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    width: 120px;
}

.kundenPortal {
	display: none;
}
.headLeft {
	width: calc(100vw / 3);
	text-align: center;
	font-size: 0.7em;
	padding: 3px;
}

.headLeft ul {
	margin-bottom: 0;
}

.headLeft ul li {
	display: inline-block;
	padding: 3px;
}

.headLeft a {
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	color: #fff;
}

.headLeft a:hover {
	text-decoration: none;
}

a.aButton {
	padding: 15px 25px;
    border: 0.5px solid rgba(255, 255, 255, 1.0);
    text-decoration: none;
    background: linear-gradient(to left, #2F445D, #2F445D 100%);
    background-position: 50% 100%;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    transition: background-size 0.5s ease, border-color 1s ease;
    
    font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
}

a.aButton.blue {
	border: 0.5px solid rgba(48, 69, 93, 1.0);
}

a.aButton:hover {
	text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
  a.aButton:hover,
  .ce_text.headerLinkContainer a.aButton:hover{
	background-size: 100% 100%;
	border: 0.5px solid rgba(255, 255, 255, 0.0);
}
a.aButton.blue:hover {
	color: rgba(255, 255, 255, 1.0);
}
}


/*================ NAVIGATION ================*/


.hamburgerContainer {
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.fa-bars:before {
	font-size: 35px;
}
.mainNavIcon svg {
	height: 35px;
}

.headLeftInner {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.headLeftInner.left {
	display: flex;
    justify-content: flex-end;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
}



.headLeftInner.left ul {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -1px;
}

.headLeftInner.left li {
	   
    flex-grow: 1;
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid #fff;
}

.toggle-menu {
  width: 50px;
}

.overlay {
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	visibility: hidden;
	position: absolute;
	opacity: 0;
	top: 0;
	left:0;
	height: 0;
	width: 100%;
	background-color: rgba(42, 73, 99, 0.98);
    z-index: 8;
	}
	
.overlay.ovVisible {
	visibility: visible;
	height: 100%;
	opacity: 1;
}

.tableVermarktung {
	margin-top: 40px;
}

.tableVermarktung.home {
	margin-top: 20px;
}

.tableVermarktung.home thead td:first-child,
.tableVermarktung.home thead th:first-child {
  border-radius: 10px 0 0 10px;
}

.tableVermarktung.home thead td:last-child,
.tableVermarktung.home thead th:last-child {
  border-radius: 0 10px 10px 0;
}

.tableVermarktung.home thead {
	background-color: #2F445D;
	font-family: 'Roboto', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.3;
    font-size: 21px;
}

.tableVermarktung.home tbody:before {
    content:"@";
    display:block;
    line-height:30px;
    text-indent:-99999px;
}

.table thead th {
	border-bottom: none;
}

.tableVermarktung.home .table td, .tableVermarktung.home  .table th {
    border-top: none;
    padding-right: 40px;
}

.tableVermarktung.home .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(209, 232, 180, 0.21);
}

.table td, .table th {
	border-top: 1px solid #fff;
}

/*================ ÜBER UNS ================*/

.mod_article.smaller {
	margin: 0 auto;
	max-width: 1000px;
}

h2.sectionHead {
	font-size: 4em;
    font-weight: 100;
    color: #30455d;
    margin-bottom: 50px;
    margin-top: 80px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 1.2em;
}

h3.sectionHead {
	font-family: 'Roboto', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
    color: #30455d;
    line-height: 1.5em;
    margin: 0 0 40px 0;
    text-align: center;
}

.sectionContentWrapper {
	width: 100%;
}

.sectionContent {
	color: #000;
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 300;
    margin-bottom: 30px;
}

.sectionContent.withIcon {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}
.sectionContent.withIcon.withoutIcon {
	justify-content: center;
	margin-bottom: 0;
}

.sectionContent.withIcon.geschIdee {
	flex-direction: column;
}

.sectionContent.withIcon.rowReverse {
	flex-direction: row-reverse;
}

.sectionContentIcon {
	width: 20%;
    margin-right: 30px;
    display: flex;

}

.sectionContentIcon svg {
	width: 100%;
}

.sectionContentText {
	width: 80%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.sectionContentText.geschIdee {
	width: 100%;
    align-items: center;
}

.sectionContentText p {
	line-height: 1.5em;
}

.sectionContent.ueberUnsCenter {
	text-align: center;
	border: 0.5px solid #30455d;
    padding: 30px;
    margin-bottom: 60px;
}

.sectionContent h2 {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 300;
    color: #30455d;
    line-height: 1.5em;
    margin: 0 0 20px 0;
}




.mod_article.hero {
	width: 100vw;
	height: 100vh;
	position: relative;
	margin: 0;
	background-image: url(/files/images/ueberUns/AdobeStock_536681592_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 0.76);
  background-blend-mode: multiply;
  background-position: center;
}

.mod_article.panelsWrapper {
	background: none;
	margin: 0;
	padding: 0;
	height: 100%;
}



.faktenPanel {
position:relative;
  width:100%;
  height:100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  	background: #30455d;

}

.faktenPanel#sec02 {
	
  align-items: flex-start;
  padding-top: 70px !important;

}

.faktenPanel.dunkel {
	background: #30455d;
    
}

.faktenPanel.dunkel h2 {
	font-size: 8em;
    font-weight: 100;
    color: rgba(255, 255, 255, 0.32);
    
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    
}

.fromLeft{
  position: relative;
  width: calc(100vw + 17px);
  /*margin-right: -17px;*/
  height: 0vh;
  padding: 0 60px;
  color: #000;
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 100;
  overflow-y: hidden;
  background: #fff;
}

.fromLeft .ce_text {
	
    padding-top: 40px;
}


/*
.slidePanelWrapper {
	width: 100%;
  height: 100%; 
  position: relative;
  overflow: hidden;
}

.slidePanel {
	
	max-width: 100vw;
  min-height: calc(100vh + 1px);
   
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 1.5em;
    text-align: center;
    color: white;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
}

.heroContent.dunkel {
	background: #30455d;
}

.slidePanel.hell {
	background: #3b80c2;
}

h2.panelContent {
	font-size: 4em;
    font-weight: 100;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
}
*/
.panelContent p {
	color: #000;
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 100;
}

.heroContentWrapper {
    width: 100%;
    height: 100%;
    min-height: 400px;
}

.heroContent {
	/*
	max-width: 48rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	*/
	display: flex;
	height: 100dvh;
	flex-direction: row;
	justify-content: center;
   align-items: center;
}

.heroClaim {
	text-align: center;
	/*margin-top: 10%;*/
	position: absolute;
    top: 50%;
}

.heroClaim.withBtn {
	text-align: center;
	/*margin-top: 10%;*/
	position: absolute;
    top: 30%;
}
.heroClaim.produkte {
    top: 30%;
}
.heroClaim.produkte .produkteBtn {
    margin-top: 50px;
}
.produkteBtn a {
    width: 350px;
}

.heroClaim.dreizeilig {
    top: 45%;
}

.heroClaim h2 {
	font-size: 4em;
    font-weight: 100;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
}

.heroClaim p {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 300;
    color: #fff;
    line-height: 1.5em;
}

.heroClaim p.heroSubHead {
	text-transform: none;
    letter-spacing: 2px;
    margin-top: 40px;
    margin-left: 20%;
    margin-right: 20%;
    line-height: 1.8em;
    
}

.qeBorder {
	height: 0.5px;
	width: 100%;
	background: #30455d;
}



.cd-h-timeline__event-content {
	text-align: center;
}

.cd-h-timeline__event-content strong {
	padding-top: 10px;
}

.js .cd-h-timeline__container {
	max-width: inherit;
}

.js .cd-h-timeline__event-title {
	font-family: 'Roboto', sans-serif;
	font-size: 2em;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	color: #30455d;
	letter-spacing: 2px;
}

.js .cd-h-timeline__date {
	font-weight: 500;
	font-size: 1em;
}

.js .cd-h-timeline__event-content {
	max-width: inherit;
}

.cd-h-timeline__event-description {
	font-weight: 400;
}

.text-component p {
	color: #000;
}

.js .cd-h-timeline__line {
	height: 5px;
}

.js .cd-h-timeline__date::after {
	bottom: -6px;
    height: 16px;
    width: 16px;
}

.timeline__event-description_elemnt i {
	padding-right: 10px;
	color: #30455d;
}

.timeline__event-description_elemnt svg {
	margin-right: 7px;
}


.gfWrapper {
	/*
  height: 90vmin;
  width: 90vmin;
  background: white;*/
  position: relative;
  overflow: hidden;

  /* Hide the app on load */
  visibility: hidden;
}

.gfGallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.gfGalleryItem {
  cursor: pointer;
  
  width: 23%;
  position: relative;
}
.dvAnsprech .gfGalleryItem {
  
  width: 18%;
}

.gfGalleryItemInfo {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #30455d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    color: #fff;
    height: 70px;
    font-family: 'Roboto', sans-serif;
}

.gfGalleryItemInfo p {
	margin-bottom: 0;
}

.gfGalleryItemInfo p.gfGalleryItemInfoTitle {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 6px;
}

.gfGalleryItemInfoSubTitle {
	font-size: 0.7em;
	font-weight: 400;
	text-align: center;
    line-height: 1.3em;
}

.gfGalleryItem img {
  width: 100%;
  height: auto;
}

.gfGalleryDetail {
  position: fixed;
  top: 10px;
  left: 50%;
  width: 65vmin;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  max-height: 100%;
  overflow: auto;
  z-index: 6000;
}

.gfGalleryDetail > img {
  position: relative;
  z-index: 9;
  width: 100%;
  height: auto;
}

.gfGalleryDetail .content {
  background: #232323;
  padding: 2rem 1.5rem;
  font-size: 0.9rem;
  box-sizing: border-box;
  flex-grow: 1;
  color: #fff;
}

.gfGalleryDetail .content > * {
 
}

.gfGalleryDetail .title {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 100;
   margin-bottom: 5px;
   line-height: 1.2;
}

.gfGalleryDetail .secondary {
  font-weight: 100;
   margin-bottom: 25px;
   line-height: 1.5;
}

.gfGalleryDetail .description {
  line-height: 1.5;
  font-weight: 300;
  color: lightgrey;
}

h3.sectionHead.vertrieb {
	margin-top: 80px;
	margin-bottom: 20px;
	color: #fff;
}

.kontaktVertrieb {
	display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    color: #30455d;
}

.kontaktVertrieb a {
	color: #30455d;
}

.gfGalleryItemInfo.prodAnsprech.vertrieb {
    height: 60px;
    margin-top: -5px;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: auto;
}

h4.sectionHead {
font-family: 'Roboto', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 400;
    color: #fff;
    line-height: 1.5em;
    margin: 40px 0 10px 0;
    text-align: center;
}



/*================ PRODUKTE ================*/
.mod_article.produkte {
	margin: 0;
}

/* neu*/
.mod_article.hero.produkte {
	
	background-image: inherit;
  background-size: inherit;
  background-color: inherit;
  background-blend-mode: inherit;
  background-position: inherit;
}

.mod_article.ansprechPartner {
	padding-bottom: 30px;
}

.prodHero {
	overflow:hidden;
	width:100%;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
}

.prodAniWrapper {
	display:flex;
	align-items:center;
	opacity:0;
	visibility: hidden;
	margin-bottom: 0;
}


.prodLogo {
	position:absolute;
	width:2000px;
	height:2000px;
	top: calc(50% - 1000px);
	left: calc(50% - 1000px);
	
	transform: scale(0.1);
	will-change: transform;
}

.heroClaim.produkte {
	/*margin-top: 200px;*/
	
}

.heroClaim p.heroSubHead.produkte {
	font-size: 0.9em;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 60px;
	max-width: 1000px;
}

.heroClaim p.heroSubHead.produkte strong {
	padding: 12px 0;
    font-family: 'Roboto',sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

h2.sectionHead.produkte {
	color: #fff;
	margin-top: 40px;
	text-align: left;
}

.mod_article.paketeWrapper {
	margin-left: 0;
	margin-right: 0;
}

.paketeWrapper.block {
	overflow: visible;
}



.paketeSection {
	padding-bottom: 0;
	padding-top: 0;
	position: relative;
	color: #fff;
	background: #30455d;
	margin-top: 80px;
}


.paketeLayers {
	width: 100%;
	position: relative;
	padding: 0;
}

.paketeContainer {
	width: 100%;

}

.dvAngebotBtnAbsPos.dvAngebotBtnAbsPosVisibility {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	
    opacity: 0;
    visibility: hidden;
}
.dvAngebotBtnAbsPos {
	position: absolute;
    bottom: 5px;
    right: 20px;
    cursor: pointer;
	transition: visibility opacity 2s ease-in-out;
    opacity: 1;
    visibility: visible;
    width: auto;
}

.paketeShrink {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	height: 30px;
    width: 30px;
    background-image: url(/files/images/sonstiges/paketeShrink.svg);
    background-size: cover;
    position: absolute;
    top: 25px;
    right: 10px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.paketeShrink.toggle {
	transition: visibility opacity 2s ease-in-out;
    opacity: 1;
    visibility: visible;
}

.paketItem {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: absolute;
	z-index: -1;
	height: 100%;
}

#main .inside.isClicked {
	overflow: visible;
}

.paketImage {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	flex: 0 0 auto;
    width: 25%;
    opacity: 0.8;
}

.paketImage.isClicked {
	transition: width opacity 1s ease-in-out;
    width: 40%;
    opacity: 1;
}


.maskIn {
	overflow: hidden;
	height: 100%;
	
	-moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition:  all 1s ease-out;
    
    width: 0%;
    
}

.maskIn.isHovered {
    transition: width  0.5s ease-in-out;
    width: 160%;
}

.maskIn.isClicked {
    transition: width 0.5s ease-in-out;
    width: 100%;
}

.maskOut {
	position: relative;
	height: 100%;
	
	
}

.maskOut img {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.paketContent {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	width: 60%;
	padding-left: 50px;
	margin-top: 0;
	opacity: 0;
	
	
}

.paketContent.isClicked {
	transition: opacity  margin-top 2s ease-in-out;
	opacity: 1;
	
	margin-top: 50px;
	
}

.paketContent_title {
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 2em;
    margin-bottom: 20px;
    line-height: 1.2em;
}

.paketContent_subTitle {
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1em;
    letter-spacing: 4px;
    margin-bottom: 20px;
    line-height: 1.5em;
}

.paketContent_copy {
    color: rgba(255, 255, 255, 0.8);
    font-size: 01em;
    line-height: 1.5em;
    margin-top: 20px;
    padding-right: 20px;
}

.paketContent_copy p {
	line-height: 1.5em;
}

.paketeListContainer {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	display: flex;
	flex-direction: row;
	width: 100vw;
	opacity: 1;
	visibility: visible;
	
}

.paketeListContainer.isClicked {
	transition: opacity visibility 0.5s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.paketeListCell {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: flex-start;
	padding: 40px 0 40px 0;
	margin-left: 20%;
}

.paketeListCellInner h3 {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	color: #fff;
	opacity: 0.8;
    cursor: pointer;
    padding: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 1.3em;
}

.paketeListCellInner.dv h3::before,
.sectionContentText.dv.oneBox h4::before{
	content: '//';
	padding-right: 5px;
	font-weight: 600;
	color: #3a6fac;
}
.paketeListCell.paketeListCellDv {
	padding-top: 0;
}

.cellSub {
	margin-bottom: 0;
}

.paketeListCellInner h3 .cellSub {
	font-size: 0.8em;
}

.paketeListCellInner.isHovered h3 {
	transition: opacity 0.5s ease-in-out;
	opacity: 1;
    
}

.paketeListCellInner h3 strong {
	position: relative;
}

.paketeListCellInner h3 strong::before {
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0%;
    transform: scaleX(0);
    transform-origin: center;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transition: transform 0.5s ease-in-out;
    
}

.paketeListCellInner h3:hover strong::before {
transform: scaleX(1);
    
}

.prodAnsprechWrapper {
	position: relative;
    overflow: hidden;
}


h2.sectionHead.prodAnsprech {
	color: #30455d;
	margin-top: 80px;
}

p.gfGalleryItemInfoSubTitle.prodAnsprech {
	margin-bottom: 5px;
}

.gfGalleryItemInfoSubTitle.prodAnsprech a {
	color: #fff;
	text-decoration: none;
	position: relative;
}

.gfGalleryItemInfoSubTitle.prodAnsprech a:hover::before {
	transform: scaleX(1);
}

.gfGalleryItemInfoSubTitle.prodAnsprech a::before {
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0%;
    transform: scaleX(0);
    transform-origin: center;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transition: transform 0.5s ease-in-out;
}
.gfGalleryItemInfo.prodAnsprech {
	justify-content: flex-start;
	height: 100px;
	position: relative;
}

.gfGalleryItem.prodAnsprech {
	border: 0.5px solid rgba(255, 255, 255, 0.25);
	cursor: inherit;
	overflow: hidden;
}

.initialHide{
	opacity:0;
	visibility: hidden;
	will-change: transform;
}



.prodHeadings {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
}

.prodHeadings h2 {
	font-size: 4em;
    font-weight: 100;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    opacity: 1;
}

.prodHeadings p {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 300;
    color: #fff;
    line-height: 1.5em;
    text-align: center;
}

.prodContent {
	max-width: 1000px;
	margin: 0 auto;
}

.prodContent.produkt {
	overflow: visible;
	cursor: pointer;
}



.prodContent h2.sectionHead {
	color: #30455d;
	padding: 40px;
    line-height: 1.4em;
    font-size: 2em;
    background: linear-gradient(to left, #30455d, #30455d 100%);
    background-position: 50% 100%;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    margin-bottom: 0;
}

.sectionContent.ueberUnsCenter h3 {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #30455d;
	margin: 20px 0;
}

.prodContent .sectionContentWrapper {
	overflow: hidden;
}

.paketeWrapper {
	margin-bottom: 50px;
}
.produkt-row {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    flex-direction: row;
    max-height: 200px;
    margin: 10px 0;
}

.produkt-row_left, .produkt-row_right{
	display: flex;
	align-items: center;
	width: 100%;
	z-index: 1;
}

.produkt-row_left {
	z-index: 2;
	flex: 1;
}

.produkt-row_right {
	z-index: 2;
	flex: 2;
}

.produkt-row_left_card {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #3b80c2;
}

.produkt-row_icon {
	display: flex;
    flex-direction: column;
}

.produkt-row_icon svg {
	max-height: 170px;
}

.produkt-row_left_card .card-extension {
	position: absolute;
    left: 90%;
    top: 0;
    width: 100px;
    height: 100%;
    background: #3b80c2;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.produkt-row_right_card {
	padding: 40px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #30455d;
	color: #fff;
	justify-content: center;
	align-items: center;
}

.produkt-row_text_right {
    padding: 5px;
    font-family: 'Roboto', sans-serif;
}

.produkt-row_text_right_head {
	text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.5em;
    margin-bottom: 10px;
    line-height: 1.3em;
}

.produkt-row_text_right_copy {
	text-align: center;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.2em;
}

.produkt-row_text_left {
	opacity: 0;
	visibility: hidden;
	display: none;
}

.produktDetail {
  position: fixed;
  top: 10px;
  left: 50%;
  width: 65vmin;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  max-height: 100%;
  overflow: auto;
  z-index: 9;
}

.produktDetail .produktContent {
  background: #232323;
  padding: 2rem 1.5rem;
  font-size: 0.9rem;
  box-sizing: border-box;
  flex-grow: 1;
  color: #fff;
}

.produktDetail .title {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 100;
   margin-bottom: 5px;
   line-height: 1.2;
}

.produktDetail .secondary {
  font-weight: 100;
   margin-bottom: 25px;
   line-height: 1.5;
}

.produktDetail .description {
  line-height: 1.5;
  font-weight: 300;
  color: lightgrey;
}

/*================ KARRIERE ================*/


.mod_article.hero.karriere {
	
	background-image: url(/files/images/karriere/AdobeStock_167182253_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 0.87);
  background-blend-mode: overlay;
  background-position: top;
}

.mod_article.personio {

	background: #fff;
}

.personio {
	margin-top: 50px;
}
.personio.personioPvAngebot {
	margin-top: 0;
}

/*================ PV-ANGEBOTSRECHNER ================*/


.mod_article.hero.pvangebotsrechner {
	
	background-image: url(/files/images/pvangebotsrechner/AdobeStock_335767288_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 0.87);
  background-blend-mode: overlay;
  background-position: right;
}
.txtBox.boxLiDv {
	margin: 0;
}
.boxLiDv .aButton {
	margin: 0 10px;
}
.sectionContent.sectionContentPVAngebot.withIcon {
	margin-bottom: 0;
}

#article-faq-pvAngebot .dvAcc .toggler,
#article-faq-pvAngebot .dvAcc .accordion{
	width: auto;
}
#article-faq-pvAngebot .dvAcc.ce_accordionSingle {
	align-items: unset;
}

/*================ DIREKTVERMARKTUNG WINDENERGIE ================*/

#sektion-dvwind02 {
	margin-top: 0;
	display:block;
	
}

a.aButton.blue.aButtonWhiteBorder {
	border: 1px solid #fff;
}
.mod_article.smaller.smaller-xl {
	max-width: var(--smaller-xl);
}

.sectionContentIcon.sectionContentIcon100Prozent {
	flex-direction: column;
	justify-content: space-around;
    align-items: center;
}
.sectionContentText.sectionContentText100Prozent {
	text-align: left;
}

.sectionContentText.dv ul.smaller.smaller-xl{
	width: 100%;
	max-width: var(--smaller-xl);
	margin-left: auto;
	margin-right: auto;
}

.mod_article.bgFullWidthContentCentered{
	margin-left: 0;
	margin-right: 0;
}
.txtBox.boxLi.smaller-xl {
	max-width: var(--smaller-xl);
}
#sektion-dvwindFokus {
	
}
#sektion-dvwindFokus h2 {
	color: #fff ;
}
.imFokusWrapper {
	display: flex;
	flex-direction: row;
	background:#30455d ;
	
}
.imFokusImg {
	width: 60%;
	background-image: url(/files/images/home/AdobeStock_106636202_bearb.jpg);
  background-size: cover;
  background-position: center;
}
.imFokusImg.imFokusImgSolar {
background-image: url(/files/images/folgeseiten/AdobeStock_400929692_bearb.jpg);
}
.imFokusTxt {
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom: 30px;
	padding-right: 50px;
}
.imFokusTxt ul {
	padding-top: 30px;
}
.imFokusTxt h2 {
	font-size: 2.5em;
}
.imFokusItem {
	padding-bottom:20px;
}
.imFokusItem h3 {
	color: #fff;
    opacity: 0.8;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.3em;
    font-size: 22px;
}
.imFokusItem h3::before {
	content: '//';
    padding-right: 5px;
    font-weight: 600;
    color: #3a6fac;
}
.imFokusItemSub {
	font-size: 18px;
	margin-bottom: 0;
	color: #fff;
	opacity: 0.8;
	font-family: 'Roboto', sans-serif;
    font-weight: 200;
}

.imFokusBG {

	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="2000" viewBox="0 0 2000 2000"><g id="KOntur"><rect width="2000" height="2000" style="fill: none;"/></g><g id="Ebene_1" data-name="Ebene 1"><g style="fill: none; opacity: .2;"><path d="m1000.46,80.29c64.24,0,127.55,17.09,183.09,49.41l514.88,299.69c-101.08,120.21-213.8,212.73-335.06,275.01-117.05,60.11-239.16,90.59-362.93,90.59s-245.88-30.48-362.93-90.59c-121.26-62.27-233.98-154.79-335.06-275.01L817.32,129.7c55.53-32.32,118.85-49.41,183.13-49.41h.01m-.03-60c-73.68,0-147.38,19.19-213.3,57.56L270.8,378.38c-31.15,18.13-39.02,60.1-15.87,87.73,217.23,259.25,481.37,388.88,745.5,388.88s528.27-129.63,745.5-388.88c23.15-27.63,15.28-69.6-15.87-87.73L1213.73,77.84c-65.93-38.38-139.6-57.56-213.3-57.56h0Z" style="fill: %2330455d;"/></g><g style="fill: none; opacity: .2;"><path d="m1863.28,720.15l-.08,521.41c-.02,119.36-58.6,231.2-156.72,299.17l-547.85,379.52c-51.99-147.2-74.4-290.49-66.59-425.89,7.52-130.51,42.89-250.54,105.13-356.76,62.4-106.49,150.15-196.28,260.81-266.88,114.64-73.13,250.99-123.79,405.3-150.58m1.98-60.38c-3.22,0-6.5.27-9.81.84-664.07,114.12-977.23,647.95-752.89,1281.02,8.77,24.75,31.78,39.38,55.63,39.38,11.35,0,22.88-3.32,33.16-10.43l549.31-380.53c114.32-79.19,182.53-209.41,182.55-348.48l.08-523.1c0-32.7-26.57-58.7-58.02-58.7h0Z" style="fill: %2330455d;"/></g><g style="fill: none; opacity: .2;"><path d="m135.25,719.75s0,0,0,0c0,0,0,0,0,0m2.33.4c154.31,26.79,290.66,77.45,405.3,150.58,110.66,70.6,198.41,160.39,260.81,266.88,62.24,106.22,97.61,226.25,105.13,356.76,7.8,135.4-14.6,278.68-66.59,425.89l-547.85-379.52c-98.12-67.97-156.7-179.81-156.72-299.17l-.08-521.42m-1.98-60.38c-31.45,0-58.03,26-58.02,58.7l.08,523.1c.02,139.07,68.24,269.29,182.55,348.48l549.31,380.53c10.27,7.12,21.81,10.43,33.16,10.43,23.84,0,46.86-14.63,55.63-39.38,224.34-633.07-88.82-1166.9-752.89-1281.02-3.3-.57-6.58-.84-9.81-.84h0Z" style="fill: %2330455d;"/></g></g></svg>');
		background-color: #30455d;
	background-repeat: no-repeat;
	background-size: 600px;
	width: 100%;
	background-position-y: -80px;
	background-blend-mode: overlay;
	
}
.imFokusBG .sectionContent h2 {
	color: #fff;
}
.sectionContent.sectionContentImFokus.withIcon.withoutIcon {
	justify-content: flex-start;
}
.sectionContent.sectionContentImFokus.withIcon {
	margin-top: 0;
	display:block;
}
.ce_text.dvVorteileContainer {
	width: 80%;
	margin: 0 auto;
}
.dvVorteileContainer ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 40px 10px;
	justify-content: space-around;
}
.dvVorteileContainer li {
	padding: 40px;
    color: #30455d;
    font-family: "Roboto", sans-serif;
    line-height: 1.4em;
    font-size: 18px;
    position: relative;
    text-align: center;
    background: rgba(48, 69, 93, 0.05);
    width: 29%;
}
.dvVorteileContainer h4 {
	color: #30455d;
    margin-bottom: 10px;
    font-size: 22px;
    font-family: "Roboto", sans-serif;
}
.dvMain {
	position: relative;
}
.smaller.dvAfterBtnUebersicht {
	margin-top: 60px;
}
.smaller.dvAfterBtnUebersicht.afterFixed {
	/*margin-top: 100px;*/
}
.smaller.dvAfterBtnUebersicht.afterFixed.afterFixedAndUebersichtShow {
	margin-top: 500px;
}
.mod_article.dvMain {
	margin: 0;
}
.mod_article .dvUebersichtHead,
.mod_article .dvUebersichtInhalt{
	margin: 0;
}
.paketeListCellInner.dv h3 {
	font-size: 22px;
}

.paketeListCellInner.dv h3 strong::before {
	content: unset;
    
}
.maskIn.maskInDv.isHovered {
    transition: width  1.0s ease-in-out;
    width: 500px;
    max-width: 500px;
}
.paketeSection.paketeSectionDv {
	margin-top: 40px;
}
.paketeListContainer.paketeListContainerDv {
	width: auto;
}
.dvUebersichtHead ul {
	
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.dvUebersichtHead ul.fixed {
	position: fixed;
	top: 70px;
	z-index: 10;
}
.dvUebersichtHead li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;

}


.dvUebersichtBtnWrapper {
	display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(187, 69, 83, 1.0);
    width: 201px;
    	-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.dvUebersichtBtnWrapper:hover,
.dvUebersichtBtnWrapper.rmOpacity:hover{
	background:#30455d;
}
.dvUebersichtBtnWrapper.rmOpacity {
	background:rgba(187, 69, 83, 0.2);
}
.dvUebersichtBtnIcon {
	color: #fff;
}
.dvUebersichtHead h2 {
	color: #fff;
	padding-left: 15px;
	text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 2px;
}
.dvUebersichtInhalt ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    max-height: 70vh;
    overflow:auto;
    	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin-top: -1000px;
    background: rgba(255,255,255,0.5);
}
.dvUebersichtInhalt ul.dvUebersichtInhaltShow {
	margin-top: 20px;
}
.dvUebersichtInhalt ul.dvUebersichtInhaltFixed {
	position: fixed;
	top: 110px;
	z-index: 10;
}
.dvUebersichtInhalt ul li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
	-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    padding: 10px 10px 10px 40px;
    background: #e6e5e5;
    width: 80%;
    max-width: 1000px;
    color: #30455d;
    line-height: 1.4em;
    border-bottom: 1px solid #fff;
}
.dvUebersichtInhalt ul li:hover {
	background: #30455d;
	color: #fff;
}
.dvUebersichtInhalt.dvUebersichtInhaltFixed {
	position: fixed;
	top: 70px;
}
.mod_article.hero.dvWindenergie {
	
	background-image: url(/files/images/home/AdobeStock_100431291_bearb.jpg);
  background-size: cover;
  background-color: rgba(32, 46, 62, 0.7);
  background-blend-mode: multiply;
  background-position: right;
}

.sectionContent.withIcon.sectionContentKraftwerk {
	flex-direction: column;
	
}
.sectionContentText.sectionContentTextKraftwerk {
	width: 100%;
}
.sectionContent.sectionContentAlignLeft.withIcon {
	text-align: left;
}
.sectionContentText.sectionContentTextFullWidth {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.sectionContentText.dv h2 {
	font-size: 2.5em;
}
.sectionContentText.dv.oneBox h4 {
	margin-bottom: 5px;
	color: rgba(255,255,255,0.8);
}
.oneBoxBg {
	
	
}
.sectionContentText.sectionContentTextCenter,
.sectionContentText.dv {
    align-items: center;
}
.sectionContentText.dv ul {
	margin-top: 20px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.staticList {
	display:flex;
	justify-content:center;
}
.staticListWrapper {
	max-width: var(--smaller-xl);
	display:flex;
	flex-direction: row;
	padding-bottom: 50px;
	padding-top: 20px;
}
.sectionContentText.dv .staticList ul {
	display: block;
	margin-top: 0;
}
.sectionContentText.dv li {
	margin-bottom: 15px;
    background: #30455d;
    padding: 40px 40px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 200;
    line-height: 1.4em;
    width: 49%;
    margin-right: 2px;
    margin-left: 2px;
    hyphens: none;
}
.sectionContentText.dv .staticList li {
	width: auto;
}

.sectionContentText.dv.oneBox ul,
.sectionContentText.dv.oneBox.partnerBox {
	
	padding: 0 40px 0 40px;
}
.partnerBoxWrapper {
	max-width: var(--smaller-xl);
    display: flex;
    flex-direction: column;
    padding-bottom: 50px;
    padding-top: 20px;
}
.partnerBoxWrapper li.animatableTxt a {
	color: #fff;
}
.sectionContentText.dv.oneBox.partnerBox {
	color: #fff;
}
.dvVorteileContainer.dvPartnerContainer li {
	background: #fff;
}
.sectionContentText.dv.oneBox li {
	background: transparent;
	padding: 20px 20px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.sectionContentText.dv.oneBox .staticList li {
	padding-bottom: 0;
}


.sectionContentText.dv h4 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 12px;
}
.qeBorder.dv {
	height: 0.5px;
	background: #30455d;
	margin: 40px auto 20px auto;
	width: 80%;
}
.kpi_dv h2 {
	display: none;
}
.kpi_dv .kpiContainer {
	padding-bottom: 0;
}

.dvWindenergie li.animatableTxt a {
	color: rgba(255, 255, 255, 1.0);
	margin-top: 40px;
}

.dvWindenergie.animatableTxt a {
	
	margin: 20px 0 ;
}
.textBoxListRow a.aButton.blue {
	border: none;
	width: 100%;
}
.textBoxListRow {
	
	flex-direction: column;
}
.textBoxListRow li {
	border: 1px solid #30455d;
	width: 50%;
}
.textBoxListRow li.animatableTxt {
	margin-bottom: 10px;
}


.dvBtnColumn {
	margin-top: 30px;
}

.dvBtnColumn .animatableTxt a {
	width: 300px;
	margin-top: 0;
}
.txtBox.dvTxtBox{
	margin: 0 60px;
}
.svg-inline--fa {
	max-width: unset;
}
.customAccHeader {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin-right: 20px;

}
.mod_article .dvAcc.ce_accordionSingle {
	margin: 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dvAcc .toggler {
	width: 80%;
    margin: 10px 0;
    margin-bottom: 0;
    background:rgba(238, 238, 240, 1.0);
    color: #30455d;
}
.dvAcc .toggler:hover,
.dvAcc .toggler.active{

    background:#30455d;
    color: #fff;
}

.dvAcc .accordion {
	width: 80%;
	text-align: left;
	margin: 0 0 20px 0;
    padding: 20px 30px;
    font-size: 18px;
    background: #ebebed;
}
.dvAcc .accHeadline {
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
    text-transform: none;
    font-weight: 300;
    padding: 10px 20px;
    line-height: 1.4em;
    letter-spacing: 1px;
    text-align:left;
}
.dvAcc .accordion ul {
	list-style:square;
	padding-left: 35px;
}
.dvAcc .accordion ul > li {
	margin: 5px 0;
}
.dvAcc .accordion ol ul {
	padding-left: 35px;
	margin-bottom: 15px;
}
.dvAcc .accordion ol {
	font-size: 18px;
	line-height: 1.4em;
	margin: 20px 0;
	list-style: decimal;
	list-style-position: inside;
}
.dvAcc .accordion ol.noMarker {
	
	list-style: none;
}
.dvAcc .accordion ol li {
	margin: 5px 0;
	
	color: #30455d;
	text-align: left;
}
.dvAcc .accordion ol li::marker {
	font-weight: 600;
}
.dvAcc .accordion ol li strong {
	padding-top: 15px;
	font-size: 20px;
	display: unset;
}
.dvAcc .accordion li p {
	margin-bottom: 15px;
}



.splideDvWind {
	width: 80%;
	margin: 40px auto;
}
.splideContainer {
	
	padding:40px;
	color: #fff;
	font-family: "Roboto", sans-serif;
	line-height: 1.4em;
	font-size: 18px;
	position: relative;
	text-align: center;
	
	
}

.splideP {
	font-weight: 300;
}
.splide__number,
.splidePartner__number {
    top: 0;
    right: 3%;
    color: rgba(48, 69, 93, 0.09);
    
    font-size: 10rem;
    line-height: 1;
    position: absolute;
    font-family:"Roboto", sans-serif;
    font-weight: 600;
    transform: translateZ(1px);
    -webkit-user-select: none;
    user-select: none;
    z-index: 2;
}
.splideContainer h4 {
	color: #fff;
	margin-bottom: 10px;
	font-size: 22px;
	font-family: "Roboto", sans-serif;
}

.splide__pagination {
	bottom: -2.5em;
}
.splide__pagination__page.is-active {
	transform: none;
}
.splide__pagination__page {
    
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 0 .1rem;
    padding: 0;
    position: relative;
    transition: background-color .8s ease, color .4s ease;
    width: 10px;
}
.splide__pagination--custom .splide__pagination__page {
	align-items: center;
    background-color: rgba(48, 69, 93, 0.0);;
    border-radius: 2px;
    border:1px solid #30455d;
    color: #000;
    display: inline-flex;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    height: 2.2rem;
    justify-content: center;
    line-height: 1;
    margin-left: .5rem;
    width: 2.2rem;
}
.splide__pagination--custom .splide__pagination__page.is-active {
	background-color: rgba(48, 69, 93, 1.0);
	color: #fff;
}
.splide__pagination__page:hover {
	background-color: rgba(48, 69, 93, 1.0);
	color: #fff;
}
.dvWegAllContainer {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.dvWegWrapper {
	display: flex;
    flex-direction: row;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}

.dvWegLeftWrapper p,
.dvWegRightWrapper p,
.dvWegCounter p
{
	margin-bottom: 0;
}
.dvWegLeftWrapper {
	display: flex;
	justify-content: center;
}
.dvWegRightWrapper {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #30455d;
	font-family: 'Roboto', sans-serif;
}
.dvWegLeftWrapper {
	margin-right: 40px;
	text-align: center;
	align-items: center;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="1002" viewBox="0 0 10 1002"><g id="Ebene_1" data-name="Ebene 1"><rect width="10" height="1000" style="fill: none;"/></g><g id="Ebene_2" data-name="Ebene 2"><rect x="4.5" width="1" height="1002" style="fill: %2330455d;"/></g></svg>');
	background-repeat: no-repeat;
	background-position-x: center;
}
.dvWegLeftWrapper p {
	font-size: 22px;
	padding: 5px;
	background: #30455d;
	color: #fff;
	display: inline-block;
	width: 40px;
    height: 40px;
    line-height: 30px;
    border-radius: 20px;
	
}
.dvWegRightWrapper h2 {
	font-size: 22px;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	color: #30455d;
}

.dvAnsprech {
	display: flex;
    /* width: 80%; */
    justify-content: center;
    align-items: center;
    margin: 0 10%;
    max-width: var(--smaller-xl);
}

.dvAnsprech h2.sectionHead {
	display:none;
}

/*================ DIREKTVERMARKTUNG SOLARSTROM ================*/

.mod_article.hero.dvSolarstrom {
	
	background-image: url(/files/images/home/slider/AdobeStock_164565964_bearb.jpg);
  background-size: cover;
  background-color: rgba(32, 46, 62, 1.0);
  background-blend-mode: overlay;
  background-position: right;
}
.dvSolarstrom li.animatableTxt a {
    color: rgba(255, 255, 255, 1.0);
    margin-top: 40px;
}
.textBoxList.dvSolar {
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.textBoxList.dvSolar li {
	margin: 0 2px 5px 2px;
}

/*================ FAQ ================*/

.mod_article.hero.faq {
	
	background-image: url(/files/images/faq/AdobeStock_204180371_Preview.jpeg);
  background-size: cover;
  background-color: rgba(32, 46, 62, 1.0);
  background-blend-mode: overlay;
  background-position: center;
}
.accKategorie {
	text-align: center;
	font-family: 'Roboto', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
    color: #30455d;
    line-height: 1.5em;
    margin-top: 50px;
}
.accKategorie.accKategorieMarginOff {
	margin-top: 0;
}



/*================ KONTAKT ================*/


.mod_article.hero.kontakt {
	
	background-image: url(/files/images/kontakt/AdobeStock_542865749_bearb.jpg);
  background-size: cover;
  background-position: center;
  background-color: rgba(48, 69, 93, 0.95);
  background-blend-mode: overlay;
  
}

.kontaktItemsWrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
    align-items: center;
    margin-top: 40px;
}

.kontaktItem {
	align-items: center;
    width: 31%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #30455d
}

.kontaktItemHead {
	display: flex;
    flex: 2;
    justify-content: center;
    align-items: center;
    background-color: rgba(59, 128, 194, 0.79);
    width: 100%;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.2em;
    color: #fff;
    padding: 80px 0;
    letter-spacing: 2px;
    background-blend-mode: multiply;
}

.kontaktItemHead.allgemein {
	background-image: url(/files/images/kontakt/AdobeStock_171044217_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;
}

.kontaktItemHead.vertrieb {
	background-image: url(/files/images/kontakt/AdobeStock_233173951_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemHead.presse {
	background-image: url(/files/images/kontakt/AdobeStock_396487085_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemHead.abrechnung {
	background-image: url(/files/images/kontakt/AdobeStock_510750525_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemHead.handel {
	background-image: url(/files/images/kontakt/AdobeStock_464877800_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemHead.redispatch {
	background-image: url(/files/images/kontakt/AdobeStock_460733402_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemHead.remit {
	background-image: url(/files/images/kontakt/AdobeStock_552887061_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemMetaWrapper {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 20px 0;
    color: #fff;
    font-size: 0.9em;
}

.kontaktItemMetaWrapper p {
	margin: 5px 0;
    
}

h2.sectionHead.prodAnsprech.dklBlau,
h3.sectionHead.vertrieb.dklBlau,
.kontaktVertrieb.dklBlau,
.kontaktVertrieb.dklBlau a,
h4.sectionHead.dklBlau,
.ce_text.dklBlau{
	color: #30455d;
}

.mod_article.smaller.kontakteMap {
	margin-top: 50px;
}

.prodAnsprechWrapper .gfGallery {
	justify-content: center;
}


/*================ PRESSE ================*/


.mod_article.hero.presse {
	
	background-image: url(/files/images/presse/AdobeStock_278614323_bearb.jpg);
  background-size: cover;
  background-position: center;
  background-color: rgba(48, 69, 93, 0.95);
  background-blend-mode: overlay;
  
}

p.info {
	text-align: center;
    padding: 10px 0;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
	background-color: rgba(48, 69, 93, 1.0);
}

.newsCaption {
	position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 3px 6px;
    background-color: rgba(48, 69, 93, 1.0);
    color: #fff;
    font-size: 10px;
    
}

.mod_newslist.newslistBigImage {
    margin: 0;
}

.newslistBigImage.small .newsContainer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.newslistBigImage.small .layout_latest.even {
   
    margin-right: 12px;
}

.newslistBigImage.small .layout_latest.odd {
    margin-left: 12px;
}

.newslistBigImage.small .layout_latest {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	/*flex: 0 0 45%;*/
	justify-content: space-between;
	width: 45%;
	margin-bottom: 24px;
	background-color: rgba(48, 69, 93, 1.0);
	-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    cursor: pointer;
    padding-bottom: 20px;
}

.newslistBigImage.small .layout_latest.newsWide {
	
	margin: 12px;
}

.mod_article .newslistBigImage [class*=layout_]>* {margin-left:0!important; margin-right: 0!important}

.layout_latest_contentContainer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.layout_latest_contentContainer .newsSmall_bgImg {
	/*flex: 1 200px;*/
	height: 250px;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	position: relative;

}

.layout_latest .newsSmall_bgImg {
	background-position: center center;
}

.layout_latest.bgPosTop .newsSmall_bgImg {
	background-position: center top;
}

.layout_latest_contentContainer .newsText_container {
	/*flex: 1 200px;*/
	/*height: 145px;*/
	text-align: center;
	padding: 0 40px;
	color: #fff;
	font-family: 'new-zen', sans-serif;
	font-weight: 300;
	line-height: 1.2em;
	font-size: 1em;
	
}

.newslistBigImage.small .layout_latest:hover {
    background-color: rgba(48, 69, 93, 0.2);
}

.newslistBigImage.small .layout_latest:hover .newsText_container {
    color: #000;
}

.newslistBigImage.small .layout_latest:hover .more a {
	color: rgba(48, 69, 93, 1);
	border: 1px solid rgba(48, 69, 93, 1);
}
.width100 {
	width: 100%;
}

/*
.newslistBigImage.small .layout_latest:hover .layout_latest_contentContainer .newsSmall_bgImg {
    filter: blur(1px);
}
*/

.layout_latest_contentContainer .newsText_container h4.newsTextItem {
	font-size: 1.4em;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 1.2em;
    border-bottom: 0.5px solid #fff;
    padding: 10px 0;
}

.layout_latest_contentContainer .newsText_container h2 {
	margin: 0;
    font-size: 0.7em;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
}

.layout_latest_contentContainer .newsText_container .ce_text {
	margin: 20px 0 ;
}



.more {text-align: center}
.more a {
	padding: 5px 10px;
    border: 0.5px solid #fff;
    color: #fff;
}

/*================ PAGINATION ================*/

.pagination {
	margin-top: 10px;
	margin-left: 5%;
}

.pagination .total {
	margin-bottom: 10px;
	font-size: 16px;
}
.pagination ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.pagination ul li {display: inline;}

.pagination ul li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.pagination ul li strong.active {
    background-color: rgba(48, 69, 93, 1.0);
    color: white;
    border: 1px solid rgba(48, 69, 93, 1.0);
    float:left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    margin: 0 4px;
}

.pagination ul li a:hover:not(.active) {background-color: #ddd;}
.pagination li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pagination .link {
	
   display: none;
    
	}
	
/*================ IMPRESSUM ================*/


.mod_article.hero.impressum {
	
	background-image: url(/files/images/rechtliches/AdobeStock_190694233_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 1.0);
  background-blend-mode: soft-light;
  background-position: center;
}

.mod_article.impressumContent {
	margin-top: 50px;
}



.mod_article.impressumContent h3 {
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.3em;
}

.mod_article.impressumContent h4 {
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.2em;
}



/*================ DATENSCHUTZ ================*/


.mod_article.hero.datenschutz {
	
	background-image: url(/files/images/rechtliches/AdobeStock_190694206_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 1.0);
  background-blend-mode: soft-light;
  background-position: center;
}

.mod_article.datenschutzContent {
	margin-top: 50px;
}

.mod_article.datenschutzContent .ce_text li {
	line-height: 1.4em;
}

.mod_article.datenschutzContent ul {
	
   list-style-type: square;
    padding-left: 20px;
}

.mod_article.datenschutzContent p strong {
	
   margin-top: 20px;
}

/*================ REMIT ================*/ 
.mod_article.hero.remit {
	
	background-image: url(/files/images/remit/AdobeStock_502771470_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 0.90);
  background-blend-mode: multiply;
   background-position: top;
}

.remitContent {
	margin-top: 50px;
	line-height: 1.4em;
}

/*================ INVESTOR RELATIONS ================*/


.mod_article.hero.invRel {
	
	background-image: url(/files/images/ir/AdobeStock_486684960_bearb.jpg);
  background-size: cover;
  background-position: center;
  background-color: rgba(48, 69, 93, 0.95);
  background-blend-mode: overlay;
  
}

.login_info {
	display: none;
}

#form_invRel {
	margin-left: 20%;
	margin-right: 20%;
}

.widget-submit {
	margin-top: 30px;
	text-align: center;
}

.widget-text label,
.widget-password label{
	font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8em;
    color: rgba(48, 69, 93, 1.0);
}

.submit {
	border: 1px solid rgba(48, 69, 93, 1.0)!important;
	border-radius: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background-color: transparent;
    background-image: none;
    display: inline-block;
    font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8em;
    color: rgba(48, 69, 93, 1.0);
    position: relative;
    text-decoration: none;
    width: 200px;
    text-align: center;
    padding: 10px 20px;
   
}

.submit:hover {
	background-color: rgba(48, 69, 93, 1.0)!important;
	color: #fff;
}

.toggler {
	font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1em;
    cursor: pointer;
    background-color: rgba(48, 69, 93, 1.0);
    margin-bottom: 20px;
    margin-top: 40px;
    color: #fff;
    padding: 5px 10px;
    outline: none;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.toggler:hover, .toggler.active {
	background-color: #666666;
}

.accordion {
	font-size: 20px;
    margin-left: 20px;
    margin-bottom: 25px;
}

.accordion p {
	margin-top: 0;
    margin-bottom: 5px;
}

.gb_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}

.gb_wrapper .caption {
	text-align: center;
	margin-top: 10px;
	font-size: 0.8em;
}


/*================ DOWNLOADS ================*/ 
.mod_article.hero.downloads {
	
	background-image: url(/files/images/downloads/AdobeStock_560894439_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 0.51);
  background-blend-mode: multiply;
   background-position: top;
}

.remitContent {
	margin-top: 50px;
	line-height: 1.4em;
}

/*================ DOWNLOADS ================*/

.ce_downloads {
	background: #30455d;
    padding: 40px 60px;
    color: #fff;
    margin-top: 30px;
}

.download-element {
	margin: 7px 0;
    line-height: 1.4em;
    background-position-y: 7px;
}

/*================ TEMPORÄRES AUSBLENDEN ================*/

.dvAngebotBtnVisibility,
li.animatableTxt.dvAngebotBtnVisibility,
animatableTxt.dvAngebotBtnVisibility {
	/*display: none;*/
}


.dvBtnVisibility,
.headerLinkContainer p.dvBtnVisibility,
li.animatableTxt.dvBtnVisibility,
animatableTxt.dvBtnVisibility {
	/*display: none;*/
}


/*================ MEDIAQUERIES ================*/




/*================MIN 1300 ================*/

@media (min-width: 1300px)  {
	.purposeWrapper {
	margin-left: 5%;
	margin-right: 5%;
}
}

/*================MIN 1500 ================*/

@media (min-width: 1500px)  {
	.purposeWrapper {
	margin-left: 15%;
	margin-right: 15%;
}

.newslistBigImage.small .layout_latest.newsWide {
	width: 30%;
	}
}

/*================MIN 1800 ================*/

@media (min-width: 1800px)  {
	.purposeWrapper {
	margin-left: 20%;
	margin-right: 20%;
}


}

/*================ MIN 2000 ================*/

@media (min-width: 2000px)  {
.mod_article.paketeWrapper {
	margin-left: 10%;
	margin-right: 10%;
}

.purposeWrapper {
	margin-left: 25%;
	margin-right: 25%;
}

.homeEinleitungAni svg {
	/*width: 70%;*/
}
.paketeListContainer .maskIn.isHovered {
	width: 128%;
}
.paketeListCell {

	margin-left: 10%;
}
}

/*================ MIN 2000 ================*/

@media (min-width: 2500px)  {
	.newslistBigImage.small .layout_latest.newsWide {
	width: 20%;
	}

}

/*================MAX 1300 ================*/

@media (max-width: 1300px)  {
	.chartCanvas.chartGrid {
	width: 30%;
	}
	
	.flexContainer.purpose {
		flex-direction: column;
	}
	
	.homeEinleitungAni svg {
/*width: 90%;*/
}
	/*
	.txtBox.boxLi {
		display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
	}*/
	
	.flexContainer .txtBox.boxLi, .boxRe {
		width: 80%;
	}
	/*
	.purposeWrapper {
		width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
	}
	*/
	.purposeElement {
		display: flex;
    flex-direction: row;
    margin: 20px 0;
    margin-left: 40px;
    align-items: center;
    width: 100%;
    justify-content: center;
	}
	
	.purposeElement svg, .purposeCopy {
    width: 400px;
	}
	
	.purposeCopy {
		font-size: 18px;
    	font-weight: 200;
	}
	
	.purposeHead {
    font-size: 25px;
    
	}
	
	.boxLi .animatableTxt, .animatableHeadline {
		text-align: center;
	}
	.sectionContentText.dv li {
		width: 49%;
	}
}


/*================ 1080 ================*/

@media (max-width: 1020px)  {
	.headLeftInner.left {
		letter-spacing: 1px;
	}
	.maskIn.maskInDv.isHovered {
    transition: width  0.5s ease-in-out;
    width: 450px;
    max-width: 450px;
}

}


/*================ 991 ================*/



@media (max-width: 991px)  {
	
	.mod_article.smaller {
	margin: 0 15%;
	}
	
	.headLeftInner.left {
		justify-content: center;
	}
	
	.headLeftInner.right {
		justify-content: space-around;
	}
	
	.headLeftInner.left ul,
	.headLeftInner.left ul li{
		display: block;
	}
	
	.headLeftInner.left li {
	flex-grow: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
}

.headLeftInner.left a {
    background-size: 0% 1px;
}

.headLeftInner.left a:hover {
	
    background-size: 100% 1px;
    
}

a.aButton {
	padding:10px 20px;
	letter-spacing: 1px;
}

.hamburgerContainer {
	height: 40px;
}

.purposeContentWrapper,
.purposeContentWrapper.v2{
	width: 100%;
}

.flexContainer {
	flex-direction: column;
}

.flexContainer .txtBox, .flexContainer .flexImg {
	width: auto;
}

.txtBox, .mod_article .txtBox {
	margin: 20px;
}

.txtBox.chartGrid .animatableTxt {
	width: 100%;
}

.flexImg .vegas-content-scrollable {
	height: 400px;
}

.flexImgAni {
	height: 400px;
	
}

.chartCanvas.chartGrid {
	width: 45%;
}

.sectionContent.withIcon,
.sectionContent.withIcon.rowReverse{
	flex-direction: column;
	width: inherit;
	align-items: center;
    text-align: center;
	}
	
	.sectionContentIcon {
		width: 50%;
		margin-right: 0;
	}
	
	.sectionContentText {
		width: 100%;
		margin-top: 40px;
		align-items: center;
		
    
	}
	
	
	
	.gesichterWrapper svg {
	
	width: 100%;
	}
	
	.gfGalleryItem {
		width: 48%;
	}
	.dvAnsprech .gfGalleryItem {
		width: 23%;
	}
	
	.kontaktItem {
    width: 48%;
}

	.purposeWrapper {
		flex-direction: column;
	}
	
	.txtBox.boxLi.purpose {
		width: auto;
	}
	
	.aniContent {
		width: 100%;
	}
	
	.homeEinleitungAni {
		width: 100%;
		justify-content: center;
	}
	
	.homeEinleitungAni.v2 svg {
    width: 100% !important;
}
	
	.purposeWrapper {
		flex-direction: column-reverse;
		margin-top: 40px;
	}
	
	.purposeWrapper.v2 {
		flex-direction: column;
	}
	
	.newslistBigImage.small .layout_latest {
		width: 100%;
	}
	
	
	.newslistBigImage.small .layout_latest.odd,
	.newslistBigImage.small .layout_latest.newsWide{
		margin-left: 0;
	}
	
	.newslistBigImage.small .layout_latest.even,
	.newslistBigImage.small .layout_latest.newsWide {
		margin-right: 0;
	}
	
	.pagination {
	margin-left: 0;
}
.paketImage.paketImageDv {
	display: none;
}

.paketeListCell.paketeListCellDv {
	margin-left: 3%;
	margin-right: 3%;
}
	.mod_article.smaller.smallScreenfullWidth {
		
		margin-left: 0;
		margin-right: 0;
	}
	
	.sectionContentIcon.sectionContentIcon100Prozent {
	flex-direction: row;
	
}
.sectionContentText.sectionContentText100Prozent {
	text-align: center;
}
.dvVorteileContainer li {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ce_text.dvVorteileContainer {
    width: 100%;
}
.dvVorteileContainer ul {
	margin-bottom: 0;
}
.dvWegWrapper {
	width: 90%;
}
.abstand {
	height: 0;
}
.imFokusImg {
	width: 60%;
}

.textBoxList.textBoxListRow {
	flex-direction: column;
}
.textBoxListRow li {
	width: 100%;
}

.dvTxtBox.dvTxtBoxRow {
	padding-right: 0;
}
.staticListWrapper {
	flex-direction: column;
}

}

/*================ 991 + LANDSCAPE ================*/

@media (max-width: 991px) and (orientation: landscape)   {

	.heroClaim p.heroSubHead {
		margin-right: 5%;
		margin-left: 5%;
		line-height: 1.6em;
    	font-size: 0.9em;
    	letter-spacing: 0px;
    	margin-top: 20px;
    
	}
}

/*================ 900 ================*/

@media (max-width: 900px)   {

		.footer_container ul, .footerItem {
	width: 50%;
   
	}
	.footerItem ul {
		width: 100%;
	}
	
	.footerItem.withDate {
		margin-top: 25px;
	}
	.sectionContentText.dv li {
    width: 100%;
   hyphens: auto;
}


.qeBorder.dv,
.dvAcc .toggler,
.dvAcc .accordion {
	width: 100%;
}


}

/*================ MAX 700 ================*/

@media (max-width: 700px)  {
	/*
	#footer-custom {
		text-align: center;
	}
	.footer_container {
		flex-direction: column;
	}
	*/
	.footerItem.withDate {
	margin-top: 20px;
}

.footerItem.withDate p {
	margin: 5px 0;
}
}

/*================ MIN 751 ================*/

@media (min-width: 751px)  {

}

/*================ MIN 751 PORTRAIT ================*/

@media (min-width: 751px) and (orientation: portrait)  {


}
/*================ MAX 751 ================*/

@media (max-width: 751px)  {
	
	.startContainerText {
		font-size: 2em;
	}
	
	.mod_article.smaller {
	margin: 0 10%;
	}

	.headLeft.leftContainer {
		display: none;
	}
	
	#logobereich .inside, #logobereichSmall .inside {
		justify-content: flex-end;
	}
	
	.headLeft a.aButton {
		display: none
	}
	.kundenPortal {
		display: block;
	}
	.headerLinkContainer {
		margin-top: 0;
	}
	.headerLinkContainer.kundenPortal {
		margin-top: 40px;
	}
	
	.headLeftInner.right {
		justify-content: flex-end;
	}
	
	.headLeft {
		width: calc(100vw / 3);
	}
	
	.hamburgerContainer {
		margin-right: 10px;
	}
	
	.logo_img {
		margin: auto;
		width: 160px;
	}
	
	#logobereichSmall .hamburgerContainer {
		/*height: 30px;*/
	}
	
	.vegas-content {
		width: 90%;
	}
	
	.textBoxList {
	flex-direction: column;
}
	
	li.animatableTxt {
		display: block;
		margin-right: 0;
		margin-bottom: 25px;
	}
	
	li.animatableTxt a {
		width: 50vw;
		text-align: center;
	}
	.dvSolar li.animatableTxt a {
		width: 200px;
		text-align: center;
	}
	.textBoxList.dvSolar {
		flex-direction: column;
	}
	
	.chartCanvas.chartGrid {
	width: 100%;
	}
	
	.txtBox, .mod_article .txtBox {
		text-align: center;
	}
	
	.kpiElement {
		width: 50%;
		margin-bottom: 50px;
	}
	
	.kpiContainer {
		padding-bottom: 0;
	}
	
	.purposeElement {
    	flex-direction: column;
    	margin: 0 20px;
    	
	}
	
	.purposeContentWrapper {
		text-align: center;
	}
	
	.purposeElement svg, .purposeCopy {
    width: auto;
	}
	
	.heroClaim {
		/*margin-top: 20%;*/
	}
	
	.heroClaim h2 {
		font-size: 3em;
	}
	
	.heroClaim p.heroSubHead {
		margin-right: 5%;
		margin-left: 5%;
		line-height: 1.6em;
    	font-size: 0.9em;
    	letter-spacing: 0px;
    	margin-top: 20px;
    
	}
	
	h2.sectionHead, .homeServicePaketeContent h2  {
		text-align: center;
		font-size: 2em;
		font-weight: 400;
		hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
	}
	
	.homeServicePaketeContent li.animatableTxt a {
		width: 30vw;
	}
	
	.ce_text.homeServicePaketeContent {
		width: 100%;
		margin-top: 300px;
	}
	
	.homeServicePaketeImg {
		width: 0;
	}
	
	homeServicePaketeWrapper {
		flex-direction: column;
	}
	
	h2.sectionHead.produkte {
	
	text-align: center;
}
	
	h3.sectionHead {
		text-align: center;
		font-size: 1.2em;
		font-weight: 400;
		letter-spacing: 0;
		hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
	}
	
	.mod_article.smaller {
		margin: 0 5%;
	}
	
	.gfGalleryDetail {
		width: 91vmin;
  
	}
	
	.gfGalleryItem {
		width: 100%;
	}
	.dvAnsprech .gfGalleryItem {
		width: 48%;
	}
	
	.prodContent h2.sectionHead {
		font-size: 1.3em;
	}
	
	.produkt-row_right_card {
		padding: 20px;
	}
	
	.produkt-row_text_right_head {
    font-size: 1.1em;
}

.produkt-row_text_right_copy {
    font-size: 0.9em;
}
	
	.produkt-row_left_card .card-extension {
		left: 90%;
	}
	
	.produkt-row_icon svg {
    	max-height: 120px;
	}
	
	.paketImage {
		display: none;
	}
	
	.paketContent {
		padding-left: 20px;
		width: 100%;
		text-align: center;
	}
	
	.paketeListCell {
		margin-left: 5%;
		margin-right: 5%;
		justify-content: center;
	}
	
	.paketeListCell .ce_text {
		margin-left: 0;
		margin-left: 0;
		text-align: center;
	}
	
	.mod_article.hero.kontakt {
		background-position: right;
  
	}
	

	.homeEinleitungAni {
		width: 100%;
	}
	.homeEinleitungAni svg {
    width: 100% !important
}
	
	.ce_downloads {
		padding: 40px 20px;
	}
	.mod_article.smaller.smallScreenfullWidth {
		
		margin-left: 0;
		margin-right: 0;
	}
	.imFokusImg {
	display:none;
}
	
}

/*================ MAX 751 PORTRAIT ================*/

@media (max-width: 751px) and (orientation: portrait)  {


.navbar-toggler {
	margin-top: -20px;
}

.navbar-toggler.small {
    margin-top: 0;
}

.homeFirstHead {
	font-size: 40px;
}



.servicePaketeInner {
	display: block;
    
}

}

/*================ MAX 751 LANDSCAPE ================*/

@media (max-width: 751px) and (orientation: landscape)  {
	.prodHero, .heroContent {
		/*align-items: flex-end;*/
	}
	
	.prodAniWrapper, .heroClaim {
		/*margin-bottom: 10%;*/
	}
}

/*================ MAX 600 ================*/

@media (max-width: 600px)  {

.kontaktItem {
    width: 100%;
}

.footer_container {
	flex-direction: column;
}
.footer_container ul {
	margin-bottom: 15px;
}
#footer-custom {
	text-align: center;
}
.footerItem, .footer_container ul {
	width: auto;
}
.dvWegWrapper {
	width: 100%;	
}
.dvWegLeftWrapper {
	margin-right: 0;
}
.sectionContentText.dv h2,
.imFokusTxt h2 {
	font-size: 2.0em;
}
.sectionContentText.sectionContentText100Prozent {
	margin-top: 0;
}
}

/*================ 380 ================*/

@media (max-width: 380px) and (orientation: portrait)  {


}

/*================ 450 ================*/

@media (max-width: 450px)  {
	.prodHeadings h2 {
	font-size: 3em;
	}
	
	.prodHeadings {
		width: 90%;
	}
	
	.produkt-row_right_card {
		padding: 10px;
	}
	
	.produkt-row_text_right {
		font-size: 1em;
	}
	
	.produkt-row_left_card .card-extension {
		left: 85%;
	}
	
	.produkt-row_icon svg {
    	max-height: 70px;
	}
	
	#form_invRel {
	margin-left: 0;
	margin-right: 0;
}
}

/*================ TIMELINE ================*/
@media (min-width: 64rem) {
.js .cd-h-timeline__date {
    font-size: 1em;
}
}

/* roboto-100 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/files/fonts/roboto-v30-latin-ext_latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/roboto-v30-latin-ext_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/roboto-v30-latin-ext_latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/roboto-v30-latin-ext_latin-100.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/roboto-v30-latin-ext_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/roboto-v30-latin-ext_latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/files/fonts/roboto-v30-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/roboto-v30-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/roboto-v30-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/roboto-v30-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/roboto-v30-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/roboto-v30-latin-ext_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/files/fonts/roboto-v30-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/roboto-v30-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/roboto-v30-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/roboto-v30-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/roboto-v30-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/roboto-v30-latin-ext_latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/files/fonts/roboto-v30-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/roboto-v30-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/roboto-v30-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/roboto-v30-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/roboto-v30-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/roboto-v30-latin-ext_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('/files/fonts/roboto-v30-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/roboto-v30-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/roboto-v30-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/roboto-v30-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/roboto-v30-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/roboto-v30-latin-ext_latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* dosis-200 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 200;
  src: url('/files/files/fonts/dosis-v27-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/dosis-v27-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/dosis-v27-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/dosis-v27-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/dosis-v27-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/dosis-v27-latin-200.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('/files/fonts/dosis-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/dosis-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/dosis-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/dosis-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/dosis-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/dosis-v27-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-300 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 300;
  src: url('/files/fonts/dosis-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/dosis-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/dosis-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/dosis-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/dosis-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/dosis-v27-latin-300.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-500 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 500;
  src: url('/files/fonts/dosis-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/dosis-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/dosis-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/dosis-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/dosis-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/dosis-v27-latin-500.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-700 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('/files/fonts/dosis-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/dosis-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/dosis-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/dosis-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/dosis-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/dosis-v27-latin-700.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('/files/fonts/raleway-v28-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/raleway-v28-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/raleway-v28-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/raleway-v28-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/files/fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/files/fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('/files/fonts/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/files/fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/fonts/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/files/fonts/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}


.vegas-content-scrollable,.vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-content-scrollable{position:relative;height:100%;overflow:auto}.vegas-overlay{opacity:.5;background:url(../../files/vegas/./overlays/02.png) center center}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0%;height:100%;background:#fff;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;transform:translateZ(0);will-change:transform,opacity}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}body.vegas-container{overflow:auto;position:static;z-index:-2}body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;filter:blur(32px) brightness(1.01)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;filter:blur(0) brightness(1.01)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;filter:contrast(1000%) saturate(1000%)}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;filter:invert(0)}.vegas-transition-negative2-out{opacity:0;filter:invert(100%)}.vegas-transition-slideDown,.vegas-transition-slideDown2{transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{transform:translateY(0)}.vegas-transition-slideDown2-out{transform:translateY(100%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{transform:translateX(0)}.vegas-transition-slideRight2-out{transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{transform:translateY(0)}.vegas-transition-slideUp2-out{transform:translateY(-100%)}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{transform:scale(0);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{transform:scale(1.5)}100%{transform:scale(1)}}@keyframes kenburns{0%{transform:scale(1.5)}100%{transform:scale(1)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{transform:scale(1.5) translate(10%,-10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{transform:scale(1.5) translate(10%,-10%)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{transform:scale(1.5) translate(-10%,-10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{transform:scale(1.5) translate(-10%,-10%)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{transform:scale(1.5) translate(0,-10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{transform:scale(1.5) translate(0,-10%)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{transform:scale(1.5) translate(10%,0)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{transform:scale(1.5) translate(10%,0)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{transform:scale(1.5) translate(-10%,0)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{transform:scale(1.5) translate(-10%,0)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{transform:scale(1.5) translate(10%,10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{transform:scale(1.5) translate(10%,10%)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{transform:scale(1.5) translate(-10%,10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{transform:scale(1.5) translate(-10%,10%)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{transform:scale(1.5) translate(0,10%)}100%{transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{transform:scale(1.5) translate(0,10%)}100%{transform:scale(1) translate(0,0)}}
/*# sourceMappingURL=vegas.min.css.map */

.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}