/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ @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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ 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{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}header,footer,nav,section,aside,article,figure,figcaption{display:block}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:normal}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:bold}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} /* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ legend{width:100%;display:block;font-weight:bold;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}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:transparent}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}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}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}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}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}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}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}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}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}input[type="submit"].red:active,.button.red:active{background-color:#be322b} /* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ 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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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} .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("../../system/modules/rocksolid-slider/assets/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("../../system/modules/rocksolid-slider/assets/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-video-ipad>.rsts-video-iframe{padding-top:32px;background-color:#000}.rsts-skin-default .rsts-video-ipad>.rsts-video-stop{top:1px;right:1px;left:auto}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-right: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../../system/modules/ziido_customize/assets/images/fancybox/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("../../system/modules/ziido_customize/assets/images/fancybox/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../../system/modules/ziido_customize/assets/images/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../../system/modules/ziido_customize/assets/images/fancybox/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)} /* HTML5 Reset :: style.css ---------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://meyerweb.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com -------------------------------------------------------------------------------*/ /* Let's default this puppy out -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; } * { margin: 0; padding: 0; } article, aside, figure, footer, header, nav, section, details, summary {display: block;} /* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */ /* Responsive images and other embedded objects */ img, object, embed {max-width: 100%;} /* Note: keeping IMG here will cause problems if you're using foreground images as sprites. In fact, it *will* cause problems with Google Maps' controls at small size. If this is the case for you, try uncommenting the following: #map img { max-width: none; } */ /* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;} /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom;} .ie7 input[type="checkbox"] {vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} small {font-size: 85%;} strong {font-weight: bold;} td, td img {vertical-align: top;} /* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* standardize any monospaced elements */ pre, code, kbd, samp {font-family: monospace, sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button, input[type=button] {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */ /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-Black.woff2") format('woff2'), url("../../files/website/css/Roboto-Black.woff") format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-MediumItalic.woff2") format('woff2'), url("../../files/website/css/Roboto-MediumItalic.woff") format('woff'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-Italic.woff2") format('woff2'), url("../../files/website/css/Roboto-Italic.woff") format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-Medium.woff2") format('woff2'), url("../../files/website/css/Roboto-Medium.woff") format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-Regular.woff2") format('woff2'), url("../../files/website/css/Roboto-Regular.woff") format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-LightItalic.woff2") format('woff2'), url("../../files/website/css/Roboto-LightItalic.woff") format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-BoldItalic.woff2") format('woff2'), url("../../files/website/css/Roboto-BoldItalic.woff") format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-Bold.woff2") format('woff2'), url("../../files/website/css/Roboto-Bold.woff") format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-BlackItalic.woff2") format('woff2'), url("../../files/website/css/Roboto-BlackItalic.woff") format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-Light.woff2") format('woff2'), url("../../files/website/css/Roboto-Light.woff") format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-Thin.woff2") format('woff2'), url("../../files/website/css/Roboto-Thin.woff") format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url("../../files/website/css/Roboto-ThinItalic.woff2") format('woff2'), url("../../files/website/css/Roboto-ThinItalic.woff") format('woff'); font-weight: 100; font-style: italic; font-display: swap; } @CHARSET "UTF-8"; /****************************************************/ /* */ /* (c) 2014 Stephan Preßl */ /* */ /****************************************************/ body { -webkit-font-smoothing: antialiased; } /** * navigation styles * ---------------------------------------------*/ .mod_navigation ul, .mod_navigation ul li { list-style: none; margin: 0; padding: 0; } /** * background image styles * ---------------------------------------------*/ .box-image, .bg-image, .background-image { background-repeat: no-repeat; background-position: center center; } .bg-fixed, .background-fixed { background-attachment: fixed; } .bg-scroll, .background-scroll { background-attachment: scroll; } .box-cover, .bg-cover, .background-cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /** * box styles * ---------------------------------------------*/ .border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /**behavior:url("../../files/website/css/boxsizing.htc");*/ } .content-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /**behavior:url("../../files/website/css/boxsizing.htc");*/ } /** * float styles * ---------------------------------------------*/ .pull-left { float: left; } .pull-right { float: right; } /** * default setting styles * ---------------------------------------------*/ .image_container, .image_container img { line-height: 0; } /** * clear styles * ---------------------------------------------*/ .clear, .clearer, .clearfix { content: "."; visibility: hidden; height: 0; line-height: 0; float: none; clear: both; } @CHARSET "UTF-8"; /*****************************************************/ /* */ /* (c) 2015 IIDO */ /* */ /* author: Stephan Preßl */ /* author: Josef Zopf */ /* */ /*****************************************************/ /** * basic styles * --------------------------------------------- */ html { overflow: visible; } html.noscroll, html.noscroll body { overflow: hidden; } body { overflow-y: scroll; /*-webkit-font-smoothing: antialiased;*/ font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 12px; background: #fff; } html, body { height: 100%; min-height: 100%; } #screen { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 10000px; /*background: transparent url("../../files/website/images/screen/home-01.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/produkte.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/service.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/unternehmen.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/aktuelles.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/produkte-detail.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/product-filter.png") top center no-repeat;*/ opacity: 0.2; display: none; } #wrapper { /*background: transparent url("../../files/website/images/screen/home-01.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/produkte.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/service.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/unternehmen.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/aktuelles.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/produkte-detail.jpg") top center no-repeat;*/ /*background: transparent url("../../files/website/images/screen/product-filter.png") top center no-repeat;*/ } .sub-nav-list .nav-inside, body.columnpage #container, header .header-container-inside, header .meta-navigation .nav-meta, body.standardpage #main .inside .mod_article > *, #AfterContainer .mod_article > .ce_form, body.standardpage #main .mod_article > * .text-container, /*body.standardpage #main .mod_article > .sub-nav-list.full-width ul.level_1,*/ body.standardpage #main .mod_article > .ce_sliderStart.full-width .content-slider, body.standardpage #main .ce_boxStart.full-width .boxes-inside, body.standardpage #main .mod_article > .full-width.inner-width .element-inside, body.standardpage #main .ce_sliderStart.icon-boxes .slider-control, footer .footer-boxes-inside, footer .footer-container-bottom-inside, body.standardpage .mod_newslist .layout_latest .news-item-inside, body.standardpage #main .mod_article > .ce_text.full-width > .element-inside { margin: 0 auto; width: 1050px; } body.columnpage #container { padding-left: 325px; } body.columnpage #main .inside { padding: 35px 0 0; } #main .inside { min-height: 350px; } #main .inside .mod_article { padding: 0 0 38px; } #main .inside .mod_article#aktuelles, body.contactpage #main .inside .mod_article.first { padding: 0; } #AfterContainer .mod_article:last-child, #main .inside .mod_article.last:not(.first), #main .inside .mod_article:last-child:not(.first), #main .inside .mod_article.full-width { width: 100vw; } #AfterContainer .mod_article:last-child, #main .inside .mod_article.last:not(.first), #main .inside .mod_article:last-child:not(.first), #main .inside .mod_article.bg-gray { background: #F7F7F7; padding: 0 0 28px; } #AfterContainer .mod_article:last-child, #main .inside .mod_article.last:not(.first), #main .inside .mod_article:last-child:not(.first), #main .inside .mod_article.border-top { border-top: 2px solid; } #AfterContainer .mod_article:last-child, #main .inside .mod_article.last:not(.first), #main .inside .mod_article:last-child:not(.first), #main .inside .mod_article.border-top.bc-red { /*border-width: 2px;*/ border-color: #EE1F25; } #container { /*background: transparent url("../../files/website/images/global/transition-top_content.png") 0 0 repeat-x;*/ padding: 0; /*padding: 0 0 159px;*/ } .image_container, .image_container img { line-height: 0; } .text-center { text-align: center; } .border-bottom span.inner { border-bottom: 1px solid #F26370; } body.blankpage:not(.searchresultpage) { background: none; } body.blankpage #main .inside { margin: 0; width: auto; min-height: 5px; } body.blankpage:not(.searchresultpage) #wrapper { display: table; width: 100%; height: 100%; } body.blankpage:not(.searchresultpage) #container { padding: 0; display: table-cell; vertical-align: middle; background: none; } a { color: #333; text-decoration: none; } a:hover { text-decoration: underline; } /** * header styles * --------------------------------------------- */ /*header {*/ /*background: transparent url("../../files/website/images/global/transition-top_header.png") 0 30px repeat-x;*/ /*}*/ header .meta-navigation { height: 30px; /*background: #282827;*/ background: #EE1F25; } header .cont-ins:after { content: ''; display: table; clear: both; float: none; } header .cont-ins { padding: 41px 0 0; } header .logo { float: left; /*padding: 41px 0 0;*/ padding: 0; } header .header-container-inside { height: 110px; } header .mod_article .ce_caroufredsel_gallery { max-height: 600px; margin: 10px 0 0; } header .navigation { float: right; } /** HEADER GALLERY ---------------------------- **/ header .caroufredsel_wrapper { right: 0 !important; left: 0 !important; width: 100% !important; } header .caroufredsel_wrapper .caroufredsel { left: 0 !important; width: 100% !important; height: 100% !important; } header .caroufredsel_wrapper .caroufredsel .caroufredsel_gallery { margin: 0 !important; width: 100% !important; height: 100% !important; overflow: hidden; } header .caroufredsel_wrapper .caroufredsel .caroufredsel_gallery .image_container { position: relative; width: 100%; height: 100%; } header .caroufredsel_skin .image_container img, header .caroufredsel_thumbnails_skin .image_container img { vertical-align: bottom; } header .caroufredsel_skin .image_container img { width: 100%; height: auto; } header .ce_caroufredsel_gallery .caroufredsel_navi { position: absolute; width: 1050px; left: 50%; margin: 0 0 0 -525px; top: 267px; } header .rsts-skin-default .rsts-next, header .rsts-skin-default .rsts-prev, header .ce_caroufredsel_gallery .caroufredsel_navi .caroufredsel_prev, header .ce_caroufredsel_gallery .caroufredsel_navi .caroufredsel_next { position: relative; background: transparent url("../../files/website/images/arrow-left_red.png") 0 0 no-repeat; width: 36px; height: 70px; float: left; margin: 0 0 0 22px; opacity: 0.35; border: none; border-radius: 0; z-index: 200; -webkit-box-shadow : none; -moz-box-shadow : none; box-shadow : none; } header .rsts-skin-default .rsts-next, header .ce_caroufredsel_gallery .caroufredsel_navi .caroufredsel_next { float: right; background-image: url("../../files/website/images/arrow-right_red.png"); margin: 0 22px 0 0; } header .rsts-skin-default .rsts-next:hover, header .rsts-skin-default .rsts-prev:hover, header .ce_caroufredsel_gallery .caroufredsel_navi .caroufredsel_prev:hover, header .ce_caroufredsel_gallery .caroufredsel_navi .caroufredsel_next:hover { opacity: 1; background-color: transparent; } header .ce_caroufredsel_gallery .caroufredsel_navi .caroufredsel_prev span, header .ce_caroufredsel_gallery .caroufredsel_navi .caroufredsel_next span { display: none; } body.startpage header .ce_caroufredsel_gallery .caroufredsel_navi { top: 313px; } body.startpage header .rsts-skin-default .rsts-prev, body.startpage header .ce_caroufredsel_gallery .caroufredsel_navi .caroufredsel_prev { margin : 0 0 0 33px; } body.startpage header .rsts-skin-default .rsts-next, body.startpage header .ce_caroufredsel_gallery .caroufredsel_navi .caroufredsel_next { margin: 0 29px 0 0; } header .rsts-skin-default .rsts-next, header .rsts-skin-default .rsts-prev { position: absolute; top: 50%; margin-top: -35px !important; } header .rsts-skin-default .rsts-next { right: 0; } header .rsts-skin-default .rsts-prev { left: 0; } /*header .rsts-skin-default .caption*/ header .ce_caroufredsel_gallery figcaption.caption { position: absolute; display: table; width: 118px !important; height: 118px; border-radius: 60px; background: #EE1F25; color: #fff; top: 150px; right: 50%; margin: 0 -420px 0 0; } header .ce_caroufredsel_gallery figcaption.caption .caption-text { display: table-cell; width: 100%; height: 100%; font-size: 30px; font-weight: 300; line-height: 23px; letter-spacing: 1px; text-align: center; vertical-align: middle; /*padding: 30px 0 0;*/ /*margin: 0 0 0 -4px; /*-ms-transform: rotate(-15deg);*/ /*-webkit-transform: rotate(-15deg);*/ /*-moz-transform: rotate(-15deg);*/ /*transform: rotate(-15deg);*/ } header .rsts-skin-default .rsts-text { position: absolute; bottom: 280px; left: 50%; margin: 0 0 0 -420px; color: #fff; font-size: 20px; line-height: 160%; text-shadow: 1px 1px 10px #000; } header .rsts-skin-default .rsts-title { position: absolute; bottom: 150px; left: 50%; margin: 0 0 0 -420px; color: #fff; font-size: 30px; } header .rsts-skin-default .rsts-title > span { display: inline-block; background: #ee1f25; padding: 5px 8px; margin: 0 0 10px; } #main .dlh_googlemap { height: 600px; } body.standardpage #main .inside .mod_article > .ce_dlh_googlemaps { width: 100%; } /*body.standardpage #main .inside .mod_article > .ce_dlh_googlemaps .element-inside {*/ /*margin: 0 auto;*/ /*width: 1050px;*/ /*}*/ #main .inside .mod_article#meta-kontakt { padding: 0; } .routinglink input.text { width: 180px; margin-right: 5px; line-height:18px; } /** * content styles * --------------------------------------------- */ .ce_headlines { overflow: hidden; } h1 { text-transform: uppercase; font-weight: 300; font-size: 47px; line-height: 52px; letter-spacing: 2px; margin: 39px 0 35px; } h2 { text-transform: uppercase; font-weight: 500; font-size: 26px; line-height: 32px; letter-spacing: 2px; margin: 38px 0 17px; } h3 { text-transform: uppercase; font-weight: 400; font-size: 20px; line-height: 20px; letter-spacing: 2px; margin: 19px 0 12px; } h4 { color: #646464; font-size: 20px; font-weight: 300; text-transform: uppercase; margin: 35px 0 40px; letter-spacing: 2px; } h5 { color: #646464; font-size: 16px; font-weight: 300; text-transform: uppercase; margin: 0 0 20px; } h6 { text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: 1px; color: #fff; margin: 0 0 11px; } .headline-thin h2, .headline-thin h3, .headline-thin h6 { font-weight: 400; } .border-bottom span { display: inline-block; border-bottom: 1px solid #F67E82; padding: 0 0 2px; } .ce_text.has-image.headline-position-bottom h2 { margin-top: 10px; } .headline-short-padding h4 { margin-bottom: 20px; } .headline-border-bottom h2 { background: transparent url("../../files/website/images/line_red_border.png") center bottom no-repeat; padding-bottom: 45px; margin-bottom: 36px; } body.standardpage #main p, body.startpage #main p, #AfterContainer .mod_article:last-child:not(.first) p { font-size: 16px; font-weight: 400; line-height: 25px; letter-spacing: 1px; margin: 0 0 20px; } body:not(.startpage) #main .mod_article:not(.last) p, body:not(.startpage) #main .mod_article:not(.last) p { font-size: 14px; font-weight: 300; line-height: 20px; } body.startpage #main p, body.standardpage #main .mod_article.last:not(.first) p, #AfterContainer .inside > .mod_article:last-child p { font-size: 20px; } #AfterContainer .inside > .mod_article:last-child p { font-weight: 300; line-height: 20px; margin-bottom: 20px; } body.servicepage #main .mod_article:not(.last) p, body.standardpage #main .mod_article p { font-size: 14px; font-weight: 300; line-height: 20px; } body.standardpage #main .mod_article > .full-width, body.standardpage #main .mod_article > .img-full-width { width: 100vw; } body.standardpage #main .img-full-width .image_container img { width: 100vw; height: auto; } body.standardpage #main .ce_headlines + .ce_text.img-full-width { margin-top: -10px; } #main .text-over .element-inside { position: relative; } body.standardpage #main .text-over .text-container { position: absolute; bottom: 54px; left: 50%; margin: 0 0 0 -525px; } #main .text-over .text-container p { text-transform: uppercase; font-size: 30px; font-weight: 300; line-height: 1; letter-spacing: 0; margin: 0 0 37px; } #main .text-over .text-container p:last-child { background: transparent url("../../files/website/images/line_red.png") top center no-repeat; margin-bottom: 0; padding-top: 49px; } #main .text-over .text-container p a { display: inline-block; background: #282827; color: #fff; font-size: 18px; text-transform: uppercase; text-decoration: none; padding: 5px 9px; line-height: 1; -webkit-transition : background 0.8s, color 0.8s; -moz-transition : background 0.8s, color 0.8s; -ms-transition : background 0.8s, color 0.8s; -o-transition : background 0.8s, color 0.8s; transition : background 0.8s, color 0.8s; } #main .text-over .text-container p a:hover { background: #EE1F25; } #main .caption-btn.caption-pos-right .element-inside { position: relative; } #main .caption-btn.btn-round .caption { position: absolute; top: 15%; right: 50%; width: 118px; height: 118px; border: 2px solid #000; border-radius: 60px; margin: 0 -393px 0 0; padding: 6px; } #main .caption-btn.caption-pos-right .caption { top: 0; right: 67px; margin: 0; } #main .caption-btn.btn-round .caption .caption-inside { width: 100%; height: 100%; border: 2px solid #EE1F25; border-radius: 60px; } #main .caption-btn.btn-round .caption .caption-inside .caption-text { width: 100%; font-size: 20px; text-align: center; line-height: 23px; letter-spacing: 1px; font-weight: 300; padding: 26px 0 0; margin: 0 0 0 -4px; -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); transform: rotate(-15deg); } body.standardpage #main .mod_article > .border-top { margin-top: 10px; border-top: 1px solid #B9B9BB; padding-top: 45px; } body.standardpage #main .mod_article > .border-top.padding-top { padding-top: 57px; } #main .mod_article > .bg-gray { background: #F7F7F7; } #main .mod_article > .bg-red { background: #F01C2E; } #main .img-center .image_container { text-align: center; } body.standardpage #main .mod_navigation.sub-nav-list { margin-top: 65px; margin-bottom: 55px; } body.standardpage #main .ce_headlines.bg-gray + .mod_navigation.sub-nav-list { margin-top: 0; padding-top: 0; } .image_container.float_right { padding: 0 0 0 80px; margin: -9px 0 0; } #main ol, #main ol li { list-style: none; padding: 0; margin: 0; } #main ol { display: table; width: 1070px; height: 55px; border-spacing: 10px; margin: 0 0 0 -10px; /*margin: 0 0 10px;*/ /*display: -webkit-box;*/ /*display: -moz-box;*/ /*display: -ms-flexbox;*/ /*display: -webkit-flex;*/ /*display: flex;*/ -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: distribute; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } #main ol li { display: table-cell; /*float: left;*/ width: 20%; /*width: 206px;*/ /*height: 100%;*/ margin: 0 5px; border: 1px solid #9A9A99; /*padding: 0 15px;*/ padding: 13px 10px; font-size: 13px; /*line-height: 55px;*/ text-align: center; vertical-align: middle; letter-spacing: 1px; color: #7A7A7A; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; flex-grow: 1; flex-basis: 0; } #main ol li a { display: block; color: #7A7A7A; text-decoration: none; } #main ol li:first-child { margin-left: 0; } #main ol li:last-child { margin-right: 0; } #main ol li.one-line { /*padding: 20px 0;*/ } #main ol li:hover { color: #fff; background: #EE1F25; } #main ol li:hover a { color: #fff; } #main ol li a:hover { text-decoration: underline; } #main ol + p { margin-top: 10px !important; } #main ol + ol { margin-top: -10px !important; } /*#main ol:after {*/ /*display: table;*/ /*content: "";*/ /*clear: both;*/ /*float: none;*/ /*}*/ .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-30 { padding-bottom: 30px; } /** * left column styles * --------------------------------------------- */ #left .page-title { padding: 57px 0 33px; font-size: 20px; font-weight: 300; text-transform: uppercase; } /** * box element styles * --------------------------------------------- */ #main .box-element { float: left; padding: 0 10px 10px 0; } #main .box-element.box-width-w1 { width: 25%; } #main .box-element.box-width-w2 { width: 50%; } #main .box-element.box-width-w33 { width: 33.33333%; } #main .box-element.box-width-w3 { width: 75%; } #main .box-element.box-width-w4 { width: 100%; padding-right: 0; } #main .box-element.box-height-h1 { height: 150px; } #main .box-element.box-height-h2 { height: 190px; } #main .box-element.box-fourth { padding-right: 0; } #main .box-element.box-bg-gray-gradient .element-inside { background: #fffffe; background: -moz-linear-gradient(top, #fffffe 0%, #e3e2de 100%); background: -webkit-linear-gradient(top, #fffffe 0%,#e3e2de 100%); background: linear-gradient(to bottom, #fffffe 0%,#e3e2de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffe', endColorstr='#e3e2de',GradientType=0 ); } #main .box-element .element-inside { height: 100%; padding: 15px 0 0; /*padding: 15px 15px 0;*/ /*border: 1px solid #D4D4D3;*/ } #main .box-element.ce_gallery .element-inside { padding: 0; border: none; } #main .box-element p, #main .box-element ul li { font-size: 14px; font-weight: 300; line-height: 21px; margin: 0 0 13px; } #main .box-element h4 { margin: 5px 0 19px; } #main .box-element h6 { color: #4c4c4b; font-size: 15px; font-weight: bold; text-transform: none; } #main .box-element ul { margin: 0 0 15px; } #main .box-element ul li { list-style: none; margin: 0; padding: 0; } #main .box-element:not(.ce_gallery):not(.ce_downloads) ul li:before { content: "– "; } #main .box-element.ce_gallery ul { margin: 0; } #main .box-element.ce_gallery ul li { margin: 0 10px 5px 0; } #main .box-element.ce_gallery ul li:not(:first-child) { width : 123px; height : 85px; } #main .box-element.ce_gallery ul > li:first-child, #main .box-element.ce_gallery ul > li:nth-child(3n+1) { margin-bottom: 0; } /*#main .box-element.ce_gallery ul > li:nth-child(3n) {*/ /*margin-top: 62px;*/ /*margin-left: -92px;*/ /*}*/ /*#main .box-element.ce_gallery ul > li:nth-child(3n+1):not(:first-child) {*/ /*margin-top: 124px;*/ /*margin-left: -92px;*/ /*height: 56px;*/ /*}*/ #main .box-element.ce_gallery { position: relative; } #main .box-element.ce_gallery .gallery-text { position: absolute; display: none; } #main .ce_downloads { text-align: center; } #main .ce_downloads ul li { line-height: normal; padding: 10px; border: 1px solid #CCC; display: inline-block; margin: 0 5px 5px 0; } #main .ce_downloads ul li a { color: #4c4c4b; text-decoration: none; background: transparent url("../../assets/contao/images/iconPDF.gif") left center no-repeat; padding: 1px 0 1px 20px; } #main .ce_downloads ul li a:hover { text-decoration: underline; } #main .ce_downloads ul li a .size { display: none; } /** * news styles * --------------------------------------------- */ #main .mod_newslist { padding: 10px 0 0; } #main .mod_newslist .layout_latest { position: relative; height: 259px; } #main .mod_newslist .layout_latest a { color: #000; text-decoration: none; } #main .mod_newslist .layout_latest.odd { background: #F7F7F7; } #main .mod_newslist .layout_latest.has-detail .news-item-inside a, #main .mod_newslist .layout_latest:not(.has-detail) .news-item-inside { display: block; padding: 39px 29px 0; } #main .mod_newslist .layout_latest.no-image.has-detail .news-item-inside a, #main .mod_newslist .layout_latest.no-image:not(.has-detail) .news-item-inside { padding-left: 120px; padding-right: 120px; } #main .mod_newslist .layout_latest p.info { font-size: 13px; color: #EF3036; margin: 0; } #main .mod_newslist .layout_latest:not(.no-image) p.info { margin: 4px 0 0 282px; } #main .mod_newslist .layout_latest.no-image .teaser p, #main .mod_newslist .layout_latest.no-image p.info { text-align: center; } #main .mod_newslist .layout_latest h4 { margin-top: 8px; margin-bottom: 24px; } #main .mod_newslist .layout_latest:not(.no-image) h4 { margin-top: 15px; margin-bottom: 19px; } #main .mod_newslist .layout_latest .teaser p { font-size: 13px; font-weight: 300; line-height: 21px; } #main .mod_newslist .layout_latest .image_container { float: left; padding: 0 27px 0 0; margin: -19px 0 0; } #main .mod_newslist .layout_latest, #main .mod_newslist .layout_latest p, #main .mod_newslist .layout_latest h4 { -webkit-transition : background 0.8s, color 0.8s; -moz-transition : background 0.8s, color 0.8s; -ms-transition : background 0.8s, color 0.8s; -o-transition : background 0.8s, color 0.8s; transition : background 0.8s, color 0.8s; } #main .mod_newslist .layout_latest:hover { /* background: #EE1F25;*/ } #main .mod_newslist .layout_latest:hover p, #main .mod_newslist .layout_latest:hover h4 { /*color: #fff;*/ } #main .mod_newslist .layout_latest:hover h4 { /*color: #fff;*/ color: #EF3036; } #main .mod_newslist .layout_latest .more { display: none; position: absolute; top: 50%; right: 20px; width: 40px; height: 40px; margin: -20px 0 0 0; visibility: hidden; opacity: 0; -webkit-transition : opacity 0.8s, visibility 0.8s; -moz-transition : opacity 0.8s, visibility 0.8s; -ms-transition : opacity 0.8s, visibility 0.8s; -o-transition : opacity 0.8s, visibility 0.8s; transition : opacity 0.8s, visibility 0.8s; } #main .mod_newslist .layout_latest .more a { /*display: none;*/ text-indent: -99999px; } #main .mod_newslist .layout_latest:hover .more { opacity: 1; visibility: visible; } #main .mod_newslist .layout_latest:hover .more:before, #main .mod_newslist .layout_latest:hover .more:after { content: ''; position: absolute; background: #fff; top: 0; left: 0; width: 2px; height: 40px; margin: 0 0 0 19px; } #main .mod_newslist .layout_latest:hover .more:before { width: 40px; height: 2px; margin: 19px 0 0 0; } /** * hyperlink styles * --------------------------------------------- */ .ce_hyperlink.btn, .mod_newsreader p.back { padding: 46px 0 0; } input.submit.btn, .ce_hyperlink.btn a, .mod_newsreader p.back a { display: inline-block; border: 1px solid #656564; text-transform: uppercase; text-decoration: none; font-size: 17px; padding: 5px 10px 5px; color: #000; -webkit-transition : background 0.8s, color 0.8s, border-color 0.8s; -moz-transition : background 0.8s, color 0.8s, border-color 0.8s; -ms-transition : background 0.8s, color 0.8s, border-color 0.8s; -o-transition : background 0.8s, color 0.8s, border-color 0.8s; transition : background 0.8s, color 0.8s, border-color 0.8s; } .mod_newsreader p.back a { font-size: 12px; padding-top: 3px; padding-bottom: 2px; } input.submit.btn:hover, .ce_hyperlink.btn a:hover, .mod_newsreader p.back a:hover { background: #EE1F25; border-color: #EE1F25; color: #fff; } .ce_hyperlink.btn.btn-center { text-align: center; } .ce_hyperlink.btn:not(.last) { padding-bottom: 49px; } .ce_hyperlink.btn.last { padding-top: 5px; } input.submit.btn { background: none; -webkit-border-radius : 0; -moz-border-radius : 0; border-radius : 0; } /** * search styles * --------------------------------------------- */ .mod_search input.submit { padding: 0; text-indent: -99999px; display: inline-block; width: 27px; height: 27px; background: transparent url("../../files/website/images/icon/search.png") 0 0 no-repeat; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .mod_search input.submit:hover { background-position: 0 0 !important; } .mod_search input.text { width: 760px; padding: 0 6px; color: #ccc; line-height: 27px; background: none; border: none; border-bottom: 1px solid #ccc; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 0 13px; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background: none !important; color: #ccc !important; } /*SUCHE*/ #main .mod_search { line-height: 20px; } #main .mod_search .formbody, #main .mod_search p.header { display: none; } #main .mod_search h3 { color: #999; padding-bottom: 10px; font-size: 16px; } #main .mod_search h3 a { color: #EE1F25; font-size: 20px; line-height: 28px; padding-right: 10px; text-decoration: underline; } #main .mod_search p { font-size: 16px !important; } #main .mod_search h3 a:hover { text-decoration: none; } #main .mod_search .url { padding: 5px 0px; border-top: 1px solid #CCC; border-bottom: 2px solid #CCC; margin-right: 70px; margin-bottom: 35px; } #main .mod_search .header { padding-bottom: 30px; padding-top: 10px; } #main .mod_search .highlight { color: #FFF; background: #EE1F25; padding: 0 3px; } #main .mod_search input.text { width: 300px; margin-right: 10px; } /** * content gallery styles * --------------------------------------------- */ .ce_gallery ul { display: block; } .ce_gallery ul:after { display: table; content: ""; clear: both; float: none; } .ce_gallery ul > li { float: left; margin: 0 10px 10px 0; } .ce_gallery ul > li.col_last { margin-right: 0; } .ce_gallery .gallery-text { padding: 12px 0 0; clear: both; } .ce_gallery.boxed-gallery ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: distribute; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; height: 138px; } .ce_gallery.boxed-gallery ul > li { /*display: table;*/ float: none; position: relative; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; flex-grow: 1; flex-basis: 0; margin: 0 10px; border: 1px solid #DEDEDE; } .ce_gallery.boxed-gallery ul > li.col_first { margin-left: 0; } .ce_gallery.boxed-gallery ul > li.col_last { margin-right: 0; } .ce_gallery.boxed-gallery ul > li.has-link .image_container { width: 100%; height: 100%; } .ce_gallery.boxed-gallery ul > li:not(.has-link) .image_container, .ce_gallery.boxed-gallery ul > li:not(.has-link) .image_container .image-container-inside, .ce_gallery.boxed-gallery ul > li.has-link .image_container .image-container-inside, .ce_gallery.boxed-gallery ul > li.has-link .image_container .image-container-inside a { display: table; position: relative; width: 100%; height: 138px; text-align: center; } .ce_gallery.boxed-gallery ul > li:not(.has-link) .image_container .image-container-inside, .ce_gallery.boxed-gallery ul > li.has-link .image_container .image-container-inside a { display: table-cell; height: 100%; vertical-align: middle; } /** * content box styles * --------------------------------------------- */ body.standardpage #main .mod_article > .ce_boxStart { /*margin: 273px 0 0;*/ margin-top: 16px; /*padding: 0 45px;*/ padding: 0; } body.standardpage #main .mod_article > .ce_boxStart.image-boxes { margin: 31px 0 0; padding: 0 15px; } body.standardpage #main .mod_article > .ce_boxStart.box-images { padding: 0; margin-top: 20px; } body.standardpage #main .mod_article > .ce_boxStart.box-icons { margin-top: 0; margin-bottom: 22px; } body.standardpage #main .mod_article > .ce_boxStart.box-icons.full-width { padding-bottom: 22px; margin-bottom: 0; } .ce_boxStart .boxes-inside, .ce_sliderStart.icon-boxes .slider-page { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: distribute; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } body.standardpage #main .mod_article > .ce_boxStart.width-810 { width: 810px; margin-top: 27px; margin-bottom: 40px; /*margin: 0 auto;*/ } .ce_boxStart .ce_text, .ce_boxStart .ce_image, .ce_boxStart .ce_gallery, .ce_sliderStart.icon-boxes .slider-page .ce_text, .ce_sliderStart.icon-boxes .slider-page .ce_image, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_text, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_image { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; flex-grow: 1; flex-basis: 0; margin: 0 7px; /*margin: 0;*/ } .ce_boxStart.box-icons.full-width .ce_text, .ce_boxStart.box-icons.full-width .ce_image { margin: 0 15px; } .ce_boxStart .ce_gallery { margin: 0 27px; } .ce_boxStart .ce_image { margin: 0 4px; padding: 17px; position: relative; background: #F6F6F6; transition: background 300ms linear; -webkit-transition: background 300ms linear; } .ce_boxStart .ce_image:hover { background: #E42A20; } .ce_boxStart .ce_image:hover .caption { color: #fff; } #main .ce_boxStart .ce_text h3 { /*border: 1px solid #868686;*/ /*line-height: 38px;*/ font-size: 19px; font-weight: 700; } body.standardpage #main .ce_boxStart .ce_text p { font-size: 18px; /*font-size: 14px;*/ /*line-height: 18px;*/ /*font-weight: 300;*/ margin: 0 0 13px; } body.standardpage #main .ce_boxStart.box-icons.full-width .ce_text p { font-size: 13px; } .ce_boxStart .ce_image .image_container { text-align: center; padding: 0 0 30px; } #main .mod_article > .ce_boxStart.box-icons .image_container { height: 100px; line-height: 100px; } #main .mod_article > .ce_boxStart.box-icons .image_container img { vertical-align: middle; } .ce_boxStart .ce_image .image_container figcaption.caption { line-height: normal; text-transform: uppercase; font-size: 14px; font-weight: 300; letter-spacing: 1px; position: absolute; right: 0; bottom: -9px; left: 0; text-align: center; } .ce_boxStart .box-pagination { position: relative; height: 15px; margin: 34px 0 0; } .ce_boxStart .box-pagination .box-pagination-inside.center, .ce_boxStart .box-pagination .box-pagination-inside { position: absolute; top: 0; left: 50%; margin: 0 0 0 -42.5px; transition: left 0.25s linear; -webkit-transition: left 0.25s linear; } .ce_boxStart .box-pagination .page { display: block; width: 9px; height: 9px; background: #4F4F4F; border: 1px solid #4F4F4F; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; margin: 0 4px; } .ce_boxStart .box-pagination .page.active { background: #F01C2E; border-color: #F01C2E; } .ce_boxStart .ce_text p a { display: inline-block; background: #282827; color: #fff; padding: 1px 4px 1px; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 16px; } .ce_boxStart .ce_text p a:hover { background: #F01C2E; } #main .mod_article > .ce_sliderStart.icon-boxes.first { margin-top: 10px; } .ce_sliderStart.icon-boxes .slider-page, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons { padding: 60px 90px 40px; height: 300px; } .ce_sliderStart.icon-boxes { position: relative; } body.standardpage #main .ce_sliderStart.icon-boxes .slider-control { position: absolute; bottom: 11px; left: 50%; margin: 0 0 0 -525px; padding: 0 12px 0 0; } .ce_sliderStart.icon-boxes .slider-control .slider-prev, .ce_sliderStart.icon-boxes .slider-control .slider-next { display: none; } .ce_sliderStart.icon-boxes .slider-control .slider-menu { position: static; top: auto; left: auto; width: auto; float: right; display: block; padding: 0; margin: 0; font-size: 42px; } .ce_sliderStart.icon-boxes .slider-control .slider-menu b { display: inline-block; color: #DADADA; } .ce_sliderStart.icon-boxes .slider-control .slider-menu b.active { color: #fff; } .ce_sliderStart.icon-boxes .slider-page .ce_text .image_container, .ce_sliderStart.icon-boxes .slider-page .ce_image .image_container, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_text .image_container, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_image .image_container { text-align: center; height: 129px; } #main .ce_sliderStart.icon-boxes .slider-page .ce_text p, #main .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_text p { font-size: 15px; line-height: 20px; color: #fff; } #main .mod_article > .ce_boxStart.box-icons .ce_text .image_container + p { font-size: 15px; margin-bottom: 22px; } /** * fullscreen search styles * --------------------------------------------- */ .fullscreen-search-form { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; /*z-index: 100;*/ color: white; text-align: center; background: #EE1F25; background: rgba(238, 31, 37, 0.9); -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; opacity: 0; z-index: 1100; } .fancybox-overlay { background: #EE1F25; background: rgba(238, 31, 37, 0.9); } /*.fullscreen-search-form:before {*/ /*content: "";*/ /*display: block;*/ /*height: 50%;*/ /*margin-bottom: -46px;*/ /*}*/ .fullscreen-search-form.is-active { /*-webkit-transition: opacity 0.5s linear;*/ /*-moz-transition: opacity 0.5s linear;*/ /*-o-transition: opacity 0.5s linear;*/ /*transition: opacity 0.5s linear;*/ opacity: 0; } .fullscreen-search-form.is-active, .fullscreen-search-form.is-pre-active { display: block; opacity: 1; } .fullscreen-search-form form { display: table; width: 100%; height: 100%; } .fullscreen-search-form form .formbody { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .fullscreen-search-form label { display: block; font-size: 36px; } .mod_search.fullscreen-search-form input, .mod_search.fullscreen-search-form input:hover, .mod_search.fullscreen-search-form input:focus { display: inline-block; width: 380px; padding: 0; color: inherit; font-size: 36px; text-align: center; background: none; box-shadow: none; margin: 12px auto; border: 0; border-bottom: 2px solid #fff; border-radius: 0; } .mod_search.fullscreen-search-form input.text { margin-right: 10px; } .fullscreen-search-form button { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; outline: none; font-size: 14px; letter-spacing: 1px; line-height: 20px; color: #fff; text-align: center; text-decoration: none; text-transform: uppercase; padding: 13px 18px 11px; border: 2px solid #fff; background: transparent; margin: 18px 0 0; transition: background 0.3s linear, color 0.3s linear; -webkit-transition: background 0.3s linear, color 0.3s linear; } .fullscreen-search-form button:hover { border: 2px solid #fff; background: #fff; color: #EE1F25; } .fancybox-close, .fullscreen-search-form-close { position: absolute; top: 30px; right: 30px; overflow: hidden; color: inherit; line-height: 0; text-indent: -999999px; width: 62px; height: 62px; /*border: 5px solid #fff;*/ /*border-radius: 21px;*/ /*background: transparent url("../../files/images/icons/icon.php?icon=close&color=fff") center center no-repeat;*/ /*background-size: 16px 16px;*/ } .fancybox-close { position: fixed; /*top: 74px;*/ /*right: 53px;*/ background: none; } .fancybox-close:before, .fancybox-close:after, .fullscreen-search-form-close .line { width: 2px; height: 40px; background: #fff; /*border-radius: 2px;*/ top: 20%; left: 80%; position: absolute; margin: -1px 0 0 -20px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-close:after, .fullscreen-search-form-close .line-2 { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-close:before, .fancybox-close:after { content: ''; } .fancybox-title { display: none; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /** * navigation styles * --------------------------------------------- */ .mod_navigation ul, .mod_navigation ul li { margin: 0; padding: 0; list-style: none; } /** NAV MAIN ---------------------------------- **/ .nav-main { position: relative; /*padding: 65px 13px 0 0;*/ /*height: 85px;*/ padding: 24px 13px 0 0; height: 69px; overflow: visible; } .nav-main ul.level_1 > li { float: left; margin: 0 0 0 42px; } .nav-main ul.level_1 > li.first { margin: 0; } .nav-main ul.level_1 > li > a, .nav-main ul.level_1 > li > span { color: #000; font-size: 21px; text-decoration: none; font-weight: 300; letter-spacing: 1px; } .nav-main ul.level_1 > li.slide-line { display: block; padding:0; margin:0; background: #F26370; position: absolute; width: 43px; height: 2px; left: 0; /*top: 87px;*/ top: 50px; z-index: 0; opacity: 1; visibility: visible; transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; } .nav-main ul.level_1 > li.slide-line.hide { opacity: 0; visibility: hidden; } .nav-main ul.level_1 > li.icon-page > a, .nav-main ul.level_1 > li.icon-page > span { text-indent: -99999px; display: block; width: 27px; height: 27px; background: transparent 0 0 no-repeat; } .nav-main ul.level_1 > li.icon-page.icon-search > a, .nav-main ul.level_1 > li.icon-page.icon-search > span { background-image: url("../../files/website/images/icon/search.png"); } /** NAV META ---------------------------------- **/ .nav-meta ul.level_1 { float: right; padding: 8px 19px 0 0; } .nav-meta ul.level_1 > li { float: left; padding: 0 0 0 31px; } .nav-meta ul.level_1 > li.first { padding: 0; } .nav-meta ul.level_1 > li > a, .nav-meta ul.level_1 > li > span { text-transform: uppercase; text-decoration: none; color: #fff; font-size: 11px; font-weight: 400; letter-spacing: 1px; /*font-weight: 500;*/ } /** NAV SUB LIST ------------------------------ **/ .sub-nav-list ul.level_1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -10px !important; margin-right: -10px !important; } .sub-nav-list ul.level_1 > li { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; padding: 0 10px; } /* Legacy Firefox implementation treats all flex containers as inline-block elements. */ @-moz-document url-prefix() { .sub-nav-list ul.level_1 { width: 100%; -moz-box-sizing: border-box; } } body.standardpage #main .sub-nav-list + .ce_text.nav-text { margin-top: -70px; margin-bottom: 60px; padding-bottom: 20px; } .sub-nav-list ul.level_1:after { display: table; content: ""; float: none; clear: both; } .sub-nav-list ul.level_1 { padding: 11px 0 47px; } .sub-nav-list ul.level_1 > li { /*float: left;*/ /*width: 20%;*/ /*margin: 0 60px 0 0;*/ } /*.sub-nav-list ul.level_1 > li.first {*/ /*max-width: 169px;*/ /*}*/ .sub-nav-list ul.level_1 > li.last { margin: 0; } .sub-nav-list ul.level_1 > li .nav-table { display: table; width: 100%; height: 100%; } .sub-nav-list ul.level_1 > li > a { display: block; color: #484847; text-decoration: none; text-transform: uppercase; font-weight: 300; font-size: 16px; /*padding: 0 0 2px;*/ /*border-bottom: 1px solid #F0565A;*/ width: 100%; height: 100%; border: 1px solid #9A9A99; padding: 15px 20px; text-align: center; } .sub-nav-list ul.level_1 > li .nav-table a { display: table-cell; width: 100%; height: 100%; vertical-align: middle; border: 1px solid #9A9A99; padding: 15px 20px; color: #484847; text-decoration: none; text-transform: uppercase; text-align: center; font-weight: 300; font-size: 16px; -webkit-transition : color 350ms, background 350ms; -moz-transition : color 350ms, background 350ms; -ms-transition : color 350ms, background 350ms; -o-transition : color 350ms, background 350ms; transition : color 350ms, background 350ms; } .sub-nav-list ul.level_1 > li > a:hover, .sub-nav-list ul.level_1 > li .nav-table a:hover { color: #fff; background: #EE1F25; } .sub-nav-list ul.level_2 { padding: 19px 0 0; display: none; } .sub-nav-list ul.level_2 > li { padding-bottom: 22px; } .sub-nav-list ul.level_2 > li.last { padding-bottom: 0; } .sub-nav-list ul.level_2 > li > a { color: #575757; text-decoration: none; font-size: 14px; letter-spacing: 1px; } .sub-nav-list ul li a:hover { color: #000; } /** NAV SUB ----------------------------------- **/ .nav-sub ul.level_1 > li { margin: 0 60px 18px 0; /*padding: 0 0 14px;*/ /*height: 24px;*/ font-size: 15px; line-height: 20px; border-bottom: 1px solid #DADBDB; } .nav-sub ul.level_1 > li.submenu { background: transparent url("../../files/website/images/navigation/arrow-bottom.png") right 1px no-repeat; } .nav-sub ul.level_1 > li a, .nav-sub ul.level_1 > li span { /*display: block;*/ /*height: 24px;*/ font-size : 14px; letter-spacing : 1px; line-height : 17px; text-decoration : none; color : #4c4c4b; } .nav-sub ul.level_1 > li > a, .nav-sub ul.level_1 > li > span { cursor: pointer; } .nav-sub ul.level_1 > li > a, .nav-sub ul.level_1 > li > span { text-transform: uppercase; } .nav-sub ul.level_1 > li > a.trail, .nav-sub ul.level_1 > li > span.trail { border-bottom: 1px solid #F26370; } .nav-sub ul.level_1 > li > span.active, .nav-sub ul.level_1 > li > span:hover, .nav-sub ul.level_1 > li.trail > span:not(.trail) { color: #000; } .nav-sub ul.level_2 { /*height: 0;*/ /*display: none;*/ overflow: hidden; /*-webkit-transition : opacity 0.8s, height 0.8s;*/ /*-moz-transition : opacity 0.8s, height 0.8s;*/ /*-ms-transition : opacity 0.8s, height 0.8s;*/ /*-o-transition : opacity 0.8s, height 0.8s;*/ /*transition : opacity 0.8s, height 0.8s;*/ } .nav-sub ul.level_2 > li { line-height: 26px; } .nav-sub ul.level_2 > li.first { margin: 10px 0 0; } .nav-sub ul.level_2 > li.last { margin: 0 0 10px; } .nav-sub ul.level_1 > li a:hover { color: #F0565A; } .nav-sub ul.level_2 > li > a, .nav-sub ul.level_2 > li > span { font-size: 15px; } .nav-sub ul.level_2 > li span { font-weight: bold; } .nav-sub ul.level_1 > li.trail > ul.level_2, .nav-sub ul.level_1 > li.active > ul.level_2 { display: block; } /** NAV MAIN MOBILE -------------------------------- **/ .main-navigation-mobile.is-enabled { overflow-y: auto; } .nav-mobile-main { margin: 50% 0 0; } .main-navigation-mobile.is-active .nav-mobile-main { height: auto; overflow: visible; -webkit-box-shadow : none !important; -moz-box-shadow : none !important;; box-shadow : none !important;; } .nav-mobile-main ul.level_1 { text-align: center; -webkit-transform : translateY(-15%); -moz-transform : translateY(-15%); -ms-transform : translateY(-15%); -o-transform : translateY(-15%); transform : translateY(-15%); } .nav-mobile-main ul.level_1 > li { padding: 8px 0; } .nav-mobile-main ul.level_1 > li > a, .nav-mobile-main ul.level_1 > li > span { font-size: 32px; } .nav-mobile-main ul.level_1 > li > a:hover, .nav-mobile-main ul.level_1 > li > span { color: #F26370; text-decoration: none; } /** NAV FOOTER -------------------------------- **/ .nav-footer { /*height: 83px;*/ height: 46px; line-height: 46px; } .nav-footer ul.level_1 > li { float: left; margin: 0 23px; height: 46px; } .nav-footer ul.level_1 > li.last { margin-right: 0; } .nav-footer ul.level_1 > li > a, .nav-footer ul.level_1 > li > span { text-transform: uppercase; text-decoration: none; /*color: #505050;*/ color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 1px; } .nav-footer ul.level_2 { display: none; padding: 4px 0 0; } .nav-footer ul.level_2 > li > a, .nav-footer ul.level_2 > li > span { text-decoration: none; color: #505050; font-size: 11px; font-weight: 400; letter-spacing: 2px; } .link-fullsize:not(.ce_text) .image_container { float: left; } .ce_gallery ul > li .image_container .caption { display: none; } .ce_gallery ul > li .image_container a, .link-fullsize .image_container a { position: relative; display: block; width: 100%; height: 100%; } .ce_gallery ul > li .image_container .fullsize, .link-fullsize .image_container .fullsize { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .ce_gallery ul > li .image_container .fullsize, .img-hover.link-fullsize .image_container .fullsize { background: rgba(238, 31, 37, 0.75); visibility: hidden; opacity: 0; -webkit-transition : opacity 0.8s, visibility 0.8s; -moz-transition : opacity 0.8s, visibility 0.8s; -ms-transition : opacity 0.8s, visibility 0.8s; -o-transition : opacity 0.8s, visibility 0.8s; transition : opacity 0.8s, visibility 0.8s; } .ce_gallery ul > li .image_container:hover .fullsize, .img-hover.link-fullsize .image_container:hover .fullsize, .img-hover.link-fullsize .image_container:hover .fullsize { opacity: 1; visibility: visible; } .ce_gallery ul > li .image_container .fullsize.plus .line-horizontal, .ce_gallery ul > li .image_container .fullsize.plus .line-vertical, .link-fullsize .image_container .fullsize.plus .line-horizontal, .link-fullsize .image_container .fullsize.plus .line-vertical { position: absolute; background: #ED3439; top: 50%; left: 50%; width: 2px; height: 40px; margin: -20px 0 0 -1px; } .ce_gallery ul > li .image_container .fullsize.plus .line-horizontal, .link-fullsize .image_container .fullsize.plus .line-horizontal { width: 40px; height: 2px; margin: -1px 0 0 -20px; } .ce_gallery ul > li .image_container .fullsize.plus .line-horizontal, .ce_gallery ul > li .image_container .fullsize.plus .line-vertical, .img-hover.link-fullsize .image_container .fullsize.plus .line-horizontal, .img-hover.link-fullsize .image_container .fullsize.plus .line-vertical { background: #fff; } /** * footer styles * --------------------------------------------- */ footer { /*background: #282827;*/ background: #EE1F25; /*border-top: 5px solid #F01C2E;*/ padding: 66px 0 0; } footer .footer-container:after { display: table; content: ""; float: none; clear: both; } footer .sublogo { float: left; padding: 1px 39px 0 46px; } footer .right-container { float: left; width: 740px; } footer .copy { float: left; /*padding: 0 0 0 27px;*/ padding: 0; font-size: 12px; /*color: #505050;*/ color: #fff; letter-spacing: 1px; height: 46px; line-height: 46px; } footer .footer-navigation { float: right; } footer .footer-boxes { border-bottom: 1px solid #F7989A; padding: 0 0 45px; } footer .footer-boxes p, footer .footer-boxes p a { color: rgba(255, 255, 255, 0.85); margin: 0 0 20px; font-size: 12px; line-height: 20px; text-decoration: none; letter-spacing: 1px; } footer .footer-boxes p a:hover { color: #282827; } footer .footer-boxes .ce_image.has-caption .image_container { float: left; } footer .footer-boxes .ce_image.has-caption .image_container figcaption.caption { width: 100%; text-align: center; font-weight: 300; font-size: 12px; line-height: 16px; color: #fff; padding: 15px 0 8px; } footer .footer-boxes .ce_image.has-caption .image_container figcaption.caption .caption-text { padding: 0 0 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); display: inline-block; } footer .footer-boxes .footer-boxes-inside > div { float: left; width: 24%; } footer .footer-boxes .footer-boxes-inside > div:first-child { width: 28%; } /*footer .footer-boxes .footer-boxes-inside > div:nth-child(1),*/ footer .footer-boxes .footer-boxes-inside > div:nth-child(2) { width: 32%; } footer .footer-boxes .footer-boxes-inside > div:last-child { width: 16%; } footer .footer-boxes .footer-boxes-inside:after { content: ""; display: table; clear: both; float: none; } footer .footer-container-bottom { border-top: 1px solid #F58589; } /** * lightbox styles * --------------------------------------------- */ .fancybox-wrap.search-modal .fancybox-skin { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none; } .fancybox-close { text-indent: -99999px; } .redline hr { border-color: #EE1F25 !important; border-top: 1px solid #EE1F25 !important; margin-top: 40px; } /** * product styles * --------------------------------------------- */ .product-item { width: 100%; padding: 23px 0 0; border-bottom: 1px solid #DADBDB; overflow: visible; } .product-filter + .product-item { margin: 23px 0 0; border-top: 1px solid #DADBDB; } .product-item .product-item-infos { position: relative; padding: 0 0 22px; } .product-item .product-item-infos:after { display: table; content: ''; clear: both; float: none; } .product-item .product-item-infos .image { float: left; padding: 0 25px 0 0; } .product-item .product-item-infos .image, .product-item .product-item-infos .image img { line-height: 0; } .product-item .product-item-infos .text { float: left; width: 600px; padding: 0 100px 0 0; } .product-item .product-item-infos .text .title { color: #F60E1A; font-size: 22px; padding-bottom: 3px; letter-spacing: 1px; } .product-item .product-item-infos .text .subline { color: #4C4C4B; font-size: 16px; padding-bottom: 10px; } .product-item .product-item-infos .text .short-text { line-height: 17px; font-size: 12px; font-weight: 300; color: #787877; } .product-item .product-item-infos .additional { float: right; width: 145px; height: 100%; } .product-item .product-item-infos .additional .pdf-link { position: absolute; right: 20px; bottom: 23px; } .product-item .product-item-infos .additional .details-toggler { position: absolute; top: 0; right: 25px; width: 56px; height: 16px; } .product-item .product-item-infos .additional .details-toggler span.info { position: absolute; top: 4px; left: 0; color: #4C4C4B; font-size: 11px; text-transform: uppercase; opacity: 1; visibility: visible; -webkit-transition : opacity 300ms, visibility 300ms; -moz-transition : opacity 300ms, visibility 300ms; -ms-transition : opacity 300ms, visibility 300ms; -o-transition : opacity 300ms, visibility 300ms; transition : opacity 300ms, visibility 300ms; } .product-item .product-item-infos .additional .details-toggler span.icon { display: block; position: absolute; top: 0; right: 0; /*width: 16px;*/ /*height: 16px;*/ width: 17px; height: 17px; /*background: transparent url("../../files/website/images/icon/plus.png") center center no-repeat;*/ -webkit-transition : all 300ms; -moz-transition : all 300ms; -ms-transition : all 300ms; -o-transition : all 300ms; transition : all 300ms; } .product-item .product-item-infos .additional .details-toggler span.icon:before, .product-item .product-item-infos .additional .details-toggler span.icon:after { content: ""; display: block; position: absolute; width: 1px; height: 100%; background: red; top: 0; left: 8px; } .product-item .product-item-infos .additional .details-toggler span.icon:after { left: 0; top: 8px; width: 100%; height: 1px; } .product-item.shown .product-item-infos .additional .details-toggler span.info { opacity: 0; visibility: hidden; } .product-item.shown .product-item-infos .additional .details-toggler span.icon { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .product-item .product-item-details { clear: both; overflow: hidden; height: 0; } .product-item .product-item-details .details-inside { border: 1px solid #DADBDB; border-bottom: none; padding: 22px; background: #F1F1F1; color: #4C4C4B; line-height: 17px; font-size: 13px; font-weight: 300; } /** FILTER **/ .product-filter h4 { margin-top: 27px; margin-bottom: 22px; } .product-filter .filter-label { float: left; position: relative; color: #fff; font-size: 16px; text-transform: uppercase; background: #F31625; width: 31px; min-height: 163px; margin: 0 0 0 2px; } .product-filter .filter-label .label-name { position: absolute; left: 0; bottom: 0; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; margin: 0 0 0 100%; padding: 10px 0 8px 10px; } .product-filter .filter { position: relative; float: left; background: #F1F1F1; padding: 12px 45px 0 13px; margin: 0 0 0 10px; min-height: 163px; width: 200px; } .product-filter .filter.main-filter { padding-right: 13px; } .product-filter .filter .label { font-size: 14px; text-transform: uppercase; padding: 0 0 12px 0; } .product-filter .sub-filter { width: 470px; } .product-filter .filter .filter-group a.filter-btn { display: block; line-height: 17px; cursor: pointer; font-size: 14px; } .product-filter .filter .filter-group.subfilter a.filter-btn { line-height: 16px; } .product-filter .filter .filter-group a.filter-btn.is-disabled { cursor: default; color: #bbb; } .product-filter .filter .filter-group a.filter-btn.is-disabled:hover { text-decoration: none; } .product-filter .filter .filter-group a.filter-btn:not(.is-disabled):hover, .product-filter .filter .filter-group a.filter-btn:not(.is-disabled).is-checked { font-weight: 700; text-decoration : none; } .product-filter .filter .filter-group a.filter-btn.is-checked span.check { display: inline-block; width: 15px; height: 8px; background: transparent url("../../files/website/images/icon/check.png") right top no-repeat; } .product-filter .filter .overlay { position: absolute; top: 40px; right: 0; bottom: 0; left: 0; background: rgba(241, 241, 241, 0.75); } .product-filter .filter.main-is-active .overlay { display: none; } .stuck { position: fixed; top: 0; z-index: 5000; } header .header-container-inside { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7d5d6+0,ffffff+100 */ background: #fff; /* Old browsers */ background: -moz-linear-gradient(top, #d7d5d6 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d7d5d6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d7d5d6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d5d6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ width: 100%; margin: 0; /*-webkit-transition : all 250ms;*/ /*-moz-transition : all 250ms;*/ /*-ms-transition : all 250ms;*/ /*-o-transition : all 250ms;*/ /*transition : all 250ms;*/ } header .header-container-inside:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -100; opacity: 0; background: #d7d5d6; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #d7d5d6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#d7d5d6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#d7d5d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d5d6',GradientType=0 ); /* IE6-9 */ -webkit-transition : opacity 450ms; -moz-transition : opacity 450ms; -ms-transition : opacity 450ms; -o-transition : opacity 450ms; transition : opacity 450ms; } header .header-container-inside.stuck { left: 0; right: 0; width: 100%; /*background: #fff url("../../files/website/images/global/transition-top_header.png") 0 0 repeat-x;*/ height: 90px; /*background: #d7d5d6; !* Old browsers *!*/ /*background: -moz-linear-gradient(top, #ffffff 0%, #d7d5d6 100%); !* FF3.6-15 *!*/ /*background: -webkit-linear-gradient(top, #ffffff 0%,#d7d5d6 100%); !* Chrome10-25,Safari5.1-6 *!*/ /*background: linear-gradient(to bottom, #ffffff 0%,#d7d5d6 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d5d6',GradientType=0 ); !* IE6-9 *!*/ } header .header-container-inside.stuck:before { opacity: 1; } .header-container-inside .cont-ins { -webkit-transition : padding-top 350ms; -moz-transition : padding-top 350ms; -ms-transition : padding-top 350ms; -o-transition : padding-top 350ms; transition : padding-top 350ms; margin: 0 auto; width: 1050px; z-index: 200; } .header-container-inside.stuck .cont-ins { /*margin: 0 auto;*/ /*width: 1050px;*/ padding-top: 20px; } /*header .header-container-inside .logo,*/ /*header .header-container-inside .nav-main {*/ /*-webkit-transition : padding-top 350ms;*/ /*-moz-transition : padding-top 350ms;*/ /*-ms-transition : padding-top 350ms;*/ /*-o-transition : padding-top 350ms;*/ /*transition : padding-top 350ms;*/ /*}*/ /*header .header-container-inside .nav-main ul.level_1 > li.slide-line {*/ /*-webkit-transition : top 350ms;*/ /*-moz-transition : top 350ms;*/ /*-ms-transition : top 350ms;*/ /*-o-transition : top 350ms;*/ /*transition : top 350ms;*/ /*}*/ /*header .header-container-inside.stuck .logo {*/ /*padding-top: 22px;*/ /*}*/ /*header .header-container-inside.stuck .nav-main {*/ /*padding-top: 40px;*/ /*}*/ /*header .header-container-inside.stuck .nav-main ul.level_1 > li.slide-line {*/ /*top: 50px;*/ /*}*/ /** CONTACT FORM -------------------------------- **/ body.contactpage .mod_article#kontakt-hg-grau-rahmen-rot-oben-kopie .ce_hyperlink.btn, body.contactpage .mod_article#kontakt-hg-grau-rahmen-rot-oben-kopie-220 .ce_hyperlink.btn { display: none; } .ce_form .widget.no-label label { display: none; } .ce_form { padding: 30px 0; } .ce_form .w40 { width: 40%; } .ce_form .w50 { width: 50%; } .ce_form .w60 { width: 60%; } .ce_form .col-right .widget textarea { height: 108px; resize: none; } .ce_form .widget, .ce_form .submit_container { padding: 0 10px 10px; } /*.ce_form .pull-right .widget {*/ /*padding-right: 0;*/ /*padding-left: 10px;*/ /*}*/ .ce_form .widget input, .ce_form .widget textarea { width: 100%; padding: 8px 5px 5px; font-size: 13px; border: 1px solid #333; -webkit-border-radius : 0; -moz-border-radius : 0; border-radius : 0; -webkit-box-shadow : none; -moz-box-shadow : none; box-shadow : none; } .ce_form .element-inside { padding: 0 280px; } .ce_form .formbody:after { content: ''; display: table; clear: both; float: none; } .main-navigation-mobile { display: none; padding: 0; /*border-top: 1px solid #000;*/ color: #fff; overflow: hidden; } .main-navigation-mobile .nav-mobile-main { background: #fff; height: 100%; overflow-y: auto; } .main-navigation-mobile.is-enabled { position: fixed; top: -100%; bottom: 100%; left: 0; z-index: 400; padding: 0; width: 100%; min-height: calc(100% - 60px); background: #fff; -webkit-transition: top 0.35s ease-out, bottom 0.35s ease-out; -moz-transition: top 0.35s ease-out, bottom 0.35s ease-out; -o-transition: top 0.35s ease-out, bottom 0.35s ease-out; transition: top 0.35s ease-out, bottom 0.35s ease-out; } .main-navigation-mobile.is-active { top: 60px !important; bottom: 0 !important; } .main-navigation-mobile.is-active .nav-mobile-main { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .main-navigation-mobile-close { position: absolute; top: 0; right: 0; width: 15%; height: 100%; overflow: hidden; margin: 0; padding: 0; border: 0 !important; text-indent: -99em; background: none !important; box-shadow: none !important; z-index: 500; display: none !important; } .is-active > .main-navigation-mobile-close { display: block; } .main-navigation-mobile, .main-navigation-mobile-open { display: none; } .main-navigation-mobile-open { position: fixed; top: 0; right: 25px; padding-right: 0; z-index: 1000; } .hamburger-box { width: 25px; height: 28px; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 25px; height: 3px; } .hamburger-inner { margin-top: -1px; } .hamburger-inner:before { top: -7px; } .hamburger-inner:after { bottom: -7px; } .show-on-mobile { display: none; } .main-navigation-mobile .nav-meta { position: absolute; right: 0; bottom: 30px; left: 0; } .main-navigation-mobile .nav-meta ul.level_1 { float: none; padding: 0; text-align: center; } .main-navigation-mobile .nav-meta ul.level_1 > li { float: none; display: inline; padding: 0 15px; } .main-navigation-mobile .nav-meta ul.level_1 > li > a, .main-navigation-mobile .nav-meta ul.level_1 > li > span { color: #000 } @media (max-width: 1100px) { .header-container-inside .cont-ins, .sub-nav-list .nav-inside, body.columnpage #container, header .meta-navigation .nav-meta, body.standardpage #main .inside .mod_article > *, #AfterContainer .mod_article > .ce_form, body.standardpage #main .mod_article > * .text-container, body.standardpage #main .mod_article > .ce_sliderStart.full-width .content-slider, body.standardpage #main .ce_boxStart.full-width .boxes-inside, body.standardpage #main .mod_article > .full-width.inner-width .element-inside, body.standardpage #main .ce_sliderStart.icon-boxes .slider-control, footer .footer-boxes-inside, footer .footer-container-bottom-inside, body.standardpage .mod_newslist .layout_latest .news-item-inside, body.standardpage #main .mod_article > .ce_text.full-width > .element-inside { width: 800px; } #main ol { width: 820px; } .ce_form .element-inside { padding: 0 160px; } body.standardpage #main .mod_article > .full-width, body.standardpage #main .mod_article > .img-full-width { width: 100vw; } body.standardpage #main .text-over .text-container { margin-left: -400px; } header .logo { width: 200px; } .nav-main { padding-top: 15px; padding-right: 0; height: 60px; } .nav-main ul.level_1 > li { margin: 0 0 0 32px; } .nav-main ul.level_1 > li.icon-search { margin-top: -5px; } #main ol, .ce_boxStart .boxes-inside, .sub-nav-list ul.level_1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*.sub-nav-list ul.level_1 {*/ /*padding-bottom: 27px;*/ /*}*/ .ce_boxStart .ce_image { width: 200px; flex-basis: auto; margin-bottom: 8px; } footer .footer-boxes .footer-boxes-inside > div { margin-left: 1%; } footer .footer-boxes .footer-boxes-inside > div:first-child { width: 22%; margin-left: 0; } footer .footer-boxes .footer-boxes-inside > div:nth-child(2) { margin-left: 3%; } footer .footer-boxes .footer-boxes-inside > div:last-child { margin-left: 2%; } .nav-footer ul.level_1 > li { margin: 0 12px; } .nav-footer ul.level_1 > li.first { margin-left: 0; } .nav-footer ul.level_1 > li > a, .nav-footer ul.level_1 > li > span { font-size: 10px; } footer .copy { font-size: 11px; } #main ol li, .sub-nav-list ul.level_1 > li { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-bottom: 20px; } #main ol li { margin-bottom: 10px; line-height: 1.1em; } .ce_gallery:not(.boxed-gallery) ul > li { width: calc(33.33333% - 6px); } .ce_gallery:not(.boxed-gallery) ul > li, .ce_gallery:not(.boxed-gallery) ul > li.col_last { margin: 0 9px 9px 0; } .ce_gallery:not(.boxed-gallery) ul > li:nth-child(3n) { margin-right: 0; } .ce_gallery:not(.boxed-gallery) ul > li img { width: 100%; height: auto; } #main .mod_newslist .layout_latest { height: auto; } #main .mod_newslist .layout_latest.has-detail .news-item-inside a, #main .mod_newslist .layout_latest:not(.has-detail) .news-item-inside { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } #main .mod_newslist .layout_latest:not(.no-image) h4 { margin-left: 282px; } #main .mod_newslist .layout_latest .image_container { padding-bottom: 15px; } .product-item .product-item-infos .text { width: 350px; } .product-item .product-item-infos .text .title { font-size: 17px; } .product-item .product-item-infos .text .subline { font-size: 12px; } .product-filter .filter { width: 180px; } .product-filter .sub-filter { width: 242px; } .product-filter .filter { padding-bottom: 10px; } } @media (max-width: 830px) { .sub-nav-list .nav-inside, body.columnpage #container, header .meta-navigation .nav-meta, body.standardpage #main .inside .mod_article > *, #AfterContainer .mod_article > .ce_form, #AfterContainer .mod_article > .ce_form, body.standardpage #main .mod_article > * .text-container, body.standardpage #main .mod_article > .ce_sliderStart.full-width .content-slider, body.standardpage #main .ce_boxStart.full-width .boxes-inside, body.standardpage #main .mod_article > .full-width.inner-width .element-inside, body.standardpage #main .ce_sliderStart.icon-boxes .slider-control, footer .footer-boxes-inside, footer .footer-container-bottom-inside, body.standardpage .mod_newslist .layout_latest .news-item-inside, body.standardpage #main .mod_article > .ce_text.full-width > .element-inside, body.standardpage #main .mod_article > .ce_boxStart.width-810 { width: 600px; } .ce_form .element-inside { padding: 0 90px; } #main ol { clear : both; /*display: block;*/ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: auto; padding: 0 0 15px; margin: 0 -5px !important; border-spacing: 0; } #main ol:after { content: ''; display: table; clear: both; float: none; } #main ol li { /*float: left;*/ width: calc(50% - 10px); margin: 0 5px 10px !important; } body.standardpage #main .text-over .text-container { margin-left: -360px; } header .navigation, header .meta-navigation { display: none; } header .header-container-inside, header .header-container-inside.stuck { position: fixed; top: 0; right: 0; left: 0; height: 60px; background: #F6F6F6; z-index: 500; } .header-container-inside .cont-ins { width: 100%; padding: 0 25px; } .header-container-inside .cont-ins, .header-container-inside.stuck .cont-ins { padding-top: 13px; } /*header .header-container-inside:before {*/ /*display: none;*/ /*}*/ body.standardpage #main .mod_article > .full-width, body.standardpage #main .mod_article > .img-full-width { width: 100vw; } footer .copy, footer .footer-navigation { float: none; } footer .copy p { text-align: center !important; } footer .footer-navigation { padding: 0 0 20px; } footer .footer-navigation ul.level_1 { display: block; text-align: center; } footer .footer-navigation ul.level_1:after { content: ''; display: table; clear: both; float: none; } footer .footer-navigation ul.level_1 > li { display: inline; float: none; } footer .footer-boxes .footer-boxes-inside > div { width: 50% !important; margin: 0 !important; } footer .footer-boxes .footer-boxes-inside > div.first, footer .footer-boxes .footer-boxes-inside > div:nth-child(2) { margin-bottom: 30px !important; } footer .footer-boxes .footer-boxes-inside > div:nth-child(2), footer .footer-boxes .footer-boxes-inside > div.last { text-align: right; } footer .footer-boxes .footer-boxes-inside > div.last .image_container { float: right; } body.standardpage #main .text-over .text-container { bottom: 20px; } #main .caption-btn.btn-round .caption { margin: 0 -280px 0 0; } .main-navigation-mobile-open { display: block; } #main .mod_article > .ce_sliderStart.icon-boxes.first, header .mod_article .ce_caroufredsel_gallery { margin: 0; } .main-navigation-mobile.is-enabled { display: block; } .fancybox-close, .fullscreen-search-form-close { top: 0; right: 8px; } .sub-nav-list ul.level_1 { /*-ms-flex-pack: center;*/ /*justify-content: center;*/ display: block; } .sub-nav-list ul.level_1 > li .nav-table > a, .sub-nav-list ul.level_1 > li .nav-table > span { text-align: left; } .sub-nav-list ul.level_1 > li { border: 1px solid #9A9A99; padding: 0; } .sub-nav-list ul.level_1 > li .nav-table > a { border: none; } .sub-nav-list ul.level_2 { display: block; padding-top: 12px; padding-bottom: 15px; } .sub-nav-list ul.level_2 > li { padding-bottom: 10px; } .sub-nav-list ul.level_2 > li > .nav-table > a, .sub-nav-list ul.level_2 > li > .nav-table > span { padding: 7px 45px; text-transform: none; } h2 { font-size: 22px; line-height: 26px; } body.startpage #main p, body.standardpage #main .mod_article.last:not(.first) p, #AfterContainer .inside > .mod_article:last-child p { font-size: 15px; } #main { float: none; } #left { float: none; display: block; margin: 0; right: auto; width: 100%; } #left .page-title { padding-top: 20px; padding-bottom: 25px; } .nav-sub ul.level_1 > li { margin-right: 0; } body.columnpage #container { padding-left: 0; } .ce_sliderStart.icon-boxes .slider-page, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons { height: auto; padding-top: 40px; padding-right: 30px; padding-left: 30px; } .ce_boxStart .boxes-inside, .ce_sliderStart.icon-boxes .slider-page { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ce_boxStart .ce_text, .ce_boxStart .ce_image, .ce_boxStart .ce_gallery, .ce_sliderStart.icon-boxes .slider-page .ce_text, .ce_sliderStart.icon-boxes .slider-page .ce_image, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_text, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_image, .ce_boxStart.box-icons.full-width .ce_text, .ce_boxStart.box-icons.full-width .ce_image { flex: 1 0 calc(50% - 10px); width: calc(50% - 10px); margin: 5px; } .ce_boxStart.box-icons.full-width .ce_text, .ce_boxStart.box-icons.full-width .ce_image { margin-bottom: 20px; } body.standardpage #main .mod_article > .ce_boxStart.width-810 .boxes-inside { display: block; } body.standardpage #main .mod_article > .ce_boxStart.width-810 .ce_gallery { width: 100%; margin: 0 0 40px; } body.standardpage #main .mod_article > .ce_boxStart.width-810 .ce_gallery:last-child { margin: 0; } .product-filter .filter, .product-filter .filter-label { min-height: 190px; } .product-filter .filter { width: 200px; } .product-filter .sub-filter { width: 347px; } .product-item .product-item-infos .text { width: 475px; } } @media (max-width: 630px) { .sub-nav-list .nav-inside, body.columnpage #container, header .meta-navigation .nav-meta, body.standardpage #main .inside .mod_article > *, #AfterContainer .mod_article > .ce_form, body.standardpage #main .mod_article > * .text-container, body.standardpage #main .mod_article > .ce_sliderStart.full-width .content-slider, body.standardpage #main .ce_boxStart.full-width .boxes-inside, body.standardpage #main .mod_article > .full-width.inner-width .element-inside, body.standardpage #main .ce_sliderStart.icon-boxes .slider-control, footer .footer-boxes-inside, footer .footer-container-bottom-inside, body.standardpage .mod_newslist .layout_latest .news-item-inside, body.standardpage #main .mod_article > .ce_text.full-width > .element-inside, body.standardpage #main .mod_article > .ce_boxStart.width-810 { width: 100%; } .ce_form .element-inside { padding: 0 25px; } header .mod_rocksolid_slider { height: 250px !important; } h1 { font-size: 32px; line-height: 40px; } h2 { font-size: 18px; line-height: 24px; } h3 { font-size: 16px; } .ce_headline { padding: 0 30px; } #main .text-over .text-container p a { font-size: 15px; } #main .caption-btn.btn-round .caption { top: 8%; margin : 0 -190px 0 0; width: 90px; height: 90px; } #main .caption-btn.btn-round .caption .caption-inside .caption-text { font-size: 15px; line-height: 18px; padding: 20px 0 0; } body.standardpage #main .ce_headlines + .ce_text.img-full-width { margin-top: 60px; overflow: visible; } body.standardpage #main .text-over .text-container { margin-left: 0; -webkit-transform : translateX(-50%); -moz-transform : translateX(-50%); -ms-transform : translateX(-50%); -o-transform : translateX(-50%); transform : translateX(-50%); } .ce_text:not(.img-full-width) { padding: 0 30px; } .ce_boxStart .ce_text, .ce_boxStart .ce_image, .ce_boxStart .ce_gallery, .ce_sliderStart.icon-boxes .slider-page .ce_text, .ce_sliderStart.icon-boxes .slider-page .ce_image, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_text, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_image, .ce_boxStart.box-icons.full-width .ce_text, .ce_boxStart.box-icons.full-width .ce_image { margin: 5px; flex: 1 0 calc(50% - 10px); width: calc(50% - 10px); } footer { padding: 35px 0 0; } footer .footer-boxes .footer-boxes-inside > div { width: 100% !important; margin: 0 !important; } .show-on-mobile { display: block; } footer .footer-boxes .ce_image.has-caption .image_container, footer .footer-boxes .footer-boxes-inside > div.last .image_container { float: none; text-align: center; } footer .footer-boxes .footer-boxes-inside > div, footer .footer-boxes .footer-boxes-inside > div:nth-child(2), footer .footer-boxes .footer-boxes-inside > div.last { text-align: center; margin-bottom: 30px !important; } footer .footer-boxes { padding: 0 0 20px; } .nav-footer, footer .copy { height: auto; line-height: normal; } footer .copy { padding: 25px 10px 15px; } footer .footer-navigation { padding: 10px 0 30px; } footer .footer-navigation ul.level_1 > li { line-height: 25px; } .nav-footer ul.level_1 > li, .nav-footer ul.level_1 > li.first, .nav-footer ul.level_1 > li.last { margin: 0 12px; } body.columnpage #container { padding: 0 20px; } .product-filter .filter, .product-filter .filter-label { width: 100%; min-height: 0; float: none; margin: 0; } .product-filter .filter-label:after, .product-filter .filter-label:before { content: ''; position: absolute; top: 50%; right: 10px; background: #fff; width: 11px; height: 1px; } .product-filter .filter-label:before { margin: -5px 5px 0 0; width: 1px; height: 11px; } .product-filter.open .filter-label:after, .product-filter.open .filter-label:before { -webkit-transform : rotate(45deg); -moz-transform : rotate(45deg); -ms-transform : rotate(45deg); -o-transform : rotate(45deg); transform : rotate(45deg); -webkit-transform-origin : 50% 50%; -moz-transform-origin : 50% 50%; -ms-transform-origin : 50% 50%; -o-transform-origin : 50% 50%; transform-origin : 50% 50%; } .product-filter .filter-label .label-name { position: static; top: auto; right: auto; bottom: auto; left: 0; margin: 0; -webkit-transform : none; -moz-transform : none; -ms-transform : none; -o-transform : none; transform : none; } .product-filter .filter { margin: 10px 0 0; float: none; } .product-filter .sub-filter { padding-right: 15px; } .product-filter .filter-container { overflow: hidden; } .product-item .product-item-infos .image { padding: 0 20px 10px 0; } .product-item .product-item-infos .additional .details-toggler span.info { display: none; } .product-item .product-item-infos .additional .details-toggler { width: 17px; height: 17px; } .product-item .product-item-infos .text { width: auto; padding: 0 45px 0 0; float: none; } .mod_search.fullscreen-search-form input, .mod_search.fullscreen-search-form input:hover, .mod_search.fullscreen-search-form input:focus { width: calc(100% - 30px); margin: 0 !important; } #main .mod_newslist .layout_latest:not(.no-image) p.info:not(.show-on-mobile) { display : none; } #main .mod_newslist .layout_latest:not(.no-image) p.info, #main .mod_newslist .layout_latest:not(.no-image) h4 { margin-left: 0; } #main .mod_newslist .layout_latest .image_container { float: none; padding-top: 0; padding-right: 0; margin: 0 -15px; } #main .mod_newslist .layout_latest .image_container img { width: 100%; height: auto; } #main .mod_newslist { padding: 0; } #main ol { margin: 0 !important; } #main ol + ol { margin-top: 0 !important; } #main ol li { width: 100%; margin-right: 0 !important; margin-left: 0 !important; } #main .box-element.box-width-w33 { width: 100%; padding-right: 0; } .ce_boxStart .ce_image .image_container { padding: 0 0 20px; } .ce_boxStart .ce_image .image_container figcaption.caption { bottom: 0; } body.standardpage #main .mod_article > .ce_boxStart.width-810 { padding: 0 20px; } } @media (max-width: 500px) { .ce_form .pull-left, .ce_form .pull-right { float: none; } .ce_form .w50 { width: 100%; } .ce_form .submit_container input { width: 100%; } } @media (max-width: 400px) { header .logo { width: 140px; } header .header-container-inside, header .header-container-inside.stuck { height: 50px; } .hamburger { padding: 11px 0 9px 10px; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { height: 2px; } .hamburger-inner:before { top: -6px; } .hamburger-inner:after { bottom: -6px; } .main-navigation-mobile.is-active { top: 50px !important; } .main-navigation-mobile.is-enabled { min-height: calc(100% - 50px); } body.standardpage #main .text-over .text-container { padding-right: 20px; padding-left: 20px; } body.standardpage #main .ce_headlines + .ce_text.img-full-width { margin-top : 60px; } #main .text-over .text-container p:last-child { padding-top: 35px; } #main .text-over .text-container p a { font-size: 14px; } h1 { font-size: 28px; line-height: 30px; } #main .caption-btn.btn-round .caption { margin : -30px -150px 0 0; width: 70px; height: 70px; } #main .caption-btn.btn-round .caption .caption-inside .caption-text { font-size: 13px; line-height: 15px; padding: 12px 0 0 4px; } .ce_boxStart .ce_text, .ce_boxStart .ce_image, .ce_boxStart .ce_gallery, .ce_sliderStart.icon-boxes .slider-page .ce_text, .ce_sliderStart.icon-boxes .slider-page .ce_image, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_text, .ce_sliderStart.icon-boxes .ce_boxStart.box-icons .ce_image, .ce_boxStart.box-icons.full-width .ce_text, .ce_boxStart.box-icons.full-width .ce_image { flex: 1 0 calc(100% - 20px); width: calc(100% - 20px); margin: 5px 10px; } .image_container.float_right { float: none; padding: 10px 0 25px; margin: 0; text-align: center; } .sub-nav-list ul.level_1 > li .nav-table > a, .sub-nav-list ul.level_1 > li .nav-table > span { text-align: center; } .sub-nav-list ul.level_2 > li .nav-table a { font-size: 14px; padding-top: 2px; padding-bottom: 2px; } body.columnpage #main .inside { padding: 0; } .nav-sub ul.level_1 > li { margin-right: 0; } #main .box-element.box-height-h1 { height: auto; } #main .box-element ul { margin: 0; } .ce_gallery.boxed-gallery { padding: 0 20px; margin-bottom: 45px !important; } .ce_gallery.boxed-gallery ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; } .ce_gallery.boxed-gallery ul > li { width: 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0 0 10px; } .ce_gallery:not(.boxed-gallery) ul > li, .ce_gallery:not(.boxed-gallery) ul > li.col_last { margin: 0 10px 10px 0; } .ce_gallery:not(.boxed-gallery) ul > li { width: calc(50% - 5px); } .ce_gallery:not(.boxed-gallery) ul > li:nth-child(3n) { margin-right: 10px; } .ce_gallery:not(.boxed-gallery) ul > li:nth-child(2n) { margin-right: 0 !important; } #main .ce_text.img-center.caption-btn.btn-round { overflow: visible; } #main .ce_text.img-center.caption-btn.btn-round .caption { top: 0; margin: -25px -80px 0 0; } header .caroufredsel_wrapper { height: 180px !important; } } @media (min-width: 370px) and (max-width: 400px) { #main .caption-btn.btn-round .caption { margin : 0 -165px 0 0; } } @media (max-width: 350px) { .main-navigation-mobile .nav-meta ul.level_1 > li { padding: 0 8px; } }