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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} 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} .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} /* pt-sans-regular - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: url('../../files/content/fonts/pt-sans-v11-latin-regular.eot'); /* IE9 Compat Modes */ src: local('PT Sans'), local('PTSans-Regular'), url('../../files/content/fonts/pt-sans-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/content/fonts/pt-sans-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/content/fonts/pt-sans-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/content/fonts/pt-sans-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/content/fonts/pt-sans-v11-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */ } /* pt-sans-italic - latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: url('../../files/content/fonts/pt-sans-v11-latin-italic.eot'); /* IE9 Compat Modes */ src: local('PT Sans Italic'), local('PTSans-Italic'), url('../../files/content/fonts/pt-sans-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/content/fonts/pt-sans-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/content/fonts/pt-sans-v11-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/content/fonts/pt-sans-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/content/fonts/pt-sans-v11-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */ } /* pt-sans-700 - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: url('../../files/content/fonts/pt-sans-v11-latin-700.eot'); /* IE9 Compat Modes */ src: local('PT Sans Bold'), local('PTSans-Bold'), url('../../files/content/fonts/pt-sans-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/content/fonts/pt-sans-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/content/fonts/pt-sans-v11-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/content/fonts/pt-sans-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/content/fonts/pt-sans-v11-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 400; src: url('../../files/content/fonts/pt-sans-narrow-v11-latin-regular.eot'); /* IE9 Compat Modes */ src: local('PT Sans Narrow'), local('PTSans-Narrow'), url('../../files/content/fonts/pt-sans-narrow-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/content/fonts/pt-sans-narrow-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/content/fonts/pt-sans-narrow-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/content/fonts/pt-sans-narrow-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/content/fonts/pt-sans-narrow-v11-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */ } /* pt-sans-narrow-700 - latin */ @font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 700; src: url('../../files/content/fonts/pt-sans-narrow-v11-latin-700.eot'); /* IE9 Compat Modes */ src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url('../../files/content/fonts/pt-sans-narrow-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/content/fonts/pt-sans-narrow-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/content/fonts/pt-sans-narrow-v11-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/content/fonts/pt-sans-narrow-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/content/fonts/pt-sans-narrow-v11-latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'LKD Icon'; src: url('../../files/content/fonts/lkdicon.eot?y4i7l6'); src: url('../../files/content/fonts/lkdicon.eot?y4i7l6#iefix') format('embedded-opentype'), url('../../files/content/fonts/lkdicon.ttf?y4i7l6') format('truetype'), url('../../files/content/fonts/lkdicon.woff?y4i7l6') format('woff'), url('../../files/content/fonts/lkdicon.svg?y4i7l6#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .icon-link-extern::before, .icon-link-intern::before, .icon-mail::before, .icon-download::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'LKD Icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #84AEB6; margin-right: 0.5em; transition: all 0.5s; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.icon-link-extern::before, a.icon-link-intern::before, a.icon-mail::before, a.icon-download::before { border-bottom: none; } .icon-link-extern:hover::before, .icon-link-intern:hover::before, .icon-mail:hover::before, .icon-download:hover::before { color: #BBB; } .icon-link-extern::before { content: "\e900"; } .icon-link-intern::before { content: "\e901"; } .icon-mail:before { content: "\e902"; } .icon-download::before { content: "\e903"; } .icon-edit::before { content: "\e904"; } .icon-remove::before { content: "\e905"; } @charset "UTF-8"; /* ::::: Farben ::::: */ /* tuerkis: #92CCB5 graublau: #84AEB6 graublau dunkel: #486367 beige: #D1BFA5 sand: #F5E0A0 lachs: #EF7E6E olive: #85743D gruen: #25806A violett: #6E4E82 lila: #A45E9B text: #232323 */ /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*:::::::::::::::::::::::::::::: für alle und mobil ::::::::::::::::::::::::*/ /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /* ::::: Mobile Menu ::::: */ .menubutton { width: 50px; opacity: 0.5; } /* ::::: Buttons rechts ::::: */ .button { border: none; color: #FFF; text-decoration: none; display: inline-block; cursor: pointer; font-family:'PT Sans Narrow', sans-serif; font-size: 16px; font-weight: 400; padding-top: 4px; } .button a, #right .button a{ color: #FFF; text-decoration: none; } .button a:hover, .button a:focus, .button a:visited { text-decoration: underline; } .button a[href^="http"]::before, .button a[href^="mailto"]::before{ content:""; margin-right: 0; } .btn-einkauf, .btn-phone, .btn-mail { position: absolute; height: 32px; width: 32px; padding: 0; transition: all 1s; display: flex; white-space: nowrap; overflow: hidden; text-overflow: clip; background-color:#84AEB6; } .btn-einkauf:hover, .btn-einkauf:focus, .btn-phone:hover, .btn-phone:focus, .btn-mail:hover, .btn-mail:focus { width: 184px; } .btn-einkauf { right:0; top: 68px; } .btn-einkauf img { height: 30px; width: auto; margin-right: 4px; } .btn-phone { right:0; top: 0px; } .btn-phone img { height: 24px; width: auto; margin-right: 10px; padding: 5px 0 0 8px; } .btn-mail { right:0; top: 34px; } .btn-mail img { height: 25px; width: auto; margin-right: 10px; padding: 4px 0 0 5px; } #right .btn-einkauf, #right .btn-phone, #right .btn-mail { display: none; } /*::::: Navi Footer :::::*/ footer, footer li { font-size: 1em; } footer nav { display: none; } footer a[href^="http"]:before { content:""; margin-right: 0; } footer .adresse { border-bottom: 1px solid #FFF; margin-bottom: 1em; padding-bottom: 1em; } /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*::::::::::::::::::::::::::::::::::: 800-942px :::::::::::::::::::::::::::::*/ /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ @media only screen and (min-width: 800px) { /* ::::: Buttons rechts ::::: */ .button, #right .button { font-size: 22px; padding-top: 16px; } #right .button { transform: translateY(-10px); } #right .btn-einkauf .button { transform: translateY(-20px); } .btn-einkauf, .btn-phone, .btn-mail { position: absolute; height: 60px; width: 60px; } .btn-einkauf:hover, .btn-einkauf:focus, .btn-phone:hover, .btn-phone:focus, .btn-mail:hover, .btn-mail:focus { width: 300px; } .btn-einkauf { right:0; top: 128px; height: 58px; } .btn-einkauf img { height: 60px; width: auto; margin-right: 2px; } .btn-phone { right:0; top: 0px; } .btn-phone img { height: 48px; width: auto; margin-right: 20px; padding: 10px 0 0 16px; } .btn-mail { right:0; top: 64px; } .btn-mail img { height: 50px; width: auto; margin-right: 20px; padding: 8px 0 0 10px; } #right .btn-einkauf, #right .btn-phone, #right .btn-mail { display: block; } /*::::: Subnavi linke Spalte :::::*/ #left nav { margin-top: 30px; } #left nav li a, #left nav li strong { display: inline-block; padding: 0 0 5px 24px; margin-bottom: 10px; color: #232323; text-decoration: none; border-bottom: 2px solid #84AEB6; font-size: 1.1em; font-weight: normal; hyphens: none; } #left nav li strong { color: #999; } #left nav li a:hover, #left nav li a:focus { color: #666; } /*::::: Navi Footer :::::*/ footer, footer li { font-size: 1em; } footer a, footer strong.active { display: inline-block; font-size: 1.1em; color: #000; text-decoration: none; margin-bottom: 1em; border-bottom: 1px solid transparent; transition: all 0.5s; } footer h2 a { margin-bottom: 0; color: #000; } footer a:hover, footer a:focus, footer strong.active { font-weight: normal; border-bottom: 1px solid #000; } footer .adresse { width: 25%; padding-right: 4%; border-right: 1px solid #FFF; border-bottom: none; padding-bottom: 0; } footer .adresse p:last-of-type { line-height: 150%; } footer .adresse a { margin-bottom: 0; } .foerderlogo { width: 25%; padding-left: 4%; } footer nav { width: 25%; border-right: 1px solid #FFF; display: flex; justify-content: center; } } /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*::::::::::::::::::::::::::::::::::: DESKTOP :::::::::::::::::::::::::::::*/ /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ @media only screen and (min-width: 940px) { .headernavi { display: block; } .menubutton { display: none; } /*::::: Positionierung der Container :::::*/ #header li.submenu.jks { display: block; position: absolute; right: 560px; top: 90px; } #header li.infodienst { display: block; position: absolute; right: 226px; top: 90px; transform: rotate(3deg); z-index: 10; } #header li.jks-tage { display: block; position: absolute; right: 440px; top: 26px; transform: rotate(3deg); z-index: 20; } #header li.jkp-nrw { display: block; position: absolute; right: 190px; top: 26px; z-index: 20; } #header li.submenu.bildung { display: block; position: absolute; right: 340px; top: 82px; transform: rotate(-5deg); z-index: 10; } #header li.lkd-verlag { display: block; position: absolute; right: 60px; top: 16px; transform: rotate(3deg); z-index: 20; } #header li.submenu.wir { display: block; position: absolute; right: 116px; top: 90px; transform: rotate(3deg); z-index: 10; } #header li.submenu.service { display: block; position: absolute; right: 20px; top: 90px; z-index: 10; } /*::::: Farben Hauptnavigation :::::*/ #header nav li a, #header nav strong { font-family:'PT Sans Narrow', sans-serif; font-size: 22px; line-height: 38px; font-weight: 400; color: #000; text-decoration: none; padding: 0 10px; border: 2px solid #FFF; transition: all 0.5s; } #header nav .jks a, #header nav .jks strong { background-color: #cedfda; border-color: #cedfda; } #header nav .jks:hover a, #header nav .jks:focus a, #header nav .jks.trail a, #header nav .jks strong { border-color: #699f90; } #header nav .infodienst a, #header nav .infodienst strong { background-color: #faf2d9; border-color: #faf2d9; } #header nav .infodienst:hover a, #header nav .infodienst:focus a, #header nav .infodienst.trail a, #header nav .infodienst strong { border-color: #f5e0a0; } #header nav .jks-tage a, #header nav .jks-tage strong { background-color: #d4cada; border-color: #d4cada; } #header nav .jks-tage:hover a, #header nav .jks-tage:focus a, #header nav .jks-tage.trail a, #header nav .jks-tage strong { border-color: #8c739b; } #header nav .jkp-nrw a, #header nav .jkp-nrw strong { background-color: #fcd8d3; border-color: #fcd8d3; } #header nav .jkp-nrw:hover a, #header nav .jkp-nrw:focus a, #header nav .jkp-nrw.trail a, #header nav .jkp-nrw strong { border-color: #f3978b; } #header nav .bildung a, #header nav .bildung strong { background-color: #dbd5c6; border-color: #dbd5c6; } #header nav .bildung:hover a, #header nav .bildung:focus a, #header nav .bildung.trail a, #header nav .bildung strong { border-color: #9d8f66; } #header nav .lkd-verlag a, #header nav .lkd-verlag strong { background-color: #e5cfe1; border-color: #e5cfe1; } #header nav .lkd-verlag:hover a, #header nav .lkd-verlag:focus a, #header nav .lkd-verlag.trail a, #header nav .lkd-verlag strong { border-color: #b77faf; } #header nav .service a, #header nav .service strong { background-color: #ede6db; border-color: #ede6db; } #header nav .service:hover a, #header nav .service:focus a, #header nav .service.trail a, #header nav .service strong { border-color: #d1bfa5; } #header nav .wir a, #header nav .wir strong { background-color: #dae7e9; border-color: #dae7e9; } #header nav .wir:hover a, #header nav .wir:focus a, #header nav .wir.trail a, #header nav .wir strong { border-color: #a4c2c9; } /*::::: Subnavi oben :::::*/ /* #header nav ul ul { display: none; position: absolute; } #header nav ul li:hover ul { display: block; z-index: 10; } #header nav ul li .level_2 li a, #header nav ul li .level_2 strong { font-family: 'PT Sans', sans-serif; font-size: 1.1rem; line-height: 120%; display: block; padding: 10px; margin: 0; margin-top: -2px; border: none; } #header nav ul li .level_2 li.first a, #header nav ul li .level_2 .first strong { margin-top: 0; } #header nav .jks .level_2 li a:hover, #header nav .jks .level_2 strong { background-color: #b1ccc4; } #header nav .infodienst .level_2 li a, #header nav .infodienst .level_2 strong { margin-top: -1px; } #header nav .infodienst .level_2 li a:hover, #header nav .infodienst .level_2 strong { background-color: #f7eabd; } #header nav .jks-tage .level_2 li a:hover, #header nav .jks-tage .level_2 strong { background-color: #b8a8c0; } #header nav .jkp-nrw .level_2 li a:hover, #header nav .jkp-nrw .level_2 strong { background-color: #f9beb6; } #header nav .bildung .level_2 li a:hover, #header nav .bildung .level_2 strong { background-color: #c2b9a0; } #header nav .lkd-verlag .level_2 li a:hover, #header nav .lkd-verlag .level_2 strong { background-color: #d2b0cd; } #header nav .wir .level_2 li a:hover, #header nav .wir .level_2 strong { background-color: #c2d6da; } #header nav .service .level_2 li a:hover, #header nav .service .level_2 strong { background-color: #e3d9c9; } #header .jks .level_2 { width: 280px; } #header .wir .level_2, #header .infodienst .level_2, #header .lkd-verlag .level_2 { width: 150px; } #header .service .level_2 { width: 100px; } #header .jks-tage .level_2, #header .jkp-nrw .level_2, #header .bildung .level_2 { width: 100%; }*/ } @charset "UTF-8"; /* ::::: Farben ::::: */ /* tuerkis: #92CCB5 graublau: #84AEB6 graublau dunkel: #486367 beige: #D1BFA5 sand: #F5E0A0 lachs: #EF7E6E olive: #85743D gruen: #25806A violett: #6E4E82 lila: #A45E9B text: #232323 */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; outline: none; } body { font-size: 95%; line-height: 120%; font-family: 'PT Sans', Arial, sans-serif; color: #232323; hyphens: auto; background-color: #d0e5dd; } #wrapper { background-color: #eee; } header { border-bottom: 5px solid #84AEB6; background-color: #FFF; position: relative; } header .inside, #slider-und-bild .inside, #container, #ganze-spalte .inside, footer .inside { margin: 0 auto; max-width: 1024px; background-color: #FFF; } header .inside { margin: 0 auto; width: 100%; max-width: 1024px; padding: 12px 12px 10px 12px; display: flex; justify-content: space-between; flex-wrap: wrap; } .lkdlogo { width: 20%; min-width: 170px; } .lkdlogo img { width: 100%; } #container { background-color: #FFF; } #left { display: none; } #main .inside, #right .inside { padding: 12px; } #right .content-text { padding: 12px; background-color: rgba(132,174,182,0.1); margin-bottom: 14px; } #footer { background-color: rgba(189,224,211,0.6); font-family: "PT Sans Narrow", Arial, sans-serif; font-weight: normal; } footer .inside { padding: 1em 12px; background-color: transparent; } /* ::::: Typographie ::::: */ h2, h3 { font-family: "PT Sans Narrow", Arial, sans-serif; font-weight: normal; hyphens: none; line-height: 1.2em; } h2 { font-size: 2em; margin-top: 0; } #right h2 { font-size: 1.5em; color: #486367; } footer h2 { font-size: 1.1em; } h3 { font-weight: normal; font-size: 1.5em; color: #486367; hyphens: auto; } h3 a { text-decoration: none; color: #232323; } h3 a:hover, h3 a:focus { border-bottom: 1px solid #84AEB6; } h3 .ausgabe { color: #84AEB6; } h3 .ausgabe::after { content:": "; } p, li { font-size: 1.1em; line-height: 1.3em; } #main li { margin-top: 0.5em; text-indent: -1.2em; } #main li::before { content:"\25CF"; color: #84AEB6; margin-right: 0.5em; } #main ul { padding-left: 1.5em; } #right p { font-size: 1em; } #right .content-text p:last-of-type { margin-bottom: 0; } #main a, #right a, #ganze-spalte a { display: inline-block; text-decoration: none; color: #0073b1; } #main a:hover, #main a:focus, #right a:hover, #right a:focus, #ganze-spalte a:hover, #ganze-spalte a:focus { text-decoration: underline; } a[href^="mailto"]::before { content: "\e902"; font-family: 'LKD Icon'; color: #7eb8d7; margin-right: 0.5em; } a[href$=".pdf"]:before { content:"\e903"; font-family: 'LKD Icon'; color: #7eb8d7; margin-right: 0.5em; font-size: 85%; } a[href^="http"]:before { content:"\e900"; font-family: 'LKD Icon'; color: #7eb8d7; margin-right: 0.5em; font-size: 85%; } a.mehreinzug[href$=".pdf"]:before { padding-left: 1.3em; } a:hover::before { color: #999; } #slider-und-bild { background-color: rgba(132,174,182,0.3); } #slider-und-bild figure { max-height: 300px; } .toggler { padding: 0 12px; transition: all 0.5s; } .toggler h3 { padding: 10px; padding-right: 40px; border: 1px solid #84AEB6; margin-top: 0; cursor: pointer; background: url(../../files/content/img/logos-etc/plus.svg) no-repeat right 10px center; } .toggler.ui-state-active h3 { background: url(../../files/content/img/logos-etc/minus.svg) no-repeat right 10px center; } .ce_rsce_jugendkunstschultag_archiv { border-bottom: 1px solid #84AEB6; padding-bottom: 1em; margin-bottom: 1em; padding: 0 12px; } .ce_rsce_jugendkunstschultag_archiv:last-of-type { border-bottom: 0; padding-bottom: 1em; margin-bottom: 1em; } .archiv-jahr { display: flex; width: 100%; } .jkst-jahr { font-size: 5em; opacity: 0.3; margin-top: 0; margin-right: 0.5em; } .archiv-text { width: 100%; } .jkst-titel { margin-top: 0.5em; margin-bottom: 0; } .jkst-sub { font-size: 1.2em; margin-top: 0.3em; } .jkst-datum { color: #666; } .bildrahmen img { border: 1px solid #CCC; } .start, .dreispaltig .ui-accordion-content div { display: flex; justify-content: space-between; flex-wrap: wrap; } .start .content-headline { width: 100%; } .start .content-text { width: 48%; background-color: rgba(132,174,182,0.1); margin-bottom: 1em; transition: all 0.5s; } .start .einleitung { background-color: #FFF; padding: 0; width: 100%; } .start .kontakt { display: none; } .start h3, .start p { padding: 0 10px 10px 10px; } .start h3 { margin: 0.5em 0 0 0; } a.aktuell p { color: #232323; } a.aktuell::before { content: ''; margin: 0; } .start a:hover, .start a:focus { background-color: rgba(132,174,182,0.2); filter:brightness(80%); } figure.float_left { float: none; } .ce_rsce_boxes { width: 100; } .box { background-color: rgba(132,174,182,0.1); padding-bottom: 10px; margin-bottom: 14px; } .box h4 { background-color: rgba(132,174,182,0.3); padding: 3px 10px 5px 10px; } .box p { margin: 0 12px; } .box p + p { border-top: 1px solid #CCC; margin-top: 1em; padding-top: 1em; } figure.float_left { float: none; } /* Karte */ .c4g-control-container-bottom-left { postiion: absolute; bottom: 0.7em; left: 1em; } .c4g-control-container-bottom-left a::before { content:''; } #slider-und-bild .image_container { position: relative; } #slider-und-bild .caption, #slider-und-bild .rsts-text { position: absolute; left: 0; bottom: 4px; background-color: #000; font-size: 0.85em; opacity: 0.6; color: white; padding: 1px 10px 1px 12px; } #slider-und-bild .rsts-text { position: absolute; left: 0; bottom: -12px; } .rsts-nav, .rsts-prev, .rsts-next { display: none; } /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ /*::::::::::::::::::::::::::::::::::: DESKTOP :::::::::::::::::::::::::::::*/ /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ @media only screen and (min-width: 800px) { header .inside { padding: 12px 0px 10px 20px; } .headernavi { width: 77%; min-width: 738px; } .innen { position: relative; } #left { display: block; } #main .inside { padding: 20px; } #right .inside { padding: 14px 14px 0 14px; } #right .content-text { padding: 14px; background-color: rgba(132,174,182,0.1); margin-bottom: 14px; } #ganze-spalte .inside { padding: 0 14px; } footer .inside { display: flex; justify-content: space-between; padding: 1em 20px; } /* ::::: Typographie ::::: */ h2, h3 { font-family: "PT Sans Narrow", Arial, sans-serif; font-weight: normal; hyphens: none; line-height: 1.2em; } h2 { font-size: 2.4em; margin-top: 0; } #right h2 { font-size: 1.5em; color: #486367; } footer h2 { font-size: 1.1em; } h3 { font-weight: normal; font-size: 1.5em; color: #486367; } h3 a { text-decoration: none; color: #232323; } h3 a:hover, h3 a:focus { border-bottom: 1px solid #84AEB6; } h3 .ausgabe { color: #84AEB6; } h3 .ausgabe::after { content:": "; } p, li { font-size: 1.1em; line-height: 1.3em; } #main li { margin-top: 0.5em; text-indent: -1.2em; } #main li::before { content:"\25CF"; color: #84AEB6; margin-right: 0.5em; } #main ul { padding-left: 1.5em; } #right p { font-size: 1em; } #right .content-text p:last-of-type { margin-bottom: 0; } #main a, #right a, #ganze-spalte a { display: inline-block; text-decoration: none; color: #0073b1; } #main a:hover, #main a:focus, #right a:hover, #right a:focus, #ganze-spalte a:hover, #ganze-spalte a:focus { text-decoration: underline; } a[href^="mailto"]::before { content: "\e902"; font-family: 'LKD Icon'; color: #7eb8d7; margin-right: 0.5em; } a[href$=".pdf"]:before { content:"\e903"; font-family: 'LKD Icon'; color: #7eb8d7; margin-right: 0.5em; font-size: 85%; } a[href^="http"]:before { content:"\e900"; font-family: 'LKD Icon'; color: #7eb8d7; margin-right: 0.5em; font-size: 85%; } a.mehreinzug[href$=".pdf"]:before { padding-left: 1.3em; } a:hover::before { color: #999; } #slider-und-bild { background-color: rgba(132,174,182,0.3); } #slider-und-bild figure { max-height: 300px; } .toggler { padding: 0 250px; transition: all 0.5s; } .toggler h3 { padding: 10px; border: 1px solid #84AEB6; margin-top: 0; cursor: pointer; background: url(../../files/content/img/logos-etc/plus.svg) no-repeat right 10px center; } .toggler.ui-state-active { padding: 0; } .toggler.ui-state-active h3 { background: url(../../files/content/img/logos-etc/minus.svg) no-repeat right 10px center; } .ce_rsce_jugendkunstschultag_archiv { display: flex; justify-content: space-between; border-bottom: 1px solid #84AEB6; padding-bottom: 1em; margin-bottom: 1em; } .ce_rsce_jugendkunstschultag_archiv:last-of-type { border-bottom: 0; padding-bottom: 1em; margin-bottom: 1em; } .archiv-jahr { display: block; width: 22%; text-align: right; } .jkst-jahr { font-size: 5em; opacity: 0.3; margin-top: 0; margin-right: 0; } .archiv-text { width: 74.5%; padding-right: 5%; } .jkst-titel { margin-top: 0.5em; margin-bottom: 0; } .jkst-sub { font-size: 1.2em; margin-top: 0.3em; } .jkst-datum { color: #666; } .bildrahmen img { border: 1px solid #CCC; } .start .content-text { width: 23.9%; } .start .einleitung { width: 58%; } .start .kontakt { display: block; width: 39%; } .start h3, .start p { padding: 0 10px 10px 10px; } .start h3 { margin: 0.5em 0 0 0; } a.aktuell p { color: #232323; } a.aktuell::before { content: ''; margin: 0; } .start a:hover, .start a:focus { background-color: rgba(132,174,182,0.2); filter:brightness(80%); } .start .hg-infodienst { background-color: #faf2d9; } .start .hg-bildung { background-color: #dbd5c6; } .start .hg-verlag { background-color: #e5cfe1; } .ce_rsce_boxes { width: 32.5%; } .box { background-color: rgba(132,174,182,0.1); padding-bottom: 10px; margin-bottom: 14px; } .box h4 { background-color: rgba(132,174,182,0.3); padding: 3px 10px 5px 10px; } .box p { margin: 0 10px; } .box p + p { border-top: 1px solid #CCC; margin-top: 1em; padding-top: 1em; } figure.float_left { float: left; } /* Karte */ .c4g-control-container-bottom-left { postiion: absolute; bottom: 0.7em; left: 1em; } .c4g-control-container-bottom-left a::before { content:''; } #slider-und-bild .image_container { position: relative; } #slider-und-bild .caption, #slider-und-bild .rsts-text { position: absolute; left: 0; bottom: 0; background-color: #000; font-size: 0.85em; opacity: 0.6; color: white; padding: 1px 10px 1px 20px; } #slider-und-bild .rsts-text { position: absolute; left: 0; bottom: -12px; } .rsts-nav, .rsts-prev, .rsts-next { display: block; } } .imageBox .rte { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: #ffffffd9; padding: 1em; display: grid; align-content: end; backdrop-filter: blur(2px); opacity: 0; pointer-events: none; transition-duration: .3s; } .imageBox:hover .rte { opacity: 1; pointer-events: unset; } .imageBox { position: relative; margin-bottom:1.5em; } h1 { font-size: 2.4em; line-height: 1; margin: .4em 0 .6em !important; } h2 { font-weight: normal; font-size: 1.5em; color: #486367; margin-top: 1em; } @media screen and (min-width:600px) { .show_schools_wrapper { display: grid; grid-template-columns: calc(50% - 7.5px) calc(50% - 7.5px); grid-column-gap: 15px; } } @media screen and (min-width:850px) { .show_schools_wrapper { display: grid; grid-template-columns: calc(100% / 3 - 20px) calc(100% / 3 - 20px) calc(100% / 3 - 10px); grid-column-gap: 15px; } } .show_schools_wrapper h4 { margin-top: 0; } .gmap { margin-bottom:15px; } :root { --nav-burger-line-color:#84AEB6; --nav-mobile-background: #f9f9f9; --nav-mobile-color: #222; --nav-mobile-icon: url('data:image/svg+xml;charset=utf-8,'); --nav-mobile-active-background: #f4f4f4; } #header li { transform: unset !important; position: relative !important; top: 0 !important; left: 0 !important; } .nav-wrapper { overflow: visible; } #header nav ul li:hover ul { z-index: 30; } #header li.submenu.wir, #header li.submenu.service { z-index:1; } .navigation-main { margin-top: 15px; } .nav-is-desktop .btn-toggle-submenu { right: -8px; top: 14px; } .btn-phone p, .btn-mail a, .btn-einkauf a { color: #2b3a3d; } .nav-is-desktop .navigation-main .skip-link { color: var(--skip-color)!important; } .nav-is-mobile .headernavi { width: unset; min-width: unset; margin-right: 40px; } .nav-is-mobile .navigation-main { margin-top: 0; } .nav-is-desktop .navigation-main ul ul { z-index:21; } .navigation-main a:focus-visible { outline: 2px solid #dd3d4c; } body { margin:0; padding:0; } .nrw-karte #container { width: 100%; max-width: 100%; } .nrw-karte #main .inside { padding:0; } .nrw-karte .mod_article { position: relative; } .leaflet-control-attribution a[href^="http"]::before { content:""; margin-right:0; } .kartenmarker { font-size: 1.2em; font-family: 'PT Sans Narrow', Arial, sans-serif; } .kartenmarker img { margin-right: 4px; transform: translateY(2px); } .icon-rechts img { margin-left: 4px; margin-right: 0; } .nrw-karte #container { width: 100%; max-width: 100%; } .nrw-karte .content-text { position: absolute; top: 40px; left: 40px; background-color: ivory; padding: 14px; z-index: 2000; } .nrw-karte .content-text img { margin-right: 8px; transform: translateY(3px); } .leaflet-popup-pane { z-index: 3000 !important; } .leaflet-container { z-index: 1; }