header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.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{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.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{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} #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} /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../../files/schriften/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../../files/schriften/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/schriften/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/schriften/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/schriften/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/schriften/open-sans-v15-latin-300.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/schriften/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../files/schriften/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/schriften/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/schriften/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/schriften/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/schriften/open-sans-v15-latin-regular.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/schriften/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../files/schriften/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/schriften/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/schriften/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/schriften/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/schriften/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 1px; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! PocketGrid 1.1.0 * Copyright 2013 Arnaud Leray * MIT License */ /* Border-box-sizing */ .block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Clearfix */ .block-group { *zoom: 1; } .block-group:before, .block-group:after { display: table; content: ""; line-height: 0; } .block-group:after { clear: both; } .block-group { /* ul/li compatibility */ list-style-type: none; padding: 0; margin: 0; } /* Nested grid */ .block-group > .block-group { clear: none; float: left; margin: 0 !important; } /* Default block */ .block { float: left; width: 100%; } /* Smartphone version Usually Nothing to do: blocks are stacked by default. */ .doz { width: calc(50% - 20px); margin: 0 10px 20px 10px; } /* Tablet version */ @media (min-width: 768px) { .doz { width: calc(25% - 20px); margin: 0 10px 20px 10px; } .b1, .b2 { width: 50%; } .b4 { width: 25%; } .b8 { width: 50%; } .b12 { width: 75% } .b15 { width: 25%; } .b30 { width: 30%; } .b70 { width: 70%; } .b25-25 { width: 25%; } .b25-50 { width: 50%; } .b50-50 { width: 50%; } .b75-75 { width: 75%; } /*Offset*/ .offset10 {margin-left:10%;} .offset15 {margin-left:15%;} .offset20 {margin-left:20%;} .offset25 {margin-left:25%;} .offset30 {margin-left:30%;} .offset35 {margin-left:35%;} .offset40 {margin-left:40%;} .offset45 {margin-left:45%;} .offset50 {margin-left:50%;} .offset55 {margin-left:55%;} .offset60 {margin-left:60%;} .offset65 {margin-left:65%;} .offset70 {margin-left:70%;} .offset75 {margin-left:75%;} .offset80 {margin-left:80%;} .offset85 {margin-left:85%;} .offset90 {margin-left:90%;} /* Gallery columns */ .ce_gallery>ul.cols_2 li { width: 50%; } .ce_gallery>ul.cols_3 li { width: 33.33%; } .ce_gallery>ul.cols_4 li { width: 25%; } .ce_gallery>ul.cols_5 li { width: 20%; } .ce_gallery>ul.cols_6 li { width: 16.66%; } .ce_gallery>ul.cols_7 li { width: 14.285%; } .ce_gallery>ul.cols_8 li { width: 12.5%; } /* Newslist in columns. Can also be used for events etc. Just adjust respective template file */ .columns_3 { width: 33.33%; } /*Clear and reset after 3 blocks for cleaner layout when columns have different heights */ .columns_3:nth-child(3n+1) { clear: left; } /* Give the columns padding left and right */ .columns_3 { padding: 0 .5em; } } /* Desktop version */ @media (min-width: 1024px) { .b1, .b2, .b3 { width: 50%; } .b4, .b5, .b6, .b7 { width: 25%; } .b8, .b9, .b10 { width: 20%; } .b11, .b33 { width: 33.3334%; } .b12 { width: 75%; } .b13 { width: 30%; } .b14 { width: 70%; } .b15 { width: 25%; } .b20 { width: 20%; } .b25-25 { width: 25%; } .b25-50 { width: 25%; } .b30 { width: 30%; } .b33 { width: 33.3334%; } .b50 { width: 50%; } .b50-50 { width: 50%; } .b66 { width: 66.6666%; } .b70 { width: 70%; } .b75 { width: 75%; } .b75-75 { width: 75%; } .grid1 { width: 8.3334%; } .grid2 { width: 16.6666%; } .grid3 { width: 25%; } .grid4 { width: 33.3334%; } .grid5 { width: 41.6667% } .grid6 { width: 50%; } .grid7 { width: 58.3333%; } .grid8 { width: 66.6666%; } .grid9 { width: 75%; } .grid10 { width: 83.3334%; } .grid11 { width: 91.6664%; } /* Gallery columns */ .ce_gallery>ul.cols_2 li { width: 50%; } .ce_gallery>ul.cols_3 li { width: 33.33%; } .ce_gallery>ul.cols_4 li { width: 25%; } .ce_gallery>ul.cols_5 li { width: 20%; } .ce_gallery>ul.cols_6 li { width: 16.66%; } .ce_gallery>ul.cols_7 li { width: 14.285%; } .ce_gallery>ul.cols_8 li { width: 12.5%; } /* Newslist in columns. Can also be used for events etc. Just adjust respective template file */ .columns_3 { width: 33.33%; } /*Clear and reset after 3 blocks for cleaner layout when columns have different heights */ .columns_3:nth-child(3n+1) { clear: left; } /* Give the columns padding left and right */ .columns_3 { padding: 0 .5em; } } /* Desktop version */ @media (min-width: 1120px) { .doz { width: calc(20% - 20px); margin: 0 10px 20px 10px; } .doz:nth-child(5n+1) { clear: left; } } /* Legacy browser support */ .block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before { *behavior: url(../../files/bfsm/css/files/freestyle/js/boxsizing-pocketgrid.htc); } /* ------- Important for proper function of the layout. Only change if you know what you are doing! ------- */ body.boxed { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } #wrapper { margin-left:auto; margin-right:auto; } .shadow #wrapper { -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,.7); -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,.7); box-shadow: 0px 0px 24px 0px rgba(0,0,0,.7); } .flextainer { display: flex; flex-wrap: wrap; } #main { padding-top:4rem; /*padding-bottom:4rem;*/ } #left { margin-left:0; } #right { margin-right:0; } #footer { padding: 0 10px 2rem 10px; } #header { min-height: 140px; } #header-bar { width:100%; height:220px; position:absolute; overflow:visible; z-index:99; } #mobile-menu { visibility:hidden; } #header-bar .inside { max-width: 1105px; margin-left: auto; margin-right: auto; } #header-bar.static { position: relative; } #logo { position: relative; overflow:visible; padding: 0; top:0; z-index: 10; border-right:10px solid #fff; border-bottom:10px solid #fff; border-left:10px solid #fff; } #logo.logo-mobile { display:none; height:80px; margin: 20px 0 0 0; text-align:right; float: right; } #logo.logo-mobile img{ height:100%; width:auto; } #nav { width: 80%; position: relative; float: right; z-index:9; height: 8rem; padding: 0; } .inside { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .has-columns #container { margin-left:auto; margin-right:auto; } /*.has-columns aside { padding-left: 10px; padding-right: 10px; } */ #main *[class*="mod_"] .inside,{ padding-bottom: 2rem; padding-top: 2rem; overflow:auto; } #footer .inside { padding-bottom: 1rem; padding-top: 1rem; overflow:auto; } #nav.block {overflow: visible;} [class*="ce_"], [class*="mod_"], .pdf_link { padding: 0 10px 0 10px; } [class*="ce_"] [class*="ce_"], [class*="ce_"] [class*="mod_"] { padding: 0; } aside > .inside { padding: 4rem 0 1rem 0; } .mod_article .inside { z-index: 2; } #header .mod_article .inside { z-index: inherit; } .mod_article .inside, .mod_wrapper [class*="mod_"] > div { padding: 0 10px; } .mod_article, .mod_wrapper { padding-left: 0; padding-right: 0; position: relative; } .ce_image { position: relative; } #header .inside, #header .mod_article [class*="ce_"], #header .mod_article [class*="mod_"] { padding: 0; } #main .mod_article.no-margin .inside { padding: 0 0 0 0; } .mod_navigation.horizontal { position:absolute; height:50px; line-height:2.5em; z-index:3; } .mod_navigation.horizontal ul.level_1 { float:right; } .mod_navigation.horizontal li { display: inline-block; padding-left:1em; padding-right:1em; } .mod_navigation li { list-style:none; } .mod_navigation a, .mod_navigation span { text-decoration: none; } .mod_navigation a::before, .mod_navigation span:before { padding-right: .5em; } .mod_breadcrumb { margin:1rem 0 .8rem 0; padding: 0 0 0 20px; } .ce_table, .mod_calendar { overflow-x: auto; } .image_container { position: relative; } .ce_download { margin-bottom: 2rem; } /* This is a hack to remove extra space below images */ img { vertical-align:middle; } .ce_gallery > ul { margin:0; padding:0; overflow:hidden; list-style:none; } .ce_gallery > ul li { float:left; } .ce_gallery > ul li.col_first { clear:left; } .ce_gallery>ul li { margin-bottom:0; position:relative; } .checkbox_container span, .radio_container span { display:block; padding-left: .05em; padding-right: 1em; } .pagination li { display: inline; padding: 1rem; } .mod_booknav ul { list-style:none; } .mod_booknav li { float:left; padding:1em; } .mod_booknav li a { text-decoration: none; } .submit_container.block {width:auto;} .formbody .widget { padding-right: .3em; } .mod_newslist .layout_latest { margin-bottom: 0; } /* ---------- useful helper classes ------------ */ .no-margin [class*="ce_"], .no-margin [class*="mod_"], .no-margin.header-image .ce_text, #main .mod_article.no-margin { padding: 0 0 0 0; } .no-margin .ce_text, .no-margin .ce_form, .no-margin .ce_headline { padding: 2rem 10px; } .no-margin [class*="ce_"].pop-out, [class*="mod_"].pop-out { padding-top: 0; padding-bottom: 0; } .round img { border-radius: 50%; } .round .image_container a:after { display:none; } .header-image.mod_article { position:relative; padding:0; overflow:hidden; } .header-image.mod_article .header_wrapper { position:relative; width:100%; height:100%; } .header-image.mod_article .content_wrapper { position: absolute; width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index:1; } .header-image .content_wrapper .inner { padding:0 3rem; } .header-image .image_container img{ display:block; width:100%; height:auto; vertical-align:initial; } .header-image [class*="btn"] { margin-top: 4rem; } .header-image .slider-control { top: -40px; margin-bottom:-30px; } .header-image .slider-control .slider-prev { left:1%; } .header-image .slider-control .slider-next { right: 1%; } .hero { height:200px; } .hero .inside { padding: 0 20px; position: relative; width:100%; top: 50%; z-index:1; } #header .hero .inside { padding: 0 20px; } .full-width .hero .inside { margin-left:auto; margin-right:auto; } .title-image { height:400px; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:center; position:relative; } [class*="overlay"]:before { position: absolute; width: 100%; height: 100%; top: 0px; left: 0; content: ''; z-index: 1; } .pop-out a img { transition: transform .1s ease-in; } .pop-out a img:hover { position:relative; transform: scale(1.05); -ms-transform: scale(1.05); transition: transform .05s ease-in; z-index:10; } .pop-out .image_container a:after { display:none; } .push-in a img { transition: transform .2s ease-in; } .push-in a img:hover { position:relative; transform: scale(.97); -ms-transform: scale(.98); transition: transform .05s ease-in; } .push-in .image_container a:after { display:none; } .hide-controls .slider-control { display:none; } .new-row { clear:left; } .center { margin-left: auto; margin-right: auto; text-align: center; } .divider-top, .divider-bottom, .divider-top-bottom { position:relative; overflow:hidden; } .divider-top:before { content: ""; position:relative; display: inline-block; z-index: 1; top: 0; width:100%; height: 10px; left: 0; border-bottom: 1px solid #49413b; } .divider-bottom:after { content: ""; position:relative; display: inline-block; z-index: 1; bottom: 0; width: 100%; height: 20px; left: 0; border-bottom: 1px solid #49413b; } .divider-top-bottom:before { content: ""; position:absolute; z-index: 1; width:96%; top: -10px; height: 10px; left: 2%; border-radius: 100px / 5px; box-shadow:0 0 15px rgba(0,0,0,0.6); } .divider-top-bottom:after { content: ""; position:absolute; z-index: 1; width:96%; bottom: -10px; height: 10px; left: 2%; border-radius: 100px / 5px; box-shadow:0 0 15px rgba(0,0,0,0.6); } .mod_newslist .layout_latest{ border-top: 1px solid #f48b00; } .mod_newslist .layout_latest.first{ border-top: none; } .mod_eventlist .header{ border-top: 1px solid #f48b00; } .mod_eventlist .header.first{ border-top: none; } /* ------------- Media queries ------------- */ /* Small version */ @media (max-width: 768px) { #header { margin-top:0; } #header-bar { display:none; } #mobile-menu { visibility:visible; } #logo.logo-mobile { display:block; } .hero { height:100px; } .hero .inside { top: 50%; } .title-image { height:400px; background-attachment:scroll; position:relative; } mod_article.header-image { min-height: 400px; } .header-image .slider-control { display:none; } [class*="style-"], .hero { background-attachment: scroll!important; background-position: 50% 0!important; } .mod_navigation.horizontal { visibility:hidden; } .ce_gallery>ul.cols_2 li { width: 50%; } .ce_gallery>ul.cols_3 li { width: 33.33%; } .ce_gallery>ul.cols_4 li { width: 50%; } .ce_gallery>ul.cols_5 li { width: 33.33%; } .ce_gallery>ul.cols_6 li { width: 33.33%; } .ce_gallery>ul.cols_7 li { width: 25%; } .ce_gallery>ul.cols_8 li { width: 25%; } } /* Tablet landscape version */ @media only screen and (max-width : 1024px) { html, body { height: 100%;} #wrapper { min-height: 100%; position: relative; } #header { margin-top:0; } #header-bar { display:none; } #mobile-menu { visibility:visible; } #logo.logo-mobile { display:block; } .hero { height:100px; } .hero .inside { top: 50%; } [class*="style-"], .hero { background-attachment: scroll!important; background-position: 50% 0!important; } .seitentitel { height:80px; width: 100%; background-color: #c8c6c4; } .seitentitel .inside { position: relative; margin-left: auto; margin-right: auto; max-width:1100px; text-align: center; top: 15%; z-index:1; } .seitentitel span { color: #fff; margin-right: 10px; text-transform: uppercase; font-weight: 300; font-size: 3.5rem; } } /* Desktop version */ @media (min-device-width: 1025px){ html, body { height: 100%;} #wrapper { min-height: 100%; position: relative; } #header .inside::before { border-top: 10px solid #f48b00; width: 98%; margin: 0 1% 0 1%; } #header-bar .inside::before { border-top: none; } .seitentitel { position: relative; height:115px; width: 98%; margin: 80px 1% 0 1%; background-color: #c8c6c4; } .seitentitel .inside { margin-left: auto; margin-right: auto; max-width:1100px; text-align: right; top: 30%; z-index:1; } .seitentitel span { color: #fff; margin-right: 10px; text-transform: uppercase; font-weight: 300; font-size: 3.5rem; } #container::before { border-top: 10px solid #f48b00; width: 1100px; margin: 20px auto 0 auto; } #footer { position: absolute; bottom: 0; margin: 0; padding: 0; width: 100%; height: 340px; } #container { padding: 0 0 340px 0; } #header-bar { visibility:visible; } .full-width #main *[class*="mod_"] .inside, .full-width #footer .inside { position: relative; margin-left: auto; margin-right: auto; overflow:auto; } #news-und-termine{ padding-top: 10px; padding-bottom: 20px; } } .samehight .inside { display:flex; flex-wrap: wrap; } /* ------------- Media queries ------------- */ /* Small version */ @media (max-width: 767px) { #dozenten .item { background-color: #f2f2f2; padding-bottom: 10px; } .dozname { margin-top:20px; margin-bottom:10px; font-size: 1.6rem; color:#f48b00; font-weight: 700; } .dozname a { text-decoration: none; } #dozenten .dozimg { width:100%; max-width:100%; height: 200px; overflow: hidden; background-color: #ddd; margin-bottom: 10px; } #dozenten .fach { float:left; font-weight: 300; width: calc(95%); margin:5px; } #dozenten .actions { float:left; font-weight: 300; width: calc(95%); margin:5px 0 0 5px; } #dozenten .actions a{ color:#f48b00; text-decoration: none; } #detailansicht .dozimg { width:200px; max-width:50%; } #detailansicht .vorname { width:auto; height:auto; float:left; margin-right:10px; } #detailansicht .name { width:auto; height:auto; float:left; } #detailansicht .vorname h1, #detailansicht .name h1 { margin-bottom :0rem; } #detailansicht .fach { float:left; font-weight: 700; width: 100%; } #detailansicht .beschreibung { float:right; width: 100%; margin-top: 20px; } #detailansicht .youtube { float:right; width: 100%; margin-top: 20px; } #detailansicht .backlink { float:left; text-transform:uppercase; } #detailansicht .backlink a{ color:#f48b00; text-decoration: none; } .mod_portfolioreader .retour { display: none; } .mod_portfolioreader .retourmobile { float:left; text-transform:uppercase; margin-top: 20px; } .mod_portfolioreader .retourmobile a{ color:#f48b00; text-decoration: none; } .mod_portfolioreader .retourmobile a:hover{ color:#f48b00; text-decoration: underline; } } /* Tablet version */ @media (min-width: 768px) { #dozenten .item { background-color: #f2f2f2; padding-bottom: 10px; } #dozenten .dozimg { width:100%; max-width:100%; height: 200px; overflow: hidden; margin-bottom: 10px; background-color: #ddd; } .dozname { margin-top:20px; margin-bottom:10px; font-size: 1.6rem; color:#f48b00; font-weight: 700; } .dozname a { text-decoration: none; } #dozenten .fach { float:left; font-weight: 300; width: calc(95%); margin:5px; } #dozenten .actions { float:left; font-weight: 300; width: calc(95%); margin:5px 0 0 5px; } #dozenten .actions a{ color:#f48b00; text-decoration: none; } #detailansicht .dozimg { float:left; margin-right:5%; width:170px; max-width:100%; min-height: 150px; background-color: #ddd; } #detailansicht .dozimg ul{ margin-bottom: 0px; } #detailansicht .beschreibung { float:right; width: calc(95% - 170px); margin-top: 20px; } #detailansicht .youtube { float:right; width: calc(95% - 170px); margin-top: 20px; } #detailansicht .vorname { width:auto; height:auto; float:left; margin-right:10px; } #detailansicht .name { width:auto; height:auto; float:left; } #detailansicht .vorname h1, #detailansicht .name h1 { margin-bottom :0rem; } #detailansicht .fach { float:left; font-weight: 700; width: calc(95% - 170px); } .mod_portfolioreader .retourmobile { display: none; } .mod_portfolioreader .retour { float:left; text-transform:uppercase; margin-top: 20px; } .mod_portfolioreader .retour a{ color:#f48b00; text-decoration: none; } .mod_portfolioreader .retour a:hover{ color:#f48b00; text-decoration: underline; } } /* Desktop version */ @media (min-width: 1024px) { #dozenten .item { background-color: #f2f2f2; padding-bottom: 10px; } #dozenten .dozimg { width:100%; max-width:100%; height: 250px; overflow: hidden; background-color: #ddd; } .dozname { margin-top:20px; margin-bottom:10px; font-size: 1.6rem; color:#f48b00; font-weight: 700; } .dozname a { text-decoration: none; } #dozenten .fach { float:left; font-weight: 300; width: calc(95%); margin:5px; } #dozenten .actions { float:left; font-weight: 300; width: calc(95%); margin:5px 0 0 5px; } #dozenten .ce_metamodel_list { margin:0; padding:0; } #detailansicht .dozimg { float:left; margin-right:5%; width:200px; max-width:100%; min-height: 150px; background-color: #ddd; } #detailansicht .dozimg ul{ margin-bottom: 0px; } #detailansicht .beschreibung { float:right; width: calc(95% - 200px); margin-top: 20px; } #detailansicht .youtube { float:right; width: calc(95% - 200px); margin-top: 20px; } #detailansicht .vorname { width:auto; height:auto; float:left; margin-right:10px; } #detailansicht .name { width:auto; height:auto; float:left; } #detailansicht .vorname h1, #detailansicht .name h1 { margin-bottom :0rem; } #detailansicht .fach { float:left; font-weight: 700; width: calc(95% - 200px); } .mod_portfolioreader .retourmobile { display: none; } .mod_portfolioreader .retour { float:left; text-transform:uppercase; margin-top: 20px; } .mod_portfolioreader .retour a{ color:#f48b00; text-decoration: none; } .mod_portfolioreader .retour a:hover{ color:#f48b00; text-decoration: underline; } } html { font-size: 62.5%; } body { font-size: 1.5em; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } h1 { font-size: 3.8rem; line-height: 1.2; margin-top:1.5rem; margin-bottom: 1.9rem;} h2 { font-size: 3.8rem; line-height: 1.2; margin-top:1.5rem; margin-bottom: 1.9rem;} h3 { font-size: 2.6rem; line-height: 1.35; } h4 { font-size: 2.6rem; line-height: 1.35; } h5 { font-size: 1.6rem; line-height: 1.6; } h6 { font-size: 1.6rem; line-height: 1.6; } @media (max-width: 767px) { h1 { font-size: 3.5rem; } h2 { font-size: 3.5rem; } h3 { font-size: 2.4rem; } h4 { font-size: 2.4rem; } h5 { font-size: 1.6rem; } h6 { font-size: 1.6rem; } } .mod_newslist h2, .mod_eventlist h2, .mod_newslist h2 a, .mod_eventlist h2 a { font-size: 1.8rem; font-weight: 700; color: #f48b00; text-decoration:none; margin:0px; } aside p { font-size: 80%; } aside h1 { font-size:1.5em; } .subnav h1 { font-size:1.5em; color: #fff; background-color: #49413b; margin: 0px -10px 10px -10px; padding: 10px; } #footer h1 { font-size: 3rem; } #footer h2 { font-size: 2.5rem; } #footer h3 { font-size: 3rem; } #footer p { font-size: 1.3rem; line-height: 1.8rem; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { margin-top: 0; } a { text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } a:focus, a:active { outline:none; } figcaption { font-size:1.2rem; display: block; margin-bottom: 1em; padding-top: 0.5em; padding-bottom: 0.5em; } .subheadline {font-size: 2rem;} blockquote, q { border-left: 4px solid; padding-left: 1rem; } hr { margin-top: 3rem; margin-bottom: 3.5rem; } .mod_article .ce_text.intro { padding-bottom:3em; } .mod_breadcrumb ul { padding:0; font-size: 1.1rem; list-style-type:none; } .mod_breadcrumb li { float:left; padding-right: .5em; } .mod_breadcrumb li:after { content: '\e918'; font-family: icons; padding-left: 0.3em; } .mod_breadcrumb .last:after { display:none; } .mod_breadcrumb .first { padding-left:0; } .mod_breadcrumb .active { font-weight:bold; background: none; } body[class^="icon-"]:before, body[class*="icon-"]:before, .mod_navigation li[class^="icon-"]:before, .mod_navigation li[class*="icon-"]:before, .mod_customnav li[class^="icon-"]:before, .mod_customnav li[class*="icon-"]:before{ display: none; } /* --------------- Cookiebar --------------- */ .cookiebar_simple, .cookiebar_default { color: #000; } .contao-cookiebar .cc-inner, .cookiebar_default p, .cookiebar_simple p{ color: #000; font-size: 1.5rem; } .cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-info, .cookiebar_simple .cc-cookies .cc-cookie p, .cookiebar_simple .cc-info > a{ font-size: 1.2rem; color: #000; } .cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info, .cookiebar_default .cc-cookies .cc-cookie p, .cookiebar_default .cc-info > a{ font-size: 1.2rem; color: #000; } .contao-cookiebar .cc-btn, .contao-cookiebar .cc-btn.success { background: #ececec; color: #444; border: 1px solid #cfcfcf; } .contao-cookiebar .cc-btn.success:hover { background: #ececec; color: #444; border: 1px solid #cfcfcf; } /* --------------- Lists and tables --------------- */ .ce_table ul, .ce_list ul, .ce_text ul, .ce_metamodel_list .beschreibung ul { list-style: circle inside; list-style-position: outside; margin-left: 1em; padding-left: 0; margin-top: 0; } .ce_table ol, .ce_list ol, .ce_text ol, .ce_metamodel_list .beschreibung ol { list-style: decimal inside; list-style-position: outside; margin-left: 1em; padding-left: 0; margin-top: 0; } .ce_table ul ul, .ce_list ul ul, .ce_text ul ul, .ce_metamodel_list .beschreibung ul ul, .ce_table ul ol, .ce_list ul ol, .ce_text ul ol, .ce_metamodel_list .beschreibung ul ol, .ce_table ol ol, .ce_list ol ol, .ce_text ol ol, .ce_metamodel_list .beschreibung ol ol, .ce_table ol ul, .ce_list ol ul, .ce_text ol ul, .ce_metamodel_list .beschreibung ol ul { margin: 1.5rem 0 1.5rem 3rem; } .ce_table li, .ce_list li, .ce_text li { margin-bottom: 1rem; } [class*="ce_"] table, .mod_calendar table { width:100%; } [class*="ce_"] th, .mod_calendar th, [class*="ce_"] td, .mod_calendar td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; } [class*="ce_"] th:first-child, .mod_calendar th:first-child, [class*="ce_"] td:first-child, .mod_calendar td:first-child { padding-left: 0; } [class*="ce_"] th:last-child, .mod_calendar th:last-child, [class*="ce_"] td:last-child, .mod_calendar td_last-child { padding-right: 0; } .tableform table label { padding-right:2em; } .mod_calendar thead .label { width: 14.28%; } .mod_calendar .event.upcoming { font-size: 80%; } td.weekend.empty { background:transparent; } /* ------------------ Header image styling ----------------- */ .header-image h1 { font-size: 5.0rem; line-height: 1.2;} .header-image h2 { font-size: 4.6rem; line-height: 1.25;} .header-image h3 { font-size: 4.0rem; line-height: 1.3;} .header-image h4 { font-size: 3.4rem; line-height: 1.35;} .header-image h5 { font-size: 2.8rem; line-height: 1.5;} .header-image h6 { font-size: 2.5rem; line-height: 1.6;} .header-image p {font-size:1.8rem;} @media (max-width: 767px) { .header-image h1, .hero h1 { font-size: 2rem; margin-bottom: 1rem; margin-top: 0; line-height:1;} .header-image h2, .hero h2 { font-size: 1.5rem; margin-bottom: .5rem;} .header-image p, .header-image a { font-size: 1.1rem; } } .image_container.float_left { margin-right:3em;} .image_container.float_right { margin-left:3em;} .image_container a:after { content: '\e907'; font-family: icons; padding: .3em .7em; position: absolute; top:0; right:0; z-index:1; opacity: .4; } /* --------------- Forms -------------- */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input[type="submit"], textarea, select { height: 38px; width: 100%; padding: 6px 10px; background-color: rgb(66, 87, 134); background-color: rgba(66, 87, 134, 0.2); border: 1px solid transparent; border-bottom: 1px solid #000; box-shadow: none; box-sizing: border-box; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; behavior: url('../../assets/css3pie/1.0.0/PIE.htc'); } input[type="text"].captcha { display: inline-block; width: 4em; } .light input[type="email"], .light input[type="number"], .light input[type="search"], .light input[type="text"], .light input[type="tel"], .light input[type="url"], .light input[type="password"], .light textarea, .light select { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.03); border: 1px solid transparent; border-bottom: 1px solid #fff; color: #fff; } textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { background-color: #fff; } label, legend { display: block; margin-bottom: .5rem; font-weight: 700; } .radio_container label, .checkbox_container label { display: inline-block; } fieldset { padding: 0; border-width: 0; } input[type="checkbox"], input[type="radio"] { display: inline; } label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } label.block { width:100%; } .widget.block select { width: 100%; } select { border-bottom-left-radius: 0px;} p.error { color: #ff0000; } .ce_comments input[type="email"], .ce_comments input[type="number"], .ce_comments input[type="search"], .ce_comments input[type="text"], .ce_comments input[type="tel"], .ce_comments input[type="url"], .ce_comments input[type="password"], .ce_comments textarea, .ce_comments select { width:auto; } .ce_comments label { display: inline; } .comment_default { border: 1px solid #dedede; padding: 1em; margin-bottom: 1em; } .comment_default .reply { padding-left:2em; } .comment_default .reply p.info { font-weight: bold; } span.mandatory { display: inline; } /* ------------- Buttons and input submit -------------- */ input, textarea, select, fieldset { margin-bottom: 1.5rem; } input[type="submit"] { display: inline-block; height: 38px; padding: 0 30px; text-align: center; font-size: 1.5rem; font-weight: 300; line-height: 38px; text-decoration: none; white-space: nowrap; background-color: transparent; border: 1px solid #3c3c3b; color: #3c3c3b; cursor: pointer; box-sizing: border-box; } input[type="submit"]:hover, input[type="submit"]:focus { color: #3c3c3b; border-color: #eee; outline: 0; } .light input[type="submit"] { color: #fff; border-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .light input[type="submit"]:hover { color: #3c3c3b; border-color: #eee; } *[class*="btn"] a, a.btn, a.btn-large, a.btn-small { display: inline-block; border: 1px solid #425786; color: #425786; text-decoration:none; padding:.5em .8em; border-radius: 3px; margin-bottom: .5em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } *[class*="btn"] a:hover, a.btn:hover, a.btn-large:hover, a.btn-small:hover { border-color: #0FA0CE; } *[class*="btn"].invert a, a.btn.invert, a.btn-small.invert, a.btn-large.invert { background-color: #425786; color: #fff; } *[class*="btn"].invert a:hover, a.btn.invert:hover, a.btn-small.invert:hover, a.btn-large.invert:hover { background-color: #0FA0CE; } .btn-small a, a.btn-small { padding: .4em 1em; font-size: 80%; } .btn-large a, a.btn-large { padding: 1em 2em; font-size: 110%; } .light *[class*="btn"] a, a.btn, a.btn-large, a.btn-small { border: 1px solid #fff; color: #fff; } /* -------------- Useful helper classes. Extend as needed. ---------------- */ .space-top10 { margin-top:10px; } .space-top20 { margin-top:20px; } .space-top30 { margin-top:30px; } .space-top40 { margin-top:40px; } .space-top50 { margin-top:50px; } .space-bottom10 { margin-bottom:10px; } .space-bottom20 { margin-bottom:20px; } .space-bottom30 { margin-bottom:30px; } .space-bottom40 { margin-bottom:40px; } .space-bottom50 { margin-bottom:50px; } .mod_article.space-top10, .mod_article.space-top20, .mod_article.space-top30, .mod_article.space-top40, .mod_article.space-top50, .mod_article.space-bottom10, .mod_article.space-bottom20, .mod_article.space-bottom30, .mod_article.space-bottom40, .mod_article.space-bottom50 { margin-top:0; margin-bottom: 0; } .mod_article.space-top10 .inside::before {content: ' '; display:block; height: 10px; } .mod_article.space-top20 .inside::before {content: ' '; display:block; height: 20px; } .mod_article.space-top30 .inside::before {content: ' '; display:block; height: 30px; } .mod_article.space-top40 .inside::before {content: ' '; display:block; height: 40px; } .mod_article.space-top50 .inside::before {content: ' '; display:block; height: 50px; } .mod_article.space-bottom10 .inside::after {content: ' '; display:block; height: 10px; clear:both;} .mod_article.space-bottom20 .inside::after {content: ' '; display:block; height: 20px; clear:both;} .mod_article.space-bottom30 .inside::after {content: ' '; display:block; height: 30px; clear:both;} .mod_article.space-bottom40 .inside::after {content: ' '; display:block; height: 40px; clear:both;} .mod_article.space-bottom50 .inside::after {content: ' '; display:block; height: 50px; clear:both;} [class*="ce_"].box, [class*="mod_"].box { padding: 1em 1em 0 1em; margin-bottom: .5em; border: 1px solid #dedede; } .infobox { background-color: #dedede; padding: 1em 1em 0 1em !important; margin-bottom: 1rem; } .infobox:before { content: '\e822'; font-family: icons; padding: 0 .8em 0em 0; font-size: 2em; float:left; } .infobox.success { background-color: #8DCC33; } .success:before { content: '\e8ca'; } .infobox.warning { background-color: #CC3333; color: #fff; } .warning:before { content: '\e840'; } .feature-item { text-align: center; } .feature-item:before { font-size: 6em; opacity: .5; padding-bottom: 1rem; /*text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7); behavior: url('../../assets/css3pie/1.0.0/PIE.htc');*/ } /* -------------- Misc ------------------ */ .subnav li { padding-bottom: .5em; } /* ------- .mod_eventlist .header { margin-top: 2rem; } .mod_eventlist .event { margin-bottom: 1rem; } ------- */ .accordion > div { padding: 1rem; } .toggler { position: relative; padding: 6px 10px; border-bottom: 1px solid; font-weight: bold; cursor: pointer; color: #49413b; } .toggler:focus { outline:none; color: #f48b00; } .toggler:before { display: inline-block; width:1.5rem; font-family: icons; content: '\e81d'; padding-right: 2em; } .toggler.ui-state-active:before { font-family: icons; content: '\e81f'; padding-right: 2em; color: #f48b00; } .link-print::before, .link-pdf::before, .link-fb::before, .link-twitter::before, .link-google::before { height: 1.5rem; width: 1.5rem; font-family: icons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5rem; line-height: 1.5rem; padding:.5em; background-color: #dedede; display: inline-block; border-radius:50%; margin: .2em; color: #000; opacity: .7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .link-print:hover::before, .link-pdf:hover::before, .link-fb:hover::before, .link-twitter:hover::before, .link-google:hover::before { color: #fff; background-color: #999; } .link-print::before { content: '\e8d7'; } .link-pdf::before { content: '\e8cc'; } .link-fb::before { content: '\f09a'; } .link-twitter::before { content: '\f099'; } .link-google::before { content: '\f30f'; } p.info { margin-bottom: 6px; } #eventreader p.info { margin-bottom: 0px; font-size: 2.6rem; } #eventreader p.location { float: left; width: 100%; font-weight: 700; } .mod_eventlist .header { margin-bottom: 6px; } #news-und-termine { color: #fff; } #news-und-termine .more a { color: #fff; text-decoration: none; } #events .events_alle .date { font-weight: 700; } #eventreader .event { border-bottom: 1px solid #f48b00; margin-bottom: 6px; } #eventreader .back a { color: #f48b00; text-decoration: none; } #eventreader .back a:hover { color: #f48b00; text-decoration: underline; } .invis { height: 1px; left: -999px; position: absolute; top: -999px; visibility: hidden; width: 1px; } .nav-side { background: #56cee8; color: #fff; top: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); height: 3rem; left: 10px; overflow: hidden; padding: 8px 0; position: fixed; transition: all .3s; width: 4.5rem; z-index: 999; behavior: url('assets/css3pie/1.0.0/PIE.htc'); } .nav-side li { margin-bottom: 0; } #mobile-menu .level_1, #mobile-menu .level_2, #mobile-menu .level_3 { height: 0%; list-style: none; margin: 0; overflow: hidden; transition: all .3s; } #mobile-menu ul li ul { padding-left: 2em; } #mobile-menu a, #mobile-menu span.active { border-bottom: 1px solid #eee; color: #fff; display: block; padding: .4rem .5rem; text-decoration: none; } #mobile-menu a:hover, #mobile-menu li.active { background: rgba(0, 0, 0, 0.5); } .btn-label { cursor: pointer; display: block; height:3rem; width: 4.5rem; position: absolute; top: 0; left: 0; } .btn-label .top { height: 3px; background-color: #fff; position: absolute; top: 40%; left: 20%; right: 20%; } .btn-label .middle { height: 3px; background-color: #fff; position: absolute; top: 70%; left: 20%; right: 20%; } .btn-label .bottom { height: 3px; background-color: #fff; position: absolute; top: 100%; left: 20%; right: 20%; } .btn-label .label { text-align: center; position: absolute; bottom: 2px; left: 0; right: 0; font-size: 12px; } #nav-expand:checked + .nav-side .btn-label { display: none; } .close { cursor: pointer; text-align: right; padding-right: 15px; line-height: 30px; font-size: 30px; cursor: pointer; display: none; height: 40px; border-bottom: 1px solid #fff; } #nav-expand:checked + .nav-side .close { display: block; } #nav-expand:checked + .nav-side { height: 100%; left: 0; width: 96%; margin: 0 2% 0 2%; padding-left:10px; } #nav-expand:checked + .nav-side > ul { height: 80%; overflow: scroll; } /* Fix for older Browsers. Replace the %-values with your own values. This setting assumes: Only side column left: #left: 20% – #main: 80% Only side column right: #right: 20% – #main: 80% Side columns left and right: #left/#right: 20% each – #main: 60% */ @media (min-width: 1024px) { .add-left #left { width:20%; left: -80%; } .add-left.add-right #left { width:20%; left: -60%; } .add-right #right { width:20%; } .add-left #main { width: 80%; left: 20%; } .add-right #main { width: 80%; } .add-left.add-right #main { width: 60%; left: 20%; } } .headroom { transition: transform .25s ease-in-out; will-change: transform; } .headroom--pinned { -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } .headroom--unpinned { -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(-110%); } @media only screen and ( max-width: 62.5em ) { #nav { width: 100%; position: absolute; margin: 0; } } /* Mainmenu //////////////////////////////////////////////////////////////////// */ #nav { width: calc(100% - 225px); position:relative; float:right; display:block; padding-right:0; padding-top: 30px; overflow:visible !important; z-index: 40; background-color: #fff; border-top:10px solid #f48b00; } #nav ul { position:relative; display:block; margin:0; padding:0; list-style-type:none; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #nav ul.level_1 { width:auto; position:relative; float:right; display:block; margin:0; padding:0; } #nav ul.level_1 li { position:relative; float:left; display:block; } #nav ul.level_1 li a, #nav ul.level_1 li strong.active, #nav ul.level_1 li strong.forward { position:relative; display:inline-block; margin: 0 10px 0 0; white-space:nowrap; font-family:Open Sans; font-size:15px; text-decoration:none; color:#49413b; text-transform:uppercase; font-weight: normal; } #nav ul.level_1 li a:hover, { color:#49413b; border-bottom:5px solid #f48b00; } #nav ul.level_1 li a:hover, #nav ul.level_1 li strong.active, #nav ul.level_1 li.submenu:hover > a, #nav ul.level_1 li a.trail, #nav ul.level_1 li strong.forward { color:#f48b00; border-bottom:5px solid #f48b00; font-weight: normal; } #nav ul.level_1 li > ul { position:absolute; z-index:999; } #nav ul.level_1 li > ul { visibility: hidden; opacity: 0; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .2s, 0s; -moz-transition-duration: .2s, 0s; -o-transition-duration: .2s, 0s; transition-duration: .2s, 0s; -webkit-transition-delay: 0s, .2s; -moz-transition-delay: 0s, .2s; -o-transition-delay: 0s, .2s; transition-delay: 0s, .2s; } #nav ul li:hover > ul { opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } #nav ul.level_2 { width:auto; min-width:100px; top:24px; margin-left:0px; margin-top:0px; padding-bottom:5px; background-color:#fff; border-top:5px solid #f48b00; } #nav ul.level_2 li { width:100%; position:relative; float:none; display:inline-block; margin:0; padding:0; background-color:#fff; } #nav ul.level_2 li a, #nav ul.level_2 li strong.active, #nav ul.level_2 li strong.forward { position:relative; float:none; display:block; font-size:14px; padding-top:10px; padding-right:20px; padding-left:10px; white-space:nowrap; color:#49413b; font-weight: normal; } #nav ul.level_2 li a:hover, #nav ul.level_2 li strong.active, #nav ul.level_2 li a.trail, #nav ul.level_2 li.submenu:hover > a, #nav ul.level_2 li strong.forward { border-bottom:0px; color:#f48b00; font-weight: normal; } #nav ul.level_2 li > ul { width:auto; min-width:150px; left:0; top:0; margin-left:100%; } @media (min-width: 1025px){ /* Settings_Desktop.css */ .bg_multicolor{color:#fff;background: rgba(0,105,137,1);background: -moz-linear-gradient(left, rgba(0,105,137,1) 0%, rgba(0,105,137,1) 50%, rgba(73,65,59,1) 50%, rgba(73,65,59,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,105,137,1)), color-stop(50%, rgba(0,105,137,1)), color-stop(50%, rgba(73,65,59,1)), color-stop(100%, rgba(73,65,59,1)));background: -webkit-linear-gradient(left, rgba(0,105,137,1) 0%, rgba(0,105,137,1) 50%, rgba(73,65,59,1) 50%, rgba(73,65,59,1) 100%);background: -o-linear-gradient(left, rgba(0,105,137,1) 0%, rgba(0,105,137,1) 50%, rgba(73,65,59,1) 50%, rgba(73,65,59,1) 100%);background: -ms-linear-gradient(left, rgba(0,105,137,1) 0%, rgba(0,105,137,1) 50%, rgba(73,65,59,1) 50%, rgba(73,65,59,1) 100%);background: linear-gradient(to right, rgba(0,105,137,1) 0%, rgba(0,105,137,1) 50%, rgba(73,65,59,1) 50%, rgba(73,65,59,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006989', endColorstr='#49413b', GradientType=1 )}#header-bar{margin-top:-10px}.mod_rocksolid_slider{padding-right:0;padding-left:0}.header-image .rsts-view{max-height:250px;overflow:hidden;margin-top:80px;padding-right:1%;padding-left:1%}/* Sets the width of content area for full-width layout */ .full-width #main *[class*="mod_"] .inside,.full-width #footer .inside{max-width:1120px}.boxed #wrapper{max-width:1125px}.boxed #header-bar{max-width:1125px}#header-bar .inside{max-width:1100px}.has-columns #container{max-width:1125px}.add-left #left{width:25%;left: calc(-100% + 25%)}.add-left.add-right #left{width:25%;left: calc(-100% + 25% + 25%)}.add-right #right{width:25%;padding-right:20px;padding-left:10px}.add-left #main{left:25%;width: calc(100% - 25%)}.add-right #main{width: calc(100% - 25%)}.add-left.add-right #main{left:25%;width: calc(100% - 25% - 25%)}.hero .inside{max-width:1125px}body{font-size:1.5em}#footer .logo_unboxed{display:none} } @media (min-width: 769px) and (max-width: 1024px){ /* Settings_Tablet.css */ .bg_multicolor{color:#fff;background: rgba(0,105,137,1);background: -moz-linear-gradient(left, rgba(0,105,137,1) 0%, rgba(0,105,137,1) 50%, rgba(73,65,59,1) 50%, rgba(73,65,59,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,105,137,1)), color-stop(50%, rgba(0,105,137,1)), color-stop(50%, rgba(73,65,59,1)), color-stop(100%, rgba(73,65,59,1)));background: -webkit-linear-gradient(left, rgba(0,105,137,1) 0%, rgba(0,105,137,1) 50%, rgba(73,65,59,1) 50%, rgba(73,65,59,1) 100%);background: -o-linear-gradient(left, rgba(0,105,137,1) 0%, rgba(0,105,137,1) 50%, rgba(73,65,59,1) 50%, rgba(73,65,59,1) 100%);background: -ms-linear-gradient(left, rgba(0,105,137,1) 0%, rgba(0,105,137,1) 50%, rgba(73,65,59,1) 50%, rgba(73,65,59,1) 100%);background: linear-gradient(to right, rgba(0,105,137,1) 0%, rgba(0,105,137,1) 50%, rgba(73,65,59,1) 50%, rgba(73,65,59,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006989', endColorstr='#49413b', GradientType=1 )}/* Sets the width of content area for full-width layout */ .full-width #main div[class*="mod_"] .inside,.full-width #footer .inside{width:100%}.header-image.mod_article{max-height:250px;overflow:hidden;margin-top:10px;padding-right:1%;padding-left:1%}.header-image .rsts-view{max-height:250px;overflow:hidden;margin-top:10px}.boxed #wrapper{max-width:960px}.boxed #header-bar{max-width:960px}.boxed #header-bar .inside{max-width:960px}.add-left.add-right #left,.add-left.add-right #right{width:50%}body{font-size:1.6em}#container{padding:0}#footer{position:relative;margin:0;padding:0}#footer .logo_unboxed{display:none} } @media (max-width: 768px){ /* Settings_small.css */ .bg_multicolor{color:#fff}.header-image.mod_article{max-height:250px;overflow:hidden;margin-top:10px;padding-right:1%;padding-left:1%}.header-image.mod_pageImage{max-height:250px;overflow:hidden;margin-top:10px;padding-right:1%;padding-left:1%}.mod_newslist{padding-top:10px;padding-bottom:10px;background-color:#006889;border-bottom:10px solid #fff}.mod_eventlist{margin-bottom:10px;padding-top:10px;padding-bottom:10px;background-color:#49413b}.events_alle{background-color:#fff}body.boxed{background-image:none}#footer .logo_boxed{display:none}#footer .logo_unboxed img{max-width:250px} } /* Basic_settings.css */ .widget.widget-text.mandatory.error,.widget.widget-fineuploader.mandatory.error{padding:10px;background-color:#e8d4ca}.success::before{content: ''}body{background-color:#fff;font-family:Open Sans;color:#3c3c3b}body.boxed{background:-moz-linear-gradient(75deg,#C1CEDC,#475B72);background:-webkit-linear-gradient(75deg,#C1CEDC,#475B72);background:-o-linear-gradient(75deg,#C1CEDC,#475B72);background:-ms-linear-gradient(75deg,#C1CEDC,#475B72);background:linear-gradient(15deg,#C1CEDC,#475B72);-pie-background:linear-gradient(75deg,#C1CEDC,#475B72);behavior:url('assets/css3pie/1.0.0/PIE.htc');background-attachment:fixed}#header{}#container{background-color:#fff}#footer{background-color:#49413b;color:#fff}#logo{width:225px}.nav-side{background-color:#49413b}a{text-decoration:underline;color:#f48b00}a:hover{text-decoration:none}p.info,p.time{}h1{font-family:Open Sans;color:#f48b00;text-transform:uppercase;font-weight: 300}h2{font-family:Open Sans;color:#006889;text-transform:uppercase;font-weight: 300}h3{font-family:Open Sans;color:#f48b00;text-transform:uppercase;font-weight: 300}h4{font-family:Open Sans;color:#006889;text-transform:uppercase;font-weight: 300}h5{font-family:Open Sans;color:#f48b00;text-transform:uppercase;font-weight: 700}h6{font-family:Open Sans;color:#006889;text-transform:uppercase;font-weight: 700}blockquote,q{color:#475B72}*::selection{background-color:#eee}mark{padding:2px;background-color:#8AA2BE;border-radius:3px;behavior:url('assets/css3pie/1.0.0/PIE.htc')}.light{color:#fff;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4)}.box{border-color:#475B72}.infobox{background-color:#BE9751}.mod_article .ce_text.intro{font-weight:normal;font:2.5rem "Rajdhani", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif}td.weekend{background-color:#C1CEDC}*[class*="btn"] a,a.btn,a.btn-large,a.btn-small,input[type="submit"]{border-color:#3c3c3b;color:#3c3c3b}*[class*="btn"] a:hover,a.btn:hover,a.btn-large:hover,a.btn-small:hover,input[type="submit"]:hover{border-color:#9c9c9b;color:#7c7c7b}*[class*="btn"].invert a,a.btn.invert,a.btn-small.invert,a.btn-large.invert{background-color:#475B72;color:#fff}*[class*="btn"].invert a:hover,a.btn.invert:hover,a.btn-small.invert:hover,a.btn-large.invert:hover{background-color:#648EBE}.light *[class*="btn"] a,.light a.btn,.light a.btn-large,.light a.btn-small,.light input[type="submit"]{border-color:#fff;color:#fff}.mejs-container{width:100%;height:30px}.light *[class*="btn"] a:hover,a.btn:hover,a.btn-large:hover,a.btn-small:hover,.light input[type="submit"]:hover{border-color:#648EBE;color:#648EBE}.color-1{background-color:#475B72}.color-2{background-color:#8AA2BE}.color-3{background-color:#648EBE}.color-4{background-color:#726347}.color-5{background-color:#BE9751}.color-6{background-color:#DA5700}.color-7{background-color:#C1CEDC}.color-8{background-color:#648EBE}.color-9{background-color:#fff}figcaption{border-color:#8AA2BE;color:#BE9751}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{border-top:0px solid #3c3c3b;color:#3c3c3b;background-color:#eeeeee;border-right:0px solid #eeeeee;border-bottom:1px solid #3c3c3b;border-left:0px solid #3c3c3b}.style-1{background-color:#726347;color:#fff}.style-2{background-color:#C1CEDC;color:#648EBE}.style-3{background-color:#DA5700;color:#fff}.overlay-1:before{background-color:rgba(475B72,.9);background: -moz-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%);/* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(71,91,114,0.5)), color-stop(75%, rgba(71,91,114,1)), color-stop(100%, rgba(71,91,114,1)));/* safari4+,chrome */ background: -webkit-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%);/* safari5.1+,chrome10+ */ background: -o-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%);/* opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%);/* ie10+ */ background: linear-gradient(180deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%);/* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475B72', endColorstr='#475B72',GradientType=0 );/* ie6-9 */}.overlay-2:before{background-color:rgba(8AA2BE,.9)}.overlay-3:before{background-color:rgba(648EBE,.9)}.overlay-4:before{background-color:rgba(726347,.9)}.overlay-5:before{background-color:rgba(BE9751,.9)} /* extra_Styles.css */ .faecher thead th{text-align:center}.faecher td{text-align:center}.faecher th,.faecher td{width:25%}.colorbox_fieldset{padding:10px;background-color:#f9f9f9}.colorbox_hellgrau{background-color:#eee}.colorbox_grau{background-color:#49413b;color:#fff}.colorbox_orange{background-color:#f28b00;color:#fff}.colorbox_hellorange{background-color:rgba(242,139,0,.1)}.colorbox_blau{background-color:#006889;color:#fff}.colorbox_hellblau{background-color:rgba(0,104,137,.1)}.colorbox_orange a,.colorbox_grau a,.colorbox_blau a{color:#fff}.colorbox_orange h1,.colorbox_orange h3,.colorbox_orange h5{color:#fff}.colorbox_orange h2,.colorbox_orange h4,.colorbox_orange h4{color:#fff}.bg_hellgrau{background-color:#eee}.bg_grau{background-color:#49413b;color:#fff}.bg_orange{background-color:#f28b00;color:#fff}.bg_blau{background-color:#006889;color:#fff}.bg_orange h1,.bg_orange h3,.bg_orange h5{color:#fff}.bg_blau h2,.bg_blau h4,.bg_blau h6{color:#fff}.bg_orange a,.bg_orange a,.bg_blau a{color:#fff}.unten_aussen_60{margin-bottom:60px}.unten_aussen_40{margin-bottom:40px}.unten_aussen_20{margin-bottom:20px}.oben_aussen_40{margin-top:40px}.oben_aussen_60{margin-top:60px}.oben_aussen_20{margin-top:20px}.oben20{padding-top:20px}.oben40{padding-top:40px}.oben60{padding-top:60px}.unten20{padding-bottom:20px}.unten40{padding-bottom:40px}.unten60{padding-bottom:60px}.mod_mae_event_filter ul{list-style-type: none !important;padding-left: 0px !important}.mod_mae_event_filter li{display:inline-block;padding:0 10px}.mod_mae_event_filter .active{background-color:#ddd} /* subnav-1.css */ #right .mod_navigation{background-color:#f48b00;border-bottom:5px solid #49413b}#right .mod_navigation li{font-family:Open Sans;list-style-type:none}#right .mod_navigation li a,#right .mod_navigation li span{display:block;border-top:1;text-decoration:none;color:#fff}#right .mod_navigation li a:hover,#right .mod_navigation li a:focus{text-decoration:none;color:#49413b}#right .mod_navigation li strong.active,#right .mod_navigation li .trail{text-decoration:none;color:#49413b;font-weight: normal}#right .mod_navigation .level_2{margin:0 0 0 10px;padding:0}#right .mod_navigation li li a,#right .mod_navigation li li strong{display:block;padding:3px 10px;background-position:left center;background-repeat:no-repeat;text-decoration:none;color:#7c7c7c;font-weight: normal}#right .mod_navigation li li a:hover,#right .mod_navigation li li a:focus{text-decoration:none;color:#3c3c3b}#right .mod_navigation li li strong.active,#right .mod_navigation li li .trail{text-decoration:none;color:#3c3c3b;font-weight: normal}#right .mod_navigation li li .last,#right .mod_navigation li li .last{display:block}