header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} #wrapper{width:960px;margin:0 auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class^=ce_],.mod_article [class*=" ce_"],.mod_article [class^=content-],.mod_article [class*=" content-"],.mod_article [class^=mod_],.mod_article [class*=" mod_"]{margin-left:10px;margin-right:10px}.ce_sliderStart>.content-slider{margin-left:0;margin-right:0}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class^=layout_]>*,.mod_article [class*=" layout_"]>*,.mod_article [class^=event_]>*,.mod_article [class*=" event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:none!important;display:block!important;width:auto!important}.offset1,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.offset10,.offset11,.offset12{margin-left:10px!important}} .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} /** * CLICKPRESS CSS-Grid * @author: Stefan Schulz-Lauterbach * * thanks to Dinko Skopljak for co-working */ .justify-items-start { justify-items: start; } .justify-items-center { justify-items: center; } .justify-items-end { justify-items: end; } .justify-items-stretch { justify-items: stretch; } .content-start { align-content: start; } .content-center { align-content: center; } .content-end { align-content: end; } .items-start { align-items: start; } .items-center { align-items: center; } .items-end { align-items: end; } .items-stretch { align-items: stretch; } .items-baseline { align-items: baseline; } [class*=grid_] { display: grid; grid-gap: 1rem; } [class*=grid_] > .block { margin-bottom: 0; } @media (min-width: 576px) { .grid_mobile_100 { grid-template-columns: 1fr; } .grid_mobile_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_mobile_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_mobile_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_mobile_75_25 { grid-template-columns: 3fr 1fr; } .grid_mobile_25_75 { grid-template-columns: 1fr 3fr; } .grid_mobile_66_33 { grid-template-columns: 2fr 1fr; } .grid_mobile_33_66 { grid-template-columns: 1fr 2fr; } .grid_mobile_60_40 { grid-template-columns: 3fr 2fr; } .grid_mobile_40_60 { grid-template-columns: 2fr 3fr; } .grid_mobile_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_mobile_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_mobile_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_mobile_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_mobile_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_mobile_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .gap_mobile_0 { grid-gap: 0; } .gap_mobile_1 { grid-gap: 1rem; } .gap_mobile_2 { grid-gap: 2rem; } .gap_mobile_3 { grid-gap: 3rem; } .gap_mobile_4 { grid-gap: 4rem; } .gap_mobile_5 { grid-gap: 5rem; } .gap_mobile_6 { grid-gap: 6rem; } .gap_mobile_7 { grid-gap: 7rem; } .gap_mobile_8 { grid-gap: 8rem; } .gap_mobile_9 { grid-gap: 9rem; } .gap_mobile_10 { grid-gap: 10rem; } .gap_mobile_11 { grid-gap: 11rem; } .gap_mobile_12 { grid-gap: 12rem; } } @media (min-width: 768px) { .grid_tablet_100 { grid-template-columns: 1fr; } .grid_tablet_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_tablet_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_tablet_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_tablet_75_25 { grid-template-columns: 3fr 1fr; } .grid_tablet_25_75 { grid-template-columns: 1fr 3fr; } .grid_tablet_66_33 { grid-template-columns: 2fr 1fr; } .grid_tablet_33_66 { grid-template-columns: 1fr 2fr; } .grid_tablet_60_40 { grid-template-columns: 3fr 2fr; } .grid_tablet_40_60 { grid-template-columns: 2fr 3fr; } .grid_tablet_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_tablet_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_tablet_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_tablet_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_tablet_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_tablet_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .grid_tablet_20_40_40 { grid-template-columns: 1fr 2fr 2fr; } .grid_tablet_40_20_40 { grid-template-columns: 2fr 1fr 2fr; } .grid_tablet_40_40_20 { grid-template-columns: 2fr 2fr 1fr; } .gap_tablet_0 { grid-gap: 0; } .gap_tablet_1 { grid-gap: 1rem; } .gap_tablet_2 { grid-gap: 2rem; } .gap_tablet_3 { grid-gap: 3rem; } .gap_tablet_4 { grid-gap: 4rem; } .gap_tablet_5 { grid-gap: 5rem; } .gap_tablet_6 { grid-gap: 6rem; } .gap_tablet_7 { grid-gap: 7rem; } .gap_tablet_8 { grid-gap: 8rem; } .gap_tablet_9 { grid-gap: 9rem; } .gap_tablet_10 { grid-gap: 10rem; } .gap_tablet_11 { grid-gap: 11rem; } .gap_tablet_12 { grid-gap: 12rem; } } @media (min-width: 992px) { .grid_desktop_100 { grid-template-columns: 1fr; } .grid_desktop_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_desktop_75_25 { grid-template-columns: 3fr 1fr; } .grid_desktop_25_75 { grid-template-columns: 1fr 3fr; } .grid_desktop_66_33 { grid-template-columns: 2fr 1fr; } .grid_desktop_60_40 { grid-template-columns: 3fr 2fr; } .grid_desktop_40_60 { grid-template-columns: 2fr 3fr; } .grid_desktop_33_66 { grid-template-columns: 1fr 2fr; } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_desktop_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_desktop_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_desktop_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_desktop_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .grid_desktop_20_40_40 { grid-template-columns: 1fr 2fr 2fr; } .grid_desktop_40_20_40 { grid-template-columns: 2fr 1fr 2fr; } .grid_desktop_40_40_20 { grid-template-columns: 2fr 2fr 1fr; } .grid_desktop_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_desktop_40_20_20_20 { grid-template-columns: 2fr 1fr 1fr 1fr; } .grid_desktop_20_40_20_20 { grid-template-columns: 1fr 2fr 1fr 1fr; } .grid_desktop_20_20_40_20 { grid-template-columns: 1fr 1fr 2fr 1fr; } .grid_desktop_20_20_20_40 { grid-template-columns: 1fr 1fr 1fr 2fr; } .grid_desktop_20_20_20_20_20 { grid-template-columns: repeat(5, 1fr); } .gap_desktop_0 { grid-gap: 0; } .gap_desktop_1 { grid-gap: 1rem; } .gap_desktop_2 { grid-gap: 2rem; } .gap_desktop_3 { grid-gap: 3rem; } .gap_desktop_4 { grid-gap: 4rem; } .gap_desktop_5 { grid-gap: 5rem; } .gap_desktop_6 { grid-gap: 6rem; } .gap_desktop_7 { grid-gap: 7rem; } .gap_desktop_8 { grid-gap: 8rem; } .gap_desktop_9 { grid-gap: 9rem; } .gap_desktop_10 { grid-gap: 10rem; } .gap_desktop_11 { grid-gap: 11rem; } .gap_desktop_12 { grid-gap: 12rem; } } /*# sourceMappingURL=clickpress-grid.css.map */ /* 01_variables.css Stand: 26.04.2023*/ /** CSS definitions: colors, fonts, widths - LARP Wirkstroem **/ :root { /* font definitions */ --mainfont: Merienda, Arial, sans-serif; /* Size definitions */ --maxwidth: 75%; --maxheight: 670px; /* images */ --backgroundimage: url("/files/nordmar/theme/img/nordmar-background-grau.webp"); /* Color used inside the header */ --headerback: rgba(0,0,0,1); /* Color used inside the navigation */ --navback: rgba(0,0,0,1); --navback2: rgba(0,0,0,1); --linknavicolor: rgba(255,255,255,1); /*--nav-line-back: rgba(0,0,0,1);*/ /*--nav-linkcolor: rgba(236,201,62,1);*/ --mobilnavibackground: rgba(0,0,0,1); --mobilenaviborder: rgba(110,110,110,1); /* Link Farben */ --linkcolor: rgba(110,110,110,1); --linkvisited: rgba(0,0,0,1); --linkhover: rgba(255,255,255,1); --linkhoverback: rgba(0,0,0,1); --linkfocus: rgba(0,0,0,1); --linkfocusborder: rgba(0,0,0,1); --linkactive: rgba(0,0,0,1); --linkactiveback: rgba(255,255,255,1); /* Color used inside the content */ --background: rgba(110,110,110,1); --fontcolor: rgba(0,0,0,1); --h1h4color: rgba(0,0,0,1); --mainback: rgba(236,236,236,.9); --mainborder: #000000; --kachelborder: 1px solid rgba(0,0,0,1); --kachelbackground: rgba(236,236,236,0.9); /* Bilder */ --captionbackground: rgba(0,0,0,1); --captioncolor: rgba(255,255,255,1); --imgborder: 1px solid rgba(0,0,0,1); /* Color used inside the footer */ --footerback: rgba(0,0,0,0.9); --linknavifootercolor: rgba(255,255,255,1); /* Accordeon colors */ --accordeonheader: rgba(255,255,255,1); --accordeonhover: rgba(110,110,110,1); --accordeonback: rgba(0,0,0,1); --accordeonborder: 1px solid rgba(0,0,0,1); --accordeoncontentback: rgba(99,184,255,0.1); --searchboxborder: 1px solid rgba(0,0,0,1); --searchboxback: rgba(110,110,110,1); --searchheaderback: rgba(110,110,110,1); --searchheadertext: #ffffff; --searchtext: #ffffff; --buttonback: rgba(0,0,0,1); --buttonbackhover: rgba(110, 110, 110, 1); /* Slider */ --slider-border: 1px solid rgba(0,0,0,1); --slider-background: rgba(99, 184, 255, 0.1); /* FAQ */ --faq-ul-color: rgba(255,255,255,1); } /* 02-fonts.css WebFonts - Stand: 03.05.2023 */ /* merienda-regular - latin */ @font-face { font-family: 'Merienda'; font-style: normal; font-weight: 400; src: local('Merienda'), local('Merienda-Regular_0_wt'), url('/files/nordmar/theme/fonts/merienda/merienda-v7-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/nordmar/theme/fonts/merienda/merienda-v7-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* merienda-700 - latin */ @font-face { font-family: 'Merienda'; font-style: normal; font-weight: 700; src: local('Merienda Bold'), local('Merienda-Bold'), url('/files/nordmar/theme/fonts/merienda/merienda-v7-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/nordmar/theme/fonts/merienda/merienda-v7-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* 10-mobile.css Stand: 08.05.2023 /** CSS Grundgerüst mobiles Layout Contao 5 **/ body { font-family: var(--mainfont); font-size: 1em; font-weight: 400; line-height: 1.5; background-color: var(--background); color: var(--fontcolor); background-image: var(--backgroundimage); background-repeat:no-repeat; background-position: center; background-attachment: fixed; } html { overflow-y: scroll; height: 100%; font-size: 16px; line-height: 24px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* Adapt boxmodel */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container { padding: 0 0.2em; } #wrapper { width: 100%; max-width: unset; margin: 0 auto; } #header { background-color: var(--headerback); margin: 0 0 1em 0; padding: 0.5em 0; } /* fester Header */ #header { position: sticky; z-index: 1001; top: 0; } #main { background-color: var(--mainback); border-radius: 5px; border: 1px solid var(--mainborder); } #main .inside { padding: 0 1em; } #footer { margin: 1.5em 0 0 0; padding: 1.5em 2%; color: var(--linknavifootercolor); background-color: var(--footerback); } /* general elements and paddings/margins */ p, ul, ol, pre, table, blockquote { margin-top: 0em; margin-bottom: 1em; } /* Blocksatz gewünscht: p { text-align: justify; }*/ ul ul, ol ol, ul ol, ol ul { margin-top: 0em; margin-bottom: 0em; } ul { list-style: disc; } ol { list-style: decimal; } li { margin-left: 2em; } h1, h2, h3, h4 { line-height: 1.5; color: var(--h1h4color); } h1 { margin-top: 0.5em; } /* Links wegen Barrierefreiheit sollten diese alle difiniert werden und unterschiedliche Farben erhalten Reihenfolge :link :visited :hover :focus :active*/ a { color: var(--linkcolor); text-decoration: underline; } a:visited { color: var(--linkvisited); text-decoration: none; } a:hover, a:focus { color: var(--linkhover); text-decoration: none; background: var(--linkhoverback); padding: 0.2em 0.5em; border-radius: 0.5em; } /* a:focus { color: var(--linkfocus); border: 1px solid var(--linkfocusborder); border-radius: 0.5em; padding: 0.2em 0.5em; text-decoration: none; }*/ a:active { color: var(--linkactive); background: var(--linkactiveback); padding: 0.2em 0.5em; border-radius: 0.5em; } #footer a, #footer a:visited, #footer a:hover, #footer a:focus, #footer a:active { color: var(--linknavifootercolor); text-decoration:underline; } /* Viewport max 767px */ @media screen and (max-width: 767px) { } /* Viewport min 768px */ @media screen and (min-width: 768px) { } /* 10b-desktop.css Stand: 26.04.2023*/ /** addition for header/footer full size **/ /* Viewport min 768px */ @media screen and (min-width: 768px) { /* Header center auf maxwidth */ #header .inside { margin: 0 auto; max-width: var(--maxwidth); } /* Footer center auf maxwidth */ #footer .inside { max-width: var(--maxwidth); margin: 0 auto; } /* Container center auf maxwidth */ #container { margin: 0 auto; max-width: var(--maxwidth); /* border-radius: 5px; background: var(--containerback); border: 1px solid var(--containerborder);*/ } /* main auf eine eine Mindesthöhe zu setzen */ #main { min-height: var(--maxheight); } } /* 11a-nav-mobile.css Stand: 26.04.2023*/ /* Position of the menu button */ div.menubutton { width:100%; right:0; top:.2rem; position:relative; display:block; margin-bottom:.2em; padding-bottom: .2em; z-index: 10; } div.menubutton a.shownav:after { font-size: 0.7rem; content: " \25bc" } div.menubutton a.hidenav:after { font-size: 0.7rem; content: " \25b2" } div.menubutton a.hidenav { display: none; } /* Layout of the menu button */ div.menubutton a { display: block; margin: 0.1em; padding: 0.5rem; background-color: var(--mobilnavibackground); border: 1px solid var(--mobilenaviborder); border-radius: 0.25rem; text-decoration: none; color: var(--linknavicolor); behavior:url('assets/css3pie/1.0.0/PIE.htc'); } /* header navigation */ #nav-main { margin: 0.2em; padding: 0; background-color: var(--mobilnavibackground); behavior: url('assets/css3pie/1.0.0/PIE.htc'); transition: 1s; } #nav-main ul.level_1 { margin: 0; padding: 0; text-align: left; } #nav-main li { margin: 0; padding: 0 0.2em; border-top: 1px solid var(--mobilenaviborder); border-left: 1px solid var(--mobilenaviborder); border-right: 1px solid var(--mobilenaviborder); list-style-type: none; } #nav-main ul.level_2 { margin: 0; padding: 0 0 0 2rem; text-align: left; } #nav-main li:last-of-type { border-bottom: 0; } #nav-main li a, #nav-main li span { display: block; padding: .1rem; text-align: left; background-color: var(--mobilnavibakbackground); text-decoration: none; color: var(--linknavicolor); } #nav-main a:hover, #nav-main a:focus { text-decoration: underline; } #nav-main .active { background-color: var(--headerback); text-decoration: none; color: var(--linknavicolor); } /* create the menu that can be hidden */ #nav-main { max-height: 0; } #menu:target nav.mod_navigation { max-height:40rem; } #menu:target a.shownav { display:none; } #menu:target a.hidenav { display:block; } /* 11b-nav-desktop.css Stand: 26.04.2023*/ /** CSS one column, PC Screen **/ @media screen and (min-width: 768px) { /* remove menu button for responsive naviagtion */ div.menubutton { display: none; } .nav-toggle { display: none; } #nav-main { max-height: 58px; display: block; /*background-color: var(--nav-line-back);*/ color: var(--linknavicolor); margin: 0 0 0 0; } #nav-main ul { width: auto; float: left; margin: 0; padding: 0; list-style: none; /*background-color: var(--nav-line-back);*/ } #nav-main li { width: auto; float: left; margin: 0 0em 0 0em; padding: 0 1em 0 1em; border: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: var(--navback); } #nav-main li span, #nav-main li a { display: inline; padding: 0; background-color: var(--navback); border: 0px; } #nav-main li:hover, #nav-main li:hover a, #nav-main li:hover a span, #nav-main li:hover strong { background-color: var(--navback2); } #nav-main li.active.submenu, #nav-main strong.active.submenu, #nav-main li.active, #nav-main strong.active { background-color: var(--navback2); } #nav-main .level_1 > li:hover, #nav-main .level_1 > li:hover > a, #nav-main .level_1 > li:hover > a span, #nav-main .level_1 > li:hover > strong, #nav-main .level_1 > li.active, #nav-main .level_1 > li.active > strong { background-color: var(--navback); } #nav-main a { background-color: var(--navback); display: block; line-height: 2rem; text-decoration: none; color: var(--linknavicolor); } #nav-main .active, #nav-main .trail { line-height: 2rem; border: 0px; color: var(--linknavicolor); } #nav-main .active strong{ font-weight: bold; } #nav-main a:hover, #nav-main a:focus { color: var(--linknavicolor); background-color: var(--navback); } #nav-main .level_2 { width: 0; height: 0; position: absolute; left: -32768px; overflow: hidden; display: block; } #nav-main ul.level_2 { margin: 0; margin-left: -1em; padding: 1em 0 1em 0; text-align: left; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #nav-main .level_2 li { clear: both; background-color: var(--navback2); } #nav-main .level_2 span { background-color: var(--navback2); } #nav-main li:hover .level_2 { width: auto; height: auto; min-width: 78px; left: auto; overflow: auto; display: block; background-color: var(--navback2); z-index: 1000; } #nav-main .level_2 .active, #nav-main .level_2 .trail { font-weight:bold; background-color: var(--navback2); } #nav-main .level_2 .sibling { font-weight: normal; } } /* 20-accordeon.css Stand: 26.05.2023*/ /* Wenn das erste Legacy Accordion Elemente nicht offen sein soll, dann eintragen ins Template: j_accordion.html5: active: 'false', */ /* benutze Variablen: --accordeonheader: rgba(236,201,62,1); --accordeonhover: rgba(0,0,0,1); --accordeonback: rgba(113,12,19,1); --accordeonborder: rgba(0,0,0,1); --accordeoncontentback: rgba(99,184,255,0.1); Anzeige aktuell mit "+" und "-" fürs Aufklapp-Symbol sollten Pfeile gewünscht werden, könnte man "Font Awesome 5 free" einbinden --> content symbole umschreiben zusätzlich Font Awesome installieren und im header auf Seitenlayout eintragen */ /* Akkordeon mit Legacey Elemente */ /* Abstände und Gestaltung des Accordion */ .mod_article [class*=ce_accordion] { margin: 0.5em 0; border-radius: 0.5em; border: var(--accordeonborder); } .ui-accordion-content { padding: 0.25em 0.5em; } .ce_accordion .toggler { cursor: pointer; color: var(--accordeonheader); background: var(--accordeonback); outline: none; padding: 0.5em; font-weight: 700; } .ce_accordion .toggler.active, .ce_accordion .toggler:hover { background: var(--accordeonhover); } .ui-icon:before { /* font-family: var(--accordeonarrow); für Font Awesome */ color: var(--accordeonheader); font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; width: 25px; text-align: center; /*content: '\f101'; für Font Awesome */ content: '+'; } .ui-accordion-header-active .ui-icon:before { /*content: '\f338'; für Font Awesome */ content: '-'; } /* Akkordeon Contao 5 */ .handorgel__header { font-size: 1em; } .handorgel__header__button { background: var(--accordeonback) !important; margin-top: 0.5em !important; border-top: 0px solid var(--accordeonback) !important; border-radius: 0.5em 0.5em 0 0 !important; color: #ffffff !important; } .handorgel__header__button:hover { background: var(--accordeonhover) !important; } .handorgel__content--open { border-radius: 0 0 0.5em 0.5em !important; } .handorgel__content { background: var(--accordeoncontentback) !important; border: var(--accordeonborder) !important; } .content-accordion { border-bottom: 0px solid #eee !important; } .handorgel__header__button:before { color: var(--accordeonheader); font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; width: 25px; text-align: center; content: '+'; } .handorgel__header--open .handorgel__header__button:before { content: '-'; } [aria-expanded="false"] { border-radius: 0.5em !important; } /* 21-images.css Stand: 26.05.2023 */ /* Image formatting */ /* Bilder mit Rahmen ohne Abstand */ .img-rahmen img { border-radius: 7px; border: var(--imgborder); } .img-rahmen figcaption { line-height: 1.2; font-size: 0.875em; background-color: var(--captionbackground); text-align: center; padding: 0.3em; border-radius: 5px; color: var(--captioncolor); margin: -0.2em 0 0 0; } .img-rahmen-neutral img { border-radius: 7px; border: var(--imgborder); } /* Linker und rechter Abstand zum Text bei Bildern bei Text mit Bild */ .float_left, .media--left>figure { margin-right: 0; } .float_right, .media--right>figure { margin-left: 0; } /* Bilder in mobilem Layout prozentual anzeigen */ .img-mobile-80 img { width: 80%; } .img-mobile img { width: 100%; } .img-mobile-center figure { text-align: center; } .img-center figure { text-align: center; } .img-no-caption figcaption { display: none; } /* Viewport max 767px */ @media screen and (max-width: 767px) { } /* Viewport min 768px */ @media screen and (min-width: 768px) { /* Linker und rechter Abstand zum Text bei Bildern bei Text mit Bild */ .float_left, .media--left>figure { margin-right: 1em; } .float_right, .media--right>figure { margin-left: 1em; } .img-mobile-center figure { text-align: block; } } /* 22-RockSolid-Slider.css Stand: 17.04.2024 */ /** Definitions for Image sliders, based on RockSolid-Slider **/ /* CSS-Prefix rsts-box wird nur benötigt, wenn die Galerie als Kachel/Box verwendet wird. Die Breite des Slider sollte auf "auto" gesetzt werden, damit sie sich der Breite besser anpasst */ /* Möchte man um den Slider inkl. Bilderleiste eine Rahmen, kann die CSS-Klasse "kachel" genutzt werden /* wenn keine Bildunterschrift da seins soll, muss im Modul das CSS-Prefix auf rsts-no-caption geändert werden */ .rsts-box-slide p { display: none !important; } .rsts-text { padding: 0.5em; } .rsts-thumbs-view { padding: 0 0 0.5em 0; } /* Slider bei Grid ohne Text etc., muss nur die CSS-ID slider-grid gesetzt werden - dann geht es mit Clickpress Grid */ #slider-grid .rsts-caption, #slider-grid .rsts-text, #slider-grid .rsts-prev, #slider-grid .rsts-next { display: none; } #slider-grid .rsts-slide { border-radius: 0.5em; } /* 26-suchen.css Stand: 10.05.2023 */ /* CSS Suchfeld und Ergebnis */ /* Suchfeld im Header */ #header .mod_form { margin: 0 0.5em 0; } #form-search { position: relative; display: inline-block; margin: 0 0 0.3em 0; width: 100%; } #form-search input.text { margin-bottom: 0; padding-right: 30px; width: 100%; transition: all 0.5s ease 0s; } #form-search input.text:focus { width: 240px; } #form-search input.submit { position: absolute; right: 6px; top: 7px; width: 24px; margin: 0; padding: 0; border: 0; border-radius: 0; } /* Suchfelder im Header (ctrl_3) und auf der Seite (ctrl_keywords_17), Button (ctrl_submit_17) - die Nummers ändern sich je nach CMS - aktuell Mischung Nordmar und Wirkstroem */ #ctrl_keywords_17, #ctrl_keywords_31, #ctrl_submit_17, #ctrl_submit_31, #ctrl_3, #ctrl_5 { margin-bottom: 1em; padding: 0.5em; border: 1px solid var(--buttonback); outline: 0; width: 100%; border-radius: 2px; } #ctrl_submit_17:hover, #ctrl_submit_31:hover { background-color: var(--buttonbackhover) } /* format search results */ .mod_search form button { width: 100%; } .mod_search form, .search_default { border: var(--searchboxborder); padding: 1em; background: var(--searchboxback); border-radius: 5px; } .mod_search .header { margin-top: 2em; padding: 0.2em; text-align: center; background: var(--searchheaderback); color: var(--searchheadertext); border-radius: 5px; border: var(--searchboxborder); } /* Such-Ergebnisblock V4 Anfang */ .mod_search .odd, .mod_search .even { background: var(--searchboxback); border: var(--searchboxborder); border-radius: 5px; margin: 0.6em 0; padding: 0.7em; } /* Such-Ergebnisblock V4 Ende */ /* Such-Ergebnisblock V5 Anfang */ .search_default { margin-bottom: 0.5em; } .search_default h3 { margin-top: 0; } /* Such-Ergebnisblock V5 Ende */ mark { background: none; color: var(--searchtext); font-weight: 700; } @media screen and (min-width: 768px) { /* Wenn das Suchfeld links an die navi angehängt werden soll */ #header .inside { display: flex; flex-wrap: wrap; } #header .mod_form { position: relative; right: 0em; z-index: 10; } #form-search input.text { width: 115px; } #form-search { margin: 0em 0 0em 0; } } /* 88-sonderformate.css Stand: 11.05.2023 */ /* Ãœberschrift ohne Top Abstand */ .h-top h2, .h-top h3 { margin-top: 0; } /* Abstand zwischen Artikeln */ .mod_article { margin-bottom: 1em; } /* Wenn Kachel nötig wird innerhalb einer seite */ .kachel { background: var(--kachelbackground); padding: 0.5em; border: var(--kachelborder); border-radius: 5px; margin-bottom: 1em; text-align: center; /* für Bild und Text auf mobile mittig setzen */ } /* für Bild und Text auf mobile mittig setzen */ .kachel .float_left, .media--left>figure { float: none; } .kachel2 { background: var(--kachel2background); padding: 0.5em; border: var(--kachel2border); border-radius: 5px; margin-bottom: 1em; text-align: left; /* für Bild und Text auf mobile mittig setzen */ } /* für Bild und Text auf mobile mittig setzen */ .kachel2 .float_left, .media--left>figure { float: none; } /* Buttons --> ungeschickte Bezeichnung - da es auch ein Standard CSS begriff ist - hängt dann auch mit Suchen Formular zusammen*/ .button a, button { display: inline-block; padding: 0.5em 2.75em; background: var(--buttonback); font-size: 1em; margin: 0.5em 0; text-align: center; color: var(--linknavicolor); font-weight: 700; text-decoration: none; border-radius: 5px; box-shadow: 0 1px 2px var(--boxshaddow); border: 0; transition: all 0.3s ease 0s; } .button a:hover, .button a:focus, button a:hover, button a:focus { background-color: var(--buttonbackhover); } .button-center, .text-center { text-align: center; } button { cursor: pointer; } /* Grid 100 % breit */ [class*=grid] { float: none; } /* Menü mit Unterseiten */ .mod_customnav { margin: 0.5em 0 !important; border-radius: 7px; } @media screen and (min-width: 768px) { .kachel { text-align: left; } .kachel .float_left, .media--left>figure { float: left; } } /* 99-print.css Stand: 26.04.2023*/ /* for printing, remove colors and backgrounds */ @media print { @page { size: A4; } #nav-main, #nav-mobile, #form-search, #footer .box-wrapper { display: none; } body { border: 0; } #wrapper { margin: 0; } #footer { border: 0; margin: 0; } #main a[href]:after { content: " (" attr(href) ")"; } } /** Buttons **/ .button a, button { /* … */ } .button a:hover, .button a:focus, button:hover, button:focus { /* … */ } button { cursor: pointer; } /** Formular **/ label{ display: block; } input, textarea, select { margin-bottom: 1em; padding: 0.5em; border: 1px solid #999; outline: 0; width: 100%; border-radius: 2px; } input:focus, textarea:focus, select:focus { border: 1px solid #9f111b; } form span.mandatory { display: none; } .submit { margin-top: 0; } p.error { color: red; background: #f1f1f1; border: 2px solid red; padding: 0.5em; margin: 0 0 0.25em 0; } .radio_container span { margin-right: 2em; } .radio_container input { width: auto; margin-left: 2px; } .radio_container label { display: inline-block; } .checkbox_container input { width: auto; } .checkbox_container label { display: inline-block; }