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%} legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} /** * 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 */ .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /*style.css*/ HTML { min-height: 100%; background: url("../../files/theme/img/text_bg.png") center top / cover #f1efe9; } HTML { /* Nutzt die Variable, die wir oben per JS setzen */ scroll-padding-top:80px; scroll-behavior: smooth; } BODY { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; /* FLÜSSIGE SCHRIFTGRÖSSE */ /* Startet bei 1rem (16px) auf Mobilgeräten und wächst harmonisch auf 1.1rem */ font-size: clamp(1rem, 0.95rem + 0.25vw, 1.1rem); /* GOLDENER SCHNITT FÜR DIE ZEILENHÖHE */ /* Ein Zeilenabstand von ~1.618 ist das Schönheitsideal für Lesbarkeit */ line-height: 1.618; font-family: "Google Sans Flex", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 0; color: #1B2631; } /*Typo*/ H1, H2, H3, H4, H5, H6 { font-weight: 200; font-family: "Julius Sans One", sans-serif; font-weight: 400; font-style: normal; } H1 { /* Die Basis: Sehr groß und dynamisch */ font-size: clamp(2.2rem, 1.6286rem + 1.8286vw, 3rem); line-height: 1.1; margin-top: 0; margin-bottom: 1rem; color: #1D808E; letter-spacing: -0.1vw; } H2 { /* H1 / 1.618: Immer noch deutlich als Unterüberschrift erkennbar */ font-size: clamp(1.36rem, 0.83rem + 1.69vw, 2.1rem); line-height: 1.2; margin-top: 1.5rem; margin-bottom: 0.75rem; } H3 { /* H2 / 1.618: Die Grenze zum Fließtext */ font-size: clamp(1.1rem, 0.8rem + 0.8vw, 1.3rem); font-weight: 700; /*line-height: 1.3;*/ margin-top: 1.25rem; text-transform: uppercase; } /* --- AB H4: OPTIMIERUNG FÜR LESBARKEIT --- */ H4 { /* Bleibt bei ca. 1.1rem, um sich vom Fließtext (meist 1rem) abzuheben */ font-size: 1.1rem; text-transform: uppercase; /* Optische Trennung statt Größe */ letter-spacing: 0.05em; margin-top: 1rem; } H5 { /* Entspricht etwa der Standardgröße, aber fett */ font-size: 1rem; font-weight: 700; margin-top: 1rem; } H6 { /* Klein, aber durch Fettdruck und Farbe noch als Label erkennbar */ font-size: 0.875rem; font-weight: 700; color: #666; margin-top: 1rem; } H4.blau { text-align: center; color: #2D669F; font-weight: 700; } A { text-decoration: none; color: #1D808E; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } A:hover { cursor: pointer; text-decoration: none; } .center { text-align: center; } /*Layout*/ #wrapper { } #slidersection { width: 90%; max-width: 1600px; margin: 0 auto; padding: 3.2vw 0; } #slidersection IMG { /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; width: 100%; } #container .articlewrapper, #footer .inside, #footersection .inside { width: 90%; max-width: 1214px; /* Standard für Mobile */ margin: 0 auto; } /*Header*/ #header { /*position: fixed;*/ width: auto; z-index: 9; /*+border-radius: 0;*/ -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; backdrop-filter:blur(400px); background-color: rgba(255, 255, 255, 0); line-height: 0; margin: 0 auto; z-index: 9 !important; transition: 500ms ease-in-out; padding: 10px 0; } .is-sticky #header { background-color: rgba(255, 255, 255, 0.800); /*+border-radius: 25rem;*/ -moz-border-radius: 25rem; -webkit-border-radius: 25rem; -khtml-border-radius: 25rem; border-radius: 25rem; /*+box-shadow: 0 0 4rem -2rem rgba(0, 0, 0, 0.333);*/ -moz-box-shadow: 0 0 4rem -2rem rgba(0, 0, 0, 0.333); -webkit-box-shadow: 0 0 4rem -2rem rgba(0, 0, 0, 0.333); box-shadow: 0 0 4rem -2rem rgba(0, 0, 0, 0.333); margin: 10px 2.5%; width: 95% !important; } #header .inside { width: 90%; margin: 0 auto; } #header .logo { /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; max-width: 80%; } #header .logo:hover { filter: saturate(2); } /*Main Content*/ /*#main { padding-top: 80px; }*/ #main .mod_article { padding:clamp(1rem, 0.2857rem + 2.2857vw, 2rem); 0; } .mod_article.hell { background: url("../../files/files/theme/img/text_bg.png") center bottom / cover transparent; } .mod_article.dunkel { background-color: rgba(46, 82, 87, 0.100); backdrop-filter:blur(10px); /*+box-shadow: 0 0 73px rgba(0, 0, 0, 0.100);*/ -moz-box-shadow: 0 0 73px rgba(0, 0, 0, 0.100); -webkit-box-shadow: 0 0 73px rgba(0, 0, 0, 0.100); box-shadow: 0 0 73px rgba(0, 0, 0, 0.100); } #main .pfeil LI, #main .liste LI { padding-left: 1.618rem; } #main .pfeil LI:before, #main .liste LI:before { font-family: 'Material Icons'; content: "\e5e1"; vertical-align: middle; padding-right: 0.5rem; color: #1E2A2B; opacity: 0.5; margin-left: -1.618rem; } #main .ce_hyperlink { border-bottom: 1px dotted #C0C78A; padding-bottom: 20px; } #main .ce_hyperlink H3 { color: #9DA26E; } #main .ce_hyperlink H3:before { font-weight: normal; font-family: FontAwesome; content: "\f08e"; margin-right: 5px; } #main .ce_accordion .toggler { cursor: pointer; } #main .ce_accordion .toggler H2 { margin-top: 0; } #main .ce_accordion .toggler H2:before { text-align: center; font-family: FontAwesome; content: "\f13a"; color: #C3D623; font-weight: normal; margin-right: 10px; } VIDEO, .video-container, .content-youtube { width: 100%; height: auto; aspect-ratio: 16 / 9; /* Sets the proportions automatically */ object-fit: cover; /* Ensures the video fills the area without stretching */ /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; } .video-responsive, .content-youtube { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio (9 / 16 = 0.5625) */ height: 0; overflow: hidden; } .video-responsive IFRAME, .content-youtube IFRAME { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .content-player FIGCAPTION { text-align: center; font-family: "Julius Sans One", sans-serif; color: #1D808E; font-weight: 700; } #main .more A, #main .back A, FORM BUTTON, #main INPUT[type=submit], #main .button, .content-hyperlink A { display: inline-block; padding: 0.75rem 2rem; /*+transition: all 750ms ease-in-out;*/ -webkit-transition: all 750ms ease-in-out; -moz-transition: all 750ms ease-in-out; -o-transition: all 750ms ease-in-out; transition: all 750ms ease-in-out; font-size: 1rem; /*+border-radius: 4rem;*/ -moz-border-radius: 4rem; -webkit-border-radius: 4rem; -khtml-border-radius: 4rem; border-radius: 4rem; /*+box-shadow: 0 0 0.5rem -0.25rem rgba(0, 0, 0, 0.333);*/ -moz-box-shadow: 0 0 0.5rem -0.25rem rgba(0, 0, 0, 0.333); -webkit-box-shadow: 0 0 0.5rem -0.25rem rgba(0, 0, 0, 0.333); box-shadow: 0 0 0.5rem -0.25rem rgba(0, 0, 0, 0.333); border: 1px solid #C2CF29; background-color: #FFFFFF; } #main .more A:hover, #main .back A:hover, FORM BUTTON:hover, INPUT[type=submit]:hover, #main .button:hover, .content-hyperlink A:hover { color: #FFFFFF; background-color: #C2CF29; border: 1px solid #FFFFFF; } FORM BUTTON, INPUT[type=submit], .button { cursor: pointer; background-image: none; background-image: none; background-image: none; background-image: none; background-image: none; background-repeat: no-repeat; } #main FORM BUTTON.submit.gruen { color: #FFFFFF; background-color: #C2CF29; border: 2px solid rgba(159, 82, 45, 0.100); padding: 1.5rem 2rem; font-weight: 700; } #main FORM BUTTON.submit.gruen:hover { background-color: rgba(255, 255, 255, 0.333); border: 2px solid rgba(159, 82, 45, 0.100); /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); color: #1B2631; } .gruen A { background-color: #1D7F8E; color: #FFFFFF; } #main .kasten, #footersection .kasten { padding: 4vw; margin: 40px 0; background-color: rgba(255, 255, 255, 0.333); backdrop-filter:blur(1rem); border: 2px solid rgba(159, 82, 45, 0.100); /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); position: relative; } #main .kasten:after { content: ""; background: url("../../files/theme/img/text_bg.png") center / contain fixed rgba(255, 255, 255, 0.333); opacity: 0.5; backdrop-filter:blur(20px); top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } #main .kasten .content-text { z-index: 1; } #main .kasten.eins, #main .kasten.zwei, #main .kasten.drei, #main .kasten.vier, #main .kasten.fuenf { position: relative; overflow: visible; } #main .kasten.eins:before, #main .kasten.zwei:before, #main .kasten.drei:before, #main .kasten.vier:before, #main .kasten.fuenf:before { font-size: clamp(5rem, 2.8571rem + 6.8571vw, 8rem); position: absolute; top: -60px; left: -20px; color: #C2CF29; line-height: 1; padding: 20px; z-index: 0; width:clamp(5rem, 2.8571rem + 6.8571vw, 8rem); height:clamp(5rem, 2.8571rem + 6.8571vw, 8rem); text-align: center; } #main .kasten.eins:before { content: "1."; } #main .kasten.zwei:after { content: ""; background: url("../../files/content/gartenplanung/NG-Garten-Skizze.jpg") center / contain fixed rgba(255, 255, 255, 0.333); opacity: 0.175; backdrop-filter:blur(20px); top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } #main .kasten.zwei:before { content: "2."; } #main .kasten.drei:before { content: "3."; } #main .kasten.vier:before { content: "4."; } #main .kasten.fuenf:before { content: "5."; } #main .kasten.nomargin { margin: 0; } #main .kasten.links { border-left: 5px solid #C3D621; font-weight: 600; font-size: 1.2em; } #main .kasten.rechts { border-right: 5px solid #C3D621; text-align: right; font-weight: 600; font-size: 1.2em; } #main .kasten H1 { background: url("../../files/files/theme/brushed.png") repeat center top; padding: 15px 20px 20px; margin: 0 -20px 20px; border-bottom: 1px solid #C39C0D; } #main .kasten H2 { margin-top: 0; } #main .kasten.extlink { background-color: rgba(29, 127, 141, 0.037); backdrop-filter: blur(40px); text-align: center; margin: 0; background: url("../../files/files/theme/img/text_bg.png") center bottom / contain fixed; backdrop-filter:blur40px); } .netzwerk H2 { text-align: center; } #main .kasten.extlink H3 { margin-top: 0; } #main .kasten.extlink H3:before { display: block; font-family: 'Material Icons'; content: "\e1ca"; vertical-align: middle; color: #C3D523; font-size: 2.5rem; } #main .card { padding:clamp(1rem, -1.1429rem + 6.8571vw, 4rem) clamp(1rem, -1.1429rem + 6.8571vw, 4rem) clamp(4rem, 1.1429rem + 9.1429vw, 8rem) clamp(1rem, -1.1429rem + 6.8571vw, 4rem); background-color: rgba(255, 255, 255, 0.333); backdrop-filter:blur(1rem); border: 2px solid rgba(159, 82, 45, 0.100); /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); position: relative; } #main .card::after { content: ""; background: url("../../files/theme/img/text_bg.png") center / contain fixed rgba(255, 255, 255, 0.333); opacity: 0.5; backdrop-filter:blur(20px); top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } #main .card.laender, #main .card.orte, #main .card.online { position: relative; overflow: visible; margin-top: 1rem; } #main .card.laender:before, #main .card.orte:before, #main .card.online:before { font-size: clamp(1.2rem, 0.9143rem + 0.9143vw, 1.6rem); position: absolute; top: -0.5rem; left: 1rem; color: #C2CF29; line-height: 1; z-index: 0; } #main .card.laender:before { content: "Deutschland, Österreich, Schweiz" !important; } #main .card.orte:before { content: "Raum Ammersee oder Lüneburg"; } #main .card.online:before { content: "Online per Zoom"; } #main .card .content-text { z-index: 1; } #main .card.laender H3, #main .card.orte H3, #main .card.online H3 { background-color: #C5D329; display: inline-block; padding: 0.5rem 1rem; /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; position: absolute; bottom:clamp(1rem, -1.1429rem + 6.8571vw, 4rem); left:clamp(1rem, -1.1429rem + 6.8571vw, 4rem); margin: 0 !important; border: 2px solid #FFFFFF; font-weight: bold; } #main .card.laender .content-hyperlink, #main .card.orte .content-hyperlink, #main .card.online .content-hyperlink { position: absolute; bottom:clamp(1rem, -1.1429rem + 6.8571vw, 4rem); right:clamp(1rem, -1.1429rem + 6.8571vw, 4rem); } .mod_gallery_creator .visitors, .mod_gallery_creator .tstamp { display: none; } #main IMG { /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; /*+transform: scale(1);*/ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } #main A IMG:hover { filter: sepia(0.25) saturate(2); /*+transform: scale(0.98);*/ -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -o-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98); /*+transition: 250ms ease-in-out;*/ -webkit-transition: 250ms ease-in-out; -moz-transition: 250ms ease-in-out; -o-transition: 250ms ease-in-out; transition: 250ms ease-in-out; } #main .shadow.content-image { margin: 2rem; } #main .shadow IMG { /*+box-shadow: 0 0 3rem -1rem rgba(1, 1, 1, 0.333);*/ -moz-box-shadow: 0 0 3rem -1rem rgba(1, 1, 1, 0.333); -webkit-box-shadow: 0 0 3rem -1rem rgba(1, 1, 1, 0.333); box-shadow: 0 0 3rem -1rem rgba(1, 1, 1, 0.333); } #main .noshadow IMG { /*+box-shadow: none;*/ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #main HR { border: none; border-bottom: 1px solid #D0D6D1; margin: 20px 0; } #main BLOCKQUOTE { font-family: 'Playfair Display', serif; font-size: 1.6em; line-height: 1.4em; text-align: center; color: #83982F; margin: 40px 0; } #main BLOCKQUOTE P { quotes: '»' '«'; } #main BLOCKQUOTE P:before { content: open-quote; } #main BLOCKQUOTE P:after { content: close-quote; } .mehrspaltig H1, .mehrspaltig H2, .mehrspaltig H3 { column-span: all; } .mehrspaltig { columns: 400px; column-gap: 4vw; } /*Formular*/ :focus { outline: none; border-color: rgba(41, 128, 185, 0.100); } FIELDSET .widget-upload .mandatory INPUT { display: inline-block; padding: 1rem; background: #FFF; border: 1px solid #C2CF29; /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: inset 0 1px 1px #EEE;*/ -moz-box-shadow: inset 0 1px 1px #EEE; -webkit-box-shadow: inset 0 1px 1px #EEE; box-shadow: inset 0 1px 1px #EEE; /*+transition: all 0.15s linear;*/ -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; /*+box-sizing: border-box;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .mandatory { } .custom-file-upload:hover { background-color: #27AE60; } FIELDSET { margin-bottom:clamp(1.36rem, 0.83rem + 1.69vw, 2.1rem); } FIELDSET.kontaktdaten SELECT { appearance: none; /* Entfernt Browser-Styling */ padding: 1rem; background: #FFF; border: 1px solid #C2CF29; /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: inset 0 1px 1px #EEE;*/ -moz-box-shadow: inset 0 1px 1px #EEE; -webkit-box-shadow: inset 0 1px 1px #EEE; box-shadow: inset 0 1px 1px #EEE; /*+transition: all 0.15s linear;*/ -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; /*+box-sizing: border-box;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } FIELDSET LEGEND { color: #1D808E; font-weight: 300; font-size: clamp(1.36rem, 0.83rem + 1.69vw, 2.1rem); line-height: 1.2; margin-bottom:clamp(1.36rem, 0.83rem + 1.69vw, 2.1rem); } FIELDSET B { color: #C2CF29; font-weight: bold; } INPUT[type=text], INPUT[type=password], INPUT[type=date], INPUT[type=datetime], INPUT[type=email], INPUT[type=number], INPUT[type=search], INPUT[type=tel], INPUT[type=time], INPUT[type=url], INPUT:not([type]), TEXTAREA { width: 100%; display: inline-block; padding: 1rem; background: #FFF; border: 1px solid #C2CF29; /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: inset 0 1px 1px #EEE;*/ -moz-box-shadow: inset 0 1px 1px #EEE; -webkit-box-shadow: inset 0 1px 1px #EEE; box-shadow: inset 0 1px 1px #EEE; /*+transition: all 0.15s linear;*/ -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; /*+box-sizing: border-box;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .radio_container SPAN, .checkbox_container SPAN { display: block; margin-bottom: 1.618rem; background-color: rgba(186, 186, 186, 0.311); padding: 1rem 1rem 1rem 2.4rem; background: #FFF; border: 1px solid #C2CF29; /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: inset 0 1px 1px #EEE;*/ -moz-box-shadow: inset 0 1px 1px #EEE; -webkit-box-shadow: inset 0 1px 1px #EEE; box-shadow: inset 0 1px 1px #EEE; /*+transition: all 0.15s linear;*/ -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; /*+box-sizing: border-box;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .radio_container LEGEND SPAN, .checkbox_container LEGEND SPAN { display: inline-block; } .radio_container INPUT, .checkbox_container .checkbox { margin-left: -1.2rem; } @media (max-width: 576px) { FIELDSET.kontaktdaten .widget { grid-template-columns: 1fr; } } input[type="file"]::file-selector-button, input[type="file"]::-webkit-file-upload-button { background-color: #1D7F8E; border: none; color: white; cursor: pointer; display: inline-block; padding: 2rem 3rem; /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: inset 0 1px 1px #EEE;*/ -moz-box-shadow: inset 0 1px 1px #EEE; -webkit-box-shadow: inset 0 1px 1px #EEE; box-shadow: inset 0 1px 1px #EEE; /*+transition: all 500ms linear;*/ -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; /*+box-sizing: border-box;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-weight: bold; margin-right: 1rem; } input[type="file"]::file-selector-button:hover { background-color: #C2CF29; border: none; } /*Footer*/ #footersection { padding: 3.2rem 0; background: #1D808E; background-color: rgba(255, 255, 255, 0.333); backdrop-filter:blur(1rem); border-width: 2px 0; border-style: solid; border-color: rgba(159, 82, 45, 0.100); /*+box-shadow: inset 0 0 6.4rem -1.618rem rgba(159, 82, 45, 0.333);*/ -moz-box-shadow: inset 0 0 6.4rem -1.618rem rgba(159, 82, 45, 0.333); -webkit-box-shadow: inset 0 0 6.4rem -1.618rem rgba(159, 82, 45, 0.333); box-shadow: inset 0 0 6.4rem -1.618rem rgba(159, 82, 45, 0.333); position: relative; } #footersection::after { content: ""; background: url("../../files/theme/img/text_bg.png") bottom center / contain fixed transparent; opacity: 0.5; backdrop-filter:blur(20px); top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } #footersection HR { border: none; border-top: 1px solid #FFFFFF; } #footersection .kasten { margin: 0; } #footersection .kasten H2 { /*margin-top: 0;*/ } #footersection .kasten.erstgespraech, #footersection .kasten.gartenplanung { position: relative; overflow: visible; margin-top: 40px; } #footersection .kasten.erstgespraech:before, #footersection .kasten.gartenplanung:before { font-size: clamp(4rem, 3.2857rem + 2.2857vw, 5rem); position: absolute; top: -60px; left: 0; color: #C2CF29; line-height: 1; padding: 20px; z-index: 0; width:clamp(4rem, 3.2857rem + 2.2857vw, 5rem); height:clamp(4rem, 3.2857rem + 2.2857vw, 5rem); text-align: center; } #footersection .kasten.erstgespraech:before { content: "Termin"; } #footersection .kasten.gartenplanung:before { content: "Planung"; } #footersection A { color: #1B2631; } #footersection .kontakt UL { /*padding-bottom: 0.1618rem;*/ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.618rem; } #footersection .kontakt A { padding: 1.618rem; display: block; background-color: rgba(255, 255, 255, 0.333); backdrop-filter:blur(1rem); border: 2px solid rgba(159, 82, 45, 0.100); /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); } #footersection .kontakt A:hover { background-color: #C2CF29; border: 2px solid rgba(193, 206, 41, 0.100); color: #FFFFFF; } #footersection .button { display: block; padding: 0; /*+transition: all 500ms ease-in-out;*/ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; font-size: clamp(1rem, 0.95rem + 0.25vw, 1.1rem); /*+border-radius: 4rem;*/ -moz-border-radius: 4rem; -webkit-border-radius: 4rem; -khtml-border-radius: 4rem; border-radius: 4rem; background-color: transparent; border: none; /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: none;*/ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #footersection .button A { display: block; padding: 1.618rem; /*+transition: all 500ms ease-in-out;*/ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; font-size: clamp(1rem, 0.95rem + 0.25vw, 1.1rem); /*+border-radius: 4rem;*/ -moz-border-radius: 4rem; -webkit-border-radius: 4rem; -khtml-border-radius: 4rem; border-radius: 4rem; background-color: #C2CF29; border: 2px solid rgba(159, 82, 45, 0.100); /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); font-weight: bold; color: #FFFFFF; } #footersection .button A:hover { background-color: rgba(255, 255, 255, 0.333); border: 2px solid rgba(159, 82, 45, 0.100); /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); color: #1B2631; } #footersection .button:hover A { color: #1B2631; } @media (max-width: 1099px) { /*#footersection .kontakt UL { (*padding-bottom: 0.1618rem;*) display: flex; grid-gap: 1.618rem; }*/ #footersection .kontakt A .material-icons { display: block; } } @media (max-width: 768px) { #footersection .kontakt UL { display: block; } #footersection .kontakt A .material-icons { display: inline-block; } } /*Footer*/ #footer { padding:clamp(1rem, 0.5586rem + 1.4126vw, 1.618rem) 0; line-height: 1.5em; font-size: 0.8em; background: #1D808E; } #mod_footerKontakt { color: #FFFFFF; text-align: right; } #mod_footerKontakt A { color: #25A2B5; text-decoration: none; } @media (max-width: 768px) { #mod_footerKontakt { text-align: center; } } /*Rocksolid Slider*/ .rsts-skin-default { margin: 0; padding: 0; line-height: 0; } .rsts-skin-default.rsts-type-fade .rsts-slide { background-color: transparent; } .rsts-skin-default FIGURE.image_container IMG { width: 100vw; object-fit: cover; height: auto; } .rsts-skin-default .content-text { position: absolute; top: 20%; right: 10%; background-color: rgba(255, 255, 255, 0.950); padding: 40px; /*+border-radius: 5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width: 50%; /*+box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);*/ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); line-height: 1.7em; } #menusection .mod_rocksolid_slider, #menusection .ce_image { max-width: 1600px; margin: 0 auto; } #menusection .ce_image IMG { width: 100%; } @media (max-width: 999px) { .rsts-skin-default .ce_text { top: 10%; right: 10%; width: 80%; } } @media (max-width: 799px) { .rsts-skin-default .ce_text { display: none; } } .rsts-skin-default .ce_text H1 { color: #677317; margin-top: 0; } /*Galerie*/ /*Galerie*/ .content-gallery { line-height: 0; position: relative; } .content-gallery--cols-1 UL, .content-gallery--cols-2 UL, .content-gallery--cols-3 UL, .content-gallery--cols-4 UL, .content-gallery--cols-5 UL, .content-gallery--cols-6 UL, .content-gallery--cols-7 UL, .content-gallery--cols-8 UL, .content-gallery--cols-9 UL, .content-gallery--cols-10 UL, .content-gallery--cols-11 UL, .content-gallery--cols-12 UL { display: grid; grid-gap: 1.618vw 1.618vw; } .content-gallery--cols-1 UL { grid-template-columns: 1fr; } .content-gallery--cols-2 UL { grid-template-columns: repeat(2, 1fr); } .content-gallery--cols-3 UL { grid-template-columns: repeat(3, 1fr); } .content-gallery--cols-4 UL { grid-template-columns: repeat(4, 1fr); } .content-gallery--cols-5 UL { grid-template-columns: repeat(5, 1fr); } .content-gallery--cols-6 UL { grid-template-columns: repeat(6, 1fr); } .content-gallery--cols-7 UL { grid-template-columns: repeat(7, 1fr); } .content-gallery--cols-8 UL { grid-template-columns: repeat(8, 1fr); } .content-gallery--cols-9 UL { grid-template-columns: repeat(9, 1fr); } .content-gallery--cols-10 UL { grid-template-columns: repeat(10, 1fr); } .content-gallery--cols-11 UL { grid-template-columns: repeat(11, 1fr); } .content-gallery--cols-12 UL { grid-template-columns: repeat(12, 1fr); } @media (max-width: 768px) { .content-gallery--cols-5 UL, .content-gallery--cols-6 UL, .content-gallery--cols-7 UL, .content-gallery--cols-8 UL, .content-gallery--cols-9 UL, .content-gallery--cols-10 UL, .content-gallery--cols-11 UL, .content-gallery--cols-12 UL { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 576px) { .content-gallery--cols-1 UL, .content-gallery--cols-2 UL, .content-gallery--cols-3 UL, .content-gallery--cols-4 UL, .content-gallery--cols-5 UL, .content-gallery--cols-6 UL, .content-gallery--cols-7 UL, .content-gallery--cols-8 UL, .content-gallery--cols-9 UL, .content-gallery--cols-10 UL, .content-gallery--cols-11 UL, .content-gallery--cols-12 UL { grid-template-columns: repeat(2, 1fr); } } .goverlay { background: url("../../files/theme/img/text_bg.png") center top / cover #FFFFFF !important; opacity: 0.96; } .glightbox-mobile .goverlay { background: url("../../files/theme/img/text_bg.png") center top / cover #FFFFFF !important; opacity: 0.96; } .swiper-button-next, .swiper-button-prev { color: #C2CF29; } .swiper-pagination-bullet-active { background: #C2CF29; } .gslide-image { /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; } .gslide-image IMG { /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; } @media (min-width: 769px) { .glightbox-clean .gslide-media { /*+box-shadow: 0 0 4rem -1rem rgba(0, 0, 0, 0.666);*/ -moz-box-shadow: 0 0 4rem -1rem rgba(0, 0, 0, 0.666); -webkit-box-shadow: 0 0 4rem -1rem rgba(0, 0, 0, 0.666); box-shadow: 0 0 4rem -1rem rgba(0, 0, 0, 0.666); } } /*Pagination*/ #main .pagination { line-height: 1em; font-size: 15px; margin-top: 30px; } #main .pagination P { display: block; float: right; line-height: 2em; } #main .pagination LI { display: inline-block; width: auto; text-decoration: none; color: #FFFFFF; background-color: #DBC583; padding: 5px 8px; /*+transition: all 500ms ease-in-out;*/ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; margin: 0 5px 0 0; } #main .pagination A { color: #FFFFFF; text-decoration: none; } #main .pagination LI:hover { color: #FFFFFF; background-color: #C3D523; } @media (max-width: 599px) { #main .pagination P { float: none; } } /*Infobox*/ .infobox { text-decoration: none; color: #606060; } .infobox A { color: #5A5A5A; } .infobox A:hover { text-decoration: none; } .infobox .fa { color: #606060; font-weight: normal; } .infobox H2 { margin-top: 0; } .infobox:hover { cursor: help; } .infobox SPAN { visibility: hidden; position: absolute; top: 0; margin: 3em 3em 3em 30%; padding: 4em; text-decoration: none; /*+box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.25);*/ -moz-box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.25); box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.25); /*+border-radius: 5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .infobox A SPAN { color: #606060; font-weight: normal; } .infobox:hover SPAN, .infobox:focus SPAN, .infobox:active SPAN { visibility: visible; left: 1em; background: #FFFBEE; } /*Artikelteaser*/ .artikelteaser { background-color: #FFFAEC; background-color: rgba(255, 255, 255, 0.5); padding: 1% 4%; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 39.7%; /*+box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.5);*/ -moz-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.5); box-shadow: 0px 10px 20px -15px rgba(0, 0, 0, 0.5); margin-right: 2%; margin-bottom: 2%; } @media (max-width: 799px) { .artikelteaser { padding: 1% 4%; margin: 0 0 10px 0; width: 92%; } } /*Material Icons*/ .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; vertical-align: middle; } /*Accordion*/ .handorgel__header__button { background-color: rgba(255, 255, 255, 0.333); backdrop-filter:blur(1rem); font-weight: 200; text-transform: uppercase; padding-left: 3rem; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .handorgel__header--opened .handorgel__header__button { color: #1D808E; } .handorgel__header__button:hover { background-color: rgba(255, 255, 255, 0.75); color: #1D808E; } .handorgel__header__button:before { font-family: 'Material Icons'; content: "\e79a"; vertical-align: text-bottom; padding-right: 0.5rem; color: #1B2631; font-size: 1.5rem; opacity: 0.5; color: #1D808E; margin-left: -2rem; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } .handorgel__header__button:hover:before, .handorgel__header--opened .handorgel__header__button:before { color: #C2CF29; } .handorgel__content { background-color: rgba(246, 246, 246, 0.333); } /* 1. Styling für das Video-Element */ #bg-video { /* Positionierung und Abmessungen */ position: fixed; /* Wichtig, damit das Video im Hintergrund bleibt, auch wenn der Inhalt scrollt */ top: 50%; left: 50%; /* Skalierung: Das Video soll den gesamten Bildschirm ausfüllen, wobei das Seitenverhältnis beibehalten wird. Ähnlich wie 'background-size: cover;' */ min-width: 100%; min-height: 100%; /* Zentrierung des Videos */ transform: translateX(-50%) translateY(-50%); /* Tiefen-Ebene */ z-index: -100; /* Setzt das Video hinter den anderen Inhalt */ } /*Aktuelles*/ .mod_newslist { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-gap: 1.618rem; } .mod_newslist .layout_latest { position: relative; padding: 0 1.618rem 5rem; background-color: rgba(255, 255, 255, 0.333); backdrop-filter:blur(1rem); border: 2px solid rgba(159, 82, 45, 0.100); /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); position: relative; } .mod_newslist .layout_latest::after { content: ""; background: url("../../files/theme/img/text_bg.png") center / contain fixed rgba(255, 255, 255, 0.333); opacity: 0.5; backdrop-filter:blur(20px); top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } .mod_newslist .layout_latest .ce_text { display: none; } .mod_newslist .layout_latest .newsteaser { padding: 0 1vw 1vw; } .mod_newslist .layout_latest H2 { font-size: clamp(1.1rem, 0.8rem + 0.8vw, 1.3rem); font-family: "Google Sans Flex", sans-serif; line-height: 1.5; } #main .mod_newslist .layout_latest .image_container { margin: -1vw -1.618rem 1rem -1.618rem; } .mod_newslist .layout_latest IMG { width: 100%; } .mod_newslist .layout_latest IMG:hover { filter: sepia(150%) saturate(200%); } .mod_newslist .layout_latest .more { position: absolute; bottom: 0.5rem; } .mod_newsreader .info { display: none; } .mod_newsreader .back { margin-top: 1.618rem; } /*nav.css*/ /*Mobile*/ .mobile_menu_trigger { position: absolute; right: 0; top: 50%; /*+transform: translateY(-50%);*/ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .mobile_menu_trigger I { font-size: 2.4rem; color: #1D808E; } .mobile_menu .inner { background: url("../../files/theme/img/bg_blatt_gruen.jpg") 0 0 / contain fixed #FFFFFF; padding: 1.618rem; } .mobile_menu .module-onepage-navigation { font-family: "Julius Sans One", sans-serif; font-weight: 400; font-style: normal; } .mobile_menu .module-onepage-navigation A { display: block; text-decoration: none; color: #15191A; text-transform: uppercase; text-align: center; font-weight: 400; display: inline-flex; margin: 0 0.5vw; border-left: 2rem solid transparent; padding-left: 1rem; } .mobile_menu .module-onepage-navigation A:hover { /*+transition: all 500ms ease-in-out;*/ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; border-left: 2rem solid #687427; } .mobile_menu .module-onepage-navigation .active A { border-left: 0.15rem solid #C2CF29; } /*Top Navigation*/ #mainmenu { line-height: 0; font-family: "Julius Sans One", sans-serif; font-weight: 400; font-style: normal; position: absolute; right: 0; top: 10px; font-size: clamp(0.8rem, -0.2846rem + 1.8462vw, 1.1rem); } #mainmenu LI { display: inline-block; line-height: 1; } #mainmenu STRONG { font-weight: normal; } #mainmenu A, #mainmenu STRONG { display: block; text-decoration: none; color: #15191A; text-transform: uppercase; text-align: center; font-weight: 400; display: inline-flex; /*+transition: all 500ms ease-in-out;*/ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; background-color: transparent; padding: 0.75rem 1vw; /*+border-radius: 2rem;*/ -moz-border-radius: 2rem; -webkit-border-radius: 2rem; -khtml-border-radius: 2rem; border-radius: 2rem; } #mainmenu A:hover { background-color: #C2CF29; color: #FFFFFF; } #mainmenu .active A, #mainmenu STRONG.active, #mainmenu A.trail { background-color: #1D808E; color: #FFFFFF; } @media (max-width: 920px) { #mainmenu { display: none; } } /*Submenu*/ .MainMobile UL { display: grid; grid-template-columns: 1fr; grid-gap: 1.618vw; } .MainMobile A, .MainMobile STRONG { color: #15191A; display: block; font-family: "Julius Sans One", sans-serif; font-weight: 400; font-style: normal; padding: 1.618vw 1.618rem; background-color: rgba(255, 255, 255, 0.333); backdrop-filter:blur(1rem); border: 2px solid rgba(159, 82, 45, 0.100); /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; /*+box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260);*/ -moz-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); -webkit-box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); box-shadow: 0 0 4rem -2rem rgba(27, 38, 49, 0.260); } .MainMobile A:hover { background-color: #C2CF29; color: #FFFFFF; } .MainMobile .active A, .MainMobile STRONG.active, .MainMobile A.trail { background-color: #1D808E; color: #FFFFFF; } /*Service menu*/ .servicemenu STRONG { font-weight: normal; } .servicemenu A, .servicemenu SPAN { display: inline-block; text-decoration: none; } .servicemenu A:before { font-family: 'Material Icons'; content: "\e5e1"; vertical-align: middle; padding-right: 0.5rem; color: #1E2A2B; opacity: 0.5; } /*FooterMenu*/ #agbMenu LI { display: inline-block; line-height: 3.1; } #agbMenu A, #agbMenu STRONG { text-decoration: none; color: #FFFFFF; font-weight: 400; } #agbMenu STRONG.active { color: #C3D523; } #agbMenu A:before, #agbMenu STRONG.active:before { font-family: 'Material Icons'; content: "\e5e1"; vertical-align: middle; padding-right: 0.25rem; color: #FFFFFF; color: #C3D523; opacity: 0.5; } #agbMenu A:hover { color: #C3D523; /*+transition: all 500ms ease;*/ -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } #agbMenu .netzwerk A, #agbMenu .netzwerk STRONG { background-color: #FFFFFF; padding: 1rem 2rem 1rem 1rem; vertical-align: middle; color: #1B2631; font-family: "Julius Sans One", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(0.8rem, -0.2846rem + 1.8462vw, 1.1rem); /*+border-radius: 1rem;*/ -moz-border-radius: 1rem; -webkit-border-radius: 1rem; -khtml-border-radius: 1rem; border-radius: 1rem; } #agbMenu .netzwerk A:hover { background-color: #C2CF29; color: #1D7F8E; } #agbMenu .netzwerk A:hover:before { color: #FFFFFF; /*+transition: 500ms ease-in-out;*/ -webkit-transition: 500ms ease-in-out; -moz-transition: 500ms ease-in-out; -o-transition: 500ms ease-in-out; transition: 500ms ease-in-out; } #agbMenu A:hover { color: #C3D523; /*+transition: all 500ms ease;*/ -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } #agbMenu .netzwerk STRONG.active { color: #1D7F8E; } @media (max-width: 768px) { #agbMenu { text-align: center; } } @media (max-width: 576px) { #agbMenu LI { display: block; } } /*Galerie*/ .nav-galerie { display: table; table-layout: fixed; border-collapse: collapse; font-style: normal; width: 100%; background-color: #DBC583; /*+border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-bottom: 2%; line-height: 0; } @media (max-width: 799px) { .nav-galerie { display: none; } } .nav-galerie UL { display: table-row; } .nav-galerie LI { display: table-cell; vertical-align: middle; border-right: 1px solid #FFF8DD; line-height: 1; } @media (max-width: 767px) { .nav-galerie LI { display: block; width: auto; border-right: none; text-align: center; border-bottom: 1px solid #FFFFFF; } } .nav-galerie A, .nav-galerie SPAN { display: block; font-size: 0.925em; text-decoration: none; color: #FFFFFF; text-transform: uppercase; padding: 10px 0; text-align: center; font-weight: 400; /*+transition: all 500ms ease-in-out;*/ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .nav-galerie A:hover, .nav-galerie LI.first A.first:hover:before { background-color: #C3D523; /*+transition: all 500ms ease-in-out;*/ -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .nav-galerie SPAN, .nav-galerie A.trail, .nav-galerie A.active { color: #FFF8DD; background-color: #677318; } .nav-galerie LI.first A, .nav-galerie LI.first.first SPAN { line-height: 1.1; } .nav-galerie LI.last { border-right: none; } /*Toplink*/ .ce_toplink { display: block; text-align: right; } .ce_toplink A { padding: 10px; color: #FFFFFF; background-color: #DBC583; text-decoration: none; } .ce_toplink A:before { font-family: FontAwesome; content: "\f139"; margin-right: 5px; color: #FFFFFF; font-weight: 400; margin-left: 1px; } .ce_toplink A:hover { background-color: #C3D621; /*+transition: all 500ms ease;*/ -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } /* google-sans-flex-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Google Sans Flex'; font-style: normal; font-weight: 200; src: url('../../files/theme/fonts/google-sans-flex-v16-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* google-sans-flex-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Google Sans Flex'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/google-sans-flex-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* google-sans-flex-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Google Sans Flex'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/google-sans-flex-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* google-sans-flex-900 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Google Sans Flex'; font-style: normal; font-weight: 900; src: url('../../files/theme/fonts/google-sans-flex-v16-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* julius-sans-one-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Julius Sans One'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/julius-sans-one-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* material-icons-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/material-icons-v145-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }