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)} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { transform: translateY(-100%); } 50%{ transform: translateY(8%); } 65%{ transform: translateY(-4%); } 80%{ transform: translateY(4%); } 95%{ transform: translateY(-2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 50%{ -webkit-transform: translateY(8%); } 65%{ -webkit-transform: translateY(-4%); } 80%{ -webkit-transform: translateY(4%); } 95%{ -webkit-transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); } } .slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 50%{ transform: translateY(-8%); } 65%{ transform: translateY(4%); } 80%{ transform: translateY(-4%); } 95%{ transform: translateY(2%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 50%{ -webkit-transform: translateY(-8%); } 65%{ -webkit-transform: translateY(4%); } 80%{ -webkit-transform: translateY(-4%); } 95%{ -webkit-transform: translateY(2%); } 100% { -webkit-transform: translateY(0%); } } .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%); } 50%{ transform: translateX(-8%); } 65%{ transform: translateX(4%); } 80%{ transform: translateX(-4%); } 95%{ transform: translateX(2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translateX(150%); } 50%{ -webkit-transform: translateX(-8%); } 65%{ -webkit-transform: translateX(4%); } 80%{ -webkit-transform: translateX(-4%); } 95%{ -webkit-transform: translateX(2%); } 100% { -webkit-transform: translateX(0%); } } .slideRight { animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%); } 50%{ transform: translateX(8%); } 65%{ transform: translateX(-4%); } 80%{ transform: translateX(4%); } 95%{ transform: translateX(-2%); } 100% { transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { -webkit-transform: translateX(-150%); } 50%{ -webkit-transform: translateX(8%); } 65%{ -webkit-transform: translateX(-4%); } 80%{ -webkit-transform: translateX(4%); } 95%{ -webkit-transform: translateX(-2%); } 100% { -webkit-transform: translateX(0%); } } .slideExpandUp { animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30%{ transform: translateY(-8%) scaleX(0.5); } 40%{ transform: translateY(2%) scaleX(0.5); } 50%{ transform: translateY(0%) scaleX(1.1); } 60%{ transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80%{ transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100%{ transform: translateY(0%) scaleX(1); } } @-webkit-keyframes slideExpandUp { 0% { -webkit-transform: translateY(100%) scaleX(0.5); } 30%{ -webkit-transform: translateY(-8%) scaleX(0.5); } 40%{ -webkit-transform: translateY(2%) scaleX(0.5); } 50%{ -webkit-transform: translateY(0%) scaleX(1.1); } 60%{ -webkit-transform: translateY(0%) scaleX(0.9); } 70% { -webkit-transform: translateY(0%) scaleX(1.05); } 80%{ -webkit-transform: translateY(0%) scaleX(0.95); } 90% { -webkit-transform: translateY(0%) scaleX(1.02); } 100%{ -webkit-transform: translateY(0%) scaleX(1); } } .expandUp { animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60%{ transform: translateY(-7%) scaleY(1.12); } 75%{ transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } @-webkit-keyframes expandUp { 0% { -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); } 60%{ -webkit-transform: translateY(-7%) scaleY(1.12); } 75%{ -webkit-transform: translateY(3%); } 100% { -webkit-transform: translateY(0%) scale(1) scaleY(1); } } .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes fadeIn { 0% { transform: scale(0); opacity: 0.0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: scale(0); opacity: 0.0; } 60% { -webkit-transform: scale(1.1); } 80% { -webkit-transform: scale(0.9); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } .expandOpen { animation-name: expandOpen; -webkit-animation-name: expandOpen; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes expandOpen { 0% { transform: scale(1.8); } 50% { transform: scale(0.95); } 80% { transform: scale(1.05); } 90% { transform: scale(0.98); } 100% { transform: scale(1); } } @-webkit-keyframes expandOpen { 0% { -webkit-transform: scale(1.8); } 50% { -webkit-transform: scale(0.95); } 80% { -webkit-transform: scale(1.05); } 90% { -webkit-transform: scale(0.98); } 100% { -webkit-transform: scale(1); } } .bigEntrance { animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } @-webkit-keyframes bigEntrance { 0% { -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } .hatch { animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important; } @keyframes hatch { 0% { transform: rotate(0deg) scaleY(0.6); } 20% { transform: rotate(-2deg) scaleY(1.05); } 35% { transform: rotate(2deg) scaleY(1); } 50% { transform: rotate(-2deg); } 65% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes hatch { 0% { -webkit-transform: rotate(0deg) scaleY(0.6); } 20% { -webkit-transform: rotate(-2deg) scaleY(1.05); } 35% { -webkit-transform: rotate(2deg) scaleY(1); } 50% { -webkit-transform: rotate(-2deg); } 65% { -webkit-transform: rotate(1deg); } 80% { -webkit-transform: rotate(-1deg); } 100% { -webkit-transform: rotate(0deg); } } .bounce { animation-name: bounce; -webkit-animation-name: bounce; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease; -webkit-animation-timing-function: ease; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes bounce { 0% { transform: translateY(0%) scaleY(0.6); } 60%{ transform: translateY(-100%) scaleY(1.1); } 70%{ transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80%{ transform: translateY(0%) scaleY(1.05) scaleX(1); } 90%{ transform: translateY(0%) scaleY(0.95) scaleX(1); } 100%{ transform: translateY(0%) scaleY(1) scaleX(1); } } @-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0%) scaleY(0.6); } 60%{ -webkit-transform: translateY(-100%) scaleY(1.1); } 70%{ -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80%{ -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); } 90%{ -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); } 100%{ -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } } .pulse { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); opacity: 0.7; } 50% { -webkit-transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.95); opacity: 0.7; } } .pulse-animation img:hover { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } .floating { animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 100% { transform: translateY(0%); } } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(8%); } 100% { -webkit-transform: translateY(0%); } } .tossing { animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes tossing { 0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg); } } @-webkit-keyframes tossing { 0% { -webkit-transform: rotate(-4deg); } 50% { -webkit-transform: rotate(4deg); } 100% { -webkit-transform: rotate(-4deg); } } .pullUp { animation-name: pullUp; -webkit-animation-name: pullUp; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes pullUp { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullUp { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } .pullDown { animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } @keyframes pullDown { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullDown { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } .stretchLeft { animation-name: stretchLeft; -webkit-animation-name: stretchLeft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } @keyframes stretchLeft { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchLeft { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } .stretchRight { animation-name: stretchRight; -webkit-animation-name: stretchRight; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretchRight { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretchRight { 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } #impressionen { overflow:hidden; display:block; margin-bottom:1%; } #impressionen img { transition: all ease 1s; } #impressionen img:hover { opacity: .8; transform: scale(1.1); } .impression-01, .impression-02, .impression-03, .impression-05 { overflow:hidden; float:left; margin-right:1%; line-height:0; } .impression-01 { width:24.25%; } .impression-02, .impression-03, .impression-04 { width:24.25%; margin-bottom:1%; } .impression-05 { width:44%; } .impression-04, .impression-06 { overflow:hidden; float:left; margin-right:0; } .impression-06 { width:29.74%; } #impressionen-mobile { display:none; } @media screen and (max-width: 550px) { #impressionen-mobile { display:block!important; } #impressionen { display:none; } } /*bootstrap.css*/ @-ms-viewport {width: device-width;} html {box-sizing: border-box;-ms-overflow-style: scrollbar;} *,*::before,*::after {box-sizing: inherit;} .mod_article,.mod_article .contentwrap {width:100%;margin-right:auto;margin-left:auto;} @media (min-width: 576px) {.mod_article {max-width: 540px;}} @media (min-width: 768px) {.mod_article {max-width: 720px;}} @media (min-width: 992px) {.mod_article {max-width: 960px;}} @media (min-width: 1200px) {.mod_article {max-width: 1140px;}} @media (min-width: 1400px) {.mod_article {max-width: 1320px;}} .row {display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .container-fluid {width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;} .no-gutters {margin-right:0;margin-left:0;} .no-gutters > .col,.no-gutters > [class*="col-"] {padding-right:0;padding-left:0;} .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto, .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto, .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto, .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto, .col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto { width:100%;min-height:1px;position:relative;padding-right:15px;padding-left:15px;} .col {max-width:100%;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;} .col-auto {width:auto;max-width:none;-ms-flex: 0 0 auto;flex: 0 0 auto;} .col-1 {max-width:8.333333%;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;} .col-2 {max-width:16.666667%;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;} .col-3 {max-width:25%;-ms-flex: 0 0 25%;flex: 0 0 25%;} .col-4 {max-width:33.333333%;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;} .col-5 {max-width:41.666667%;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;} .col-6 {max-width:50%;-ms-flex: 0 0 50%;flex: 0 0 50%;} .col-7 {max-width:58.333333%;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;} .col-8 {max-width:66.666667%;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;} .col-9 {max-width:75%;-ms-flex: 0 0 75%;flex: 0 0 75%;} .col-10 {max-width:83.333333%;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;} .col-11 {max-width:91.666667%;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;} .col-12 {max-width:100%;-ms-flex: 0 0 100%;flex: 0 0 100%;} .order-first {-ms-flex-order: -1;order: -1;} .order-last {-ms-flex-order: 13;order: 13;} .order-0 {-ms-flex-order: 0;order: 0;} .order-1 {-ms-flex-order: 1;order: 1;} .order-2 {-ms-flex-order: 2;order: 2;} .order-3 {-ms-flex-order: 3;order: 3;} .order-4 {-ms-flex-order: 4;order: 4;} .order-5 {-ms-flex-order: 5;order: 5;} .order-6 {-ms-flex-order: 6;order: 6;} .order-7 {-ms-flex-order: 7;order: 7;} .order-8 {-ms-flex-order: 8;order: 8;} .order-9 {-ms-flex-order: 9;order: 9;} .order-10 {-ms-flex-order: 10;order: 10;} .order-11 {-ms-flex-order: 11;order: 11;} .order-12 {-ms-flex-order: 12;order: 12;} .offset-1 {margin-left:8.333333%;} .offset-2 {margin-left:16.666667%;} .offset-3 {margin-left:25%;} .offset-4 {margin-left:33.333333%;} .offset-5 {margin-left:41.666667%;} .offset-6 {margin-left:50%;} .offset-7 {margin-left:58.333333%;} .offset-8 {margin-left:66.666667%;} .offset-9 {margin-left:75%;} .offset-10 {margin-left:83.333333%;} .offset-11 {margin-left:91.666667%;} .justify-content-start {-ms-flex-pack: start !important;justify-content: flex-start !important;} .justify-content-end {-ms-flex-pack: end !important;justify-content: flex-end !important;} .justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;} .justify-content-between {-ms-flex-pack: justify !important;justify-content: space-between !important;} .justify-content-around {-ms-flex-pack: distribute !important;justify-content: space-around !important;} .align-items-start {-ms-flex-align: start !important;align-items: flex-start !important;} .align-items-end {-ms-flex-align: end !important;align-items: flex-end !important;} .align-items-center {-ms-flex-align: center !important;align-items: center !important;} .align-items-baseline {-ms-flex-align: baseline !important;align-items: baseline !important;} .align-items-stretch {-ms-flex-align: stretch !important;align-items: stretch !important;} .align-content-start {-ms-flex-line-pack: start !important;align-content: flex-start !important;} .align-content-end {-ms-flex-line-pack: end !important;align-content: flex-end !important;} .align-content-center {-ms-flex-line-pack: center !important;align-content: center !important;} .align-content-between {-ms-flex-line-pack: justify !important;align-content: space-between !important;} .align-content-around {-ms-flex-line-pack: distribute !important;align-content: space-around !important;} .align-content-stretch {-ms-flex-line-pack: stretch !important;align-content: stretch !important;} .align-self-auto {-ms-flex-item-align: auto !important;align-self: auto !important;} .align-self-start {-ms-flex-item-align: start !important;align-self: flex-start !important;} .align-self-end {-ms-flex-item-align: end !important;align-self: flex-end !important;} .align-self-center {-ms-flex-item-align: center !important;align-self: center !important;} .align-self-baseline {-ms-flex-item-align: baseline !important;align-self: baseline !important;} .align-self-stretch {-ms-flex-item-align: stretch !important;align-self: stretch !important;} @media (min-width: 576px) { .col-sm {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} .col-sm-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: none;} .col-sm-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;} .col-sm-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;} .col-sm-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} .col-sm-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;} .col-sm-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;} .col-sm-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .col-sm-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;} .col-sm-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;} .col-sm-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;} .col-sm-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;} .col-sm-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;} .col-sm-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .order-sm-first {-ms-flex-order: -1;order: -1;} .order-sm-last {-ms-flex-order: 13;order: 13;} .order-sm-0 {-ms-flex-order: 0;order: 0;} .order-sm-1 {-ms-flex-order: 1;order: 1;} .order-sm-2 {-ms-flex-order: 2;order: 2;} .order-sm-3 {-ms-flex-order: 3;order: 3;} .order-sm-4 {-ms-flex-order: 4;order: 4;} .order-sm-5 {-ms-flex-order: 5;order: 5;} .order-sm-6 {-ms-flex-order: 6;order: 6;} .order-sm-7 {-ms-flex-order: 7;order: 7;} .order-sm-8 {-ms-flex-order: 8;order: 8;} .order-sm-9 {-ms-flex-order: 9;order: 9;} .order-sm-10 {-ms-flex-order: 10;order: 10;} .order-sm-11 {-ms-flex-order: 11;order: 11;} .order-sm-12 {-ms-flex-order: 12;order: 12;} .offset-sm-0 {margin-left: 0;} .offset-sm-1 {margin-left: 8.333333%;} .offset-sm-2 {margin-left: 16.666667%;} .offset-sm-3 {margin-left: 25%;} .offset-sm-4 {margin-left: 33.333333%;} .offset-sm-5 {margin-left: 41.666667%;} .offset-sm-6 {margin-left: 50%;} .offset-sm-7 {margin-left: 58.333333%;} .offset-sm-8 {margin-left: 66.666667%;} .offset-sm-9 {margin-left: 75%;} .offset-sm-10 {margin-left: 83.333333%;} .offset-sm-11 {margin-left: 91.666667%;} } @media (min-width: 768px) { .col-md {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} .col-md-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: none;} .col-md-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;} .col-md-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;} .col-md-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} .col-md-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;} .col-md-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;} .col-md-6 {-ms-flex: 0 0 50%; flex: 0 0 50%;max-width: 50%;} .col-md-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;} .col-md-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;} .col-md-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;} .col-md-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;} .col-md-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;} .col-md-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .order-md-first {-ms-flex-order: -1;order: -1;} .order-md-last {-ms-flex-order: 13;order: 13;} .order-md-0 {-ms-flex-order: 0;order: 0;} .order-md-1 {-ms-flex-order: 1;order: 1;} .order-md-2 {-ms-flex-order: 2;order: 2;} .order-md-3 {-ms-flex-order: 3;order: 3;} .order-md-4 {-ms-flex-order: 4;order: 4;} .order-md-5 {-ms-flex-order: 5;order: 5;} .order-md-6 {-ms-flex-order: 6;order: 6;} .order-md-7 {-ms-flex-order: 7;order: 7;} .order-md-8 {-ms-flex-order: 8;order: 8;} .order-md-9 {-ms-flex-order: 9;order: 9;} .order-md-10 {-ms-flex-order: 10;order: 10;} .order-md-11 {-ms-flex-order: 11;order: 11;} .order-md-12 {-ms-flex-order: 12;order: 12;} .offset-md-0 {margin-left: 0;} .offset-md-1 {margin-left: 8.333333%;} .offset-md-2 {margin-left: 16.666667%;} .offset-md-3 {margin-left: 25%;} .offset-md-4 {margin-left: 33.333333%;} .offset-md-5 {margin-left: 41.666667%;} .offset-md-6 {margin-left: 50%;} .offset-md-7 {margin-left: 58.333333%;} .offset-md-8 {margin-left: 66.666667%;} .offset-md-9 {margin-left: 75%;} .offset-md-10 {margin-left: 83.333333%;} .offset-md-11 {margin-left: 91.666667%;} } @media (min-width: 992px) { .col-lg {-ms-flex-preferred-size: 0; flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} .col-lg-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: none;} .col-lg-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;} .col-lg-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;} .col-lg-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} .col-lg-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;} .col-lg-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;} .col-lg-6 {-ms-flex: 0 0 50%; flex: 0 0 50%;max-width: 50%;} .col-lg-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;} .col-lg-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;} .col-lg-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;} .col-lg-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;} .col-lg-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;} .col-lg-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .order-lg-first {-ms-flex-order: -1;order: -1;} .order-lg-last {-ms-flex-order: 13;order: 13;} .order-lg-0 {-ms-flex-order: 0;order: 0;} .order-lg-1 {-ms-flex-order: 1;order: 1;} .order-lg-2 {-ms-flex-order: 2;order: 2;} .order-lg-3 {-ms-flex-order: 3;order: 3;} .order-lg-4 {-ms-flex-order: 4;order: 4;} .order-lg-5 {-ms-flex-order: 5;order: 5;} .order-lg-6 {-ms-flex-order: 6;order: 6;} .order-lg-7 {-ms-flex-order: 7;order: 7;} .order-lg-8 {-ms-flex-order: 8;order: 8;} .order-lg-9 {-ms-flex-order: 9;order: 9;} .order-lg-10 {-ms-flex-order: 10;order: 10;} .order-lg-11 {-ms-flex-order: 11;order: 11;} .order-lg-12 {-ms-flex-order: 12;order: 12;} .offset-lg-0 {margin-left: 0;} .offset-lg-1 {margin-left: 8.333333%;} .offset-lg-2 {margin-left: 16.666667%;} .offset-lg-3 {margin-left: 25%;} .offset-lg-4 {margin-left: 33.333333%;} .offset-lg-5 {margin-left: 41.666667%;} .offset-lg-6 {margin-left: 50%;} .offset-lg-7 {margin-left: 58.333333%;} .offset-lg-8 {margin-left: 66.666667%;} .offset-lg-9 {margin-left: 75%;} .offset-lg-10 {margin-left: 83.333333%;} .offset-lg-11 { margin-left: 91.666667%;} } @media (min-width: 1200px) { .col-xl {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} .col-xl-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: none;} .col-xl-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;} .col-xl-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;} .col-xl-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} .col-xl-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;} .col-xl-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;} .col-xl-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .col-xl-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;} .col-xl-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;} .col-xl-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;} .col-xl-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;} .col-xl-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;} .col-xl-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .order-xl-first {-ms-flex-order: -1;order: -1;} .order-xl-last {-ms-flex-order: 13;order: 13;} .order-xl-0 {-ms-flex-order: 0;order: 0;} .order-xl-1 {-ms-flex-order: 1;order: 1;} .order-xl-2 {-ms-flex-order: 2;order: 2;} .order-xl-3 {-ms-flex-order: 3;order: 3;} .order-xl-4 {-ms-flex-order: 4;order: 4;} .order-xl-5 {-ms-flex-order: 5;order: 5;} .order-xl-6 {-ms-flex-order: 6;order: 6;} .order-xl-7 {-ms-flex-order: 7;order: 7;} .order-xl-8 {-ms-flex-order: 8;order: 8;} .order-xl-9 {-ms-flex-order: 9;order: 9;} .order-xl-10 {-ms-flex-order: 10;order: 10;} .order-xl-11 {-ms-flex-order: 11;order: 11;} .order-xl-12 {-ms-flex-order: 12;order: 12;} .offset-xl-0 {margin-left: 0;} .offset-xl-1 {margin-left: 8.333333%;} .offset-xl-2 {margin-left: 16.666667%;} .offset-xl-3 {margin-left: 25%;} .offset-xl-4 {margin-left: 33.333333%;} .offset-xl-5 {margin-left: 41.666667%;} .offset-xl-6 {margin-left: 50%;} .offset-xl-7 {margin-left: 58.333333%;} .offset-xl-8 {margin-left: 66.666667%;} .offset-xl-9 {margin-left: 75%;} .offset-xl-10 {margin-left: 83.333333%;} .offset-xl-11 {margin-left: 91.666667%;} } @media (min-width: 1400px) { .col-xxl {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} .col-xxl-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: none;} .col-xxl-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;} .col-xxl-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;} .col-xxl-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} .col-xxl-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;} .col-xxl-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;} .col-xxl-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .col-xxl-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;} .col-xxl-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;} .col-xxl-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;} .col-xxl-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;} .col-xxl-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;} .col-xxl-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .order-xxl-first {-ms-flex-order: -1;order: -1;} .order-xxl-last {-ms-flex-order: 13;order: 13;} .order-xxl-0 {-ms-flex-order: 0;order: 0;} .order-xxl-1 {-ms-flex-order: 1;order: 1;} .order-xxl-2 {-ms-flex-order: 2;order: 2;} .order-xxl-3 {-ms-flex-order: 3;order: 3;} .order-xxl-4 {-ms-flex-order: 4;order: 4;} .order-xxl-5 {-ms-flex-order: 5;order: 5;} .order-xxl-6 {-ms-flex-order: 6;order: 6;} .order-xxl-7 {-ms-flex-order: 7;order: 7;} .order-xxl-8 {-ms-flex-order: 8;order: 8;} .order-xxl-9 {-ms-flex-order: 9;order: 9;} .order-xxl-10 {-ms-flex-order: 10;order: 10;} .order-xxl-11 {-ms-flex-order: 11;order: 11;} .order-xxl-12 {-ms-flex-order: 12;order: 12;} .offset-xxl-0 {margin-left: 0;} .offset-xxl-1 {margin-left: 8.333333%;} .offset-xxl-2 {margin-left: 16.666667%;} .offset-xxl-3 {margin-left: 25%;} .offset-xxl-4 {margin-left: 33.333333%;} .offset-xxl-5 {margin-left: 41.666667%;} .offset-xxl-6 {margin-left: 50%;} .offset-xxl-7 {margin-left: 58.333333%;} .offset-xxl-8 {margin-left: 66.666667%;} .offset-xxl-9 {margin-left: 75%;} .offset-xxl-10 {margin-left: 83.333333%;} .offset-xxl-11 {margin-left: 91.666667%;} } #cboxClose, #cboxNext, #cboxPrevious { position:fixed; background-image:url("../../files/dateien/icons/controls.png"); } #cboxCurrent, #cboxTitle { font-size:12px; font-weight:bold; color:#666; text-transform:uppercase; } #cboxLoadedContent { border:0px solid #000000; background:#fff;box-shadow: 0 0 5px 0px rgba(0,0,0,.3); } #cboxOverlay { background:#000; opacity: 0.9; filter: alpha(opacity = 90); } #cboxContent { position:absolute; } #colorbox, #cboxOverlay, #cboxWrapper { -moz-transform:none; -webkit-transform:none; transform:none; } .container-fluid .row { margin-right:0; margin-left:0; } /*Container*/ .container, .container-fluid/*, .sub.no-subnav #container .container*/ { padding-top:80px; padding-bottom:65px; } .home #container { margin-top:0; background-color:rgba(255,255,255,.9); } /*.sub #container .container { padding-top:80px; padding-bottom:65px; }*/ #container { margin-top:750px; background-color:rgba(255,255,255,.95); } #container1, #container2 { background-color:#fff; } #container1 { margin-right:-1px; margin-left:-1px; } #container1 .container-fluid { padding:0; } #container1 .content-text, #container1 .content-image { padding-right:1px; padding-left:1px; } #container1 .content-image { overflow:hidden; padding:1px; } .home #container3 { background-color:#fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } .home #container3 .container { padding-top:0; } #container3 { background:#F2F2F2 url("../../files/dateien/layout/linie-blau.png") center top no-repeat; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } #container3 .container { overflow:hidden; } #container, #container1, #container2, #container3, #footer_before, #footer, #footer_after { position:relative; } @media screen and (max-width: 1250px) { #cookiebar { height:80px!important; } } @media screen and (max-width: 652px) { #cookiebar { height:96px!important; } .mod_cms_cookie_bar form .formbody .widget-submit {display:block;} } @media screen and (max-width: 461px) { #cookiebar { height:112px!important; } } @media screen and (max-width: 411px) { #cookiebar { height:130px!important; } } .mod_cms_cookie_bar form .formbody .widget-submit button { white-space:nowrap; margin-right: 10px; } .mod_cms_cookie_bar form .formbody .widget-submit { justify-content:flex-end; width:100%; } /*Footer before*/ #footer_before .inside { padding:0; } #footer_before { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } #google-map { width:100%; } /*.dlh_googlemap { width:100%; height:590px; } .dlh_googlemap img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }*/ /*Footer*/ #footer { background-color:#474747; color:#fff; font-weight:300; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); } #footer .row { width:100%; } #footer a { color:#fff; } #footer a:hover, #footer_after a:hover { color:#CCCCCC; } #footer h4 { color:#fff; text-transform:uppercase; } /*Footer after*/ #footer_after { text-align:center; background-color:#666; color:#fff; } #footer_after { padding-top: 20px; padding-bottom: 5px; } #footer_after a { color:#fff; } .invisible { display:none!important; } .auswahl span { display:block; } .anrede { margin-bottom:10px; } .widget-checkbox { margin-top:10px; margin-bottom:0; } .widget-captcha { margin-top:25px; } legend { margin-bottom:5px; font-weight:normal; } fieldset { margin-bottom:25px; } fieldset span { margin-right:25px; } select { min-width:100px; padding:5px 14px; border-color:#eee; background-color:transparent; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input:not([type]):focus, textarea:focus { outline:2px solid #666; } textarea { margin-bottom:0; padding:15px; border-radius:0; behavior:url('assets/css3pie/1.0.0/PIE.htc'); behavior:url('assets/css3pie/1.0.0/PIE.htc'); -webkit-border-radius: 0px !important; border-radius: 0px !important; } input { border-radius:0; line-height:20px; behavior:url('assets/css3pie/1.0.0/PIE.htc'); behavior:url('assets/css3pie/1.0.0/PIE.htc'); -webkit-border-radius: 0px !important; border-radius: 0px !important; padding: 15px !important; } input[type=text], input[type=email], textarea { border-color:#eee; background:transparent; box-shadow:none; } .widget-submit { width:50%; float:left; padding-right:25px; } .submit { width:100%; margin-top:15px; margin-bottom:15px; padding:15px; background-color:#5C5C5C; background-image:none; border:0px; border-radius:0; font-size:16px; line-height:20px; color:#fff; text-transform:uppercase; } .button:hover, .submit:hover { background-color:#0A549C; } .checkbox_container { margin-bottom:0; } .form-name, .form-nachname { width:50%; float:left; } .form-name { padding-right:5px; } .form-nachname { padding-left:5px; } #footer ::placeholder { color:#CCCCCC; text-transform:uppercase; } .widget.form-datenschutz { /*width:50%;*/ right:0; /*position:absolute; padding-left:5px;*/ margin-bottom: 20px; } .form-datenschutz { font-size:15px; line-height:20px; } .schmaler-content .widget-submit { float:none; margin-right:auto; margin-left:auto; } .formbody .row .widget input { flex: 100%; max-width: 100%; } .captcha-input-group, .captcha-image, .errorCaptcha { display:block; } .captcha-input-group label { white-space: unset; } .captcha-input-group input { margin-top:10px; width:208px; } /*specials_galerie-responsive.css*/ .content-gallery li:before { content:none; } .content-gallery li { position:relative; overflow:hidden; float:left; margin-bottom:4px; margin-left:0; padding-left:0; vertical-align:middle; text-align:center; font-size:0; line-height:0; box-sizing: border-box; padding-right:2px; padding-left:2px; } .content-gallery li a { display: block; overflow: hidden; } .content-gallery figure { margin:0; } .content-gallery .caption { position:absolute; top:0; background: var(--col1); color:#fff; padding:8px; box-sizing:border-box; font-size: 14px; line-height: 16px; transition:all 0.5s ease; width:auto; height:auto; } .content-gallery--cols-1 li { width:100%; } .content-gallery--cols-2 li { width:50%; } .content-gallery--cols-3 li { width:33.33333333333333%; } .content-gallery--cols-4 li { width:25%; } .content-gallery--cols-5 li { width:20%; } .content-gallery--cols-6 li { width:16.666666666666664%; } .content-gallery--cols-7 li { width:14.2857142857%; } .content-gallery--cols-8 li { width:12.5%; } .content-gallery--cols-9 li { width:11.1111111111%; } .content-gallery--cols-10 li { width:10%; } .content-gallery--cols-11 li { width:9.0909090909%; } .content-gallery--cols-12 li { width:8.3333333333%; } .content-gallery li { padding-right:2px; padding-left:2px; } #cboxContent { margin-top: 30px; } #cboxTitle { font-size: 20px!important; top: -25px; } @media screen and (max-width: 992px) { .content-gallery li { width:50%!important; } } @media screen and (max-width: 700px) { .content-gallery li { width:100%!important; } } /*Slider allgemein*/ #header .inside { padding: 0 60px; } .mod_rocksolid_slider { max-width:1920px; } .rsts-skin-default.rsts-main { position:fixed; left: 0; top: 0; } .mod_rocksolid_slider .rsts-caption { display:none; } .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next, .rsts-skin-default .rsts-video-play, .rsts-skin-default .rsts-video-stop, .rsts-skin-default .rsts-thumbs-prev, .rsts-skin-default .rsts-thumbs-next { bottom:30.5%; z-index:1200; } .mod_rocksolid_slider a { padding-right:10px; padding-left:10px; } /*Slider mit Hintergrundbild*/ .slider { width:100%; height:100vh; min-height:560px; display:block; text-align:center; } .startvideo { background-image:url("../../files/dateien/videos/video-poster.jpg"); background-position:center center; background-repeat:no-repeat; position: fixed; width:100%; max-width: 1920px; overflow: hidden; background-size:cover; } .startvideo.mobiledevice { background-image:url("../../files/dateien/galleries/slider-team1.jpg"); background-position:center center; background-repeat:no-repeat; position: fixed; width:100%; height:100%; max-width: 1920px; overflow: hidden; background-size:cover; } .videopop { position:relative; width:960px; height: 539px; max-width: 100%; max-height: 100%; overflow: hidden; background-size:cover; background-color:#000000; } .startvideo video { min-width: 100%; min-height: 100%; width: auto; height: auto; background-color: transparent; } .videopop video { display: block; width: 100% !important; height:auto !important; background-color:#000000; } .mejs__mediaelement { position:relative; } .mejs__container { background-color:transparent; } .slider-1 { background-image:url("../../files/dateien/galleries/slider-1.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-2 { background-image:url("../../files/dateien/galleries/slider-2.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-3 { background-image:url("../../files/dateien/galleries/slider-3.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-4 { background-image:url("../../files/dateien/galleries/slider-beratung-start.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-5 { background-image:url("../../files/dateien/galleries/sliderumwelt1-start.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-technik { background-image:url("../../files/dateien/galleries/slider-technik.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-montage { background-image:url("../../files/dateien/galleries/slider-montage.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-infos { background-image:url("../../files/dateien/galleries/slider-infos.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-infos1 { background-image:url("../../files/dateien/galleries/slider-infos-moebel.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-team { background-image:url("../../files/dateien/galleries/slider-divers.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-jobs { background-image:url("../../files/dateien/galleries/slider-jobs.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-planung { background-image:url("../../files/dateien/galleries/slider-planung-moebel.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .slider-kataloge { background-image:url("../../files/dateien/galleries/slider-infos-moebel.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; } .mod_rocksolid_slider .mejs__container { width: 100% !important; height: 100vh !important; } /*Slider Teaser*/ .mod_rocksolid_slider .image-slogan, .mod_rocksolid_slider .content-text { width:100%; bottom:25%; position:absolute; float:none; display:block; margin-right:auto; margin-bottom:0; margin-left:auto; padding:40px 55px; text-align:center; font-size:48px; line-height:50px; color:#fff; font-weight: 300; z-index: 990; text-shadow: 1px 1px 2px rgba(102,102,102,0.86); } .mod_rocksolid_slide .content-text p { margin-bottom:0; } .themen-home { width:100%; z-index:10; align-items: center; display: flex; justify-content: center; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .themen-home .kuechen, .themen-home .moebel { padding-top:120px; padding-right:15px; padding-left:15px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .themen { width:100%; height:100vh; min-height:560px; } .themen-home .kuechen figure, .themen-home .moebel figure { line-height: 150%; } @media (max-height: 800px) { #container { margin-top: 75vh; } } @media (max-height: 800px) and (min-width: 576px) { .themen-home .kuechen, .themen-home .moebel { max-width: 300px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } } /*main.css*/ button { background-color: transparent; border: 0; padding-top: 0; padding-bottom: 0; } a:-webkit-any-link:focus-visible { outline-offset: 1px; } .invisible, .auswahl span.invisible { display:none; } .auswahl span.mandatory { display:inline; } html { overflow-y: scroll; } ::selection { background-color:#0A549C; color:#fff; } .clearfix { height:0; clear:both; } .clearfix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } a:focus-visible, button:focus-visible { outline-color: #ffa500; outline-offset: 1px; } div { box-sizing: border-box; } body { margin:0; padding:0; color:#666666; font:16px/24px 'Open Sans', sans-serif; } #wrapper { max-width:1920px; overflow:hidden; margin-right:auto; margin-left:auto; box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.15); } hr { height:0; border-top:1px solid #ccc; border-right:0px solid #ccc; border-left:0px solid #ccc; border-bottom: 1px solid #ffffff; } /*Überschriften*/ h1, h2, h3, h4 { margin-top:0; margin-bottom:15px; margin-left:0; padding-top:0; padding-bottom:0; line-height:120%; font-weight:300; } h1 { font-size:34px; } h1:after { display:block; margin-bottom:60px; text-align:center; content:url(../../files/dateien/layout/linie-blau.png); } .kontakt h1:after, .impressum h1:after, .datenschutz h1:after { margin-bottom:25px; text-align:left; } h2 { font-size:34px; } h3 { font-size:24px; color:#0A549C; } h4 { font-size:24px; } /*Text*/ a { text-decoration:none; color:#0A549C; } a:hover { text-decoration:none; color:#C2263B; } a:focus { text-decoration: underline; } p { margin-top:0; margin-bottom:15px; } /*Liste*/ li { margin-left:1em; margin-bottom:6px; } li:before { float:left; margin-left:-1.5em; font:8px/20px 'Font Awesome 5 Free'; content: "\f111 "; margin-right: 8px; } .zahlen li:before { content:""; } .zahlen li { margin-bottom:20px; } .auflistung ul { margin-top:30px; margin-bottom:30px; padding:30px; background-color:rgba(255,255,255,.9); border:1px solid #eee; } .auflistung li { margin-left:2em; } .auflistung li:before { font:19px Font Awesome 5 Free; content: "\f00c"; } /*Buttons*/ .more, .back { clear:both; margin-top:35px; } .more a, a.more, .back a, .mod_rocksolid_slider a { display:inline-block; padding:10px 20px; font-size:16px; line-height:20px; text-decoration:none; color:#fff; text-transform:uppercase; background: rgb(13,105,198); background: -moz-radial-gradient(center, ellipse cover, rgba(13,105,198,1) 0%, rgba(10,80,149,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(13,105,198,1) 0%,rgba(10,80,149,1) 100%); background: radial-gradient(ellipse at center, rgba(13,105,198,1) 0%,rgba(10,80,149,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d69c6', endColorstr='#0a5095',GradientType=1 ); } .more a:hover, .back a:hover { opacity: 0.85; } /*TinyMCE*/ .col1 { color:#0A549C; } .col2 { color:#C2263B; } .text-small { font-size:14px; line-height:16px; } .text-big { font-size:34px; line-height:38px; } blockquote { position:relative; padding-left:40px; } blockquote:before { width:30px; left:0; top:-10px; position:absolute; content: url(../../files/dateien/icons/icon-zitat.svg); } /*Bilder*/ figure { line-height:0; } img { height:auto; max-width:100%; } /*Ausrichtungen*/ .center { text-align:center; } .right { text-align:right; } .left { text-align:left; } .float_left { float:left; margin-right:1%; } .float_right { float:right; margin-left:1%; } /*Breadcrumb*/ .mod_breadcrumb { overflow:hidden; margin-bottom:20px; } .mod_breadcrumb li { float:left; margin-left:0; font-size:12px; } .mod_breadcrumb li:before { content:none; } .mod_breadcrumb li:after { margin-right:5px; margin-left:5px; font-family:Font Awesome 5 Free; content: "\f105"; } .mod_breadcrumb li.last:after { display:none; } /*Pagination*/ .pagination li span.current { background-color:#0A549C; } .pagination li a, .pagination li span { padding:5px 10px; background-color:#C2263B; color:#fff; } .pagination li a:hover, .pagination li span:hover { background-color:#0A549C; color:#fff; } .pagination li:before { content:''; } .pagination li { display:inline-block; margin-left:0; } /*NACH OBEN LINK*/ .nach_oben_link { bottom:3px; right:10px; position:fixed; z-index:3100; } .nach_oben_link .st1 { fill:#0A549C; } /*Ladeanimation*/ .ladeanimation { width:100%; height:100%; left:0; top:0; position:fixed; background:#fff url("../../files/dateien/icons/loader3.gif") center center no-repeat; z-index: 9999; } .js #loader { left:100px; top:0; position:absolute; display:block; } .no-js #loader { display:none; } /*Cookie Hinweis*/ #cookiebar { height:56px; position:relative; padding:0; z-index:3000; } #cookiebar .inner { width:100%; bottom:0; position:fixed; padding:10px; background-color:rgba(0,0,0,.85); font-size:14px; line-height:16px; z-index:3000; } #cookiebar button { height:auto; margin-top:5px; margin-right:10px; margin-bottom:5px; padding-top:5px; padding-bottom:5px; background-color:#0A549C; background-image:none; } #cookiebar button:hover { background-color:#C2263B; } @media print { #suchfeld {display:none !important;} .ladebalken {display:none !important;} #header {display:none;} #footer {display:none;} } /*mod_article*/ .mod_article { padding-top:80px; padding-bottom:80px; } .mod_article.fullwidth { max-width:100%; } .fullwidth .mod_article { padding-top:0; padding-bottom:0; } .mod_article.fullwidth:not(.boxed-content) { padding-top:0; padding-bottom:0; } .mod_article.fullwidth.content { padding-top:60px; padding-bottom:60px; padding-right:4%; padding-left:4%; } .ce_optin_fallback { display: flex; height: 100%; align-items: center; line-height: normal; flex-direction: column; justify-content: center; padding: 20px; text-align: center; background-color: rgba(255, 255, 255, .6); font-weight: bold; } /* Megamenü */ .mod_navigation li.mm_container .mm_dropdown > .inner { display:flex; } .mod_navigation li.mm_container .mm_dropdown { left:-30%; } .mod_navigation li.mm_container .mm_dropdown > .inner { padding:2rem; } /*CONTAINER*/ #header { width:100%; height:160px; max-width:1920px; position:fixed; background-color:rgba(255,255,255,.8); z-index: 990; box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.15); transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #header .container-fluid { margin-top:0; margin-bottom:0; padding:0 60px; } .fixedbar { margin-top:8px; } /*LOGO*/ .logo { position:absolute; margin-top:10px; margin-right:0px !important; z-index: 995; } .logo img { width:233px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } /*ALLGEMEIN*/ #mainmenu li a, #mainmenu strong, #mainmenu button, .mobile_menu_trigger { font-size:16px; line-height:60px; } #mainmenu ul.level_2 li a, #mainmenu ul.level_2 strong, .mobile_menu #mainmenu li a, .mobile_menu #mainmenu strong, .mobile_menu #mainmenu button { line-height:50px; } .navi { bottom:0; right:60px; position:absolute; } #header .zeiten { float:right; margin-top:22px; margin-left:60px; } #header .zeiten h4 { margin-bottom:5px; font-size:20px; line-height:22px; color:#0A549C; text-transform:uppercase; } #header .zeiten td:first-child { padding-right:10px; } /*NAVIGATION*/ #mainmenu ul li { float:left; margin:0; padding:0; } #mainmenu ul li:before { content: none; } #mainmenu li a, #mainmenu strong { display:block; margin:0; padding-right:12px; padding-left:12px; text-decoration:none; color:#0A549C; text-transform:uppercase; font-weight: 400; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; border-bottom:3px solid transparent; } #mainmenu li .inner a { display:inline; padding:0px; border:0px; line-height: 20px; text-transform: none; } #mainmenu li a:hover, #mainmenu li strong.active, #mainmenu li a.trail, #mainmenu li strong.trail, .menu-toggle a:hover { border-bottom:3px solid #0A549C; } .invisible { display:none; } #mainmenu ul.level_1 { overflow:hidden; float:right; margin:0; } #mainmenu ul.level_1 li.schliessen { display:none; } /*SUB Navigation*/ #mainmenu ul.level_1 li:hover ul.level_2, #mainmenu ul.level_1 li.submenu:focus-within ul.level_2, .mod_navigation li.mm_container:focus-within .mm_dropdown { overflow:visible; display:block; } #mainmenu ul.level_2 li:hover ul.level_3 { display:block; } #mainmenu ul.level_2 { position:absolute; overflow:hidden; display:none; margin:-3px 0 0; padding:3px 0 0; z-index: 1000; } #mainmenu ul.level_3 { position:absolute; display:none; margin:-3px 0 0; padding:3px 0 0; z-index: 1000; left:240px; border-left: 5px solid transparent; margin-top:-56px; } #mainmenu ul.level_2 li { width:240px; float:none; display:block; border-bottom:1px solid #fff; } #mainmenu ul.level_2 li a, #mainmenu ul.level_2 strong { text-align:left; background-color:#fff; } #mainmenu ul.level_2 li a:hover, #mainmenu ul.level_2 strong.active, #mainmenu ul.level_2 strong:hover { background-color:#0A549C; color:#fff; } /*MOBILE NAVIGATION codefog*/ #mobilemenu { bottom:0; right:27px; position:absolute; margin-left:10px; color:#0A549C; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #mobilemenu li { position:relative; border-bottom:1px solid #80BBF7; } #mobilemenu li.submenu:after { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-size: 15px; width: 15px; text-align: center; position: absolute; top: 10px; right: 10px; color:#80BBF7; } .mobilemenu-sub { top:0; } .mobile_menu { margin-top:160px; width:80%!important; max-width:500px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .mobile_menu_trigger { cursor: pointer; } #mobilemenu .fa-bars { margin-right:8px; font-family:'Font Awesome 5 Free'; } .mobile_menu #mainmenu { width:100%; display:block; } .mobile_menu .inner { height:auto; overflow:hidden; background-color:#fff; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .mobile_menu #mainmenu ul { width:100%; } .mobile_menu #mainmenu ul.level_1 li { float:none; margin-bottom:0; border-bottom:1px solid #80BBF7; } .mobile_menu #mainmenu li.active strong, .mobile_menu #mainmenu li a:hover, .mobile_menu #mainmenu li a.trail, .mobile_menu #mainmenu li strong.trail { background-color:#0A549C; color:#fff; border-bottom:0px; } .mobile_menu #mainmenu li a, .mobile_menu #mainmenu li strong { border-bottom:0px; } .mobile_menu #mainmenu ul.level_2 { width:100%; height:auto; position:relative; } .mobile_menu #mainmenu ul.level_3 { width:100%; height:auto; position:relative; padding-left:0; margin-top:0px; left:0px; border-top:0px;border-left:0px; } .mobile_menu #mainmenu ul.level_2 li { width:100%; } .mobile_menu #mainmenu ul.level_2 li a, .mobile_menu #mainmenu ul.level_2 li strong, .mobile_menu #mainmenu ul.level_2 li button { padding-left:30px; } .mobile_menu #mainmenu ul.level_3 li { width:100%; margin:0; padding:0; } .mobile_menu #mainmenu ul.level_3 li a, .mobile_menu #mainmenu ul.level_3 li strong, .mobile_menu #mainmenu ul.level_3 li button { padding-left:40px; border-bottom:0px; } @media screen and (max-width: 1465px) { .zeiten { font-size: 14px; line-height: 18px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #header .zeiten { margin-left: 25px!important; } #mainmenu li a, #mainmenu strong, #mainmenu button { padding-right: 8px; padding-left: 8px; } .mobile_menu #mainmenu li a, .mobile_menu #mainmenu strong, .mobile_menu #mainmenu button { padding-right: 15px; padding-left: 15px; } .mod_search { margin-left: 15px; } #header .container-fluid { padding: 0 40px; } .navi { right: 40px; } } /*.sub #container .navi { top:0; bottom: unset; } .sub #container #mainmenu li a, .sub #container #mainmenu strong { border-top: 3px solid transparent; border-bottom:0px; } .sub #container #mainmenu li a:hover, .sub #container #mainmenu li strong.nonavlink:hover, .sub #container #mainmenu li strong.active, .sub #container #mainmenu li a.trail, .sub #container #mainmenu li strong.trail, .sub #container .menu-toggle a:hover { border-top: 3px solid #0A549C; border-bottom:0px; } .sub #container #mainmenu { float:right; }*/ #container .navi img { margin-right:10px; } #mainmenu.img-menu { background-color:rgba(255,255,255,.8); } #mainmenu.img-menu, #mainmenu.img-menu ul { width:100%; height:100%; text-align:center; display:flex; flex-direction:column; justify-content: center; } #mainmenu.img-menu ul li { float:none; } #mainmenu.img-menu li a, #mainmenu.img-menu li strong, #mainmenu.img-menu li a span { color:#535353; } #mainmenu.img-menu li a:hover, #mainmenu.img-menu li a span:hover, #mainmenu.img-menu li strong.active, #mainmenu.img-menu li a.trail, #mainmenu.img-menu li strong.trail { color:#0A549C; } #mainmenu.img-menu li a, #mainmenu.img-menu li a:hover, #mainmenu.img-menu li strong.active, #mainmenu.img-menu li a.trail, #mainmenu.img-menu li strong.trail { border-bottom:0; line-height:40px; } .info-balken { position: absolute; width: 100%; text-align: center; background-color: #0A549C; color: #fff; bottom: -34px; left: 0; padding: 5px; text-transform:uppercase; } .info-balken a { color:#fff; } .fixed { position: fixed !important; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #header.fixed { height:100px; margin-top:0; background-color:#fff; box-shadow: 0 0 10px rgba(0,0,0,.4); } #header.fixed .logo { margin-top:1px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #header.fixed .logo img { width:160px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #header.fixed .zeiten { margin-top:5px; font-size:14px; line-height:18px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #header.fixed .zeiten h4 { margin-bottom:3px; } #header.fixed ul.level_1 { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #header.fixed .mobile_menu { margin-top:100px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .blog #container3 { display:none; } .blog .newsliste .image_container { position:relative; margin:-40px -20px 25px; } .kontaktliste .newsliste h2, .kontaktliste .newsliste h2 a { font-size:24px; color:#0A549C; } .kontaktliste .bg-color { padding-top:12%; padding-bottom:12%; } /* >>> News home <<< */ .home .newsliste { margin-bottom:0; padding-bottom:0; border-bottom:0px; } .news-home .teaser { padding-right:25px; padding-left:25px; } .mod_newslist { display:contents; flex-wrap: wrap; } .mod_newslist.news-home .info { width:80px; height:80px; padding:10px 15px; text-align:center; background-color:#CCCCCC; color:#fff; } .news-home .newsliste:hover .info { background-color:#CCCCCC; } .news-home time { font-size:28px; } .news-home .more a { width:80px; height:80px; padding:0 15px; text-align:center; line-height:80px; } .news-home .more { margin-top:0; display:flex; } .newsliste .more { margin-top:10px; } /* >>> News allgemein <<< */ .newsliste { overflow:hidden; padding:1px; } .newsliste h2, .newsliste h2 a { margin-top:0; margin-bottom:0; font-size:34px; line-height:38px; color:#C2263B; } .newsliste h2 a:hover { color:#0A549C; } .newsliste h3 { margin-bottom:10px; } .mod_newslist .info, .mod_newsreader .info { margin-bottom:5px; padding:5px; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; } .newsliste:hover .info, .mod_newsreader:hover .info { background-color:rgba(EEEEEE,.4); } .mod_newsreader h1:after, .h1left h1:after { margin-bottom:20px; text-align:left; } .mod_newsreader { margin-bottom:60px; } .aktuelles h2 { margin-bottom:10px; } /* >>> News Menü <<< */ .mod_newsmenu li { margin-left:0; } .mod_newsmenu ul li:before { display:none; } .mod_newsmenu ul li.year { margin-bottom:20px; background-color:#fff; border:1px solid #eaeaea; } .mod_newsmenu ul li.year > a, .mod_newsmenu ul li.year > span.active { width:100%; position:relative; display:inline-block; padding-top:15px; padding-bottom:15px; text-align:center; background-color:#0A549C; font-size:14px; color: #ffffff !important; } .mod_newsmenu ul.level_2 { margin-bottom:0; } .mod_newsmenu ul.level_2 a span.entry-info, .mod_newsmenu ul.level_2 span.active span.entry-info { position:relative; float:right; display:block; } .mod_newsmenu ul.level_2 a, .mod_newsmenu ul.level_2 span.active { position:relative; display:inline-block; position: relative; display: block; padding: 10px 20px; font-size: 14px; } .mod_newsmenu ul.level_2 a:hover { background-color:#EEEEEE; } /* >>> News Menü horizontal <<< */ .mod_newsmenu.horizontal li { width:250px; display:inline-block; margin-right:15px; } .mod_newsmenu.horizontal ul .level_2 { text-align:left; } #mainmenu, .mod_search { float:left; } #header .mod_search { margin-left: 10px; cursor: pointer; line-height: 60px; } #header .ce_search_label { font-size:18px; line-height:60px; } #suchfeld { position:fixed; top:-100%; bottom:0px; left:0px; width:100%; height:100%; background:rgba(10,84,156,0.9); transition: all 1s ease; display:none; z-index:10000; display:table-cell; } #suchfeld.sichtbar { height:100%; top:0px; } #suchfeld .suchformular { margin-top: 15%; max-width: 600px; margin-left: auto; margin-right: auto; } #main .mod_search .widget-submit { width:10%; float:none; display:inline-block; margin-right:1%; padding-right:0; margin-top:-5px; } #main .mod_search .widget-text { width:80%; display:inline-block; margin-right:1%; } #main .mod_search .widget-submit button { position:relative; margin-top: 10px; line-height:22px; } .suchformular .ce_form { display:inline-block; border-bottom:2px solid #fff; } .suchformular .widget-text { width:200px; max-width:80%; display:inline-block; margin-bottom:0; padding-bottom:0; border:0px; color:#fff; background-color: transparent; padding-top: 0px !important; padding-bottom: 0px !important; box-shadow:none; } .suchformular input[type="text"] { margin-bottom:0; padding-bottom:0; border:0px; color:#fff; } .suchformular input[type="text"]:focus { border:0; background:transparent; } .suchformular button[type="submit"] { width:30px; float:none; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; cursor: pointer; color: transparent; background-color: transparent; padding-top: 0px !important; padding-bottom: 0px !important; display:inline-block; } .suchformular .widget-submit { width:30px; float:none; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; background-image:url("../../files/dateien/icons/suchen.png"); background-position:center center; background-repeat:no-repeat; cursor: pointer; color: transparent; background-color: transparent; padding-top: 0px !important; padding-bottom: 0px !important; display:inline-block; } .suchformular input[type="submit"]:hover { opacity: 0.8; } .suchformular ::-webkit-input-placeholder { font-size:16px; color:#fff; } .suchformular ::-ms-input-placeholder { font-size:16px; color:#fff; } .suchformular ::-moz-placeholder { font-size:16px; color:#fff; } #suchfeld #close { right:10px; top:10px; position:absolute; float:right; padding:10px; cursor:pointer; color:#fff; } .fa-times-circle:before { font-size:30px; } #container-social-media { left:0; top:35%; position:fixed; z-index: 1200; } a.social-media-link { max-width:45px; position:relative; display:block; margin-bottom:3px; padding:10px; text-align:center; color:#fff; background: rgb(13,105,198); background: -moz-radial-gradient(center, ellipse cover, rgba(13,105,198,1) 0%, rgba(10,80,149,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(13,105,198,1) 0%,rgba(10,80,149,1) 100%); background: radial-gradient(ellipse at center, rgba(13,105,198,1) 0%,rgba(10,80,149,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d69c6', endColorstr='#0a5095',GradientType=1 ); } a.social-media-link i { font:18px 'Font Awesome 5 Free'; font-weight:900; } a.tooltip { position:relative; text-decoration:none; } a.tooltip:after { bottom:5px; left:56px; position:absolute; display:none; padding:5px 15px; background-color:#EEEEEE; color:#0A549C; content: attr(data-tooltip); -webkit-border-radius: 4px; -moz-border-radius : 4px; border-radius : 4px; white-space: nowrap; -webkit-transition: all 0.4s ease; -moz-transition : all 0.4s ease; transition : all 0.4s ease; } a.tooltip:before { width:0; height:0; bottom:12px; left:50px; position:absolute; display:none; content: ""; border-style: solid; border-width: 8px 8px 8px 0; border-color: transparent #EEEEEE transparent transparent; -webkit-transition: all 0.4s ease; -moz-transition : all 0.4s ease; transition : all 0.4s ease; } a.tooltip:hover:after, a.tooltip:hover:before { display:block; } a.tooltip.clock { display:none; } #container-social-media a { display:block; } .loadbeeTabContent { width:100%; } /*.neff #main .inside { display:none; }*/ .neff #container { margin-top:160px; } .big { font-size:18px; } .mod_cms_cookie_bar form .formbody .widget-submit { display: flex; } .embed-container { position: relative; padding-bottom:56.25%; height:0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #moebel { display:none; } .popup-content { padding:30px; border:10px solid #eee; } .moebel #moebel { display:block; } .moebel .tipps-kueche { display:none; } .moebel #kuechen { display:none; } .ce_sliderStart .slider-prev, .ce_sliderStart .slider-next { display:none; } .content-slider { max-width:100%; } /*Specials */ .schmaler-content { max-width:80%; margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px; } .dsgvo { padding:5px; background-color:#efefef; } .ce_divider { padding-top:25px; padding-bottom:25px; clear:both; } .bg-color { padding-right:6.5vw; padding-left:6.5vw; background-color:#EEEEEE; display: flex; justify-content: center; flex-direction: column; height: 100%; } .bg-color-blog { padding:20px; background-color:#EEEEEE; display: flex; justify-content: flex-start; flex-direction: column; } .white .bg-color { background-color:#fff; } .bg-color figure { margin:0 -15px 25px; } .zentriert { width:100%; top:50%; position:absolute; padding-right:25px; padding-left:25px; text-align:center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .responsive-video { height:0; position:relative; overflow:hidden; padding-bottom:55%; } .responsive-video iframe { width:100%; height:100%; left:0; top:0; position:absolute; } #map .block { width:100%; } .masonry .fix { width:280px; margin-bottom:5px; padding:15px; background-color:rgba(EEEEEE,.8); } .home #container3 h2 { margin-bottom:60px; padding-top:40px; } .referenz { padding-left:125px; } .referenz::before { left:15px; position:absolute; content:url(../../files/dateien/icons/icon-referenz.png); } @media (min-width: 767px) and (max-width: 1480px) { #container1 h2, #container1 h2 a { font-size: calc(1.6rem + ((1vw - 7.67px) * 0.4)); } } figure, .ce_gallery li { overflow:hidden; } figure img, .ce_gallery li img { transition: all ease 1s; } figure img:hover, .ce_gallery li img:hover { transform: scale(1.1); } .img-link figure img:hover { transform: none; } /*Accordion*/ .ui-accordion-header { margin-bottom:15px; padding:15px; border:1px solid #CCCCCC; font-size:19px; cursor:pointer; } .ui-accordion-header:hover, .ui-accordion-header.active { border-color:#0A549C; color:#0A549C; } .ui-accordion-content { padding-right:15px; padding-left:15px; } .ce_accordionStart .ui-accordion-content { padding-right:0; padding-left:0; } .flexible .ui-accordion-content>div { display:flex; flex-wrap:wrap; } /*Bild Teaser */ .bildteaser { margin-right:0; margin-bottom:25px; margin-left:0; background-color:#0A549C; color:#fff; } .bildteaser h2 { color:#fff; } .bildteaser .content-text { padding:40px 20px 20px; } .bildteaser img { width:auto; max-width:none !important; } .bild-links figure { overflow:hidden; margin-left:-15px; } .bild-rechts figure { overflow:hidden; margin-right:-15px; } /*5 Spalten*/ .fuenf-spalten { float:left; display:inline-block; padding:15px 15px 0; width: calc((1/5 * 100%) - (0rem / 5)); } .fuenf-spalten figure { margin:0 -15px 25px; } .content-image figcaption { width:100%; height:100%; top:-100%; position:absolute; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .content-image.videolink figcaption { width:100%; height:100%; top:0; position:absolute; background-color:rgba(255,255,255,.3); transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .content-image:hover figcaption { top:0; display:block; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .content-image h2, .caption-link.content-image figcaption { width:100%; height:100%; top:0; position:absolute; padding-right:5%; padding-left:5%; text-align:center; color:#fff; text-transform:uppercase; display: flex; flex-direction: column; justify-content: center; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; text-shadow:1px 1px 2px rgba(0,0,0,0.5); } .caption-link.content-image figcaption { font-size:24px; line-height:30px; } .content-image .team-info, .content-image .video-overlay { width:100%; height:100%; position:absolute; padding-right:15px; padding-left:15px; text-align:center; line-height:24px; color:#0A549C; display: flex; flex-direction: column; justify-content: center; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .content-image .video-overlay figure { overflow:visible; } .content-image.img-menu:hover h2, .content-image.img-link:hover h2 { opacity:0; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .img-link figcaption { background-color:rgba(255,255,255,.8); } .content-image.img-link figcaption h2 { color:#535353; opacity:1; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #cboxLoadedContent #container { margin-top:0; padding:0; } #cboxLoadedContent #container .mod_article { margin:0; padding:0; } .ce_player video { max-width: 100% !important; height:auto !important; } .praemien .bg-color { margin-bottom:30px; padding-right:15px; padding-left:15px; justify-content: flex-start; } .praemien .ui-accordion-header { background-color:#0A549C; color:#fff; text-align:center; } .praemien .widget-submit { margin-left: auto; margin-right: auto; float:none; } .praemien .auswahl > span { width: 50%; float: left; margin-right: 0; } .praemien .widget-radio { margin-bottom:40px; padding: 15px; background-color: #efefef; } .praemien legend { color: #0A549C; } .praemien .widget-radio fieldset { margin-bottom:0; } .praemien .bg-color p:nth-child(1) { position: absolute; z-index: 100; background-color: #0A549C; left: 15px; padding: 5px 10px; color: #fff; top: 0; } .praemien figure { background-color: #fff; text-align: center; padding: 30px; } a.social-media-link.no-d-desktop { display: none; } /* BUTTON-FIXED */ @media screen and (min-width: 398px) and (max-width: 490px) { .logo img { width: 180px; margin-top: 30px; } #header.fixed { height: 140px!important; } } /* BUTTON-FIXED */ @media screen and (max-width: 576px) { #header.fixed { height:110px; } #container-social-media .social-media-link, #container-social-media a { display:none!important; } #container-social-media .social-media-link.d-mobile, #container-social-media .social-media-link.mobile-nav { display:block!important; } #container-social-media { display: flex; width: 100%; right: 25px; top: 0; position: fixed; background-color: var(--col1); font-size: 22px; line-height: 16px; z-index: 2500; justify-content: space-around; max-width: 165px; left: auto; } #container-social-media a.social-media-link{ background-color: transparent; } #container-social-media a.social-media-link:before, #container-social-media a.social-media-link:after{ display: none; } #container-social-media a.social-media-link:hover{ color: var(--col2); -webkit-transition: all 0.4s ease; -moz-transition : all 0.4s ease; transition : all 0.4s ease; } } @media screen and (max-width: 1200px) { .mod_article.fullwidth.content {max-width: 960px;padding-right: 0px;padding-left: 0px;} .ce_gallery .row3, .ce_gallery .row6 { width:33.3%; } #header .navi { display:none; } } @media screen and (max-width: 992px) { .mod_article.fullwidth.content {max-width: 720px;} .fuenf-spalten { width: calc((1/3 * 100%) - (0rem / 5)); } .videopop { width:700px; height: 393px; max-width: 100%; max-height: 100%; overflow: hidden; background-size:cover; background-color:#000000; padding-top:5px; } } @media screen and (max-width: 767px) { .mod_article.fullwidth.content {max-width: 540px;} #header .zeiten { display:none; } a.tooltip.clock { display:block; } .logo { position: absolute; } #mainmenu { display:none; } .mod_rocksolid_slider .image-slogan, .mod_rocksolid_slider .content-text { display:none; } .fuenf-spalten { width: calc((1/2 * 100%) - (0rem / 5)); } .bildteaser figure { margin-right:-15px; } .bildteaser img { width:100%; } .bild-rechts figure { margin-bottom:-0.76px; margin-left:-15px; } #footer .content-text { text-align:center; } .news-home td { display:block; text-align:center; } .news-home .teaser { padding-right:0; padding-left:0; } .news-home .info, .news-home .more { max-width:80px; margin-right:auto; margin-bottom:15px; margin-left:auto; } .ce_gallery .row3, .ce_gallery .row6 { width:100%; } .sub #container .navi { right:145px; } .videopop { width:500px; height: 280px; max-width: 100%; max-height: 100%; overflow: hidden; background-size:cover; background-color:#000000; padding-top:5px; } #container-social-media img { max-width: 100px; } } @media screen and (max-width: 576px) { .form-name, .form-nachname { padding-right:0; padding-left:0; } .themen-home { margin-top:50%; flex-direction: column; justify-content: flex-start; } .themen-home .kuechen, .themen-home .moebel { max-width:300px; padding-top:0; } .referenz { padding-left:15px; text-align:center; } .referenz::before { display:block; margin-bottom:20px; text-align:center; position: initial; content: url(../../files/dateien/icons/icon-referenz-klein.png); } .themen-home .kuechen, .themen-home .moebel { max-width:200px; } .container, .container-fluid { padding-top:60px; padding-bottom:45px; } h1:after { margin-bottom:40px; } .form-name, .form-nachname { width:100%; } .widget.form-datenschutz { width:100%; position:relative; } .widget-submit { width:100%; padding-right:0; } .video-overlay { display:none; } .team-info { font-size: 14px; line-height: 16px!important; } .team-info h3 { margin-bottom: 10px; } } @media (max-width: 398px) { h1, h1 a, .newsliste h1 { font-size:28px; } .fuenf-spalten { width: 100%; } .content-text { width:100%; } .nach_oben_link { bottom:0; right:0; } .logo { margin-top:1px; } .logo img { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; width: 125px!important; margin-top: 36px!important; } #header, #header.fixed { height:125px; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .mobile_menu { margin-top:100px; } #header.fixed { height:125px!important; } .info-balken { font-size:14px; } }