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%} .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} /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px} *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @charset "UTF-8"; /* CSS Document */ /* cookiebar */ .cookiebar { box-sizing: border-box; position: fixed; left: 0; width: 100%; padding: .6em 1.2em; background-color: #4b4b4b; color: #fff; font-size: 1em; text-align: center; z-index:10 } .cookiebar * { box-sizing:border-box } .cookiebar--active { display: flex !important; justify-content: center; align-items: center; flex-wrap:wrap } .cookiebar--position-top { top:0 } .cookiebar--position-bottom { bottom:0 } .cookiebar__message, .cookiebar__text { margin-right:1.5em } .cookiebar__link { color: #fff; text-decoration:underline } .cookiebar__link:hover { text-decoration:none } .cookiebar__button { margin: 0; padding: .6em 1.2em; border: none; border-radius: 0; background-color: #4ea55e; color: #fff; font-weight: 700; cursor:pointer } .cookiebar__button:hover { background-color:#3e824a } .cookiebar__analytics { margin-right:1.5em } .cookiebar__analytics-label { cursor:pointer } .cookiebar__analytics-checkbox { margin-right: 5px } *, * :before, * :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* cookiebar eigene */ .cookiebar { background-color: #$g30; font-size: 16px; color:#fff } .cookiebar button { background-color: #007d23; font-size: 16px; font-weight: normal; color:#$white } .cookiebar_button { background-color: #007d23; font-size: 16px; color:#$white } .cookiebar_link, .cookiebar_message { color:#$white } .cookiebar__message { margin: 0 } /* Grundsatz */ object, embed, #video { width: 100%; margin: 0 auto 0; max-width: 1400px } .video_container { margin-top: 24px; height: 0; max-height: 100%; position: relative; overflow: hidden; padding-bottom:56.25% } #video iframe { width: 100%; height: 100%; max-width: 100%; left: 50; top: 0; position:absolute } ul { margin-right: 0; margin-left: 0; padding-right: 0; padding-left:1em } .ce_linkedElement, .ce_linkedElement a, .ce_linkedElement a:hover { text-decoration: none; cursor:pointer } body, div, p, h1, h2, h3, h4 { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color:#000 } #main { width:100% } #header { width:100% } #footer { width: 100%; margin-right: auto; margin-left: auto; background-color:#e6e6e6 } #contact .ce_form .widget-explanation p { margin-top: 0; margin-bottom: 20px; color:#666666 } #spacer { margin-top: 0; margin-bottom:30px } #table { margin-right: auto; margin-left: auto; padding-top: 24px; padding-bottom: 24px; overflow-x: scroll } #table p { text-align:center } td { padding: 12px 24px 12px 0; border-bottom: 1px solid #999999; border-spacing:0px } table { margin-right: auto; margin-left: auto; border-collapse:collapse } .spacer { height: 24px; clear: both } #newsletter { width: 100%; margin: 0; padding: 24px; background-color:#666666 } #newsletter table, #newsletter tr { border: 0 hidden; border-collapse:collapse } #newsletter h2 { color: #c8e600 } /* banner.css */ #main .ce_text .banner { background-color:#fffff } #banner { width: auto; max-width: 1024px; position: relative; clear: both; display: block; margin-right: auto; margin-bottom: 2em; margin-left: auto; padding-right: 1em; padding-left: 1em; text-align:center } #main .banner .ce_text p, #banner h3 { width: 100%; height: auto; margin: 0; padding: 0; text-align:center } #main .ce_text .banner p img { height: auto; max-width: 100%; float: none; clear:both } #banner a, #bannera:hover, #banner a:visited { text-align: center; text-decoration: none; color: #000 } @charset "UTF-8"; /* CSS Document */ #teaser .ce_text a, #teaser .ce_text a:hover, #teaser .ce_linkteaser a, #teaser .ce_linkteaser a:hover, #teaser a, #teaser a:hover, , .ce_headline a, .ce_headline a:hover, .teaser .ce_text a, .teaser .ce_text a:hover { text-decoration:none } @media screen and (min-width: 1024px) { /* startseite */ .mainbutton { min-width: 300px; max-width: 35%; margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; border: 1px solid #007d23; border-collapse: collapse; font-size: 24px; line-height: 36px; font-weight: bold; text-decoration: none; color: #007d23; padding: 12px } .mainbutton:hover { background-color: #007d23; border: 1px solid #007d23; border-collapse: collapse; font-size: 24px; line-height: 36px; font-weight: bold; text-decoration: none; color: #ffffff; padding: 12px } .mainflash h3 { width: 180px; height: 180px; right: 7%; top: 3.5%; position: absolute; margin-top: 0; margin-bottom: 1vw; padding: 42px 0 0; vertical-align: middle; text-align: center; background-color: rgba(200, 230, 0, .9); font-size: 28px; line-height: 115%; font-weight: normal; text-decoration: none; color: #000000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); z-index: 10 } .mainslider { width: 100vw; height: 70vh; overflow: hidden; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; vertical-align:middle } #main { margin-top: 102px; margin-bottom:24px } #main_small { margin-top: 72px; margin-bottom:24px } #main .inside, #main_small .inside { width: 100%; margin-right: auto; margin-left:auto } #main h1, #main_small h1, #main h1 a, #main_small a h1 a { width: 100%; margin: 16px auto 18px; padding-right: 24px; padding-left: 24px; text-align: center; font-size: 42px; line-height: 54px; font-weight: bold; color:#000000 } #main a, #main_small a { text-decoration: none; color:#000000 } #teaser .ce_text, #teaser .ce_linkteaser { width: 100%; max-width: 1024px; position: relative; margin-right: auto; margin-bottom: 9px; margin-left: auto; padding-bottom: 24px; background-color:#e6e6e6 } #teaser .ce_text:hover, #teaser .ce_linkteaser:hover { position: relative; background-color: #c8e600; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .35); box-shadow:0 0 18px 0 rgba(0, 0, 0, .35) } #teaser .ce_text h2, #teaser .ce_text h2 a, #teaser .ce_text h2 a:hover, #teaser .ce_linkteaser h2, #teaser .ce_linkteaser h2 a, #teaser .ce_linkteaser h2 a:hover { width: 100%; min-height: 90px; margin-top: 12px; margin-bottom: 24px; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 32px; line-height: 40px; font-weight: bold; text-decoration: none; color:#000000 } #teaser .ce_text p, #teaser .ce_text p a, #teaser .ce_text p a:hover, #teaser .ce_linkteaser p, #teaser .ce_linkteaser p a, #teaser .ce_linkteaser p a:hover { width: 100%; bottom: 24px; margin-right: auto; margin-left: auto; text-align: center; font-size: 18px; line-height: 27px; font-weight: bold; text-decoration: none; color:#007d23 } #teaser .ce_text p strong, #teaser .ce_linkteaser p strong { margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; border: 1px solid #007d23; border-collapse: collapse; font-size: 16px; line-height: 24px; font-weight: bold; text-decoration: none; color: #007d23; padding: 12px } #teaser .ce_text p strong:hover, #teaser .ce_text:hover p strong, #teaser .ce_linkteaser p strong:hover, #teaser .ce_linkteaser:hover p strong { margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; background-color: #007d23; text-decoration: none; color: #ffffff; padding: 12px } #teaser .ce_text h3, #teaser .ce_text h3 a, #teaser .ce_text h3 a:hover, #teaser .ce_linkteaser h3, #teaser .ce_linkteaser h3 a, #teaser .ce_linkteaser h3 a:hover { width: 100%; margin-top: 24px; margin-bottom: 0; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 16px; line-height: 24px; font-weight: bold; text-decoration: none; color:#007d23 } #teaser img, .teaserslider { width: 100%; height:274px } #main .mod_article, #main_small .mod_article { margin-right: auto; margin-left: auto; padding-right: 0; padding-left:0 } p { font-size: 16px; line-height:24px } #spalten, #keinespalten { width: 100%; max-width: 1024px; margin-right: auto; margin-left: auto; padding-right: 18px; padding-left:18px } #spalten .text_1_2, #spalten .text_2_2 { min-height: 510px; float: left; display: inline-block; margin: 12px; width: calc(50% - 36px) } #keinespalten .ce_text p { width: 100%; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; text-align: center; font-size: 18px; line-height: 27px; text-decoration:none } #keinespalten .ce_text h2 { width: 100%; margin-top: 12px; margin-bottom: 0; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 32px; line-height: 40px; font-weight: bold; text-decoration: none; color:#000000 } #keinespalten .ce_text p a, #keinespalten .ce_text p a:hover { font-weight: bold; text-decoration: none; color: #007d23 } } @media screen and (min-width: 768px) and (max-width: 1023px) { /* startseite_new_768.css */ .mainbutton { width: 240px; max-width: 50vw; margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; border: 1px solid #007d23; border-collapse: collapse; font-size: 18px; line-height: 27px; font-weight: bold; text-decoration: none; color: #007d23; padding: 12px } .mainbutton:hover { background-color: #007d23; border: 1px solid #007d23; border-collapse: collapse; font-weight: bold; text-decoration: none; color: #ffffff; padding: 12px } .mainflash h3 { width: 140px; height: 140px; right: 7%; top: 3.5%; position: absolute; margin-top: 0; margin-bottom: 1vw; padding: 32px 0 0; vertical-align: middle; text-align: center; background-color: rgba(200, 230, 0, .9); font-size: 22px; line-height: 115%; font-weight: normal; text-decoration: none; color: #000000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); z-index: 10 } .mainslider { width: 100vw; height: 50vh; overflow: hidden; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; vertical-align:middle } #main, #main_small { margin-top: 60px; margin-bottom:24px } #main h1, #main_small h1, #main h1 a, #main_small h1 a { margin-top: 12px; margin-bottom: 14px; padding-right: 24px; padding-left: 24px; text-align: center; font-size: 36px; line-height: 42px; font-weight: bold; text-decoration: none; color:#000000 } #main a, #main_small a { text-decoration: none; color:#000000 } #teaser .ce_text, #teaser .ce_linkteaser { width: 100%; height: auto; position: relative; margin-top: 0; margin-bottom: 9px; padding-top: 0; padding-bottom: 18px; background-color:#e6e6e6 } #teaser .ce_text:hover, #teaser .ce_linkteaser:hover { position: relative; background-color: #c8e600; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .35); box-shadow:0 0 18px 0 rgba(0, 0, 0, .35) } #teaser .ce_text h2, #teaser .ce_text h2 a, #teaser .ce_text h2 a:hover, #teaser .ce_linkteaser h2, #teaser .ce_linkteaser h2 a, #teaser .ce_linkteaser h2 a:hover { width: 100%; min-height: 100px; margin-top: 16px; margin-bottom: 0; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 28px; line-height: 34px; font-weight: bold; text-decoration: none; color:#000000 } #teaser .ce_text p, #teaser .ce_text p a, #teaser .ce_text p a:hover, #teaser .ce_linkteaser p, #teaser .ce_linkteaser p a, #teaser .ce_linkteaser p a:hover { width: 100%; bottom: 16px; margin-top: 24px; margin-right: auto; margin-left: auto; text-align: center; font-size: 16px; line-height: 22px; font-weight: bold; text-decoration: none; color:#007d23 } #teaser .ce_text p strong, #teaser .ce_linkteaser p strong { margin-top: 36px; margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; border: 1px solid #007d23; border-collapse: collapse; font-size: 16px; line-height: 22px; font-weight: bold; text-decoration: none; color: #007d23; padding: 10px } #teaser .ce_text p strong:hover, #teaser .ce_text:hover p strong, #teaser .ce_linkteaser p strong:hover, #teaser .ce_linkteaser:hover p strong { background-color: #007d23; text-decoration: none; color: #ffffff; padding: 12px } #teaser .ce_text h3, #teaser .ce_text h3 a, #teaser .ce_text h3 a:hover, #teaser .ce_linkteaser h3, #teaser .ce_linkteaser h3 a, #teaser .ce_linkteaser h3 a:hover { width: 100%; margin-top: 16px; margin-bottom: 0; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 16px; line-height: 22px; font-weight: bold; text-decoration: none; color:#007d23 } #teaser img, #teaser .teaserslider { width: 100%; margin-top: 0; margin-bottom: 0; height: calc((50vw - 36px) * .5625) } #main .mod_article, #main_small .mod_article { margin-right: 0; margin-left: 0; padding-right: 0; padding-left:0 } p { font-size: 16px; line-height:24px } #spalten, #keinespalten { width: 100%; max-width: 1440px; margin-right: auto; margin-left: auto; padding-right: 18px; padding-left:18px } #spalten .text_1_2, #spalten .text_2_2 { float: left; display: inline-block; margin: 12px; width: calc(50% - 24px) } #keinespalten .ce_text h2 { width: 100%; margin-top: 16px; margin-bottom: 0; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 28px; line-height: 34px; font-weight: bold; text-decoration: none; color:#000000 } #keinespalten .ce_text p { width: 100%; margin-right: auto; margin-left: auto; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 16px; line-height: 22px; text-decoration:none } #keinespalten .ce_text p a, #keinespalten .ce_text p a:hover { font-weight: bold; text-decoration: none; color: #007d23 } } @media screen and (max-width: 767px) { /* startseite_new_320.css */ .mainbutton { width: 240px; max-width: 90vw; margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; border: 1px solid #007d23; border-collapse: collapse; font-size: 18px; line-height: 27px; font-weight: bold; text-decoration: none; color: #007d23; padding: 12px } .mainbutton:hover { background-color: #007d23; border: 1px solid #007d23; border-collapse: collapse; font-weight: bold; text-decoration: none; color: #ffffff; padding: 12px } .mainflash h3 { width: 105px; height: 105px; right: 7%; top: 3.5%; position: absolute; margin-top: 0; margin-bottom: 1vw; padding: 24px 0 0; vertical-align: middle; text-align: center; background-color: rgba(200, 230, 0, .9); font-size: 16px; line-height: 115%; font-weight: normal; text-decoration: none; color: #000000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); z-index: 10 } .mainslider { width: 100vw; height: 50vh; overflow: hidden; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; vertical-align:middle } .maintitle { padding-right: 12px; padding-left:12px } #main h1, #main_small h1, #main h1 a, #main_small h1 a { margin-top: 12px; margin-bottom: 14px; padding-right: 12px; padding-left: 12px; text-align: center; font-size: 28px; line-height: 34px; font-weight: bold; text-decoration: none; color:#000000 } #main, #main_small { margin-top: 60px; margin-bottom:24px } #main a, #main_small a { text-decoration: none; color:#000000 } #teaser .ce_text, #teaser .ce_linkteaser { width: 100%; height: auto; position: relative; margin-bottom: 28px; padding-bottom: 12px; background-color: #e6e6e6; text-decoration:none } #teaser .ce_text:hover, #teaser .text_1_2:hover .ce_text, #teaser .text_2_2:hover .ce_text, #teaser .ce_linkteaser:hover, #teaser .text_1_2:hover, .ce_linkteaser, #teaser .text_2_2:hover .ce_linkteaser { position: relative; background-color: #c8e600; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .35); box-shadow: 0 0 18px 0 rgba(0, 0, 0, .35); text-decoration:none } #teaser .ce_text h2, #teaser .ce_text h2 a, #teaser .ce_text h2 a:hover, #teaser .ce_linkteaser h2, #teaser .ce_linkteaser h2 a, #teaser .ce_linkteaser h2 a:hover { width: 100%; margin-top: 8px; margin-bottom: 0; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 24px; line-height: 28px; font-weight: bold; text-decoration: none; color:#000000 } #teaser .ce_text p, #teaser .ce_text p a, #teaser .ce_text p a:hover, #teaser .ce_linkteaser p, #teaser .ce_linkteaser p a, #teaser .ce_linkteaser p a:hover, .ce_headline a, .ce_headline a:hover { width: 100%; margin: 18px auto 12px; text-align: center; font-size: 16px; line-height: 22px; font-weight: bold; text-decoration: none; color:#007d23 } #teaser .ce_text p strong, #teaser .ce_linkteaser p strong { margin-top: 24px; margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; border: 1px solid #007d23; border-collapse: collapse; font-size: 16px; line-height: 22px; font-weight: bold; text-decoration: none; color: #007d23; padding: 10px } #teaser .ce_text p strong:hover, #teaser .ce_text:hover p strong, #teaser .ce_linkteaser p strong:hover, #teaser .ce_linkteaser:hover p strong { background-color: #007d23; text-decoration: none; color: #ffffff; padding: 12px } #teaser .ce_text h3, #teaser .ce_text h3 a, #teaser .ce_text h3 a:hover, #teaser .ce_linkteaser h3, #teaser .ce_linkteaser h3 a, #teaser .ce_linkteaser h3 a:hover { width: 100%; margin-top: 8px; margin-bottom: 0; padding: 0 18px; text-align: center; font-size: 16px; line-height: 22px; font-weight: bold; text-decoration: none; color: #007d23; z-index: 1 } #teaser img { width:100% } #main .mod_article, #main_small .mod_article { margin-right: 0; margin-left:0 } p { font-size: 16px; line-height:24px } #keinespalten .ce_text h2 { width: 100%; margin-top: 8px; margin-bottom: 0; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 24px; line-height: 28px; font-weight: bold; text-decoration: none; color:#000000 } #keinespalten .ce_text p { width: 100%; margin-right: auto; margin-left: auto; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 16px; line-height: 22px; text-decoration:none } #keinespalten .ce_text p a, #keinespalten .ce_text p a:hover { font-weight: bold; text-decoration: none; color: #007d23 } } @media screen and (min-width: 1440px) { /* startseite_new_1440.css */ .mainbutton { width: auto; max-width: 35%%; margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; border: 1px solid #007d23; border-collapse: collapse; font-size: 24px; line-height: 36px; font-weight: bold; text-decoration: none; color: #007d23; padding: 12px } .mainbutton:hover { background-color: #007d23; border: 1px solid #007d23; border-collapse: collapse; font-size: 24px; line-height: 36px; font-weight: bold; text-decoration: none; color: #ffffff; padding: 12px } .mainflash h3 { width: 180px; height: 180px; right: 7%; top: 3.5%; position: absolute; margin-top: 0; margin-bottom: 1vw; padding: 42px 0 0; vertical-align: middle; text-align: center; background-color: rgba(200, 230, 0, .9); font-size: 28px; line-height: 115%; font-weight: normal; text-decoration: none; color: #000000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); z-index: 10 } h1 .maintitle { width: 100%; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; text-align: center; font-size:64px } .mainslider { width: 100vw; height: 70vh; overflow: hidden; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; vertical-align:middle } #main { margin-top: 102px; margin-bottom:24px } #main_small { margin-top: 72px; margin-bottom:24px } #main .inside, #main_small .inside { width: 100%; margin-right: auto; margin-left:auto } #main h1, #main_small h1, #main h1 a, #main_small a h1 a { width: 100%; margin: 16px auto 18px; padding-right: 24px; padding-left: 24px; text-align: center; font-size: 42px; line-height: 54px; font-weight: bold; color:#000000; text-decoration: none } #main a, #main_small a { text-decoration: none; color:#000000 } #teaser .ce_text a, #teaser .ce_text a:hover, #teaser .ce_linkteaser a, #teaser .ce_linkteaser a:hover { text-decoration:none } #teaser .ce_text, #teaser .ce_linkteaser { width: 100%; max-width: 1440px; position: relative; margin-right: auto; margin-bottom: 9px; margin-left: auto; padding-bottom: 24px; background-color:#e6e6e6 } #teaser .ce_text:hover, #teaser .ce_linkteaser:hover { position: relative; background-color: #c8e600; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, .35); box-shadow:0 0 18px 0 rgba(0, 0, 0, .35) } #teaser .ce_text h2, #teaser .ce_text h2 a, #teaser .ce_text h2 a:hover, #spalten .ce_text h2, #teaser .ce_linkteaser h2, #teaser .ce_linkteaser h2 a, #teaser .ce_linkteaser h2 a:hover, #spalten .ce_linkteaser h2 { width: 100%; min-height: 90px; margin-top: 12px; margin-bottom: 24px; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 32px; line-height: 40px; font-weight: bold; text-decoration: none; color:#000000 } #teaser .ce_text p, #teaser .ce_text p a, #teaser .ce_text p a:hover, #teaser .ce_linkteaser p, #teaser .ce_linkteaser p a, #teaser .ce_linkteaser p a:hover { width: 100%; bottom: 24px; margin-right: auto; margin-left: auto; text-align: center; font-size: 18px; line-height: 27px; font-weight: bold; text-decoration: none; color:#007d23 } #teaser .ce_text p strong, #teaser .ce_tlinkteaser p strong { margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; border: 1px solid #007d23; border-collapse: collapse; font-size: 16px; line-height: 24px; font-weight: bold; text-decoration: none; color: #007d23; padding: 12px } #teaser .ce_text p strong:hover, #teaser .ce_text:hover p strong, #teaser .ce_linkteaser p strong:hover, #teaser .ce_linkteaser:hover p strong { margin-right: auto; margin-left: auto; vertical-align: middle; text-align: center; background-color: #007d23; text-decoration: none; color: #ffffff; padding: 12px } #teaser .ce_text h3, #teaser .ce_text h3 a, #teaser .ce_text h3 a:hover, #teaser .ce_linkteaser h3, #teaser .ce_linkteaser h3 a, #teaser .ce_linkteaser h3 a:hover { width: 100%; margin-top: 24px; margin-bottom: 0; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 16px; line-height: 24px; font-weight: bold; text-decoration: none; color:#007d23 } #main figure .image_container { background-color:#ffffff } #teaser img, .teaserslider { width: 100%; height:385px } #main .mod_article, #main_small .mod_article { margin-right: auto; margin-left: auto; padding-right: 0; padding-left:0 } p { font-size: 16px; line-height:24px } #spalten, #keinespalten { width: 100%; max-width: 1440px; margin-right: auto; margin-left: auto; padding-right: 18px; padding-left:18px } #spalten .text_1_2, #spalten .text_2_2 { float: left; display: inline-block; margin: 12px; width: calc(50% - 24px) } #keinespalten .ce_text p { width: 100%; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; text-align: center; font-size: 18px; line-height:27px } #keinespalten .ce_text h2 { width: 100%; margin-top: 12px; margin-bottom: 24px; padding-right: 18px; padding-left: 18px; text-align: center; font-size: 32px; line-height: 40px; font-weight: bold; text-decoration: none; color:#000000 } #keinespalten .ce_text p a, #keinespalten .ce_text p a:hover { font-weight: bold; text-decoration: none; color: #007d23 } } @charset "UTF-8"; /* CSS Document */ /* alle */ .nav_top, .nav_top_small, nav_top a, .nav_top_small a, #nav_top li a, #nav_top_small li a, #nav_top li, #nav_top_small li { color: #007d23; } #footer .phone_footer a { background-image: url("../../files/schippl-haus/icons/phone_dark.svg"); color:#007d23 } #footer .mail_footer a { background-image: url("../../files/schippl-haus/icons/mail_dark.svg"); color:#007d23 } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width: 767px) { /* footer_haus_320.css */ #footer { width: 100%; height: auto; clear: both; display: block; margin-right: auto; margin-left: auto; padding: 0 0 36px; text-align: center; background-color:#e6e6e6 } #footer h2 { margin: 0 auto; text-align: center; font-size: 20px; line-height: 24px; font-weight: bold; color:#c8e600 } #footer p { margin-top: 0; margin-bottom: 16px; font-size: 16px; line-height:24px } #footer .inside { width: 100%; max-width: 1024px; margin-right: auto; margin-left: auto; padding: 0; text-align:center } #footer .ce_text { margin: 0; padding:0 } #footer .contacts { width: 100%; height: 100%; padding-top: 24px; padding-right: 24px; padding-left:24px } #footer .contacts .address { margin-top: 0; margin-bottom:10px } #footer nav { width: 100%; margin: 0; padding: 0 24px; text-align: center; background-color:#e6e6e6 } #footer nav ul { width: auto; margin: 0; padding: 0; border-top: 1px solid #cccccc; border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; font-size: 16px; line-height: 24px; list-style-type:none } #footer nav ul a { text-decoration: none; } #footer nav ul li { width: auto; margin: 0; padding: 6px 0; text-align: center; border-right: 0px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 0px solid #cccccc; border-collapse: collapse; list-style-type:none } #footer .phone_footer a { display: block; padding-top: 48px; padding-bottom: 0; background-position: center top; background-repeat: no-repeat; font-size: 16px; line-height: 24px; font-weight: bold; text-decoration: none; background-size: 40px auto } #footer .mail_footer a { display: block; padding-top: 48px; padding-bottom: 0; background-position: center top; background-repeat: no-repeat; font-size: 16px; line-height: 24px; font-weight: bold; text-decoration: none; background-size: 40px auto } .immy { width: 60% } } @media screen and (min-width: 768px) and (max-width: 1023px) { /* footer_haus_768.css */ #footer { width: 100%; height: auto; clear: both; display: block; margin-right: auto; margin-left: auto; padding: 0 0 36px; text-align: center; background-color:#e6e6e6 } #footer h2 { margin: 0 auto; text-align: center; font-size: 28px; line-height: 32px; font-weight: bold; color:#c8e600 } #footer p { margin-top: 12px; margin-bottom: 12px; font-size: 16px; line-height:24px } #footer .inside { width: 100%; max-width:1024px } #footer .ce_text { margin: 0; padding:0 } #footer .contacts { width: 66.666666%; height: 100%; float: left; display: inline-block; padding: 24px 0 0 24px; text-align:left } #footer .contacts .address { } #footer nav { width: 33.333333%; display: inline-block; margin: 0; padding: 24px 24px 0 0; background-color:#e6e6e6 } #footer nav ul { width: auto; margin: 0; padding: 0; border-top: 1px solid #cccccc; border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; font-size: 16px; line-height: 24px; list-style-type:none } #footer nav ul a { text-decoration: none; } #footer nav li { width: auto; margin: 0; padding: 6px 0 6px 6px; text-align: left; border-right: 0px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 0px solid #cccccc; border-collapse: collapse; list-style-type:none } #footer .phone_footer a { padding-top: 8px; padding-bottom: 8px; padding-left: 48px; background-repeat: no-repeat; font-size: 20px; line-height: 20px; font-weight: bold; text-decoration: none; } #footer .mail_footer a { padding-top: 8px; padding-bottom: 8px; padding-left: 48px; background-repeat: no-repeat; font-size: 20px; line-height: 20px; font-weight: bold; text-decoration: none; } .immy { width: 45% } } @media screen and (min-width: 1024px) { /* footer_haus_1024.css */ #footer { width: 100%; height: auto; clear: both; display: block; margin: 0 auto; padding: 0 0 60px; text-align: center; background-color:#e6e6e6 } #footer h2 { margin: 0 auto; text-align: center; font-size: 32px; line-height: 36px; font-weight: bold; color:#c8e600 } #footer #contacts { width: 100%; max-width: 1024px; margin-right: auto; margin-left: auto; padding-top: 24px; padding-right: 24px; padding-left:24px; position: relative } #footer .inside { width: 100%; margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; text-align:left } #footer p { margin-top: 12px; margin-bottom: 12px; font-size: 16px; line-height:24px } #footer .ce_text { margin: 0; padding:0 } #footer .contacts { width: 75%; height: 100%; float: left; display:inline-block } #footer .address { width: 75%; bottom: 0 } #footer nav .mod_navigation { width: 25%; display: inline-block; margin: 0; padding:0 } #footer nav ul { width: auto; display: block; margin: 0; padding: 0; border-top: 1px solid #cccccc; border-right: 0px solid #cccccc; border-left: 0px solid #cccccc; font-size: 16px; line-height: 24px; list-style-type:none } #footer nav ul a { text-decoration: none; } #footer nav ul li { width: auto; display: block; margin: 0; padding: 6px 0 6px 6px; text-align: left; border-right: 0px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 0px solid #cccccc; border-collapse: collapse; list-style-type:none } #footer nav ul li .trail, #footer nav ul li .active { font-weight: bold; text-decoration: none; } #footer .phone_footer a { padding-top: 8px; padding-bottom: 8px; padding-left: 48px; background-repeat: no-repeat; font-size: 20px; line-height: 20px; font-weight: bold; text-decoration: none; } #footer .mail_footer a { padding-top: 8px; padding-bottom: 8px; padding-left: 48px; background-repeat: no-repeat; font-size: 20px; line-height: 20px; font-weight: bold; text-decoration: none; } .immy { width: 45% } } @charset "UTF-8"; /* CSS Document */ /* menu_haus_1024.css */ #header_small .nav_top_small, #nav_top_small ul { background-color: #ffffff } #header .nav_top { background-color: #ffffff } #footer .nav_top { background-color: #e6e6e6 } .nav_top { float: right; margin-top: 30px; margin-right: 24px; font-weight: bold; transition: .5s } .nav_top_small { float: right; margin-top: 20px; margin-right: 24px; font-weight: bold; transition: .5s } #nav_top { z-index: 100 } #nav_top ul, #nav_top_small ul { width: auto; margin: 0; padding-left: 0; border-left: 1px solid #cccccc; list-style-type:none } #nav_top li, #nav_top_small li { width: auto; display: inline-block; margin: 0; padding: 0 14px; border-right: 1px solid #cccccc; border-collapse: collapse; list-style-type:none } #nav_top li a, #nav_top_small li a { display: block; font-weight: normal; text-decoration: none; } header .inside { width: 100%; margin-right: 24; margin-left:24 } #header { width: 100%; height: 102px; left: 0; top: 0; position: fixed; padding-top: 15; padding-right: 24; padding-left: 24; background-color: #ffffff; border-bottom: 1px solid #cccccc; font-size: 16px; line-height: 24px; z-index: 100; transition: .5s } #header_small { width: 100%; height: 72px; left: 0; top: 0; position: fixed; padding-top: 15; padding-right: 24; padding-left: 24; background-color: #ffffff; border-bottom: 1px solid #cccccc; font-size: 16px; line-height: 24px; z-index: 100; transition: .5s } .logo { height: 46px; float: left; margin-top: 30px; margin-right: 24px; margin-left: 24px; text-align: left; transition: .5s } .logo_small { height: 32px; float: left; margin-top: 20px; margin-right: 24px; margin-left: 24px; text-align: left; transition: .5s } .logo4, .logo4_small { display: none; } .nav_toggle { display: none } .subtitle, #subtitle, .subtitle_small, #subtitle_small { width: 100vw; height: 54px; display: block; margin-right: auto; margin-left: auto; text-align: center; background-color: #ffffff; } #main { margin-top: 102px; } /*@media screen and (min-width: 768px) and (max-width: 1119px) { menu_haus_768.css .nav_top, .nav_top_small, #nav_top { margin-top: 0 } .nav_top, .nav_top_small { width: 100%; top: 60px; position: fixed; display: none; margin: 0; font-size: 18px; z-index:100 } #nav_top ul, #nav_top_small ul { width: 100%; margin: 0; padding: 0; list-style-type:none } .nav_top_small ul { background-color: #ffffff; } #nav_top li, #nav_top_small li { width: 100%; display: block; margin: 0; padding: 18px 0; text-align: center; border-bottom: 1px solid #cccccc; border-collapse: collapse; font-size: 16px; line-height: 24px; font-weight: normal; list-style-type:none } #nav_top li a, #nav_top_small li a { padding: 0; text-decoration: none; color:#007d23 } header .inside { width: 100%; margin-right: 24; margin-left:24 } #header, #header_small { width: 100%; height: 60px; left: 0; top: 0; position: fixed; padding-top: 9; padding-right: 24; padding-left: 24; background-color: #ffffff; border-bottom: 1px solid #cccccc; font-size: 16px; line-height: 24px; z-index:100 } .logo, .logo_small { height: 32px; float: left; margin-top: 16px; margin-right: 24px; margin-left: 24px; text-align:left } .nav_toggle, #header .nav_toggle, #header_small .nav_toggle { width: 40px; height: auto; float: right; display: block; margin-top: 16px; margin-right: 24px; text-align: right; cursor: pointer; z-index: 500 } }*/ @media screen and (max-width: 1399px) { #main { margin-top: 60px; } .subtitle_small, #subtitle_small, .subtitle, #subtitle { width: 100vw; height: 54px; display: block; margin-right: auto; margin-left: auto; text-align: center; background-color: #ffffff; position: relative; z-index: auto; } } @media screen and (min-width: 600px) and (max-width: 1399px) { /* menu_haus_320.css */ .nav_top, .nav_top_small, #nav_top { margin-top: 0 } #nav_top ul a, #nav_to_smallp ul a { width: 100%; display: block; padding: 0; font-weight: normal; text-decoration: none; } .nav_top, .nav_top_small { width: 100%; top: 60px; position: absolute; display: none; font-size: 18px; font-weight: normal; z-index:100 } #nav_top ul, #nav_top_small ul { width: 100%; margin: 0; padding: 0; list-style-type:none } .nav_top_small ul { background-color: #ffffff; } #nav_top li, #nav_top_small li { width: 100%; display: block; margin: 0; padding: 18px 0; text-align: center; border-bottom: 1px solid #cccccc; border-collapse: collapse; font-size: 16px; line-height: 24px; font-weight: normal; list-style-type:none } header .inside { width: 100%; margin-right: 24; margin-left:24 } #header, #header_small { width: 100%; height: 60px; padding-top: 15; padding-right: 24; padding-left: 24; background-color: #ffffff; border-bottom: 1px solid #cccccc; font-size: 16px; line-height: 24px; z-index:100 } .logo, .logo_small, .logo2, .logo2_small, .logo3, .logo3_small { height: 32px; float: left; margin-top: 16px; margin-right: 24px; margin-left: 24px; text-align:left; display: block } .logo4, .logo4_small { display: none; } .nav_toggle { width: 40px; height: auto; float: right; display: block; margin-top: 16px; margin-right: 24px; text-align: right; cursor: pointer } } @media screen and (max-width: 599px) { /* menu_haus_320.css */ .nav_top, .nav_top_small, #nav_top { margin-top: 0 } #nav_top ul a, #nav_to_smallp ul a { width: 100%; display: block; padding: 0; font-weight: normal; text-decoration: none; } .nav_top, .nav_top_small { width: 100%; top: 60px; position: absolute; display: none; font-size: 18px; font-weight: normal; z-index:100 } #nav_top ul, #nav_top_small ul { width: 100%; margin: 0; padding: 0; list-style-type:none } .nav_top_small ul { background-color: #ffffff; } #nav_top li, #nav_top_small li { width: 100%; display: block; margin: 0; padding: 18px 0; text-align: center; border-bottom: 1px solid #cccccc; border-collapse: collapse; font-size: 16px; line-height: 24px; font-weight: normal; list-style-type:none } header .inside { width: 100%; margin-right: 24; margin-left:24 } #header, #header_small { width: 100%; height: 60px; padding-top: 15; padding-right: 24; padding-left: 24; background-color: #ffffff; border-bottom: 1px solid #cccccc; font-size: 16px; line-height: 24px; z-index:100 } .logo, .logo_small, .logo4, .logo4_small { height: 32px; float: left; margin-top: 16px; margin-right: 24px; margin-left: 24px; text-align:left; display:block } .logo2, .logo2_small, .logo3, .logo3_small { display: none; } .nav_toggle { width: 40px; height: auto; float: right; display: block; margin-top: 16px; margin-right: 24px; text-align: right; cursor: pointer }