body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} 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%} 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} #wrapper{width:960px;margin:0 auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class^=ce_],.mod_article [class*=" ce_"],.mod_article [class^=content-],.mod_article [class*=" content-"],.mod_article [class^=mod_],.mod_article [class*=" mod_"],.mod_article [class^=module-],.mod_article [class*=" module-"]{margin-left:10px;margin-right:10px}.ce_sliderStart>.content-slider{margin-left:0;margin-right:0}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class^=layout_]>*,.mod_article [class*=" layout_"]>*,.mod_article [class^=event_]>*,.mod_article [class*=" event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:none!important;display:block!important;width:auto!important}.offset1,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.offset10,.offset11,.offset12{margin-left:10px!important}} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} #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} /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../../files/system/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../files/system/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/system/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/system/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../../files/system/fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../../files/system/fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/system/fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/system/fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../files/system/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../files/system/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/system/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/system/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../../files/system/fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../files/system/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/system/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/system/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../../files/system/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../../files/system/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/system/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/system/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../../files/system/fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../../files/system/fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/system/fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/system/fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../../files/system/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../files/system/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/system/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/system/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../../files/system/fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../../files/system/fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/system/fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/system/fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../../files/system/fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../../files/system/fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/system/fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/system/fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../../files/system/fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../../files/system/fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/system/fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../../files/system/fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/system/fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } html, body { font: 16px "Open Sans",Verdana,Arial,Geneva,sans-serif; color: #4D4D4D; font-weight: 300; } /* da usercentrics beim laden den body kurz mit position: relative lädt */ body { position: static !important; } h1 { margin: 0 0 20px 0; font-size: 40px; } #main .mod_newsreader h1, #main .mod_eventreader h1 { margin: 0; font-size: 25px; } h2 { margin: 0; font-size: 25px; } h3 { margin: 0; } *:focus { outline: none; } img { vertical-align: bottom; } #main .mod_newslist p.info, #main .mod_newsreader p.info { display: none; } #header .mod_navigation .editing a:before, #header .mod_navigation .editing span:before { content: "#"; display: inline-block; margin-right: 5px; } .noWrapper #wrapper { height: 1px; margin-top: -1px !important; } #main .ce_accordion { margin-bottom: 1%; } #main .ce_accordion .toggler { padding: 1% 2.1%; color: #fff; background-color: #ef4036; cursor: pointer; } #main .ce_accordion .toggler::after { float: right; content: "+"; font-weight: bold; } #main .ce_accordion .toggler.ui-accordion-header-active::after, #main .ce_accordion .toggler:hover::after { content: "−"; font-weight: bold; } #main .ce_accordion .ui-accordion-content { padding: 1% 0; } #main .ce_accordion .ui-accordion-content div { margin-left: 0; margin-right: 0; } #main .content-download ul, #main .content-downloads ul { list-style-type: square; } #main .content-download ul .mime_icon, #main .content-downloads ul .mime_icon { display: none; } #main .content-download ul li:before, #main .content-downloads ul li:before { content: ""; background-image: url(../../files/system/img/icon_download_black.svg); background-size: auto 16px; height: 16px; width: 16px; display: inline-block; margin-right: 5px; background-repeat: no-repeat; } #main .content-download li, #main .content-downloads li { margin-bottom: 5px; } #main .content-download a, .content-downloads a { color: #4d4d4d; text-decoration: none; } #main .content-gallery > ul li.col_first { clear: none; } #main .content-gallery { margin-left: 0 !important; } #main .content-text .image_container.float_above { margin: 0 0 2% 0; } #main .content-text .image_container.float_left { margin: 0 2% 2% 0; } #main .content-text .image_container.float_right { margin: 0 0 2% 2%; } #main .content-text .image_container.float_below { margin: 2% 0 2% 0; } #main .content-table table { width: 100%; border-collapse: separate; border-spacing: 3px; text-align: center; } #main .content-table thead th { background: #ef4036; color: #fff; text-align: center; } #main .content-table tbody th { background: #d6d6d6; font-weight: 300; } #main .content-table tbody td, #main .content-table th { padding: 10px; } #main .content-table tbody td { text-align: center; background: #f2f2f2; } #main .content-youtube { margin-bottom: 2%; height: auto; padding-bottom: 56.25%; position: relative; width: 100%; } #main .content-youtube iframe { bottom: 0; height: 100%!important; left: 0; position: absolute; right: 0; top: 0; width: 100%!important; } #main .content-text a, #main .rueckruf-anfordern a { color: #4d4d4d; } /* DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP - DESKTOP */ @media screen and (min-width: 980px) { #lawContentContainer { background-color: #f5f5f5; height: 25px; left: 0; position: fixed; top: 0; width: 100%; z-index: 1001; } #lawContentContainer .inside { margin: 0 auto; width: 980px; } #lawContentContainer .mod_customnav { float: right; margin: 5px 10px 0 0; } #lawContentContainer .mod_customnav a, #lawContentContainer .mod_customnav strong { color: #646363; font-weight: 300; text-decoration: none; } #lawContentContainer .mod_customnav strong { text-decoration: underline; } #lawContentContainer .mod_customnav li { float: left; font-size: 12px; line-height: 14px; } #lawContentContainer .mod_customnav li:first-child { border-right: 1px solid #646363; margin: 0 5px; padding-right: 5px; } #header { position: fixed; top: 25px; width: 100%; background: #fff; z-index: 3; /* Fallback for Logo without 50 Years: height: 155px; */ height: 201px; box-shadow: 0px -15px 47px 26px rgba(0,0,0,0.29); } #header .inside { width: 960px; margin: 0 auto; /* Fallback for Logo without 50 Years: padding: 20px 0; */ padding: 33px 0 20px 0; } /* [Start] Logo */ #header .logo { margin: 0 auto 20px auto; width: 200px; } /* [Ende] Logo */ /* [Start] Telephone */ #header .telephone { display: none; } /* [Ende] Telephone */ /* [Start] Sprachwechsel */ #header .mod_changelanguage { position: absolute; right: 0; top: 33px; } #header .mod_changelanguage ul li { float: left; border-right: 1px solid #4d4d4d; line-height: 1em; margin-right: 8px; padding-right: 8px; font-size: 20px; font-weight: 600; } #header .mod_changelanguage ul li:last-child { border-right: 0; margin-right: 0; padding-right: 0; } #header .mod_changelanguage ul li a { text-decoration: none; color: #4d4d4d; } #header .mod_changelanguage ul li strong, #header .mod_changelanguage ul li a:hover { color: #ef4036; font-weight: 600; } /* [Ende] Sprachwechsel */ /* [Start] Navigation */ #header .mod_navigation a, #header .mod_navigation strong { font-weight: bold; font-size: 20px; text-decoration: none; color: #4d4d4d; display: block; } #header .mod_navigation ul.level_1 li:hover a, #header .mod_navigation strong, #header .mod_navigation ul li.trail a { color: #ef4036; } #header .mod_navigation ul li.trail ul li a, #header .mod_navigation ul.level_2 li a, #header .mod_navigation ul.level_2 li:hover a { color: #fff !important; } /* Erste Ebene : Liste */ #header .mod_navigation > ul { text-align: center; margin-bottom: 0; } /* Erste Ebene : Listenelemente */ #header .mod_navigation > ul > li { display: inline-block; } /* Erste Ebene : a und strong */ #header .mod_navigation > ul > li a, #header .mod_navigation > ul > li strong { border-left: 2px solid #4d4d4d; margin-left: 10px; padding-left: 10px; } /* Erste Ebene : Listenelement */ #header .mod_navigation > ul > li a, #header .mod_navigation > ul > li strong { margin-bottom: 17px; display: block; } /* Erste Ebene : Listenelement */ #header .mod_navigation > ul > li:first-child a, #header .mod_navigation > ul > li:first-child strong { border-left: 0; margin-left: 0; padding-left: 0; } /* Zweite Ebene : Liste */ #header .mod_navigation > ul > li > ul { display: none; margin-bottom: 0; text-align: left; } /* Zweite Ebene : Liste */ #header .mod_navigation > ul > li:hover > ul { display: block; background: rgba(71,71,71,0.86); position: absolute; margin-left: 10px; } /* Zweite Ebene : Liste */ #header .mod_navigation > ul > li.firstMenu:hover > ul { margin-left: 0 !important; } #header .mod_navigation > ul > li.firstMenu:hover > ul a { padding-left: 10px; } /* Zweite Ebene : a */ #header .mod_navigation > ul > li > ul > li a { color: #fff; } /* Zweite Ebene : a und strong */ #header .mod_navigation > ul > li > ul > li a, #header .mod_navigation > ul > li > ul > li strong { border-left: 0; margin-left: 0; margin-bottom: 0; padding: 5px 10px; font-weight: 400; font-size: 18px; } /* Zweite Ebene : a und strong */ #header .mod_navigation > ul > li > ul > li a:hover, #header .mod_navigation > ul > li > ul > li strong { background: #ef4036; } /* Zweite Ebene : strong */ #header .mod_navigation > ul > li > ul > li a:hover, #header .mod_navigation > ul > li > ul > li strong { color: #fff; padding-left: 10px !important; display: block; } /* [Ende] Navigation */ #header .rote_kante { width: 100%; height: 66px; position: fixed; left: 50%; margin-left: -194px; /* Fallback for Logo without 50 Years: top: 180px; */ top: 226px; z-index: -1; } #fullHeightContentContainer { /* Fallback for Logo without 50 Years: margin-top: 180px; */ margin-top: 226px; } #fullHeightContentContainer .inside, #fullHeightContentContainer .mod_article, #fullHeightContentContainer .bgVideo { height: 100%; } #fullHeightContentContainer .bgImage { background-size: cover; background-position: center center; height: 100%; position: absolute; width: 100%; } #fullHeightContentContainer .bgVideo video { /* Make video to at least 100% wide and tall */ min-width: 100%; min-height: 100%; /* Setting width & height to auto prevents the browser from stretching or squishing the video */ width: auto !important; height: auto !important; /* Center the video */ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } /* #fullHeightContentContainer .slides_dma .mejs-container { height: 100% !important; } */ /* #fullHeightContentContainer .slides_dma .slider-control, #fullHeightContentContainer .slides_dma .mejs-container .mejs-controls, #fullHeightContentContainer .slides_dma .mejs-layers { display: none !important; } */ /* [Start] Anker */ #fullHeightContentContainer .anchorContainer { position: absolute; bottom: 20px; right: 20px; width: 60px; background: rgba(255,255,255,0.8); z-index: 2; transition: background .15s linear; } #fullHeightContentContainer .anchorContainer:hover { background: rgba(0,0,0,0.5); } #fullHeightContentContainer .anchorContainer a { display: block; padding: 10px; } /* [Ende] Anker */ #applicationsContentContainer { position : absolute; width: 100%; color: #fff; z-index: 1; /* Fallback for Logo without 50 Years: top: 255px; */ top: 301px; } #applicationsContentContainer .inside { background: rgba(0,0,0,0.5); width: 960px; margin: 0 auto; padding: 40px 10px 20px 10px; } #applicationsContentContainer .content-text { text-align: center; } #applicationsContentContainer .content-text h1 { font-size: 40px; font-weight: 600; margin: 0 0 15px 0; line-height: 1.2em; } #applicationsContentContainer .content-text h2 { font-size: 20px; font-weight: 600; margin: 0 0 10px 0; } #applicationsContentContainer .grid12 { text-align: center; } #applicationsContentContainer .grid12 .content-hyperlink { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; margin-left: 0; } #applicationsContentContainer .grid12 .content-hyperlink:last-child { border-right: 0; padding-right: 0; margin-right: 0; } #applicationsContentContainer .grid12 .content-hyperlink a { color: #fff; text-decoration: none; font-weight: 600; } #applicationsContentContainer .grid12 .content-hyperlink a:hover { color: #ef4036; } #applicationsContentContainer .content-hyperlink { display: inline-block; } #applicationsContentContainer .tile_wrapper { float: left; width: 100%; } #applicationsContentContainer .tile { float: left; height: 171px; width: 171px; margin: 20px 10px 0 10px; position: relative; z-index: 3; } #applicationsContentContainer .tile .ce_image { margin: 0; } #applicationsContentContainer .tile .textContainer { position: absolute; bottom: 0; background: rgba(239,64,54,1); width: 100%; padding: 3px 5px 3px 0; box-sizing: border-box; font-size: 15px; text-align: right; height: 40px; z-index: 1; transition: .25s ease-in-out; -o-transition: .25s ease-in-out; -ms-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -webkit-transition: .25s ease-in-out; } #applicationsContentContainer .tile .textContainer .headlineOneContainer { float: left; width: 100%; position: absolute; bottom: 19px; right: 5px; z-index: 1; } #applicationsContentContainer .tile .textContainer .headlineTwoContainer { width: 100%; position: absolute; bottom: 1px; right: 5px; z-index: 1; } #applicationsContentContainer .tile .textContainer .kante { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 25px; background: rgba(239,64,54,1); transform: skewY(-4deg); top: -13px; z-index: 0; } #applicationsContentContainer .tile .linkContainer a { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; overflow: hidden; font-size: 0; } #bannerContentContainer { float: left; width: 100%; margin-top: 226px; } #bannerContentContainer .slide .ce_image { position: relative; margin: 0; } #bannerContentContainer .slide .ce_image img { width: 100%; height: auto; } #bannerContentContainer .slide .box { background: rgba(0,0,0,0.4); position: absolute; left: 50%; right: 0; bottom: 40px; height: 145px; margin-left: -470px; width: 940px; padding: 15px 20px 20px 20px; box-sizing: border-box; color: #fff; } #bannerContentContainer .slide .box h2 { margin-bottom: 12px; font-size: 16px; } #bannerContentContainer .slide .box h1 { margin-bottom: 0; } #bannerContentContainer .slide .link a { position: absolute; left: 0; right: 0; top: 0; right: 0; width: 100%; height: 100%; color: transparent; } #worldwideContentContainer { text-align: center; float: left; width: 100%; } #worldwideContentContainer .mobile { display: none !important; } #worldwideContentContainer .bgImage { background-size: cover; background-position: center center; height: 100%; float: left; position: absolute; width: 100%; } #worldwideContentContainer .box { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #worldwideContentContainer .box:before { content: ' '; display: inline-block; height: 100%; vertical-align: middle; } #worldwideContentContainer .box .inside { width: 960px !important; } #worldwideContentContainer .box div { display: inline-block; vertical-align: middle; } #worldwideContentContainer h4.content-headline { color: #ef4036; font-weight: 700; margin: 0; font-size: 20px; margin: 86px 0 20px 0; } #worldwideContentContainer h3.content-headline { font-size: 40px; font-weight: 600; margin: 0; } #worldwideContentContainer .content-hyperlink a { background: #ef4036; display: inline-block; height: 50px; line-height: 50px; padding: 0 20px; font-weight: bold; color: #fff; text-decoration: none; margin-top: 40px; transition: background .15s linear; } #worldwideContentContainer .content-hyperlink a:hover { background: #4d4d4d; } #worldwideContentContainer .anchorContainer { position: absolute; bottom: 20px; right: 20px; width: 60px; background: rgba(0,0,0,0.2); transition: background .15s linear; } #worldwideContentContainer .anchorContainer:hover { background: rgba(0,0,0,0.6); } #worldwideContentContainer .anchorContainer a { display: block; padding: 10px; } #contactContentContainer { float: left; width: 100%; background: grey; padding-top: 80px; } #contactContentContainer .inside { width: 960px; margin: 0 auto; } #contactContentContainer .grid6 { margin-bottom: 80px; } #contactContentContainer .grid6 .mobile { display: none; } #contactContentContainer .grid6 p { margin: 0; } #contactContentContainer .grid6 .textContainer { float: left; width: 100%; background: #fff; padding: 20px 20px 19px 20px; box-sizing: border-box; } #contactContentContainer .grid6 .textContainer .text { float: left; } #contactContentContainer .grid6 .textContainer .text .name { display: block; font-weight: bold; } #contactContentContainer .grid6 .textContainer .text .position { display: block; } #contactContentContainer .grid6 .textContainer .image { float: right; margin-top: 5px; } #contactContentContainer .grid6 .textContainer .image .ce_image { display: inline-block; margin-left: 10px; width: 60px; } #contactContentContainer .grid3 { height: 262px; background: #fff; margin-bottom: 20px; text-align: center; position: relative; } #contactContentContainer .grid3 .textContainer { margin-top: 20px; } #contactContentContainer .grid3 .headlineContainer { font-weight: bold; font-size: 17px; } #contactContentContainer .grid3 .headlineContainer p { margin-bottom: 7px; } #contactContentContainer .grid3 .headlineContainer a { color: #4D4D4D; text-decoration: none; } #contactContentContainer .grid3 .descriptionContainer a { color: #4d4d4d; text-decoration: none; font-weight: 600; } #contactContentContainer .grid3 .descriptionContainer p { margin-bottom: 0; } #contactContentContainer .grid3 .descriptionContainer h3 { margin: 0; font-size: 16px; font-weight: 600; } #contactContentContainer .grid3 .descriptionContainer h3.green { color: #00B200; } #contactContentContainer .grid3 .descriptionContainer h3.red { color: #ef4036; } #contactContentContainer .grid3 .redBoxContainer { background: #ef4036; color: #4d4d4d; text-decoration: none; font-weight: 600; position: absolute; bottom: 0; width: 100%; color: #fff; z-index: 2; box-sizing: border-box; height: 50px; left: 0; } #contactContentContainer .grid3 .redBoxContainer a { z-index: 2; position: absolute; width: 100%; text-align: center; left: 0; color: #fff; text-decoration: none; } #contactContentContainer .grid3 .redBoxContainer a:hover { color: #4d4d4d; } #contactContentContainer .grid3 .redBoxContainer .kante { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 30px; background: #ef4036; transform: skewY(-5deg); top: -10px; z-index: 1; } #contactContentContainer .mod_eventlist .teaserContainer a, #contactContentContainer .mod_eventlist .dateContainer a { font-weight: 300; } #wrapper { float: left; width: 100%; } #main { width: 100%; float: left; } #main .inside { width: 960px; margin: 0 auto; padding: 80px 0; } /* [Start] Akkordeon */ #main .ce_accordion .content-image.border { border: 1px solid #838383; margin-right: 16px !important; margin-bottom: 16px !important; } #main .ce_accordion .content-image.border:hover { border-color: #ef4036; } #main .ce_accordion .ccontent-image.border:nth-child(3n) { margin-right: 0 !important; } /* [Ende] Akkordeon */ /* [Start] Liste */ #main .content-text ul { padding-left: 20px; list-style-type: square; } #main .content-text ol { padding-left: 18px; } /* [Ende] Liste */ #main .content-text h2 { margin-bottom: 10px; } /* [Start] Slider */ #main .ce_sliderStart { margin: 0; background: #4d4d4d; } #main .ce_sliderStart .slider-wrapper>* { margin: 0 !important; } #main .ce_sliderStart .slider-control { margin: 0; margin-top: -50px; padding-bottom: 20px; } #main .ce_sliderStart .slider-menu b { color: #fff; font-size: 35px; margin-right: 5px; } #main .ce_sliderStart .slider-menu b.active { color: #929292; } #main .ce_sliderStart .slider-control .slider-prev, #main .ce_sliderStart .slider-control .slider-next { display: none; } /* [Ende] Slider */ /* [Start] Bildunterschrift */ #main .sliderCaption { background: #f2f2f2; margin: 0; text-align: center; padding: 12px 10px 0 10px; font-size: 14px; margin-bottom: 20px; } /* [Ende] Bildunterschrift */ /* [Start] Bildergalerie */ #main .content-gallery { width: 960px; } #main .content-gallery li { margin: 0 0 10px 10px; } /* [Ende] Bildergalerie */ /* [Start] Newslist, Newsleser, Eventlist & Eventleser */ #main .mod_newslist, #main .mod_newsreader, #main .mod_eventlist, #main .mod_eventreader { float: left; width: 940px; } #main .mod_newslist .headlineAndImageContainer, #main .mod_eventlist .headlineAndImageContainer { margin: 0; } #main .mod_newslist .headlineAndImageContainer .leftContainer, #main .mod_eventlist .headlineAndImageContainer .leftContainer { float: left; width: 700px; } #main .mod_newslist .headlineAndImageContainer .leftContainer .headline a, #main .mod_eventlist .headlineAndImageContainer .leftContainer .headline a { color: #4d4d4d; text-decoration: none; } #main .mod_newslist .headlineAndImageContainer .leftContainer .teaserContainer, #main .mod_eventlist .headlineAndImageContainer .leftContainer .teaserContainer { margin: 0; } #main .mod_newslist .headlineAndImageContainer .rightContainer, #main .mod_eventlist .headlineAndImageContainer .rightContainer { float: left; width: 240px; } #main .mod_eventreader .content-text, #main .mod_eventreader p.location { margin: 0; } #main .mod_eventreader .layout_full .content-text { margin-top: 20px; } #main .mod_newslist p.info, #main .mod_newsreader .teaserBox, #main .mod_eventlist p.info, #main .mod_eventreader p.info { margin: 0 0 2% 0; } #main .mod_newsreader .content-text { margin: 0; } #main .layout_latest { margin: 0 0 2% 0; padding-bottom: 2%; border-bottom: 1px solid #4d4d4d; } #main .layout_latest:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } #main p.more, #main p.back { background: #ef4036; text-align: center; line-height: 30px; margin: 20px 0; display: inline-block; } #main p.more a, #main p.back a { display: block; color: #fff; font-size: 14px; text-decoration: none; padding: 0 20px; } #main p.more:hover, #main p.back:hover { background: #4d4d4d; } #main .layout_latest .image_container { float: right; width: 220px; margin: 0 0 20px 20px; } /* [Ende] Newslist, Newsleser, Eventlist & Eventleser */ /* [Start] Steuerung */ #main .pagination { width: 900px; float: left; padding: 20px; background: #f2f2f2; margin-top: 20px; } #main .pagination p { width: 100%; float: left; font-weight: 500; color: #4d4d4d; } #main .pagination ul { padding-left: 0; list-style-type: none; } #main .pagination li { float: left; margin-right: 10px; } #main .pagination li a, #main .pagination li strong { padding: 5px 10px 5px 10px; background-color: #FFF; color: #4d4d4d; float: left; text-decoration: none; } #main .pagination li a:hover, #main .pagination li strong { background-color: #ef4036; color: #fff; } /* [Start] Rückruf-Formular */ #main .rueckruf-anfordern .widget-text.name, #main .rueckruf-anfordern .widget-text.telefon { width: 460px; float: left; } #main .rueckruf-anfordern .widget-select { margin: 0 0 10px 0; } #main .rueckruf-anfordern .widget-text.name { margin: 0 10px 10px 0; } #main .rueckruf-anfordern .widget-text.telefon { margin: 0 0 10px 10px; } #main .rueckruf-anfordern .widget-text.name input[type=text], #main .rueckruf-anfordern .widget-text.telefon input[type=text] { background: rgb(248, 248, 248); border-color: rgb(166, 166, 166); } #main .rueckruf-anfordern .widget-checkbox { float: left; width: 100%; margin-bottom: 10px; } #main .rueckruf-anfordern .submit_container { margin-top: 20px; } #main .rueckruf-anfordern .submit_container input[type=submit] { background: #ef4036; border-radius: 0; border: 0; color: #fff; font-size: 16px; line-height: 30px; } #main .rueckruf-anfordern .submit_container input[type=submit]:hover { background: #4d4d4d; } /* [Ende] Rückruf-Formular */ /* [Ende] Steuerung */ #footer { background: #363636; float: left; width: 100%; padding: 30px 0 500px 0; text-align: center; color: #fff; } #footer .inside { width: 960px; margin: 0 auto; } #footer a { color: #fff; text-decoration: none; } /* [Start] Navigation */ #footer .navigationContainer .mod_customnav ul li { border-right: 1px solid #fff; margin-right: 10px; padding-right: 10px; display: inline-block; } #footer .navigationContainer .mod_customnav ul li:last-child { margin-right: 0; padding-right: 0; border-right: 0; } #footer .navigationContainer .mod_customnav ul li a:hover, #footer .navigationContainer .mod_customnav ul li strong { border-bottom: 1px solid #fff; } /* [Ende] Navigation */ /* [Start] Firmenname */ #footer .nameContainer { margin-top: 20px; } /* [Ende] Firmenname */ /* [Start] SEO */ #footer .webdesignContainer { float: right; margin: 50px 10px 0 0; font-size: 9px; } #footer .webdesignContainer a { color: #6c6c6c; } /* [Ende] SEO */ } /* TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET - TABLET */ @media screen and (max-width: 979px) and (min-width: 768px) { #lawContentContainer { background-color: #f5f5f5; height: 25px; left: 0; position: fixed; top: 0; width: 100%; z-index: 1001; } #lawContentContainer .inside { margin: 0 auto; width: 767px; } #lawContentContainer .mod_customnav { float: right; margin: 5px 20px 0 0; } #lawContentContainer .mod_customnav a, #lawContentContainer .mod_customnav strong { color: #646363; font-weight: 300; text-decoration: none; } #lawContentContainer .mod_customnav strong { text-decoration: underline; } #lawContentContainer .mod_customnav li { float: left; font-size: 12px; line-height: 14px; } #lawContentContainer .mod_customnav li.first { border-right: 1px solid #646363; margin: 0 5px; padding-right: 5px; } #header .navigationDesktop { display: none; } #header { position: fixed; top: 25px; width: 100%; background: #fff; z-index: 3; height: 155px; box-shadow: 0px -15px 47px 26px rgba(0,0,0,0.29); } #header .inside { width: 724px; margin: 0 auto; /* Fallback for Logo without 50 Years: padding: 20px 0 0 0; */ padding: 10px 0 0 0; } /* [Start] Logo */ #header .logo { margin: 20px auto 20px auto; width: 200px; } /* [Ende] Logo */ /* [Start] Telephone */ #header .telephone { position: absolute; right: 60px; top: 53px; } #header .telephone img { width: auto; height: 32px; } /* [Ende] Telephone */ /* [Start] Sprachwechsel */ #header .mod_changelanguage { position: absolute; right: 120px; top: 53px; } #header .mod_changelanguage ul li { float: left; border-right: 1px solid #4d4d4d; line-height: 1em; margin-right: 8px; padding-right: 8px; font-size: 20px; font-weight: 600; } #header .mod_changelanguage ul li:last-child { border-right: 0; margin-right: 0; padding-right: 0; } #header .mod_changelanguage ul li a { text-decoration: none; color: #4d4d4d; } #header .mod_changelanguage ul li strong, #header .mod_changelanguage ul li a:hover { color: #ef4036; } /* [Ende] Sprachwechsel */ #header .rote_kante { width: 100%; height: 66px; position: fixed; left: 50%; margin-left: -194px; top: 180px; z-index: -1; } #fullHeightContentContainer { margin-top: 180px; } #fullHeightContentContainer .inside, #fullHeightContentContainer .mod_article, #fullHeightContentContainer .bgVideo { height: 100%; } #fullHeightContentContainer .bgImage { background-size: cover; background-position: center center; height: 100%; position: absolute; width: 100%; } #fullHeightContentContainer .bgVideo { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } #fullHeightContentContainer .bgVideo video { /* Make video to at least 100% wide and tall */ min-width: 100%; min-height: 100%; /* Setting width & height to auto prevents the browser from stretching or squishing the video */ width: 100% !important; height: 100% !important; /* Center the video */ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; } /* #fullHeightContentContainer .slides_dma .mejs-container { height: 100% !important; } */ /* #fullHeightContentContainer .slides_dma .slider-control, #fullHeightContentContainer .slides_dma .mejs-container .mejs-controls { display: none !important; } */ /* [Start] Anker */ #fullHeightContentContainer .anchorContainer { position: absolute; bottom: 20px; right: 20px; width: 60px; background: rgba(255,255,255,0.8); z-index: 2; } #fullHeightContentContainer .anchorContainer:hover { background: rgba(0,0,0,0.7); } #fullHeightContentContainer .anchorContainer a { display: block; padding: 10px; } /* [Ende] Anker */ #applicationsContentContainer { position: absolute; width: 100%; color: #fff; z-index: 1; top: 255px; } #applicationsContentContainer .inside { background: rgba(0,0,0,0.5); width: 724px; margin: 0 auto; padding: 40px 10px 20px 10px; } #applicationsContentContainer .content-text { text-align: center; } #applicationsContentContainer .content-text h1 { font-size: 40px; font-weight: 600; margin: 0 0 15px 0; line-height: 1.2em; } #applicationsContentContainer .content-text h2 { font-size: 20px; font-weight: 600; margin: 0 0 10px 0; } #applicationsContentContainer .grid12 { text-align: center; } #applicationsContentContainer .grid12 .content-hyperlink { border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; margin-left: 0; } #applicationsContentContainer .grid12 .content-hyperlink:last-child { border-right: 0; padding-right: 0; margin-right: 0; } #applicationsContentContainer .grid12 .content-hyperlink a { color: #fff; text-decoration: none; font-weight: 600; } #applicationsContentContainer .grid12 .content-hyperlink a:hover { color: #ef4036; } #applicationsContentContainer .content-hyperlink { display: inline-block; } #applicationsContentContainer .tile_wrapper { float: left; width: 100%; } #applicationsContentContainer .tile { float: left; height: 124px; width: 124px; margin: 20px 10px 0 10px; position: relative; z-index: 3; } #applicationsContentContainer .tile .ce_image { margin: 0; } #applicationsContentContainer .tile .textContainer { position: absolute; bottom: 0; background: rgba(239,64,54,1); width: 100%; padding: 3px 5px 3px 0; box-sizing: border-box; text-align: right; height: 30px; z-index: 1; font-size: 12px; } #applicationsContentContainer .tile .textContainer .headlineOneContainer { float: left; width: 100%; position: absolute; bottom: 20px; right: 5px; z-index: 1; } #applicationsContentContainer .tile .textContainer .headlineTwoContainer { width: 100%; position: absolute; bottom: 2px; right: 5px; z-index: 1; } #applicationsContentContainer .tile .textContainer .kante { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 30px; background: #ef4036; transform: skewY(-5deg); top: -11px; z-index: 0; } #applicationsContentContainer .tile .linkContainer a { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; overflow: hidden; font-size: 0; } #bannerContentContainer { float: left; width: 100%; margin-top: 180px; } #bannerContentContainer .slide .ce_image { position: relative; margin: 0; } #bannerContentContainer .slide .box { background: rgba(0,0,0,0.4); position: absolute; left: 50%; right: 0; bottom: 40px; height: 145px; margin-left: -362px; width: 724px; padding: 15px 20px 20px 20px; box-sizing: border-box; color: #fff; } #bannerContentContainer .slide .box h2 { margin-bottom: 12px; font-size: 16px; } #bannerContentContainer .slide .box h1 { margin-bottom: 0; } #bannerContentContainer .slide .link a { position: absolute; left: 0; right: 0; top: 0; right: 0; width: 100%; height: 100%; color: transparent; } /* #worldwideContentContainer .mod_article, #worldwideContentContainer .slides_dma, #fullHeightContentContainer .sliderVideo { height: 100%; } */ #worldwideContentContainer { text-align: center; float: left; width: 100%; } #worldwideContentContainer .bgImage { background-size: cover; background-position: center center; height: 100%; float: left; position: absolute; width: 100%; } #worldwideContentContainer .box { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #worldwideContentContainer .box:before { content: ' '; display: inline-block; height: 100%; vertical-align: middle; } #worldwideContentContainer .box .inside { width: 764px !important; } #worldwideContentContainer .box div { display: inline-block; vertical-align: middle; } #worldwideContentContainer h4.content-headline { color: #ef4036; font-weight: 700; margin: 0; font-size: 20px; margin: 86px 0 20px 0; } #worldwideContentContainer h3.content-headline { font-size: 40px; font-weight: 600; margin: 0; } #worldwideContentContainer .content-hyperlink a { background: #ef4036; display: inline-block; height: 50px; line-height: 50px; padding: 0 20px; font-weight: bold; color: #fff; text-decoration: none; margin-top: 40px; } #worldwideContentContainer .content-hyperlink a:hover { background: #4d4d4d; } #worldwideContentContainer .anchorContainer { position: absolute; bottom: 20px; right: 20px; width: 60px; background: rgba(0,0,0,0.2); } #worldwideContentContainer .anchorContainer:hover { background: rgba(0,0,0,0.6); } #worldwideContentContainer .anchorContainer a { display: block; padding: 10px; } #worldwideContentContainer .mobile { display: none !important; } #contactContentContainer { float: left; width: 100%; background: grey; padding-top: 80px; } #contactContentContainer .inside { width: 764px; margin: 0 auto; } #contactContentContainer .grid6 { margin-bottom: 80px; } #contactContentContainer .grid6 .mobile { display: none; } #contactContentContainer .grid6 p { margin: 0; } #contactContentContainer .grid6 .textContainer { float: left; width: 100%; background: #fff; padding: 20px 20px 19px 20px; box-sizing: border-box; } #contactContentContainer .grid3 .headlineContainer a { color: #4D4D4D; text-decoration: none; } #contactContentContainer .grid6 .textContainer .text { float: left; } #contactContentContainer .grid6 .textContainer .text .name { display: block; font-weight: bold; } #contactContentContainer .grid6 .textContainer .text .position { display: block; } #contactContentContainer .grid6 .textContainer .image { float: right; margin-top: 5px; } #contactContentContainer .grid6 .textContainer .image .ce_image { display: inline-block; margin-left: 10px; width: 60px; } #contactContentContainer .grid3 { height: 208px; background: #fff; margin-bottom: 20px; text-align: center; position: relative; } #contactContentContainer .grid3 .textContainer { margin-top: 10px; } #contactContentContainer .grid3 .headlineContainer { font-weight: bold; font-size: 14px; } #contactContentContainer .grid3 .headlineContainer p { margin-bottom: 0; } #contactContentContainer .grid3 .descriptionContainer a { color: #4d4d4d; text-decoration: none; font-weight: 600; } #contactContentContainer .grid3 .descriptionContainer p { margin-bottom: 0; font-size: 13px; } #contactContentContainer .grid3 .descriptionContainer h3 { margin: 0; font-size: 14px; font-weight: 600; } #contactContentContainer .grid3 .descriptionContainer h3.green { color: #00B200; } #contactContentContainer .grid3 .descriptionContainer h3.red { color: #ef4036; } #contactContentContainer .grid3 .redBoxContainer { background: #ef4036; color: #4d4d4d; text-decoration: none; font-weight: 600; position: absolute; bottom: 0; width: 100%; color: #fff; z-index: 2; box-sizing: border-box; height: 30px; left: 0; font-size: 13px; } #contactContentContainer .grid3 .redBoxContainer a { z-index: 2; position: absolute; width: 100%; text-align: center; left: 0; color: #fff; text-decoration: none; } #contactContentContainer .grid3 .redBoxContainer a:hover { color: #4d4d4d; } #contactContentContainer .grid3 .redBoxContainer .kante { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 30px; background: #ef4036; transform: skewY(-5deg); top: -10px; z-index: 1; } #contactContentContainer .mod_eventlist .teaserContainer a, #contactContentContainer .mod_eventlist .dateContainer a { font-weight: 300; } #wrapper { float: left; width: 100%; } #main { width: 100%; float: left; } #main .inside { width: 744px; margin: 0 auto; padding: 80px 0; } /* [Start] Akkordeon */ #main .ce_accordion .content-image.border { border: 1px solid #838383; margin-right: 16px !important; margin-bottom: 16px !important; } #main .ce_accordion .content-image.border:hover { border-color: #ef4036; } #main .ce_accordion .content-image.border:nth-child(3n) { margin-right: 0 !important; } /* [Ende] Akkordeon */ /* [Start] Liste */ #main .content-text ul { padding-left: 20px; list-style-type: square; } #main .content-text ol { padding-left: 18px; } /* [Ende] Liste */ /* [Start] Slider */ #main .ce_sliderStart { margin: 0; background: #4d4d4d; } #main .ce_sliderStart .slider-wrapper>* { margin: 0 !important; } #main .ce_sliderStart .slider-control { margin: 0; margin-top: -50px; padding-bottom: 20px; } #main .ce_sliderStart .slider-menu b { color: #fff; font-size: 35px; margin-right: 5px; } #main .ce_sliderStart .slider-menu b.active { color: #929292; } #main .ce_sliderStart .slider-control .slider-prev, #main .ce_sliderStart .slider-control .slider-next { display: none; } /* [Ende] Slider */ /* [Start] Bildunterschrift */ #main .sliderCaption { background: #f2f2f2; margin: 0; text-align: center; padding: 12px 10px 0 10px; font-size: 14px; margin-bottom: 20px; } /* [Ende] Bildunterschrift */ /* [Start] Bildergalerie */ #main .content-gallery { width: 744px; } #main .content-gallery li { margin: 0 0 10px 10px; } /* [Ende] Bildergalerie */ /* [Start] Newslist, Newsleser, Eventlist & Eventleser */ #main .mod_newslist, #main .mod_newsreader, #main .mod_eventlist, #main .mod_eventreader { float: left; width: 744px; } #main .mod_newslist .headlineAndImageContainer, #main .mod_eventlist .headlineAndImageContainer { margin: 0; } #main .mod_newslist .headlineAndImageContainer .leftContainer, #main .mod_eventlist .headlineAndImageContainer .leftContainer { float: left; width: 531px; } #main .mod_newslist .headlineAndImageContainer .leftContainer .headline a, #main .mod_eventlist .headlineAndImageContainer .leftContainer .headline a { color: #4d4d4d; text-decoration: none; } #main .mod_newslist .headlineAndImageContainer .leftContainer .teaserContainer, #main .mod_eventlist .headlineAndImageContainer .leftContainer .teaserContainer { margin: 0; } #main .mod_newslist .headlineAndImageContainer .rightContainer, #main .mod_eventlist .headlineAndImageContainer .rightContainer { float: left; width: 193px; } #main .mod_newslist p.info, #main .mod_newsreader p.info, #main .mod_eventlist p.info, #main .mod_eventreader p.info { margin: 0 0 1% 0; font-size: 14px; } #main .mod_eventreader .content-text, #main .mod_eventreader p.location { margin: 0; } #main .mod_newsreader .content-text { margin: 0; } #main .layout_latest { margin: 0 0 2% 0; padding-bottom: 2%; border-bottom: 1px solid #4d4d4d; } #main .layout_latest:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } #main p.more, #main p.back { background: #ef4036; text-align: center; line-height: 30px; margin: 20px 0; display: inline-block; } #main p.more a, #main p.back a { display: block; color: #fff; font-size: 14px; text-decoration: none; padding: 0 20px; } #main p.more:hover, #main p.back:hover { background: #4d4d4d; } #main .layout_latest .image_container { float: right; width: 173px; margin: 0 0 20px 20px; } /* [Ende] Newslist, Newsleser, Eventlist & Eventleser */ /* [Start] Steuerung */ #main .pagination { width: 684px; float: left; padding: 20px; background: #f2f2f2; margin-top: 20px; } #main .pagination p { width: 100%; float: left; font-weight: 500; color: #4d4d4d; } #main .pagination ul { padding-left: 0; list-style-type: none; } #main .pagination li { float: left; margin-right: 10px; } #main .pagination li a, #main .pagination li strong { padding: 5px 10px 5px 10px; background-color: #FFF; color: #4d4d4d; float: left; text-decoration: none; } #main .pagination li a:hover, #main .pagination li strong { background-color: #ef4036; color: #fff; } /* [Ende] Steuerung */ /* [Start] R�ckruf-Formular */ #main .rueckruf-anfordern .widget-text.name, #main .rueckruf-anfordern .widget-text.telefon { width: 352px; float: left; } #main .rueckruf-anfordern .widget-select { margin: 0 0 10px 0; } #main .rueckruf-anfordern .widget-text.name { margin: 0 10px 10px 0; } #main .rueckruf-anfordern .widget-text.telefon { margin: 0 0 10px 10px; } #main .rueckruf-anfordern .widget-text.name input[type=text], #main .rueckruf-anfordern .widget-text.telefon input[type=text] { background: rgb(248, 248, 248); border-color: rgb(166, 166, 166); } #main .rueckruf-anfordern .widget-checkbox { float: left; width: 100%; margin-bottom: 10px; } #main .rueckruf-anfordern .submit_container { margin-top: 20px; } #main .rueckruf-anfordern .submit_container input[type=submit] { background: #ef4036; border-radius: 0; border: 0; color: #fff; font-size: 16px; line-height: 30px; } #main .rueckruf-anfordern .submit_container input[type=submit]:hover { background: #4d4d4d; } /* [Ende] R�ckruf-Formular */ #footer { background: #363636; float: left; width: 100%; padding: 30px 0 500px 0; text-align: center; color: #fff; } #footer .inside { width: 764px; margin: 0 auto; } #footer a { color: #fff; text-decoration: none; } /* [Start] Navigation */ #footer .navigationContainer .mod_customnav ul li { border-right: 1px solid #fff; margin-right: 10px; padding-right: 10px; display: inline-block; font-size: 13px; } #footer .navigationContainer .mod_customnav ul li:last-child { margin-right: 0; padding-right: 0; border-right: 0; } #footer .navigationContainer .mod_customnav ul li a:hover, #footer .navigationContainer .mod_customnav ul li strong { border-bottom: 1px solid #fff; } /* [Ende] Navigation */ /* [Start] Firmenname */ #footer .nameContainer { margin-top: 20px; } /* [Ende] Firmenname */ /* [Start] SEO */ #footer .webdesignContainer { float: right; margin: 50px 10px 0 0; font-size: 9px; } #footer .webdesignContainer a { color: #6c6c6c; } /* [Ende] SEO */ } /* TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE */ @media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) { #header .mod_navigation { display: none; } } /* TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE - TABLET LANDSCPAPE */ @media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) { #header .navigationDesktop { display: none; } #header .telephone { position: absolute; right: 60px; top: 53px; display: block; } #header .telephone img { height: 32px; width: auto; } #header .logo { margin: 20px auto 20px auto; width: 200px; } #header .mod_changelanguage { top: 53px !important; right: 122px; } #header .menuButton { position: absolute; right: 0; top: 53px; } #header .menuButton img { width: 40px; height: auto; } } /* MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - MOBILE - OBILE - MOBILE */ @media screen and (max-width: 767px) { .mod_article [class*=ce_], .mod_article [class*=content-], .mod_article [class*=mod_], .mod_article [class*=layout_]>*, .mod_article [class*=event_]>*, [class*=grid] { margin-left: 0; margin-right: 0; } h1 { margin-bottom: 2%; font-size: 22px; } #lawContentContainer { background-color: #f5f5f5; font-size: 14px; font-weight: 400; height: 27px; left: 0; padding-right: 2%; position: fixed; text-align: right; top: 0; width: 98%; z-index: 1001; } #lawContentContainer .mod_customnav { float: right; margin: 5px 0 0 0; } #lawContentContainer .mod_customnav a, #lawContentContainer .mod_customnav strong { color: #646363; font-weight: 300; text-decoration: none; } #lawContentContainer .mod_customnav strong { text-decoration: underline; } #lawContentContainer .mod_customnav li { float: left; font-size: 12px; line-height: 14px; } #lawContentContainer .mod_customnav li:first-child { border-right: 1px solid #646363; margin: 0 5px; padding-right: 5px; } #header { position: fixed; top: 25px; width: 100%; background: #fff; z-index: 3; height: 0px; box-shadow: 0px -30px 47px 26px rgba(0,0,0,0.29); height: 55px; border-bottom: 2px solid #ef4036; z-index: 5; } #header .navigationDesktop { display: none !important; } /* [Start] Logo */ #header .logo { float: left; width: 35%; height: 55px; padding: 0 2%; } #header .logo a { display: block; } #header .logo img { margin-top: 8px; height: 39px; width: auto; vertical-align: middle; } /* [Ende] Logo */ /* [Start] Sprachwechsel */ #header .mod_changelanguage { float: left; width: 36%; height: 55px; margin-left: 5%; } #header .mod_changelanguage ul { margin-bottom: 0; } #header .mod_changelanguage ul li { float: left; border-right: 1px solid #4d4d4d; line-height: 1em; font-size: 20px; font-weight: 600; width: 33.33%; box-sizing: border-box; text-align: center; line-height: 35px; margin: 10px 0; } #header .mod_changelanguage ul li:last-child { border-right: 0; margin-right: 0; padding-right: 0; } #header .mod_changelanguage ul li a { text-decoration: none; color: #4d4d4d; } #header .mod_changelanguage ul li strong, #header .mod_changelanguage ul li a:hover { color: #ef4036; } /* [Start] Sprachwechsel */ #header .telephone { width: 10%; height: 55px; text-align: center; position: absolute; right: 50px; } #header .telephone img { margin-top: 10px; height: 35px; width: auto; vertical-align: middle; } #header .rote_kante { display: none; } #fullHeightContentContainer { float: left; display: none; } #fullHeightContentContainer .inside, #fullHeightContentContainer .mod_article, #fullHeightContentContainer .bgVideo { height: 100%; } #fullHeightContentContainer .bgImage { background-size: cover; background-position: center center; } #fullHeightContentContainer .bgVideo video { /* Make video to at least 100% wide and tall */ min-width: 100%; min-height: 100%; /* Setting width & height to auto prevents the browser from stretching or squishing the video */ width: auto !important; height: auto !important; /* Center the video */ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } /* #fullHeightContentContainer .slides_dma .mejs-container { height: 100% !important; } */ /* #fullHeightContentContainer .slides_dma .slider-control, #fullHeightContentContainer .slides_dma .mejs-container .mejs-controls { display: none !important; } */ /* [Start] Anker */ #fullHeightContentContainer .anchorContainer { position: absolute; bottom: 20px; right: 20px; width: 60px; background: rgba(255,255,255,0.8); z-index: 2; } #fullHeightContentContainer .anchorContainer:hover { background: rgba(0,0,0,0.7); } #fullHeightContentContainer .anchorContainer a { display: block; padding: 10px; } /* [Ende] Anker */ #applicationsContentContainer { float: left; width: 100%; background: #ededed; margin-top: 82px; padding-top: 2%; } #applicationsContentContainer .content-text { text-align: center; } #applicationsContentContainer .content-text h1 { font-size: 20px; font-weight: bold; width: 96%; float: left; line-height: 1.2em; padding: 0 2% 2% 2%; margin-bottom: 0; } #applicationsContentContainer .content-text h2 { font-size: 20px; margin: 0; width: 96%; float: left; padding: 0 2% 2% 2%; } #applicationsContentContainer .grid12 { text-align: center; margin: 0; } #applicationsContentContainer .grid12 .content-hyperlink { width: 47%; margin: 0 0 2% 2%; float: left; background: #848484; height: 30px; line-height: 30px; } #applicationsContentContainer .grid12 .content-hyperlink a { color: #fff; text-decoration: none; display: block; } #applicationsContentContainer .content-hyperlink { display: inline-block; } #applicationsContentContainer .tile_wrapper { float: left; width: 100%; } #applicationsContentContainer .tile { float: left; width: 47%; margin: 0 0 2% 2%; position: relative; z-index: 3; } #applicationsContentContainer .tile .ce_image { margin: 0; } #applicationsContentContainer .tile .textContainer { float: left; background: #ef4036; width: 100%; padding: 0 2%; box-sizing: border-box; text-align: center; height: 50px; z-index: 1; color: #fff; } #applicationsContentContainer .tile .textContainer .headlineOneContainer { width: 100%; float: left; line-height: 0; margin-top: 13px; } #applicationsContentContainer .tile .textContainer .headlineTwoContainer { width: 100%; float: left; line-height: 45px; } #applicationsContentContainer .tile .textContainer .kante { display: none; } #applicationsContentContainer .tile .linkContainer, #applicationsContentContainer .tile .linkContainer a { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 2; overflow: hidden; font-size: 0; } #bannerContentContainer { float: left; width: 100%; margin-top: 82px; } #bannerContentContainer .slide .ce_image { float: left; width: 100%; } #bannerContentContainer .slide .ce_image img { width: 100%; height: auto; } #bannerContentContainer .slide .box { background: rgba(0,0,0,1); float: left; width: 100%; padding: 2%; box-sizing: border-box; color: #fff; } #bannerContentContainer .slide .box h1 { margin-bottom: 0; font-size: 16px; text-align: center; } #bannerContentContainer .slide .description { display: none; } #bannerContentContainer .slide .link a { position: absolute; left: 0; right: 0; top: 0; right: 0; width: 100%; height: 100%; color: transparent; } /* #worldwideContentContainer .mod_article, #worldwideContentContainer .slides_dma, #fullHeightContentContainer .sliderVideo { height: 100%; } */ #worldwideContentContainer { text-align: center; float: left; width: 96%; background: #ededed; padding: 2%; margin-top: 2%; } #worldwideContentContainer .desktopAndMobile { display: none; } #worldwideContentContainer .box { float: left; width: 100%; } #worldwideContentContainer .box h4.content-headline { color: #ef4036; margin: 0; margin: 0 0 2% 0; line-height: 1.3em; } #worldwideContentContainer .box h3.content-headline { font-size: 18px; margin: 0 0 2% 0; font-weight: bold; } #worldwideContentContainer .box .content-image { margin: 0; } #worldwideContentContainer .content-hyperlink { margin: 0; } #worldwideContentContainer .content-hyperlink a { float: left; width: 100%; background: #ef4036; height: 35px; line-height: 35px; font-weight: bold; color: #fff; text-decoration: none; margin-top: 2%; } #worldwideContentContainer .anchorContainer { display: none; } #worldwideContentContainer .anchorContainer:hover { background: rgba(0,0,0,0.6); } #worldwideContentContainer .anchorContainer a { display: block; padding: 10px; } #contactContentContainer { float: left; width: 96%; margin: 2% 0 0 0; background: #ededed; padding: 2% 2% 0 2%; } #contactContentContainer .grid6 { width: 100% !important; float: left !important; margin: 0 !important; } #contactContentContainer .grid6 .desktopAndTablet { display: none; } #contactContentContainer .grid6 .mobile { width: 100%; float: left; margin-bottom: 2%; } #contactContentContainer .grid6 .mobile img { width: 100%; height: auto; } #contactContentContainer .grid6 p { margin: 0; } #contactContentContainer .grid6 .textContainer { float: left; width: 100%; background: #fff; padding: 20px 20px 19px 20px; box-sizing: border-box; } #contactContentContainer .grid3 .headlineContainer a { color: #4D4D4D; text-decoration: none; } #contactContentContainer .grid6 .textContainer .text { float: left; } #contactContentContainer .grid6 .textContainer .text .name { display: block; font-weight: bold; } #contactContentContainer .grid6 .textContainer .text .position { display: block; } #contactContentContainer .grid6 .textContainer .image { float: right; margin-top: 5px; } #contactContentContainer .grid6 .textContainer .image .ce_image { display: inline-block; margin-left: 10px; } #contactContentContainer .grid6 .imgContainer { float: left !important; width: 100% !important; margin-left: 0; } #contactContentContainer .grid3 { background: #fff; text-align: center; float: left !important; width: 100% !important; margin: 0 0 2% 0 !important; } #contactContentContainer .grid3 .textContainer { float: left !important; width: 96% !important; padding: 2%; } #contactContentContainer .grid3 .headlineContainer { font-weight: bold; font-size: 17px; } #contactContentContainer .grid3 .headlineContainer p { margin-bottom: 7px; } #contactContentContainer .grid3 .descriptionContainer a { color: #4d4d4d; text-decoration: none; font-weight: 600; } #contactContentContainer .grid3 .descriptionContainer p { margin-bottom: 0; } #contactContentContainer .grid3 .descriptionContainer h3 { margin: 0; font-size: 16px; font-weight: 600; } #contactContentContainer .grid3 .descriptionContainer h3.green { color: #00B200; } #contactContentContainer .grid3 .descriptionContainer h3.red { color: #ef4036; } #contactContentContainer .grid3 .redBoxContainer { background: #ef4036; height: 35px; left: 0; float: left; width: 100%; line-height: 35px; } #contactContentContainer .grid3 .redBoxContainer a { display: block; color: #4d4d4d; text-decoration: none; color: #fff; font-weight: bold; } #contactContentContainer .grid3 .redBoxContainer a:hover { color: #4d4d4d; } #contactContentContainer .grid3 .redBoxContainer .kante { display: none; } #contactContentContainer .mod_eventlist .teaserContainer a, #contactContentContainer .mod_eventlist .dateContainer a { font-weight: 300; } #wrapper { float: left; width: 100%; } #main { width: 96%; padding: 2%; float: left; } #main .content-text h2 { font-size: 20px; } #main .content-text ul { padding-left: 6%; list-style-type: square; } #main .content-text ol { padding-left: 6%; } #main .overflowClass { width: 100%; float: left; overflow-x: scroll; } #main .content-table { float: left !important; width: 100% !important; overflow: visible !important; margin: 0; } #main .content-table table { width: 100%; } #main .grid6 { margin: 0; } /* [Start] Akkordeon */ #main .ce_accordion { float: left !important; margin-left: 0; margin-right: 0; width: 100% !important; } #main .ce_accordion .content-image.border { border: 1px solid #838383; margin-bottom: 2%; box-sizing: border-box; } /* [Ende] Akkordeon */ /* [Start] Slider */ #main .ce_sliderStart { margin: 0; background: #4d4d4d; } #main .ce_sliderStart .slider-wrapper>* { margin: 0 !important; } #main .ce_sliderStart .slider-control { margin: 0; margin-top: -50px; padding-bottom: 20px; } #main .ce_sliderStart .slider-menu b { color: #fff; font-size: 35px; margin-right: 5px; } #main .ce_sliderStart .slider-menu b.active { color: #929292; } #main .ce_sliderStart .slider-control .slider-prev, #main .ce_sliderStart .slider-control .slider-next { display: none; } /* [Ende] Slider */ /* [Start] Bildunterschrift */ #main .sliderCaption { background: #f2f2f2; margin: 0; text-align: center; padding: 2%; font-size: 14px; margin-bottom: 2%; } #main .sliderCaption p { margin-bottom: 0; } /* [Ende] Bildunterschrift */ /* [Start] Bildergalerie */ #main .content-gallery { width: 100%; float: left; } #main .content-gallery li { margin: 0 0 2% 0; } /* [Ende] Bildergalerie */ /* [Start] Newslist & Newsreader & Eventlist & Eventreader */ #main .mod_newslist, #main .mod_newsreader, #main .mod_eventlist, #main .mod_eventreader { float: left; width: 100%; } #main .mod_newslist .headlineAndImageContainer, #main .mod_eventlist .headlineAndImageContainer { float: left; width: 96%; padding: 2% 2% 0 2%; background: #f2f2f2; margin-bottom: 2%; } #main .mod_newslist .layout_latest:last-child .headlineAndImageContainer, #main .mod_eventlist .layout_latest:last-child .headlineAndImageContainer { margin-bottom: 0; } #main .mod_newslist .headlineAndImageContainer .leftContainer, #main .mod_eventlist .headlineAndImageContainer .leftContainer { float: left; width: 58%; margin-right: 2%; } #main .mod_newslist .headlineAndImageContainer .leftContainer p.info, #main .mod_eventlist .headlineAndImageContainer .leftContainer p.info { color: #4d4d4d; text-decoration: none; font-size: 14px; margin-bottom: 2%; font-weight: 400; } #main .mod_newslist .headlineAndImageContainer .leftContainer .headline h2, #main .mod_eventlist .headlineAndImageContainer .leftContainer .headline h2 { line-height: 0.8em; } #main .mod_newslist .headlineAndImageContainer .leftContainer .headline a, #main .mod_eventlist .headlineAndImageContainer .leftContainer .headline a { color: #4d4d4d; text-decoration: none; font-size: 18px; } #main .mod_newslist .headlineAndImageContainer .rightContainer, #main .mod_eventlist .headlineAndImageContainer .rightContainer { float: left; width: 40%; } #main .mod_newslist .headlineAndImageContainer .rightContainer .image img, #main .mod_eventlist .headlineAndImageContainer .rightContainer .image img { width: 100%; height: auto; } #main .mod_newslist .teaserContainer { float: left; width: 98%; padding: 2% 2% 2% 0; background: #f2f2f2; } #main p.more, #main p.back { background: #ef4036; text-align: center; line-height: 30px; margin: 2% 0; float: left; width: 100%; } #main p.more a, #main p.back a{ color: #fff; text-decoration: none; display: block; } /* [Ende] Newslist & Newsreader & Eventlist & Eventreader */ /* [Start] Steuerung */ #main .pagination { width: 96%; float: left; padding: 2%; background: #f2f2f2; } #main .pagination p { color: #4d4d4d; margin-left: 5px; margin-bottom: 1%; } #main .pagination ul { float: left; list-style-type: none; margin-left: 0; width: 100%; padding-left: 0; margin-bottom: 0; } #main .pagination ul li { float: left; margin-right: 1%; background-color: #fff; color: #4d4d4d; float: left; line-height: 2em; margin-bottom: 1%; margin-left: 1%; margin-top: 1%; text-align: center; width: 13.1%; } #main .pagination a { display: block; text-decoration: none; color: #4d4d4d; } #main .pagination li strong { background-color: #ef4036; display: block; color: #fff; } #main .pagination ul li:first-child, #main .pagination ul li.previous, #main .pagination ul li.next, .pagination ul li:last-child { background-color: #fff; float: left; line-height: 2em; width: 98%; } /* [Ende] Steuerung */ /* [Start] R�ckruf-Formular */ #main .rueckruf-anfordern .widget-text.name, #main .rueckruf-anfordern .widget-text.telefon { width: 100%; float: left; } #main .rueckruf-anfordern .widget-select { margin: 0 0 1% 0; } #main .rueckruf-anfordern .widget-text.name { margin: 0 0 1% 0; } #main .rueckruf-anfordern .widget-text.telefon { margin: 0 0 1% 0; } #main .rueckruf-anfordern .widget-text.name input[type=text], #main .rueckruf-anfordern .widget-text.telefon input[type=text] { background: rgb(248, 248, 248); border-color: rgb(166, 166, 166); } #main .rueckruf-anfordern .widget-checkbox { float: left; width: 100%; margin-bottom: 10px; } #main .rueckruf-anfordern .submit_container { margin-top: 2%; } #main .rueckruf-anfordern .submit_container input[type=submit] { background: #ef4036; border-radius: 0; border: 0; color: #fff; font-size: 16px; line-height: 30px; } #main .rueckruf-anfordern .submit_container input[type=submit]:hover { background: #4d4d4d; } /* [Ende] R�ckruf-Formular */ #footer { background: #363636; float: left; width: 96%; padding: 2% 2% 100% 2%; text-align: center; color: #fff; margin: 0; } #footer a { color: #fff; text-decoration: none; } /* [Start] Navigation */ #footer .navigationContainer { display: block; } #footer .navigationContainer .mod_customnav ul li { display: block; } #footer .navigationContainer .mod_customnav ul li a, #footer .navigationContainer .mod_customnav ul li strong { font-size: 14px; } #footer .navigationContainer .mod_customnav ul li strong { border-bottom: 1px solid #fff; } /* [Ende] Navigation */ /* [Start] Firmenbezeichnung */ #footer .nameContainer { margin-top: 20px; } /* [Ende] Firmenbezeichnung */ /* [Start] SEO */ #footer .webdesignContainer { float: left; width: 100%; margin: 10% 0 0 0; font-size: 6px; text-align: right; } #footer .webdesignContainer a { color: #6c6c6c; } /* [Ende] SEO */ } @media screen and (min-width: 1025px) { /* Mobiles Menü und Button ausblenden */ #header .nav-main, .js-nav-main-button { display: none; } } /* mobile menu :: button */ @media screen and (max-width: 1024px) { .js-nav-main-button { background-color: transparent; border: none; text-indent: -1000em; background-image: url(../../files/system/img/icon_menuButton.svg); background-repeat: no-repeat; width: 40px; height: 40px; background-size: 40px 40px; } } @media screen and (max-width: 767px) { .js-nav-main-button { float: right; margin: 7px 7px 0 0; } } @media screen and (min-width: 768px) and (max-width: 1024px) { .js-nav-main-button { top: 49px; right: 0; position: absolute; display: inline-block !important; } } /* mobile menu :: inner */ .js-mobile-nav-inner { top: 82px; position: fixed; background-color: #4D4D4D; width: 100%; z-index: 1111; overflow-y: auto; padding: 2% 2% 2% 2%; height: calc(100vh - 152px); box-sizing: border-box; } @media screen and (min-width: 768px) { .js-mobile-nav-inner { top: 180px; } } .js-mobile-nav-inner[data-expanded="false"] { right: -100%; transition: right 400ms ease-in-out; } .js-mobile-nav-inner[data-expanded="true"] { right: 0; transition: right 400ms ease-in-out; } /* mobile menu :: style */ @media screen and (max-width: 1024px) { .nav-main ul { margin-bottom: 0; } .nav-main ul ul { padding-left: 1%; } .nav-main li { margin-bottom: 1%; } .nav-main li.submenu { position: relative; z-index: 10; } .nav-main a, .nav-main strong { display: block; padding: 0.2em; color: #fff; text-decoration: none; } } /* sub-button */ .js-nav-main-sub-button { border: none; background-color: transparent; text-indent: -1000em; background-image: url(../../files/system/img/icon_arrow_top.svg); background-repeat: no-repeat; display: inline-block; width: 23px; height: 23px; background-size: 23px 23px; position: absolute; top: 5px; right: 0; z-index: 50; overflow: hidden; transform: rotate(90deg); } /* sub-button :: active */ .js-nav-main-sub-button[aria-expanded="true"] { transform: rotate(180deg); } /* level 2 */ .js-nav-main-sub-button[aria-expanded="false"] + ul { height: 0; overflow: hidden; opacity: 0; transition: opacity 500ms ease-in-out; } /* level 2 :: open */ .js-nav-main-sub-button[aria-expanded="true"] + ul, .trail + ul { height: auto; opacity: 1; transition: opacity 500ms ease-in-out; } @media print { }