body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .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-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 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%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .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} @charset "UTF-8"; /* Contao Basisinstallation - Contao 5.x - Basis CSS letzte Aktualisierung: 23.04.2024 */ /************************************************* Basis ************************************************/ html { overflow-y: scroll; height: 100%; font-size: 16px; line-height: 24px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1em; line-height: 1.5; color: #000; } /* Anpassen Boxmodel */ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } *:before, *:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* roboto-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../../files/miele/template/fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../../files/miele/template/fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../../files/miele/template/fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /************************************************** Typografie *************************************************/ h1, h2 { font-size: 1.5em; line-height: 1.2em; margin-top: 0.6em; margin-bottom: 0.6em; color: #000; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; background: url("../../files/miele/template/layout/headline-line.svg")no-repeat left -5px bottom 5px; padding-bottom: 20px; background-size: 180px; } h3 { font-size: 1.2em; line-height: 1.2em; margin-top: 0.6em; margin-bottom: 0.6em; color: #840820; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; } h4 { font-size: 1.8em; line-height: 1.2em; margin-top: 0.6em; margin-bottom: 0.6em; color: #171717; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; } h1+h2, h1+div h2 { margin-top: 0; } p, ul, ol, pre, table, blockquote { margin-top: 0em; margin-bottom: 1.5em; } ul ul, ol ol, ul ol, ol ul { margin-top: 0em; margin-bottom: 0em; } ul { list-style: none; margin: 0; padding: 0; } ol { list-style: decimal; } li { margin-left: 0em; } .rte li { background: url("../../files/miele/template/layout/li-square.svg") no-repeat left 16px; background-size: 10px; padding: 0.5em 0 0.5em 20px; } hr { border: 1px solid #292c37; margin: -1px 0; } a, a:visited { color: #000; text-decoration: underline; } a:hover, a:focus, a:active { color: #AF1917; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /** Buttons **/ .button-white a, button { display: inline-block; padding: 0.5em 2.75em; font-size: 1.0em; margin: 0.5em 0; text-align: center; color: #fff; font-weight: 300; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease 0s; letter-spacing: 1px; border: 1px solid #fff; } button { background: #AF1917; color: #fff; } .button-white a:hover, .button-white a:focus, button:hover, button:focus, .button-karriere a:hover, .button-karriere a:focus, .button-mehr a:hover, .button-mehr a:focus { letter-spacing: 2px; } .button-center, .text-center { text-align: center; } button { cursor: pointer; } .button-karriere a { display: inline-block; padding: 0.5em 2.75em; font-size: 1.0em; margin: 0.5em 0; text-align: center; color: #AF1917; font-weight: 300; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease 0s; letter-spacing: 1px; background: #fff; } .button-mehr { text-align: center; } .button-mehr a { color: #666666; font-weight: 300; background: url("../../files/miele/template/layout/icon-button-arrow.svg")no-repeat right 7px; background-size: 8px; padding-right: 12px; text-decoration: none; } .button-mehr a:hover { text-decoration: underline; } .format-liste { border: 2px solid #ff0; /* muss noch hübsch gestaltet werden*/ } .text-right { text-align: right; } .ce_text strong { font-weight: 500; } .content-width { display: block; width: 95%; max-width: 1200px; margin: auto; } .content-width-team { display: block; width: 95%; max-width: 745px; margin: 0 auto 0 auto; } .content-width-team .ce_text { background: url("../../files/miele/template/layout/li-dot.svg")no-repeat 280px bottom; background-size: 20px; height: 150px; } .abstand-unten { margin-bottom: 6em; } .abstand-buttons { margin-bottom: 4em; } .abstand { margin: 2em 0; } .float-right { float: right; } .ce_download { background: url("../../files/miele/template/layout/icon-download.svg") no-repeat left; background-size: 30px; padding-left: 50px; border-bottom: 1px solid #BFBFBE; padding-top: 20px; } .ce_download a { color: #171717; text-decoration: none; } .ce_download a:hover { color: #AF1917; text-decoration: underline; } /************************************************** Layout **************************************************/ #wrapper { max-width: 1364px; width: 95%; margin: auto; } #headercontent { display: flex; justify-content: space-between; padding: 0.5em 0; } #headercontact { display: flex; justify-content: space-between; padding: 0.5em 0; } .logo { width: 28%; display: block; padding: 0; margin: 0; line-height: 0; } #headerinformation { width: 68%; } a.phone { background: url("../../files/miele/template/layout/icon-phone-white.svg")no-repeat; background-size: 20px; padding-left: 30px; color: #fff; margin-right: 20px; text-decoration: none; } a.mail { background: url("../../files/miele/template/layout/icon-mail-white.svg")no-repeat; background-size: 20px; padding-left: 30px; color: #fff; text-decoration: none; } a.mail:hover { text-decoration: underline; } #main { padding-top: 2.5em; } #main .inside { padding-bottom: 5em; } #headercontent { background: #fff; margin: 2em 0 0 0; padding: 1em 0; } #headercontent .inside { max-width: 1200px; margin: 0 auto 0 auto; display: flex; justify-content: space-between; } /** Footer **/ #footer-location { width: 90%; display: block; margin: auto; position: relative; } .location-image { display: block; position: relative; z-index: 1000; } .location-content { width: 600px; position: absolute; top: 15%; right: 10%; z-index: 500; } .location-headline { padding: 1em 1em 1em 10em; } .location-text { background: #840820; color: #fff; width: 600px; padding: 2em 1em 2em 10em; } #footer { margin-top: 40px; } #footercontent { border-top: 5px solid #F1F1F3; display: flex; justify-content: space-between; padding: 1em 0.5em; } #copyrightzeile { color: #666; font-size: 0.8em; letter-spacing: 2px; } /************************************************** Inhalt - Startseite **************************************************/ .header-clock { background: url("../../files/miele/template/layout/icon-clock.svg") no-repeat left 5px; background-size: 40px; padding-left: 50px; } .header-contact { background: url("../../files/miele/template/layout/icon-phone.svg") no-repeat left 5px; background-size: 40px; padding-left: 50px; line-height: 1.3; } .header-contact a { text-decoration: none; } .header-contact a:hover { text-decoration: underline; } .header-location { background: url("../../files/miele/template/layout/icon-location.svg") no-repeat left 5px; background-size: 40px; padding-left: 43px; } .header-clock p, .header-contact a, .header-location p { font-size: 0.9em; } .header-clock strong, .header-contact strong, .header-location strong { font-size: 1.2em; font-weight: 700; } .header-whatsapp { background: url("../../files/miele/template/layout/icon-whatsapp.svg") no-repeat left 0; background-size: 20px; padding-left: 25px; padding-bottom: 5px; } .header-whatsapp strong { font-size: 1em; } /************************************************** Inhalt - Unterseite **************************************************/ .box-rot { background: #840820; color: #fff; height: 300px; padding: 1em 1em 0.5em 1.5em; font-size: 1.2em; line-height: 1.2; } .box-rot h2 { color: #fff; background: none; padding-bottom: 0px; } .box-notruf { background: #840820 url("../../files/miele/template/layout/icon-24h.svg") no-repeat left 20px bottom 20px; background-size: 70px; } .box-fachleute { background: #840820 url("../../files/miele/template/layout/icon-werkzeug.svg") no-repeat left 20px bottom 20px; background-size: 70px; } .box-garantie { background: #840820 url("../../files/miele/template/layout/icon-garantie.svg") no-repeat left 20px bottom 20px; background-size: 70px; } .box-qualitaet { background: #840820 url("../../files/miele/template/layout/icon-qualitaet.svg") no-repeat left 20px bottom 20px; background-size: 70px; } .standort-rot { } .call-2-action p { background: url("../../files/miele/template/layout/icon-phone.svg") no-repeat left 0px top 10px; background-size: 40px; padding: 10px 0px 10px 55px; font-size: 1.7em; font-weight: 700; display: block; margin: auto; width: 250px; } .bg-grau { background: #F5F5F5; padding: 1.5em; } .kontakt-location { background: url("../../files/miele/template/layout/icon-location.svg") no-repeat left 5px; background-size: 40px; padding-left: 50px; } .kontakt-zeiten { background: url("../../files/miele/template/layout/icon-clock.svg") no-repeat left 5px; background-size: 40px; padding-left: 50px; } .kontakt-kontakt { background: url("../../files/miele/template/layout/icon-phone.svg") no-repeat left 5px; background-size: 40px; padding-left: 50px; } /************************************************* Bilder ************************************************/ .ce_image img { display: block; padding: 0; } .image_container img { display: block; } .img-right .image_container img { display: block; float: right; } .img-center .image_container img { display: block; margin: auto; } .galerie-produkte .content-image { background: #F1F1F3; width: 300px; height: 300px; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; position: relative; } /*.galerie-produkte .image_container { overflow: hidden; cursor: pointer; position: relative; }*/ .galerie-produkte .content-image figcaption { position:absolute; left:0; right:0; top:0; text-align:center; visibility:hidden; opacity: 0; background: rgba(132,8,32,0.9); width: 100%; height: 100%; padding: 40% 0; text-align: center; color: #fff; -webkit-transition:all 0.45s ease-in-out; -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; font-size: 1.5em; } .galerie-produkte .content-image:hover figcaption { opacity: 1; visibility:visible; } /************************************************* Button Top ************************************************/ .ce_toplink { max-width: 100%; padding: 1em 0; margin-bottom: 4px; } .ce_toplink a { width: 40px; height: 40px; background: url("../../files/miele/template/layout/icon-top-arrow.svg") no-repeat top center; background-size: contain; display: block; text-indent: -3000px; float: right; } /************************************************* Downloads ************************************************/ /************************************************* Spalten // Columns ************************************************/ .rs-column.-large-col-4-1 { padding-bottom: 0em; } .galerie-produkte .rs-column.-large-col-4-1 { width: 18.231%; } .service-boxen .rs-column.-large-col-4-1 { width: 22%; margin-right: 3.4% } .service-boxen .rs-column.-large-col-4-1.-large-last.-medium-last.-small-last { margin-right: 0% } .galerie-produkte .rs-column { margin-top: 3%; } /************************************************* Galerien ************************************************/ .content-gallery>ul { margin: 0; padding: 0; display: flex; flex-flow: row wrap; } .content-gallery>ul li.col_first { clear:none; } .content-gallery>ul li { float: none; margin: 0.25em auto; background: #F5F5F5; } .content-gallery>ul li img { display: block; margin: auto; width: 50%; } /************************************************* Navigation ************************************************/ #navigation { margin: 0 0 0 0; padding: 0; } #navigation ul { margin: 0.5em 0 0 0; padding: 0; display: flex; justify-content: space-between; } #navigation li { list-style: none; display: inline-block; margin: 0; padding: 0; } #navigation a, #navigation strong { color: #000; display: block; text-decoration: none; font-size: 1.3em; font-weight: 700; line-height: 1.5; letter-spacing: 2px; padding-top: 20px; text-transform: uppercase; } #navigation a.last, #navigation .active.last { margin-right: 0; } #navigation a:hover, #navigation a:focus { font-weight: 700; color: #840820; } #navigation strong.active, #navigation a.trail { font-weight: 700; color: #840820; } /************************************************* Dropdown ************************************************/ /************************************************* Menu mobile ************************************************/ #mobile-nav { display: none; width: 50%; height: 80px; padding: 0.5em 0; margin-bottom: 2em; position: absolute; right: 0; top: 0; } .mobile-nav { background: url(../../files/miele/template/layout/icon-mobile-menu.svg) no-repeat; background-size: contain; width: 70px; height: 70px; text-indent: -3000px; cursor: pointer; display: none; float: right; margin-right: 1em; } .mobile_menu .inner { height: 100%; background: #840820; overflow-y: scroll; } .mobile_menu #navigation ul li { float: none; } #mobile_trigger { color: #fff; cursor: pointer; font-size: 1rem; } #mobile-nav .mobile-nav { color: #fff; } .mod_mobile_menu { z-index: 100; } .mobile_menu .inner { line-height: 1.5; } .mobile-address { float: left; } .mobile_menu .inner .mobile-address { font-size: 0.8em; padding: 5% 8% 0% 8%; text-align: center; } .mobile_menu .logo img { padding: 10px; width: 70%; } .mobile_menu .mod_navigation { clear: both; margin: 20px 0 150px 0; } .mobile_menu .mod_navigation ul { margin: 0; padding: 0; } .mobile_menu .mod_navigation ul li { list-style-type: none; margin: 0; padding: 0; } .mobile_menu .mod_navigation a, .mobile_menu .mod_navigation strong { border-bottom: 1px dashed #fff; font-style: normal; font-weight: 400; color: #fff; display: block; font-size: 16px; padding: 12px 25px; text-decoration: none; } .mobile_menu .mod_navigation a.first, .mobile_menu .mod_navigation strong.first { border-top: 1px solid #dcdcdc; } .mobile_menu .mod_navigation a:focus, .mobile_menu .mod_navigation a:hover { color: #fff; font-weight: 500; } .mobile_menu .mod_navigation a.trail:focus, .mobile_menu .mod_navigation a.trail:hover { color: #fff; font-weight: 500; } .mobile_menu .mod_navigation .active, .mobile_menu .mod_navigation .trail { color: #fff; font-weight: 500; } .mobile_menu .mod_navigation .level_2 a, .mobile_menu .mod_navigation .level_2 strong { background: rgba(255,255,255,0.85); padding-left: 45px; text-decoration: none; font-weight: normal; color: #203756; } .mobile_menu .mod_navigation .level_2 a.first, .mobile_menu .mod_navigation .level_2 strong.first { border-top: 0; } .mobile_menu .mod_navigation .level_2 a:focus, .mobile_menu .mod_navigation .level_2 a:hover { font-weight: 500; } .mobile_menu .mod_navigation .level_2 a.trail:focus, .mobile_menu .mod_navigation .level_2 a.trail:hover { color: #203756; } .mobile_menu .mod_navigation .level_2 .active, .mobile_menu .mod_navigation .level_2 .trail { font-weight: 500; } .mobile_menu .mod_navigation .level_3 a, .mobile_menu .mod_navigation .level_3 strong { background-color: white; color: #dadada; padding-left: 75px; text-decoration: none; } .mobile_menu .mod_navigation .level_3 a.first, .mobile_menu .mod_navigation .level_3 strong.first { border-top: 0; } .mobile_menu .mod_navigation .level_3 a:focus, .mobile_menu .mod_navigation .level_3 a:hover { color: white; background-image:linear-gradient(to left, #f7b948, #f3890f); } .mobile_menu .mod_navigation .level_3 a.trail:focus, .mobile_menu .mod_navigation .level_3 a.trail:hover { color: #dadada; } .mobile_menu .mod_navigation .level_3 .active, .mobile_menu .mod_navigation .level_3 .trail { color: #880126; background-image:linear-gradient(to left, #f7b948, #f3890f); font-weight: normal; } /************************************************* Footernavigation ************************************************/ #footernavigation { } #footernavigation ul { margin: 0; padding: 0; } #footernavigation li { list-style: none; display: inline-block; margin: 0; padding: 0; } #footernavigation a, #footernavigation strong { display: block; text-decoration: none; margin: 0 0.5em; line-height: 1.5; color: #666666; text-transform: uppercase; font-size: 0.8em; letter-spacing: 2px; } #footernavigation a.last, #footernavigation .active.last { margin-right: 0; } #footernavigation a:hover, #footernavigation a:focus { text-decoration: underline; } #footernavigation strong.active{ text-decoration: underline; } /************************************************* Socialmedia-Navigation ************************************************/ #socialmedianavigation { } #socialmedianavigation ul { margin: 0; padding: 0; } #socialmedianavigation li { list-style: none; display: inline-block; margin: 0; padding: 0 0.3em; } #socialmedianavigation li a.facebook { background: url("../../files/miele/template/layout/icon-facebook.svg") no-repeat; background-size: contain; width: 30px; height: 30px; display: block; text-indent: -3000px; } #socialmedianavigation li a.instagram { background: url("../../files/miele/template/layout/icon-instagram.svg") no-repeat; background-size: contain; width: 30px; height: 30px; display: block; text-indent: -3000px; } /************************************************* Clearfix ************************************************/ .clearfix:after, .rs-columns:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: 0; } /************************************************* Media Queries ************************************************/ @media screen and (max-width: 1360px) { #footer-location { width: 100%; display: block; margin: auto; position: relative; } .location-image { display: block; position: relative; z-index: 1000; width: 50%; } .location-content { width: 600px; position: absolute; top: 15%; right: 5%; z-index: 500; } .location-headline { padding: 1em 1em 1em 10em; } .location-text { background: #840820; color: #fff; width: 600px; padding: 2em 1em 2em 10em; } } @media screen and (max-width: 1200px) { #navigation ul li a, #navigation ul li strong { font-size: 1em; } .box-rot h2 { font-size: 1em; } .location-content { right: 0%; } } @media screen and (max-width: 1000px) { #navigation { display: none; } #mobile-nav, .mobile-nav, .mod_mobile_menu, .mobile_menu_trigger { display: inherit; } #headercontent { display: block; } #headerinformation { width: 100%; } .location-content { width: 100%; position: relative; top: inherit; right: inherit; z-index: 500; text-align: center; } .location-image { width: 100%; display: block; margin: auto; } .location-text { width: 100%; padding: 2em 1em 2em 1em; } .location-headline { padding: 1em 1em 1em 1em; } } @media screen and (max-width: 1000px) { .service-boxen .rs-column.-large-col-4-1, .galerie-produkte .rs-column.-large-col-4-1 { width: 45%; margin-right: 5.0%; } } @media screen and (max-width: 600px) { .logo { width: 50%; } #headercontact { display: block; margin-top: 2em; } h1, h2 { background: url("../../files/miele/template/layout/headline-line.svg") no-repeat center bottom 5px; background-size: 180px; text-align: center; } .service-boxen .rs-column.-large-col-4-1 { width: 100%; margin-right: 0%; text-align: center; } .galerie-produkte .rs-column.-large-col-4-1 { width: 100%; } .galerie-produkte .content-image { width: 100%; height: 300px; } #footercontent { display: block; padding: 1em 0.5em; } #footernavigation ul { display: flex; justify-content: center; margin-bottom: 2em; } #copyrightzeile { font-size: 0.8em; text-align: center; } #socialmedianavigation ul { display: flex; justify-content: center; padding: 2em 0; } #footernavigation { position: inherit; top: 0; } }