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%} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .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} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 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-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-regular.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/kulturenmuehle/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/kulturenmuehle/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } html{ padding: 0; margin:0; } body { margin:0; font-family:Open Sans,sans-serif; font-size: 14px; font-weight: 400; color: #373837; line-height:22px; } #wrapper { margin: 0 auto; max-width: 1040px; } @media (max-width:1070px) { #main { margin: 0 20px 0 20px; } } .rs-column { margin-right: 5%; } #right { padding-left: 20px; } @media (max-width:1070px) { #right { padding-left:0; width:260px; } } @media (max-width:761px) { #right { padding-left:20px; width:90%; } } /* #main .ce_text { padding-left:20px; padding-right:20px; } /////////////////////////////////////////////////////// HEADER BILD/TEXT ///////////////////////////////////////////////// */ .logo { max-width: 1040px; margin: 0 auto; padding: 40px 0 20px 0; height: 150px; } .logo div { width: 250px; float: right; } @media (max-width:1024px) { .logo { max-width: 100%; margin: 0 30px 0 0; padding: 26px 0 0 0; } } @media (max-width:991px) { .logo { position: absolute; top: 20px; right:40px; padding: 0; margin:0; } } @media (max-width:560px) { .logo div { width: 260px; padding: 20px 0 0 0; } .logo { right:20px; } } @media (max-width:360px) { .logo { right:20px; } } .clear { clear: both; } /* /////////////////////////////////////////////////////// ALLGEMEIN ///////////////////////////////////////////////// */ h1 { text-transform: uppercase; font-size: 24px; margin: 40px 0 20px 0; font-weight: 400; line-height: 30px; } h2, h3 { text-transform: none; font-size: 14px; font-weight: 600; line-height: 22px; margin-bottom: 0; margin-top: 15px; } h3 {margin: 0;} .float_left { margin-right: 20px; } .grün h1, .grün h2, #aktuelles-details h1, #aktuelles h1 { color: #458d23; } .space-bottom {padding-bottom: 30px;} #aktuelles h2 a { color: #373837; padding-left: 25px; background: url(/files/kulturenmuehle/icons/news-grau.svg) no-repeat; } #aktuelles h2 a:hover { color: #458d23; background: url(/files/kulturenmuehle/icons/news-gruen.svg) no-repeat; } #angebote h2 { margin: 20px 0 0 0; } #angebote h3 { background-image: url(/files/kulturenmuehle/icons/ensembles.svg); background-repeat: no-repeat; padding: 22px 69px; background-size: 60px; margin-top: 40px; } #angebote #neu h3 { margin-top: 20px; } #kooperationen h2 { background-image: url(/files/kulturenmuehle/icons/kooperationen.svg); background-repeat: no-repeat; padding: 22px 69px; background-size: 60px; margin-top: 40px; } #kulturenmuehle h2 { margin:0; } .pink h1, .pink h2{ color: #e2108c; } .blau h1, .blau h2{ color: #0095c6; } .violett h1, .violett h2{ color: #a84690; } .orange h1, .orange h2{ color: #f29100; } .lila h1, .lila h2{ color: #7b6ba9; } .rot h1, .rot h2{ color: #c42c2c; } a {color: #000; text-decoration: none; } #service a:hover, a:hover { text-decoration: none; transition: all 0.6s ease 0s; color: #0095c6; } strong { font-weight: 600; } #service a { font-weight: 600; color: #7b6ba9; } .image_container .caption { font-size: 11px; font-weight: 500; color: #373837; line-height: 14px; } .ce_text p {margin-top: 0;} table tr:nth-child(even) { background:#e1e1e1; } table tr:nth-child(odd) { background:#f1f1f1; } /* /////////////////////////////////////////////////////// Überschriften Projekte ///////////////////////////////////////////////// */ #projekte h2 { margin-top: 40px; margin-bottom: 0; background-image: url(/files/kulturenmuehle/icons/projekte.svg); background-repeat: no-repeat; padding: 22px 69px; background-size: 60px; } #projekte h3 { margin-top: 0; margin-bottom: 10px; } #aktuelles h2 { margin: 20px 0 0 0; } #aktuelles p.more { margin-top: 0; } #aktuelles .teaser p{ margin-top: 2px; margin-bottom:0; } .back { font-weight: 700; } /* /////////////////////////////////////////////////////// Bereich Archiv ///////////////////////////////////////////////// */ .archiv-buehne h2 { margin-top: 0; font-size: 16px; } .archiv-buehne p {margin-bottom: 0;} .archiv-buehne .ce_text {margin-top:8%;} /* /////////////////////////////////////////////////////// Dynamischer Header ///////////////////////////////////////////////// */ .dyn-header { background: none repeat scroll 0 0 rgba(238, 237, 231, 0.5); padding: 0; } .header-cont { z-index: 2; max-width: 1040px; margin: 0 auto; height: 300px; position: relative; padding: 0; } @media (max-width:1024px) { #header { height: 200px; }} @media (max-width:991px) { #header { height: 160px; }} .header-cont { max-width: auto; margin: 0; height: auto; min-height: 300px; } } @media (max-width:991px) { .header-cont { min-height: 290px; } } @media (max-width:600px) { .header-cont { min-height: 230px; } } @media (max-width:560px) { .header-cont { min-height: 190px; } } .header-cont.index, .header-cont.aktuelles-details, .header-cont.aktuelles { background:url("/files/kulturenmuehle/header/startseite-2x.jpg") no-repeat 0px 0px transparent; background-position:center left; background-size:cover; } .header-cont.ueber-uns { background:url("/files/kulturenmuehle/header/ueber-mich-2x.jpg") no-repeat 0px 0px transparent; background-position:center left; background-size:cover; } .header-cont.kulturenmuehle, .header-cont.konzept, .header-cont.geschichte-zur-kulturenmuehle, .header-cont.geschichte-des-theaterensembles-lichtblick, .header-cont.team, .header-cont.formen-der-beteiligung { background:url("/files/kulturenmuehle/header/kulturenmuehle-2x.jpg") no-repeat 0px 0px transparent; background-position:center left; background-size:cover; } .header-cont.buehne, .header-cont.projekte, .header-cont.kooperationen, .header-cont.archiv { background:url("/files/kulturenmuehle/header/buehne-2x.jpg") no-repeat 0px 0px transparent; background-position:center left; background-size:cover; } .header-cont.angebote, .header-cont.ensembles, .header-cont.workshops, .header-cont.einzelberatung, .header-cont.exklusiv-schulen, .header-cont.exklusiv-staedte, .header-cont.exklusiv-unternehmen { background:url("/files/kulturenmuehle/header/angebote-2x.jpg") no-repeat 0px 0px transparent; background-position:center left; background-size:cover; } .header-cont.service, .header-cont.voranmeldung, .header-cont.ticketbestellung, .header-cont.ticket-shop, .header-cont.danke-anmeldung, .header-cont.danke-ticketbestellung, .header-cont.anmeldung-ensemble{ background:url("/files/kulturenmuehle/header/service-2x.jpg") no-repeat 0px 0px transparent; background-position:center left; background-size:cover; } .header-cont.kontakt, .header-cont.danke-anfrage, .header-cont.impressum, .header-cont.datenschutz, .header-cont.datenschutzrichtlinien-social-media { background:url("/files/kulturenmuehle/header/kontakt-2x.jpg") no-repeat 0px 0px transparent; background-position:center left; background-size:cover; } @media (max-width:1024px) { .dyn-header { background: transparent; padding: 0; } .header-cont.index, .header-cont.aktuelles-details, .header-cont.aktuelles { background-size:contain; } .header-cont.kulturenmuehle, .header-cont.konzept, .header-cont.geschichte-zur-kulturenmuehle, .header-cont.geschichte-des-theaterensembles-lichtblick, .header-cont.team, .header-cont.formen-der-beteiligung { background-size:contain; } .header-cont.ueber-mich { background-size:contain; } .header-cont.buehne, .header-cont.projekte, .header-cont.kooperationen { background-size:contain; } .header-cont.angebote, .header-cont.ensembles, .header-cont.workshops, .header-cont.einzelberatung, .header-cont.exklusiv-schulen, .header-cont.exklusiv-staedte, .header-cont.exklusiv-unternehmen { background-size:contain; } .header-cont.service, .header-cont.danke-anmeldung { background-size:contain; } .header-cont.kontakt, .header-cont.danke-anfrage, .header-cont.impressum, .header-cont.datenschutz, .header-cont.datenschutzrichtlinien-social-media { background-size:contain; } } /* /////////////////////////////////////////////////////// Hauptnavigation ///////////////////////////////////////////////// */ nav.mod_navigation.mobile { display: none; } @media (max-width:991px) { .main-navigation { display: none; } } .main-navigation { margin: 0 auto; max-width: 1040px; padding: 0; text-align: left; z-index: 0; } .main-navigation ul { margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: space-around; } .main-navigation li { display: inline-block; padding: 0; margin: 0; border-bottom: 6px solid transparent; } @media (max-width:1024px) { .main-navigation ul { margin: 0 0 0 20px; } .main-navigation li { margin: 0 39px 0 10px; border-bottom: 6px solid transparent; } } .main-navigation ul li:last-child { margin: 0 0 0 10px; } .main-navigation ul li a { color: #1a1a1a; font-weight:400; display: block; text-decoration: none; z-index: 3; white-space: nowrap; transition: all 0.6s ease 0s; text-transform: uppercase; font-size: 16px; } .main-navigation ul li:hover, .main-navigation ul li:focus, .main-navigation ul li.active { transition: all 0.6s ease 0s; font-weight: 400; text-transform: uppercase; font-size: 16px; } .main-navigation ul li:nth-child(1):hover,.main-navigation ul li:nth-child(1):focus, .main-navigation ul li:nth-child(1).active, .main-navigation ul li:nth-child(1).trail { border-bottom: 6px solid #458d23; } .main-navigation ul li:nth-child(2):hover,.main-navigation ul li:nth-child(2):focus, .main-navigation ul li:nth-child(2).active, .main-navigation ul li:nth-child(2).trail { border-bottom: 6px solid #e2108c; } .main-navigation ul li:nth-child(3):hover,.main-navigation ul li:nth-child(3):focus, .main-navigation ul li:nth-child(3).active, .main-navigation ul li:nth-child(3).trail { border-bottom: 6px solid #0095c6; } .main-navigation ul li:nth-child(4):hover,.main-navigation ul li:nth-child(4):focus, .main-navigation ul li:nth-child(4).active, .main-navigation ul li:nth-child(4).trail { border-bottom: 6px solid #a84690; } .main-navigation ul li:nth-child(5):hover,.main-navigation ul li:nth-child(5):focus, .main-navigation ul li:nth-child(5).active, .main-navigation ul li:nth-child(5).trail { border-bottom: 6px solid #f29100; } .main-navigation ul li:nth-child(6):hover,.main-navigation ul li:nth-child(6):focus, .main-navigation ul li:nth-child(6).active, .main-navigation ul li:nth-child(6).trail { border-bottom: 6px solid #7b6ba9; } .main-navigation ul li:nth-child(7):hover,.main-navigation ul li:nth-child(6):focus, .main-navigation ul li:nth-child(7).active, .main-navigation ul li:nth-child(7).trail { border-bottom: 6px solid #c42c2c; } .main-navigation ul li a:hover { color: #111; } .main-navigation ul li ul.level_2 { box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); display: none; z-index: 450; margin: 0 0 0 0; padding: 0; position: absolute; min-width: 210px; transition: all 0.6s ease 0s; } .main-navigation ul li:nth-child(1) ul.level_2 { background: none repeat scroll 0 0 rgba(69, 141, 35, 0.85); } .main-navigation ul li:nth-child(2) ul.level_2 { background: none repeat scroll 0 0 rgba(0, 149, 198, 0.85); } .main-navigation ul li:nth-child(3) ul.level_2 { background: none repeat scroll 0 0 rgba(0, 149, 198, 0.85); } .main-navigation ul li:nth-child(4) ul.level_2 { background: none repeat scroll 0 0 rgba(168, 70, 144, 0.85); } .main-navigation ul li:nth-child(5) ul.level_2 { background: none repeat scroll 0 0 rgba(242, 145, 0, 0.85); } .main-navigation ul li:nth-child(6) ul.level_2 { background: none repeat scroll 0 0 rgba(123, 107, 169, 0.85); } .main-navigation ul li:nth-child(7) ul.level_2 { background: none repeat scroll 0 0 rgba(196, 44, 44, 0.85); } .main-navigation ul li ul.level_2 li { display: inline; padding:0; margin: 0; border-top: 1px solid #d1c8b9; } .main-navigation ul li ul.level_2 li:last-child { margin: 0; } .main-navigation ul li ul.level_2 a, .main-navigation ul li ul.level_2 li.active { border-top: 1px solid #eeede7; border-bottom:0; color: #eeede7; display: block; text-decoration: none; padding: 10px; white-space: nowrap; transition: all 0.4s ease 0s; font-size: 14px; } .main-navigation ul li ul.level_2 a:hover, .main-navigation ul li ul.level_2 a:focus, .main-navigation ul li ul.level_2 li.active { color: #1a1a1a; transition: all 0.4s ease 0s; background: #fff; } .main-navigation ul li ul.level_2 li:first-child > a, .main-navigation ul li ul.level_2 li:first-child > a.first{ border-top: 0 none; transition: all 0.4s ease 0s; } .main-navigation ul li ul.level_2 strong, .main-navigation ul li strong{ font-weight:400; transition: all 0.4s ease 0s; } .main-navigation ul li:hover ul.level_2 { display: block; transition: all 0.4s ease 0s; } @-o-keyframes hide_show { 0% {opacity:0; } 50% {opacity:0.5; } 100% {opacity:1; } } @-ms-keyframes hide_show { 0% {opacity:0; } 50% {opacity:0.5; } 100% {opacity:1; } } @-moz-keyframes hide_show { 0% {opacity:0; } 50% {opacity:0.5; } 100% {opacity:1; } } @-webkit-keyframes hide_show { 0% {opacity:0; } 50% {opacity:0.5; } 100% {opacity:1; } } @keyframes hide_show { 0% {opacity:0; } 50% {opacity:0.5; } 100% {opacity:1; } } .main-navigation.ani { -webkit-animation-delay: 8000ms; animation-delay:8000ms; animation: hide_show 2s; -o-animation: hide_show 2s; -ms-animation: hide_show 2s; -moz-animation: hide_show 2s; -webkit-animation: hide_show 2s; } /* /////////////////////////////////////////////////////// MOBILE MENU ///////////////////////////////////////////////// */ .hamburger { outline: 0 none; padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); background-color: #fff;} .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);background-color: #fff; } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);background-color: #fff; } .mobile_menu_trigger { padding:10px; width:60px; cursor: pointer; } .mobile_menu_trigger.active { background: #515552 } .mobile_menu { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 80%; z-index: 105; } ul.mobile { list-style-type: none; margin: 10px 5px 0 10px; padding: 0; height: 100%; overflow-y: scroll; } li.mobile { list-style-type: none; margin: 0; padding: 15px 10px; } li.mobile.linebottom { padding-bottom: 0; } li.mobile hr { margin-top: 15px; } .mobile li a, .mobile li span.active { color: #fff; font-size: 16px; text-decoration: none; } .mobile_menu .inner { background: #515552 none repeat scroll 0 0; } .mobile_menu_overlay { z-index:-1; } /* /////////////////////////////////////////////////////// Boxen ///////////////////////////////////////////////// .box-ensembles { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/icons/ensembles.svg") no-repeat scroll center top; } .box-kooperationen { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/icons/kooperationen.svg") no-repeat scroll center top; } .box-workshops { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/icons/workshops.svg") no-repeat scroll center top; } .box-projekte { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/icons/projekte.svg") no-repeat scroll center top; } .box-einzelberatung { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/icons/einzelberatung.svg") no-repeat scroll center top; } .box-spielplan { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/icons/spielplan.svg") no-repeat scroll center top; } */ @keyframes rotate { 0% { transform:rotate(0); } 100% { transform:rotate(360deg); } } .box figure img:hover { animation: rotate 0.6s ease-out; -o-animation: rotate 0.6s ease-out; -ms-animation: rotate 0.6s ease-out; -moz-animation: rotate 0.6s ease-out; -webkit-animation: rotate 0.6s ease-out; } .box { margin: 30px 0 30px; padding: 0 10px 10px 10px; } .box figure{ text-align: center; } .box h2 { text-transform: uppercase; font-size: 16px; margin: 0; font-weight: 500; } .box p { margin-top: 0; line-height: 18px; margin-top: 5px; font-size: 13px; } .box a { text-decoration: none; color:#000; } .box a:hover { text-decoration: none; transition: all 0.6s ease 0s; color: #0095c6; } /* /////////////////////////////////////////////////////// Startseite ///////////////////////////////////////////////// */ .ce_text.news-start { padding: 0 10px; margin: 20px 0; } .ce_text.news-start { border: 4px solid #a84690; } .ce_text.news-start h2 { color: #a84690; } .ce_text.tickets-start { padding: 0 10px; margin: 20px 0; } .ce_text.tickets-start { border: 4px solid #7b6ba9; } .ce_text.tickets-start h2 { color: #7b6ba9; } /* /////////////////////////////////////////////////////// Newslist ///////////////////////////////////////////////// */ .gruen .toggler { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/img/akkordion-gruen.png") no-repeat scroll left top; color: #458d23; } .pink .toggler { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/img/akkordion-pink.png") no-repeat scroll left top; color: #e2108c; } .blau .toggler { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/img/akkordion-blau.png") no-repeat scroll left top; color: #0095c6; } .violett .toggler { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/img/akkordion-violett.png") no-repeat scroll left top; color: #a84690; } .orange .toggler { background: rgba(0, 0, 0, 0) url("/files/kulturenmuehle/img/akkordion-orange.png") no-repeat scroll left top; color: #f29100; } .toggler { min-height: 40px; font-size: 16px; line-height: 20px; font-weight: 400; padding: 16px 0 0 0; outline: 0 none; } .toggler:hover { cursor: pointer; } .mod_newslist .layout_latest { margin-bottom: 25px; } .aktuelles-rechts { color: #458d23; text-transform: uppercase; font-size: 24px; margin: 40px 0 20px 0; font-weight: 500; } .mod_newslist h2, .mod_newslist .teaser p, .mod_newslist p.more { margin: 0; line-height: 18px; font-size: 13px; } .mod_newslist h2 a{ color: #458d23; text-transform: none; font-size: 15px; text-decoration: none; font-weight: 400; transition: all 0.6s ease 0s; } .mod_newslist h2 a:hover{ color: #0095c6; } .mod_newslist p.more a { text-decoration: none; font-weight: 600; } .mod_newslist p.info{ margin: 0; line-height: 20px; font-size: 11px; } /* /////////////////////////////////////////////////////// Colorbox / Galerie Lightbox ///////////////////////////////////////////////// */ #cboxCurrent { display: none !important; } /* /////////////////////////////////////////////////////// Colorbox / Galerie Lightbox ///////////////////////////////////////////////// */ @media (max-width:1070px) { .responsive { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top: 30px; } .responsive .mejs-video, .responsive .mejs-layer, .responsive video, .responsive object, .responsive embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } } /* /////////////////////////////////////////////////////// Galerie ///////////////////////////////////////////////// */ .ce_gallery { margin-bottom:15px; } /* /////////////////////////////////////////////////////// FORMULAR ///////////////////////////////////////////////// .kontaktformular { width: 90%; } 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 { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 1px 1px #eee inset; box-sizing: border-box; display: inline-block; padding: 3px 6px; transition: all 0.15s linear 0s; width: 100%; } .kontaktformular .checkbox_container span label{ width: 100%; margin-right: 15px; } select { font-family: Open Sans,sans-serif; font-size: 14px; font-weight: 400; color: #515552; line-height: 22px; } fieldset { padding: 0; border: 0; margin: 15px 0 15px 0; } .checkbox { margin-left: 0; } .widget { margin: 15px 0 15px 0; } .submit { padding: 10px; background: #515552; color: #fff; border: 0; width: 98%; margin-bottom: 20px; font-size: 20px; transition: all 0.6s ease 0s; } .submit:hover { background: #1a1a1a; cursor: pointer; } .error { color: #b41717; } */ /* /////////////////////////////////////////////////////// Anmeldeformular/////////////////////////////////////////////////////// */ .widget{ box-sizing: border-box;} .formbody { width: 600px; } 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:99%; display: inline-block; padding: 4px 6px; margin-bottom: 15px; } input.spamschutz[type="text"] { width: 60%; margin-right: 10px; } input { background: #fff none repeat scroll 0 0; border: 1px solid #7b6ba9;; border-radius: 2px; box-shadow: 2px 2px 3px #e2e2e2, 2px 2px 3px #e2e2e2 inset; float: left; height: 20px; padding: 1px 3px; width: 99%; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; } textarea { background: #fff none repeat scroll 0 0; border: 1px solid #7b6ba9;; border-radius: 2px; box-shadow: 2px 2px 3px #e2e2e2, 2px 2px 3px #e2e2e2 inset; float: left; padding: 1px 3px; width: 100%; } input.checkbox { width: 3%; margin-top: 20px; box-shadow: none; } /*.check-daten label#lbl_8_0 { margin-top: 0; } .check-daten input.checkbox { margin-top: 3px; } form { border: 0 none; padding: 0 0 0 2px; } fieldset { margin: 0; padding: 0; } fieldset ul { list-style-type: none; margin: 0; padding: 0; width: 100%; } fieldset ul li { float: left; margin: 20px 0; padding: 0; width: 100%; } .spaceo { margin-top: 15px; } .check { width: 80%; } fieldset ul li.send { margin: 5px 0; padding: 0; width: 100%; } .formbody .widget label.spamschutz { width: 98%; } .pflicht { color: #f39200; float: left; text-align: left; width: 60%; } .widget-checkbox { margin-top:20px; } */ label { cursor: pointer; } textarea { background: #fff none repeat scroll 0 0; border: 1px solid #7b6ba9; color: #333; float: left; padding: 1px 3px; width: 95%; margin-bottom: 20px; } button.submit { background: #7b6ba9 none repeat scroll 0 0; box-shadow: 0 0 0 inset; color: #fff; height: 60px; margin: 20px 0 40px 0; font-size: 18px; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; width: 100%; border: 0; } .formbody .widget-checkbox label { margin-top: 0; } .widget-select { width: 100%; } .widget-select .select { margin-top: 5px; margin-bottom: 20px; } .widget-checkbox { margin-bottom: 10px; } .widget-checkbox.datenschutz { margin-top:5px; } .widget-checkbox.datenschutz input { margin-bottom:25px; } .checkbox_container legend { margin-top:20px; text-decoration: underline; } .checkbox_container input.checkbox { margin-top:2px; } .checkbox_container span { float: left; width: 100%;} .submit_container { margin-bottom:8%; } .checkbox_container { padding:0; border: 0; width:100%; } .checkbox_container.datenschutz label{ width: 90%; } .submit_container { padding:10px 0 0; } label[title~="Pflichtfeld"]::after { content: "*"; position: absolute; top: 0; } input:active, input:hover, input:focus, textarea:hover, textarea:active { background-color: #7b6ba94d; } button.submit:active, button.submit:hover { background-color: rgba(0, 0, 0, 0.8); border-color:rgba(0, 0, 0, 0.8); cursor: pointer; } /* /////////////////////////////////////////////////////// Andere Farbe Kontaktformular /////////////////////////////////////////////////////// */ .kontaktformular input { border: 1px solid #373837; } .kontaktformular textarea { border: 1px solid #373837; } .kontaktformular button.submit { background: #373837 none repeat scroll 0 0; } .kontaktformular input:active, .kontaktformular input:hover, .kontaktformular input:focus, .kontaktformular textarea:hover, .kontaktformular textarea:active { background-color: rgba(0,0,0,0.1); } .kontaktformular button.submit:active, .kontaktformular button.submit:hover { background-color: #0095c6; border-color:#0095c6; cursor: pointer; } /* /////////////////////////////////////////////////////// Änderungen trilobit-FormValidation.css /////////////////////////////////////////////////////// */ span.LV_invalid { display: table; width: 100%; margin-left: 0; } /* /////////////////////////////////////////////////////// FOOTER /////////////////////////////////////////////////////// */ #footer { background: none repeat scroll 0 0 rgba(238, 237, 231, 0.5); padding: 20px 0 80px 0; margin-top: 80px; } #footer div{ margin: 0 auto; max-width: 1040px; } #footer ul {list-style-type: none;margin:0; padding:0;} @media (max-width:1070px) { #footer { padding-left:20px; } } @media (max-width:870px) { #footer .rs-column.-large-first-row, #footer p { margin-top: 0; } #footer ul {margin-top:20px;} }