/* 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} /* 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} .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}@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} /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); -moz-transform: translateX(30%); -ms-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); -moz-transform: scale(0.7, 0.7) translateX(30%); -ms-transform: scale(0.7, 0.7) translateX(30%); -o-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); -moz-transform: scale(0.7, 0.7) translateY(-30%); -ms-transform: scale(0.7, 0.7) translateY(-30%); -o-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); -moz-transform: scale(0.7, 0.7) translateY(30%); -ms-transform: scale(0.7, 0.7) translateY(30%); -o-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); -moz-transform: scale(1.5, 1.5) translateX(100%); -ms-transform: scale(1.5, 1.5) translateX(100%); -o-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .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%; } } /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (files/tinymce.css). */ /* .warning { color:#c55; font-size:1.1em; } .confirmation { color:#090; font-size:1.1em; } .information { color:#999; font-size:0.9em; } */ .small { font-size: 12px; } .big { font-size: 17px; } .blue { color: #14387f; } .green { color: #85af15; } .h2-small { font-size: 18px; } @font-face { font-family: 'icomoon'; src: url("../../files/themes/theme_one/icomoon/fonts/icomoon.eot?ghthwq"); src: url("../../files/themes/theme_one/icomoon/fonts/icomoon.eot?ghthwq#iefix") format('embedded-opentype'), url("../../files/themes/theme_one/icomoon/fonts/icomoon.ttf?ghthwq") format('truetype'), url("../../files/themes/theme_one/icomoon/fonts/icomoon.woff?ghthwq") format('woff'), url("../../files/themes/theme_one/icomoon/fonts/icomoon.svg?ghthwq#icomoon") format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-shop:before { content: "\e908"; } .icon-info:before { content: "\e906"; } .icon-standorte:before { content: "\e907"; } .icon-arrow-left-slider:before { content: "\e904"; } .icon-arrow-right-slider:before { content: "\e905"; } .icon-fernwartung:before { content: "\e900"; color: #ccc; } .icon-mail:before { content: "\e901"; color: #cccbcb; } .icon-rueckrufservice:before { content: "\e902"; color: #ccc; } .icon-telefon:before { content: "\e903"; color: #ccc; } .icon-search:before { content: "\f002"; } .icon-check:before { content: "\f00c"; } .icon-close:before { content: "\f00d"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-down:before { content: "\f063"; } .icon-navicon:before { content: "\f0c9"; } .row { margin-left: -15px; margin-right: -15px; } .row:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; box-sizing: border-box; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } .col-2 { width: 16.66666667%; } .col-1 { width: 8.33333333%; } @media only screen and (max-width: 1199px) { .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media only screen and (max-width: 991px) { .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media only screen and (max-width: 767px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { width: 100%; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } } .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} /*---------------------------------------------------------- Reset ------------------------------------------------------------*/ body, div, header, nav, main, section, article, aside, footer, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ul, ol, li, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; } html { overflow-y: scroll; overflow-x: hidden; width: 100%; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } ul { list-style-type: none; } a:focus, button:focus, input[type="submit"]:focus { outline: none; } :focus { outline: none; } a { text-decoration: none; color: inherit; } a:active { background-color: transparent; } a img { border: none; } ::-moz-focus-inner { border: 0; } /*---------------------------------------------------------- General ------------------------------------------------------------*/ * { border: 0; box-sizing: border-box; } body { background: url("../../files/themes/theme_one/img/bgd.jpg") no-repeat center center; /* hier die Position überprüfen */ background-size: cover; /* -ms-behavior: url("../../files/themes/theme_one/css/backgroundsize.min.htc"); */ font-family: Open Sans, sans-serif; font-weight: 400; color: #333; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .visible-xs { display: none; } .visible-sm { display: none; } /* Clearfix */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .icon-fernwartung:before, .icon-mail:before, .icon-rueckrufservice:before, .icon-telefon:before { color: inherit; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header-top-container { position: fixed; display: block; width: 100%; height: auto; top: 0; z-index: 500; transition-duration: 0.5s; } #header-top { width: 100%; height: 155px; background-color: #fbfbfb; text-transform: uppercase; transition: height 0.5s ease-in-out; } .header-top-inside { position: relative; width: 1170px; height: 155px; margin: 0 auto; transition: height 0.5s ease-in-out; } .header-top-fixed #header-top, .header-top-fixed .header-top-inside { height: 60px; transition-duration: 0.5s; } .header-top-info { width: 745px; float: right; } .navi-top-container { font-weight: 400; /* padding-top: 15px; */ /* update */ float: right; padding-top: 105px; /* transition */ -webkit-transition: 0.5s; transition: 0.5s; } .header-top-fixed .navi-top-container { padding-top: 20px; } .navi-top-container a.search-link { font-size: 12px; color: #666; float: right; padding-top: 5px; } .navi-top-container a.search-link span { padding-right: 5px; } .navi-top { float: right; } .navi-top ul { float: right; overflow: hidden; } .navi-top li { position: relative; padding: 0 13px 0 0; float: left; } .navi-top li:after { content: "|"; position: absolute; bottom: 0; right: 8px; color: #666; } .navi-top a, .navi-top span { font-size: 12px; color: #666; padding: 0 13px 0 0; } .navi-top a.shop { position: relative; padding: 0 13px 0 18px; } .navi-top a.shop:before { content: "\e908"; color: #85af15; font-size: 1em; position: absolute; left: 0; top: 1px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .navi-top .active, .navi-top .trail { color: #85af15; } .navi-top-container a:hover, .navi-top-container a:focus, .contact-top a:hover, .contact-top a:focus, .contact-top a:hover span, .contact-top a:focus span { color: #85af15; text-decoration: none; } .headline-top h2 { /* font-size: 16px; */ /* font-weight: 400; */ color: #85af15; /* padding: 25px 0 0 25px; */ /* update */ float: left; font-size: 30px; font-weight: 300; text-transform: none; letter-spacing: 1px; padding: 90px 0 0 25px; /* transition */ -webkit-transition: 0.5s; transition: 0.5s; } .header-top-fixed .headline-top h2 { opacity: 0; padding-top: 0; } .contact-top { padding-top: 10px; padding-left: 25px; } .safari .contact-top { padding-left: 24px; } .contact-top a { font-size: 14px; font-weight: 400; color: #666; float: left; margin-left: 15px; } .contact-top a.last { margin-left: 0; } .contact-top span { font-size: 30px; color: #999; padding: 0 7px 0 0; vertical-align: middle; } .header-top-img { width: 113px; height: 155px; float: right; padding-top: 56px; /* transition */ -webkit-transition: 0.5s; transition: 0.5s; /* transition: height 0.5s ease-in-out; */ } .header-top-fixed .header-top-img { height: 60px; padding-top: 0; /* transition-duration: 0.5s; */ } .header-top-img img { /* transition */ -webkit-transition: 0.5s; transition: 0.5s; } .header-top-fixed .header-top-img img { opacity: 0; } #logo { width: 312px; height: 155px; float: right; padding-top: 45px; transition: height 0.5s ease-in-out; } .header-top-fixed #logo { height: 60px; padding-top: 10px; transition-duration: 0.5s; } #logo a { display: block; width: 270px; transition: width 0.5s ease-in-out; } .header-top-fixed #logo a { width: 130px; float: left; transition-duration: 0.5s; } #logo img, .header-top-img img { display: block; } .header-top-fixed #logo img { width: 130px; transition-duration: 0.5s; } /*---------------------------------------------------------- Search Form Top ------------------------------------------------------------*/ #header-searchform { position: absolute; overflow: visible; width: 247px; height: 28px; /* top: 15px; */ right: 0; border: 1px solid #85af15; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); /* update */ top: 105px; /* transition */ -webkit-transition: 0.5s; transition: 0.5s; } .header-top-fixed #header-searchform { top: 20px; } #header-searchform form { position: relative; width: 245px; height: 26px; overflow: visible; background: #fff; border-radius: 5px; } #header-searchform input[type="search"] { width: 245px; height: 26px; color: #999; font-size: 12px; padding: 5px 30px 5px 10px; -webkit-appearance: textfield; overflow: visible; border-radius: 5px; } #header-searchform input[type="search"]:focus { color: #333; } #header-searchform input[type="submit"] { position: absolute; top: 6px; right: 10px; background-color: transparent; background: url("../../files/themes/theme_one/img/icon-search-sprite.png") no-repeat; background-position: center top; background-size: cover; /* -ms-behavior: url("../../files/themes/theme_one/css/backgroundsize.min.htc"); */ width: 14px; height: 14px; text-indent: -99999px; cursor: pointer; } #header-searchform form input[type="submit"]:hover { background-position: center bottom; } /*---------------------------------------------------------- Main Navigation - Desktop ------------------------------------------------------------*/ .navi-main .navi-main-hidden { display: none; } .navi-main { position: relative; width: 100%; height: 52px; z-index: 200; overflow: visible; background: rgba(251, 251, 251, 0.8); box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.11); font-weight: 400; text-transform: uppercase; } .header-top-fixed .navi-main { background: #fff; border-top: 1px solid #ecedef; } .navi-main ul.level_1 { display: block; width: 1170px; height: 52px; margin: 0 auto; overflow: visible; } .navi-main ul.level_1 > li { position: relative; float: left; padding: 15px 23px 14px; } .navi-main ul.level_1 > li.submenu { padding: 15px 0 14px; } .navi-main ul.level_1 > li.navi-main-first { padding-left: 0; } .navi-main ul.level_1 > li > a, .navi-main ul.level_1 > li > span { color: #333; text-decoration: none; font-size: 14px; line-height: 14px; padding: 17px 0 15px; vertical-align: 10%; } .navi-main ul.level_1 > li.submenu > a, .navi-main ul.level_1 > li.submenu > span { padding: 17px 23px 15px; } .navi-main ul.level_1 > li.navi-main-first > a { padding-left: 0; } .navi-main ul.level_1 > li > span, .navi-main ul li a.trail, .navi-main ul li a:hover, .navi-main ul li a:focus { color: #85af15; } .navi-main ul.level_1 > li.submenu:hover { background: #85af15; } .navi-main ul.level_1 > li.submenu:hover > a, .navi-main ul.level_1 > li.submenu:hover > span { color: #fff; } .navi-main ul.level_2 { position: absolute; left: auto; overflow: auto; width: auto; height: auto; z-index: 100; background: rgba(251, 251, 251, 0.85); margin-top: 14px; padding: 10px 13px 15px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); /* box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.23); */ } .header-top-fixed .navi-main ul.level_2 { background: #fff; margin-top: 13px; } .chrome .navi-main ul.level_2, .safari .navi-main ul.level_2, .ie .navi-main ul.level_2 { margin-top: 15px; } .chrome .header-top-fixed .navi-main ul.level_2, .safari .header-top-fixed .navi-main ul.level_2, .ie .header-top-fixed .navi-main ul.level_2 { margin-top: 14px; } .navi-main li:hover ul.level_2 { display: block; } .navi-main ul.level_2 li { display: block; padding: 2px 0; z-index: 100; } .navi-main ul.level_2 a, .navi-main ul.level_2 span { color: #333; text-decoration: none; font-size: 14px; padding: 5px 10px; white-space: nowrap; } .navi-main ul.level_2 span { /* .trail, :hover und :focus oben generell */ color: #85af15; } .navi-main ul.level_3 { padding-bottom: 5px; } .navi-main ul.level_3 li { line-height: 1; padding: 0; } .navi-main ul.level_3 a, .navi-main ul.level_3 span { font-size: 12px; padding: 2px 10px 2px 25px; } /* hover color transition */ .navi-main .level_2 { opacity: 0; visibility: hidden; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 0.5s, 0s; transition-duration: 0.5s, 0s; -webkit-transition-delay: 0s, 0.5s; transition-delay: 0s, 0.5s; } .navi-main .level_1 > li.submenu:hover .level_2 { opacity: 1; visibility: visible; -webkit-transition-duration: 1s, 0s; transition-duration: 1s, 0s; -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner { width: 100%; height: 400px; /* margin-top: -52px; */ overflow: visible; position: relative; z-index: 100; /* update */ margin-top: 155px; } #banner .mod_rocksolid_slider { height: 400px; overflow: visible; } #banner .rsts-crop { overflow: visible; } #banner .rsts-slide { overflow: visible; } #banner .rsts-slide.rsts-postactive { opacity: 0 !important; transition: all 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95); } #banner .slide-content { height: 400px; background-size: cover; /* -ms-behavior: url("../../files/themes/theme_one/css/backgroundsize.min.htc"); */ background-position: center center; background-repeat: no-repeat; } #banner .slide-content-container { position: absolute; right: 0; left: 50%; bottom: -30px; background: rgba(251, 251, 251, 0.9); border-top-left-radius: 7px; border-bottom-left-radius: 7px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.11); padding: 10px 10px 13px 20px; } /* if image instead box-shadow: */ /* #banner .slide-content-container img { position: absolute; display: block; width: 100%; height: 8px; left: 0; bottom: -8px; } */ #banner h2.slide-content-label-big { font-size: 22px; font-weight: 400; line-height: 1.5; color: #85af15; padding: 0; } #banner h3.slide-content-label-small, #banner p { font-size: 16px; color: #666; font-weight: 400; line-height: 1.5; padding: 0 0 3px; } #banner a.slide-content-link:hover, #banner a.slide-content-link:focus { color: #85af15; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container { width: 1170px; margin: 0 auto; background: #fbfbfb; } .mod_article { overflow: visible; } #main { min-height: 500px; padding: 40px 100px 30px; } #main h1, #main h2, #main h3, #main h4 { font-weight: 400; } #main h1 { font-size: 24px; color: #85af15; line-height: 1.2; padding: 10px 0 15px; } #main h2, span.whatsapp-headline { font-size: 20px; color: #85af15; line-height: 1.5; padding: 10px 0 15px; } #main h3, #main h4 { font-size: 17px; color: #85af15; line-height: 1.8; padding: 10px 0 10px; } #main .h3-short h3, #main h3.h3-short, #main .h2-short h2, #main h2.h2-short { padding: 10px 0 0; } #main a { color: #14387f; } #main .ce_hyperlink a { font-size: 14px; line-height: 1.8; } #main a:hover, #main a:focus { text-decoration: underline; } #main p { font-size: 14px; line-height: 1.8; padding: 0 0 15px; } #main p.small { font-size: 12px; } #agb .ce_text p { padding-left: 50px; } #agb .ce_text p.information { color: #85af15; float: left; padding-left: 0; } #agb .ce_text p.information100 { color: #85af15; float: left; padding-left: 0; width: 100%; } .ce_text ul { padding: 0 0 5px 35px; } #agb ul { padding-left: 67px; } .ce_text li { font-size: 14px; line-height: 1.8; padding: 0 0 10px 5px; list-style-image: url("../../files/themes/theme_one/img/bullet.png"); list-style-type: none; } ol { list-style: none; font-size: 13px; } ol li { position: relative; padding: 0 0 0 30px; } #main ol li { padding: 0 0 10px 30px; } ol li:before { position: absolute; content: "1."; top: 0; left: 0; width: 20px; height: 20px; border-radius: 3px; background: #ccc; color: #fff; text-align: center; } ol li:first-child:before { content: "1."; } ol li:first-child + li:before { content: "2."; } .ce_download, .ce_downloads { display: block; padding: 0 0 15px; } #main .ce_download a, #main .ce_downloads a { font-size: 14px; line-height: 1.8; vertical-align: 10%; } .text-right-center-xs { text-align: right; } .text-left-center-xs { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .right { float: right; } .green { color: #85af15; } .text-big { font-size: 20px; } .text-medium { font-size: 16px; } .text-small { font-size: 12px; } b.custom-tag { font-weight: normal; } .padding-top { padding-top: 15px; } /*---------------------------------------------------------- Breadcrumb Navigation ------------------------------------------------------------*/ .navi-breadcrumb { margin: -27px 0 20px; } .breadcrumb-low .navi-breadcrumb { margin: 0 0 20px; } .navi-breadcrumb ul { overflow: hidden; } .navi-breadcrumb li { padding: 0 5px 0 0; float: left; } .navi-breadcrumb li:after { content: "|"; color: #999; } .navi-breadcrumb li.last:after { content: ""; } #main .navi-breadcrumb a { font-size: 13px; color: #333; padding: 0 5px 0 0; line-height: 1.2; } .navi-breadcrumb li.active { font-size: 13px; color: #85af15; line-height: 1.2; padding-top: 5px; } #main .navi-breadcrumb a:hover, #main .navi-breadcrumb a:focus { color: #85af15; text-decoration: none; } /*---------------------------------------------------------- Navigation - Under ------------------------------------------------------------*/ .navi-under { margin: 10px 0 20px; border-top: 1px solid #ecedef; border-bottom: 1px solid #ecedef; text-align: center; } .navi-under ul { display: inline-block; padding: 10px 0 1px; overflow: hidden; vertical-align: bottom; } .navi-under li { padding: 3px 10px 15px 0; float: left; line-height: 1; vertical-align: bottom; } .chrome .navi-under li, .safari .navi-under li, .ie .navi-under li { padding: 4px 10px 15px 0; } .navi-under li.last(:not .reset) { padding-right: 0; } #main .navi-under a, .navi-under span { font-size: 14px; color: #fff; line-height: 1; text-transform: uppercase; padding: 3px 10px; background: #ccc; border-radius: 5px; } .navi-under .active span, #main .navi-under .trail a, #main .navi-under a:hover, #main .navi-under a:focus { color: #fff; background: #14387f; text-decoration: none; } /*---------------------------------------------------------- Contact Box ------------------------------------------------------------*/ .contact-box { position: absolute; top: 485px; right: 0; background: #fff; border: 1px solid #ecedef; border-top-left-radius: 7px; border-bottom-left-radius: 7px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.11); z-index: 300; } .contact-box-big { width: 0; float: right; transition: width 0.5s ease-in-out; } .info-open .contact-box-big { width: 320px; transition-duration: 0.5s; } .contact-box-content { width: 320px; color: #666; line-height: 1.8; padding: 15px 25px 8px 1px; } .contact-box-content h4 { font-size: 20px; color: #85af15; line-height: 1.5; padding: 0 0 7px; } .contact-box-content a:hover, .contact-box-content a:focus { color: #85af15; text-decoration: none; } .contact-box span[class*="icon-"] { font-size: 30px; color: #bbb; } .contact-box a:hover span[class*="icon-"], .contact-box a:focus span[class*="icon-"] { color: #85af15; } .contact-box .contact-box-content span[class*="icon-"] { padding: 0 7px 0 0; vertical-align: middle; vertical-align: -8px; } .contact-box .contact-box-content span.icon-telefon { vertical-align: -6px; } .contact-box-lines { border-top: 1px solid #ecedef; border-bottom: 1px solid #ecedef; padding: 10px 0; text-transform: uppercase; margin: 20px 0 10px; } .navi-contact-box { display: inline-block; } .navi-contact-box { overflow: visible; } .navi-contact-box li { position: relative; padding: 0 0 0 10px; float: left; } .navi-contact-box li:after { content: "|"; position: absolute; bottom: 0; left: 5px; color: #767676; } .navi-contact-box a, .navi-contact-box span { font-size: 15px; color: #767676; padding: 0 0 0 10px; } .navi-contact-box li.first, /* .navi-contact-box li.last, */ .navi-contact-box li.first a { padding: 0; } .navi-contact-box li.first:after, .navi-contact-box li.last:after { content: ""; } .navi-contact-box li.last a:before, .navi-contact-box li.last span:before { position: absolute; display: block; content: ""; top: -17px; left: 6px; width: 72px; height: 70px; background: url("../../files/themes/theme_one/img/icon-neuss-retina.png") no-repeat center center; } .contact-box-small { display: block; width: 70px; float: left; padding: 8px 0 0; transition: width 0.5s ease-in-out; } .info-open .contact-box-small { width: 35px; transition-duration: 0.5s; } .contact-box-small a { position: relative; display: block; height: 44px; padding: 7px 0; text-align: center; } .contact-box-info span[class*="icon-"] { color: #14387f; } .contact-box-info a:hover span[class*="icon-"], .contact-box-info a:focus span[class*="icon-"] { color: #85af15; } .info-open .contact-box-info a:focus span[class*="icon-"] { color: #bbb; } .info-open .contact-box-info span[class*="icon-"] { font-size: 15px; color: #bbb; } .info-open .contact-box-small .contact-box-info a { padding: 0 0 7px; } .contact-box-content-quick { opacity: 1; visibility: visible; -webkit-transition-duration: 1s, 0s; transition-duration: 1s, 0s; -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .info-open .contact-box-content-quick { opacity: 0; visibility: hidden; -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: 0.5s, 0s; transition-duration: 0.5s, 0s; -webkit-transition-delay: 0s, 0.5s; transition-delay: 0s, 0.5s; } /*---------------------------------------------------------- Link-Button ------------------------------------------------------------*/ .link-button, .link-back-button { padding: 5px 0; margin-bottom: 15px; } .link-button.link-button-green { margin: 5px 0 10px; } #main .link-button a { position: relative; display: inline-block; font-size: 12px; color: #fff; text-transform: uppercase; padding: 3px 25px 3px 10px; background: #ccc; border-radius: 5px; } #main .link-button.link-button-green a { background: #85af15; padding: 3px 45px 3px 30px; } #main .link-button a:after { content: "\f061"; color: #fff; font-size: 1em; position: absolute; right: 7px; top: 7px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } #main .link-button.link-button-green a:after { right: 27px; } #main .link-back-button a { position: relative; display: inline-block; font-size: 12px; color: #fff; text-transform: uppercase; padding: 3px 10px 3px 25px; background: #ccc; border-radius: 5px; } #main .link-back-button a:before { content: "\f060"; color: #fff; font-size: 1em; position: absolute; left: 7px; top: 7px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } #main .link-button a:hover, #main .link-button a:focus, #main .link-back-button a:hover, #main .link-back-button a:focus { background: #14387f; text-decoration: none; } /*---------------------------------------------------------- Grid ------------------------------------------------------------*/ .row.padding-bottom { padding-bottom: 15px; } .ce_rsce_grid_row_start.col-border { padding-top: 20px; } .ce_rsce_grid_col_start.col-border-right { border-right: 1px solid #ecedef; padding-right: 20px; } .ce_rsce_grid_col_start.col-border-left { padding-left: 20px; } /*---------------------------------------------------------- Images ------------------------------------------------------------*/ .image_container { margin-bottom: 15px; } .image_container img { display: block; border-radius: 10px; } .img-corner-small img { border-radius: 7px; } .img-corner-big img { border-radius: 10px; } .image_container.float_right { padding-left: 30px; } .image_container.float_left { padding-right: 30px; } .img-center .image_container { text-align: center; } .img-right .image_container { text-align: right; } .col-3 .image_container img, .col-2 .image_container img, .col-1 .image_container img { border-radius: 7px; } .img-border .image_container img { border: 1px solid #ccc; } .img-center .image_container img { margin: 0 auto; } .img-right .image_container img { float: right; } .img-dentaqum .image_container img { padding-top: 110px; } figcaption.caption { font-size: 12px; color: #14387f; padding-top: 5px; } .img-right .image_container figcaption.caption { clear: both; } .image_container a { display: inline-block; position: relative; max-width: 100%; /* line-height: 0; */ } .image_container a:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0; -webkit-transition-delay: 0s, 0.5s; transition-delay: 0s, 0.5s; -webkit-transition-duration: 0.5s, 0s; transition-duration: 0.5s, 0s; transition-property: opacity, visibility; visibility: hidden; } .image_container a:hover:before /*, .image_container a:focus:before */{ content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0.6; -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; -webkit-transition-duration: 1s, 0s; transition-duration: 1s, 0s; visibility: visible; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-boxes-container { display: block; padding: 15px 0 10px; } .teaser-boxes-container .row { padding-bottom: 0; } .teaser-boxes { display: block; margin: -20px 0 0 0; } .teaser-box { /* width: 303.33px; */ margin: 20px 0 0 0; /* float: left; */ } .teaser-box-image { text-align: center; line-height: 0; /* width: 303.33px; height: 188.5px; */ } .teaser-box-image a { display: inline-block; position: relative; max-width: 100%; } .teaser-box-image a:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0; -webkit-transition-delay: 0s, 0.5s; transition-delay: 0s, 0.5s; -webkit-transition-duration: 0.5s, 0s; transition-duration: 0.5s, 0s; transition-property: opacity, visibility; visibility: hidden; } .teaser-box-image a:hover:before, .teaser-box-image a:focus:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; opacity: 0.6; -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; -webkit-transition-duration: 1s, 0s; transition-duration: 1s, 0s; visibility: visible; } .teaser-box-image img { display: block; border: 1px solid #ccc; border-radius: 10px; } .teaser-box-content { height: 65px; padding-top: 10px; } .teaser-box-content-short .teaser-box-content { height: 60px; } .teaser-box-content a.teaser-headline { display: inline-block; } #main h3.teaser-box-title { color: #14387f; line-height: 1; padding: 0 0 5px; } #main .teaser-box-content p { line-height: 1.5; padding: 0 0 5px; } /*---------------------------------------------------------- Separator ------------------------------------------------------------*/ .separator hr { display: block; height: 1px; background: #ecedef; } .separator-small { padding: 5px 0; } .separator-medium { padding: 10px 0; } .separator-large { padding: 15px 0; } /*---------------------------------------------------------- Accordion ------------------------------------------------------------*/ .toggler { position: relative; font-size: 15px; line-height: 1.6; padding: 10px 35px 10px 15px; cursor: pointer; } .accordion div { border-top: 1px solid #ccc; } .ce_accordion { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .ce_accordion.first { border-top: 1px solid #ccc; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-top: 5px; } .ce_accordion.last { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 10px; } .toggler:after { content: "\f061"; color: #ccc; font-size: 1em; position: absolute; right: 10px; top: 13px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .toggler.active:after { content: "\f063"; color: #fff; font-size: 1em; position: absolute; right: 10px; top: 14px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .toggler:hover, .toggler.active/* , .toggler:hover:after, .toggler.active.toggler:after *//* , .toggler:hover span, .toggler.active span */ { background: #ecedef; } .toggler:hover:after { color: #fff; } #main .accordion p { padding: 5px 15px 10px; } /*---------------------------------------------------------- News ------------------------------------------------------------*/ #main .layout_latest h2 { padding: 20px 0 10px; } .start #main .layout_latest h2 { font-size: 16px; line-height: 1.5; padding: 5px 0 10px; } #main .mod_newslist h3 { font-size: 14px; color: #14387f; padding: 5px 0 5px; } #main .mod_newsarchive p.info, #main .mod_newsarchive p.categories, #main .mod_newsreader p.info, #main .mod_newsreader p.categories, #main .mod_newslist p.info { font-size: 12px; line-height: 1; color: #14387f; } #main .mod_newsarchive p.info, #main .mod_newsreader p.info { padding: 0 0 20px; } #main .mod_newsarchive p.categories, #main .mod_newsreader p.categories { padding: 0 0 5px; } #main .mod_newsarchive p.categories a span, #main .mod_newsreader p.categories a span { display: inline-block; background: #ccc; border-radius: 5px; color: #fff; font-size: 12px; line-height: 1.6; padding: 3px 10px; text-transform: uppercase; margin: 0 10px 10px 0; } #main .mod_newsarchive p.categories a:hover span, #main .mod_newsarchive p.categories a:focus span, #main .mod_newsreader p.categories a:hover span, #main .mod_newsreader p.categories a:focus span { background-color: #14387f; } #main .mod_newslist p.info { padding: 0 0 5px; } .mod_newslist span.info { font-size: 12px; line-height: 1.8; color: #14387f; padding: 0 0 0 10px; } .mod_newsarchive .layout_latest { border-top: 1px dotted #85af15; padding-bottom: 5px; } .start .mod_newsarchive .layout_latest { border-top: 0; } .standard .mod_newsarchive .layout_latest.first { margin-top: 20px; } .standard .mod_newsarchive.jobs .layout_latest.first { border-top: 0; margin-top: 0; } .mod_newslist .layout_simple { border-top: 1px dotted #85af15; padding: 0 0 5px 10px; } #main .mod_newslist .layout_simple a { display: inline-block; } .mod_newslist .layout_simple.first { border-top: 0; } .mod_newslist .layout_simple:hover { background: #f3f3f3; } #main .mod_newsreader p.back { padding-top: 10px; } /* #main .mod_newsreader .image_container.float_right { padding-top: 5px; } */ .start #main .mod_newsarchive p.info, .start #main .mod_newsarchive p.categories { padding: 0 0 7px; } .start #main .mod_newsarchive .teaser p { padding: 0 0 5px; } .start #main .mod_newsarchive p.more { line-height: 1; padding: 0 0 10px; } .standard .mod_newsarchive .pagination, .standard .mod_newslist .pagination, .mod_eventlist .pagination { padding-top: 25px; border-top: 1px dotted #85af15; } .standard #main .mod_newsarchive .pagination p, .standard #main .mod_newslist .pagination p, #main .mod_eventlist .pagination p { font-size: 12px; line-height: 1.5; color: #767676; padding: 0; float: right; } .standard .mod_newsarchive .pagination ul, .standard .mod_newslist .pagination ul, .mod_eventlist .pagination ul { overflow: hidden; } .standard .mod_newsarchive .pagination li, .standard .mod_newslist .pagination li, .mod_eventlist .pagination li { float: left; margin-right: 15px; color: #767676; line-height: 1; } .standard .mod_newsarchive .pagination li a, .standard .mod_newsarchive .pagination li span, .standard .mod_newslist .pagination li a, .standard .mod_newslist .pagination li span, .mod_eventlist .pagination li a, .mod_eventlist .pagination li span { font-size: 12px; line-height: 1.5; } .mod_newsmenu { padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #ecedef; /* 1px dotted #85af15; */ } #main .mod_newsmenu p.link-archiv { padding-bottom: 0; /* 10px; */ } .mod_newsmenu li.year { padding-bottom: 20px; } .mod_newsmenu ul.level_2 { padding-top: 7px; } .mod_newsmenu ul.level_2 li, .mod_newsmenu li a, .mod_newsmenu li span { font-size: 14px; margin-bottom: 5px; } .mod_newsmenu li span { color: #85af15; } .mod_newsmenu li.submenu a { font-size: 14px; margin-bottom: 10px; } /*---------------------------------------------------------- Tabs - Home ------------------------------------------------------------*/ .tab-container { height: 376px; border: 1px solid #ccc; border-radius: 7px; margin: 5px 0 15px; } .tabs { height: 70px; } .tabs li { width: 25%; height: 100%; float: left; } .tabs li.third { width: 30%; } .tabs li.last { width: 20%; } #main .tabs a { display: block; height: 100%; font-size: 14px; color: #333; line-height: 1.8; border-right: 1px solid #ccc; border-bottom: 2px solid #85af15; background: #ecedef; text-align: center; padding-top: 9px; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } #main .tabs li.first a { border-top-left-radius: 7px; } #main .tabs li.last a { border-top-right-radius: 7px; border-right: none; } #main .tabs a.active, #main .tabs a:hover, #main .tabs a:focus { background: #85af15; color: #fff; } #main .tabs a:hover, #main .tabs a:focus { text-decoration: none; } .tab-content { display: none; padding: 30px 25px 20px; } .tab-content.active { display: block; } /*---------------------------------------------------------- Tabs - News ------------------------------------------------------------*/ .tab-container .mod_newsarchive .layout_latest { padding: 0; } .start #main .mod_newsarchive .teaser p { padding: 0 0 10px; } .tab-container .mod_newsarchive .layout_latest .image_container { padding-top: 10px; } .tab-container .mod_newsarchive .layout_latest img { width: 300px; max-height: 190px; } /*---------------------------------------------------------- Events ------------------------------------------------------------*/ #main .mod_eventreader p.info, #main .mod_eventreader p.location { color: #14387f; font-size: 17px; } #main .mod_eventreader p.info { padding: 0 0 5px; } #main .mod_eventreader p.back { padding-top: 10px; } .mod_eventlist span.date, .mod_eventlist span.location, .mod_eventlist a { font-size: 14px; line-height: 1.8; } .mod_eventlist .event { padding: 10px 0 10px 10px; border-top: 1px dotted #85af15; } .mod_eventlist .event.first { border-top: 0; } .mod_eventlist .event:hover { background: #f3f3f3; } /*---------------------------------------------------------- TagCloud ------------------------------------------------------------*/ .tagcloud h2 { text-align: center; } #main .cloud .active a { color: #85af15; } .cloud .size1 { font-size: 13px; font-weight: 300; } .cloud .size2 { font-size: 14px; font-weight: 400; } .cloud .size3 { font-size: 15px; font-weight: 600; } .cloud .size4 { font-size: 16px; font-weight: 700; } .cloud li:nth-child(even) { /* padding-left: 30px; */ text-align: right; } .cloud li:nth-child(odd) { text-align: left; } .mod_tagcloud .reset { margin-bottom: 20px; text-align: center; } #main .mod_tagcloud .reset a { font-size: 14px; color: #85af15; } /*---------------------------------------------------------- Responsive Video Element and Responsive Google Map ------------------------------------------------------------*/ .responsive-map-container { max-width: 400px; margin: 0 auto; } .responsive-map-container.map-big { max-width: 750px; } .responsive-youtube-video, .responsive-map { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; border-radius: 10px; z-index: 30; } .responsive-youtube-video, .responsive-map { margin-bottom: 20px; } .responsive-youtube-video iframe, .responsive-map iframe, .responsive-youtube-video object, .responsive-youtube-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; } /*---------------------------------------------------------- MediaElements.js ------------------------------------------------------------*/ .ce_player { margin: 30px 0; } .mejs-container { width: 100% !important; height: auto !important; padding-top: 57%; } .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } .mejs-mediaelement video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } /*---------------------------------------------------------- Image Link Google Map ------------------------------------------------------------*/ .img-link-map.img-center { text-align: center; } /*---------------------------------------------------------- Slider gallery and Home Slider Arrows ------------------------------------------------------------*/ .mod_rocksolid_slider.slider-gallery { max-width: 750px; margin: 0 auto; padding-bottom: 20px; } .slider-gallery .rsts-slide-image, .slider-gallery .rsts-thumbs-slide-image { border-radius: 7px; } /* Slider arrows */ .slider-gallery.rsts-skin-default .rsts-prev, .slider-gallery.rsts-skin-default .rsts-next, #banner .slider-arrows.rsts-skin-default .rsts-prev, #banner .slider-arrows.rsts-skin-default .rsts-next { bottom: 50%; margin-bottom: -17.5px; box-shadow: none; border: 0; border-radius: 0; width: 25px; height: 35px; background-image: none; } .slider-gallery.rsts-skin-default .rsts-prev, #banner .slider-arrows.rsts-skin-default .rsts-prev { left: 5px; } .slider-gallery.rsts-skin-default .rsts-next, #banner .slider-arrows.rsts-skin-default .rsts-next { right: 10px; } .slider-gallery.rsts-skin-default .rsts-prev:before, .slider-gallery.rsts-skin-default .rsts-thumbs-prev:before, #banner .slider-arrows.rsts-skin-default .rsts-prev:before { position: absolute; left: 0; top: 0; content: "\e904"; color: #fff; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } .slider-gallery.rsts-skin-default .rsts-next:before, .slider-gallery.rsts-skin-default .rsts-thumbs-next:before, #banner .slider-arrows.rsts-skin-default .rsts-next:before { position: absolute; left: 0; top: 0; content: "\e905"; color: #fff; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } .slider-gallery.rsts-skin-default .rsts-thumbs-prev:before, .slider-gallery.rsts-skin-default .rsts-thumbs-next:before { font-size: 30px; } .slider-gallery.rsts-skin-default .rsts-prev:hover, .slider-gallery.rsts-skin-default .rsts-next:hover, .slider-gallery.rsts-skin-default .rsts-thumbs-prev:hover, .slider-gallery.rsts-skin-default .rsts-thumbs-next:hover, #banner .slider-arrows.rsts-skin-default .rsts-prev:hover, #banner .slider-arrows.rsts-skin-default .rsts-next:hover { background-color: transparent; text-decoration: none !important; /* fix for ie underline */ /* opacity: 0.7; */ } .slider-gallery.rsts-skin-default .rsts-prev:focus, .slider-gallery.rsts-skin-default .rsts-next:focus, .slider-gallery.rsts-skin-default .rsts-thumbs-prev:focus, .slider-gallery.rsts-skin-default .rsts-thumbs-next:focus, #banner .slider-arrows.rsts-skin-default .rsts-prev:focus, #banner .slider-arrows.rsts-skin-default .rsts-next:focus { text-decoration: none !important; /* fix for ie underline */ } .slider-gallery.rsts-skin-default .rsts-prev:hover:before, .slider-gallery.rsts-skin-default .rsts-next:hover:before, .slider-gallery.rsts-skin-default .rsts-thumbs-prev:hover:before, .slider-gallery.rsts-skin-default .rsts-thumbs-next:hover:before, #banner .slider-arrows.rsts-skin-default .rsts-prev:hover:before, #banner .slider-arrows.rsts-skin-default .rsts-next:hover:before { color: #14387f; } .slider-gallery.rsts-skin-default .rsts-thumbs-prev, .slider-gallery.rsts-skin-default .rsts-thumbs-next { bottom: 50%; margin-bottom: -15px; box-shadow: none; border: 0; border-radius: 0; width: 21px; height: 30px; background-image: none; } .slider-gallery.rsts-skin-default .rsts-thumbs-prev { left: 0; } .slider-gallery.rsts-skin-default .rsts-thumbs-next { right: 5px; } .slider-gallery.rsts-skin-default .rsts-thumbs-slide-image { opacity: 0.5; border: 1px solid transparent; } .slider-gallery.rsts-skin-default .rsts-thumbs-active-thumb, .slider-gallery.rsts-skin-default .rsts-thumbs-slide-image:hover { border: 1px solid #ccc; opacity: 1; } /*---------------------------------------------------------- Table ------------------------------------------------------------*/ .table-col-3 { padding: 0 0 20px; } #main .table-title h2 { padding: 10px 0; } .table-title span { display: inline-block; color: #85af15; font-weight: 400; font-size: 20px; line-height: 1.5; padding: 10px 0; } .table-col-3 .col-2 { text-align: center; } .table-section-content { padding-bottom: 10px; } .table-row { padding: 10px 0 0; /* border-top: 1px dotted #85af15; border-bottom: 1px dotted #85af15; */ } /* .table-row + .table-row { border-top: 0; } */ .table-row:nth-child(odd) { background: #ecedef; /* #ccc; */ border-top: 1px dotted #85af15; border-bottom: 1px dotted #85af15; } #main .table-row p { padding: 0 0 10px; } #main .table-row .col-2 p { color: #85af15; } .icon-check { font-size: 20px; color: #85af15; } .icon-close { font-size: 20px; color: #ecedef; /* #e34d35; */ } /*---------------------------------------------------------- Contactform ------------------------------------------------------------*/ .ce_form, .formbody { overflow: visible; } .contactform { margin: 20px 0; } .contactform .widget.widget-text, .contactform .widget.widget-select { position: relative; width: 50%; height: 80px; float: left; margin: 0 0 20px; } .contactform .widget.widget-textarea, .contactform .widget.widget-radio { display: block; width: 100%; float: left; margin: 0 0 20px; } .contactform label, .contactform legend { display: block; font-size: 14px; line-height: 1.5; padding: 0 0 10px; } .contactform .radio_container > span { display: inline-block; padding: 0 30px 0 0; } .contactform .radio_container > span > label { display: inline-block; padding: 0 0 0 10px; } .contactform input[type="text"], .contactform input[type="email"], .contactform input[type="tel"], .contactform select, .contactform .textarea { width: 77%; font-size: 14px; line-height: 1.5; color: #333; padding: 5px; border: 1px solid #ecedef; border-radius: 5px; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } .contactform .textarea { width: 88.5%; max-width: 100%; font-family: Open Sans,sans-serif; font-weight: 400; } .contactform input[type="text"]:focus, .contactform input[type="email"]:focus, .contactform input[type="tel"]:focus, .contactform .textarea:focus { border: 1px solid #85af15; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); } .contactform input[type="submit"] { font-size: 12px; color: #fff; text-transform: uppercase; padding: 10px; background: #85af15; border-radius: 5px; cursor: pointer; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } .contactform input[type="submit"]:hover, .contactform input[type="submit"]:focus { background: #14387f; } #toggle_1 { vertical-align: text-top; margin-left: 5px; } #toggle_1:hover { cursor: pointer; opacity: 0.7; } #main .contactform p.error { position: absolute; left: 0; bottom: 0; color: #e34d35; font-size: 12px; line-height: 1; padding: 0; } /*---------------------------------------------------------- Search Form - Search Page ------------------------------------------------------------*/ .searchform { overflow: visible; } .searchform form { position: relative; width: 250px; height: 34px; overflow: visible; background: #fff; margin: 20px 0 40px; border: 1px solid #ecedef; border-radius: 5px; } .searchform input[type="search"] { width: 248px; height: 32px; color: #999; font-size: 14px; padding: 5px 35px 5px 10px; -webkit-appearance: textfield; overflow: visible; border: 1px solid #fff; border-radius: 5px; } .searchform input[type="search"]:focus { color: #333; border: 1px solid #85af15; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); } .searchform input[type="submit"] { position: absolute; top: 8px; right: 10px; background-color: transparent; background: url("../../files/themes/theme_one/img/icon-search-sprite.png") no-repeat; background-position: center top; background-size: cover; /* -ms-behavior: url("../../files/themes/theme_one/css/backgroundsize.min.htc"); */ width: 16px; height: 16px; text-indent: -99999px; cursor: pointer; } .searchform form input[type="submit"]:hover { background-position: center bottom; } #main .mod_search .even, #main .mod_search .odd { margin: 10px 0 10px; border-top: 1px dotted #85af15; } #main .mod_search .first { border-top: 0; } #main .mod_search p.header { color: #85af15; border-top: 1px solid #ecedef; border-bottom: 1px solid #ecedef; text-align: center; padding: 7px; } #main .mod_search span.relevance{ font-size: 14px; text-transform: none; color: #999; } #main .mod_search .highlight { background-color: #efeeec; color: #85af15; font-weight: 600; } #main .mod_search p.url { color: #999; font-style: italic; } /*---------------------------------------------------------- Sitemap ------------------------------------------------------------*/ .mod_sitemap li { padding: 5px 0; } .mod_sitemap .level_1 li a { font-size: 14px; font-weight: 600; } .mod_sitemap li li { margin-left: 30px; } .mod_sitemap .level_2 > li.submenu { padding: 5px 0 0; } .mod_sitemap .level_2 li a { font-weight: 400; } /*---------------------------------------------------------- WhatsApp ------------------------------------------------------------*/ img.img-whatsapp-color { width: 37px; vertical-align: -10px; } #sidebar-whatsapp img.img-whatsapp-color { margin-left: 20px; } #sidebar-whatsapp p { padding: 15px 0; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ #footer { width: 1170px; height: 270px; margin: 0 auto; background: #fbfbfb; padding: 0 100px; } .footer-inside { width: 100%; height: 270px; overflow-y: hidden; background: #ecedef; padding: 30px 30px 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .row.float-right .col-6 { float: right; } #footer .col-6.padding-top { padding-top: 2px; } #footer h3 { font-size: 20px; color: #666; font-weight: 300; line-height: 1.2; padding: 0 0 20px; } #footer p { color: #767676; font-weight: 300; font-size: 13px; line-height: 1.8; } #footer a:hover, #footer a:focus { color: #14387f; text-decoration: none; } .navi-footer-generell { /* display: inline-block; */ margin-top: 10px; } .navi-footer-generell ul { overflow: hidden; } .navi-footer-generell li { position: relative; padding: 0 10px 0 0; float: left; } .navi-footer-generell li.last { padding: 0 7px 0 0; } .navi-footer-generell li:after { content: "|"; position: absolute; bottom: 0; right: 18px; color: #767676; } .navi-footer-generell li.last:after { content: ""; } .navi-footer-generell a, .navi-footer-generell span { font-size: 12px; color: #767676; font-weight: 300; text-transform: uppercase; padding: 0 36px 0 0; } .navi-footer-generell .active, .navi-footer-generell .trail { color: #14387f; } /* .navi-footer-contact { float: left; } */ .navi-footer-contact ul { overflow: hidden; } .navi-footer-contact li { padding: 3px 33px 10px 0; /* 3px 10px 10px 0; */ float: left; line-height: 1.2; } .navi-footer-contact li.last { padding-right: 0; } .navi-footer-contact a, .navi-footer-contact span { font-size: 13px; font-weight: 400; color: #fff; line-height: 1; padding: 3px 10px; background: #ccc; border-radius: 5px; } .navi-footer-contact .active span, #footer .navi-footer-contact a:hover, #footer .navi-footer-contact a:focus { color: #fff; background: #14387f; } .fb-like { vertical-align: top; margin-right: 20px; } .img-whatsapp-footer { /* float: left; */ margin-left: 20px; vertical-align: top; } .img-whatsapp-footer img { width: 100px; /* 90px; */ /* margin-top: 3px; */ } a.instagram-link { margin-left: 20px; line-height: 23px; } img.instagram { width: 23px; height: 23px; } img.facebook { width: 27px; height: 27px; margin: -2px 0; } /*---------------------------------------------------------- Tooltip ------------------------------------------------------------*/ #tooltip-template { display: none; } .tooltip { cursor: pointer; } #tooltip-content { background: rgba(255,255,255,0.9); padding: 15px; border: 1px solid #ccc; border-radius: 7px; line-height: 1.7; } #tooltip-content span.tooltip-headline { font-size: 20px; } #tooltip-content p, #tooltip-content ol { font-size: 13px; } #tooltip-content p { padding: 5px 0 15px; } #whappodo-start, #whappodo-start-sidebar { cursor: pointer; } /* Styles in tooltipster css-file */ .tooltipster-sidetip .tooltipster-box { background: transparent; border: 0; border-radius: 7px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.11); } .tooltipster-sidetip .tooltipster-content { color: #333; line-height: 1.7; padding: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin: 10px 10px 18px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: -1px; height: 20px; margin-left: -15px; width: 40px; } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { width: 40px; } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { border: 20px solid transparent; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #bbb; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: rgba(255,255,255,0.9); left: 0; top: -1px; } /*---------------------------------------------------------- Backtop Button ------------------------------------------------------------*/ #back-top { position: fixed; bottom: 30px; right: 30px; z-index: 500; } /* arrow icon (span tag) */ #back-top span { width: 50px; height: 50px; display: block; margin-top: 5px; background: #14387f url("../../files/themes/theme_one/img/arrowtop-white.png") no-repeat center center; opacity: 0.7; /* rounded corners */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /* background color transition */ -webkit-transition-property: background; transition-property: background; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } #back-top a:hover span { background-color: #85af15; opacity: 0.7; } /*---------------------------------------------------------- Newsletter Button ------------------------------------------------------------*/ .newsletter_btn { position: relative; display: inline-block; font-size: 12px; color: #fff; text-transform: uppercase; border-radius: 5px; background: #85af15; padding: 7px 15px 5px 30px; margin-left: 28px; top: -10px; cursor: pointer; } @media (max-width: 1200px) { .newsletter_btn { display: block; margin-left: 0; top: 12px; } } .newsletter_btn:before { content: "\e901"; color: #fff; font-size: 1em; position: absolute; left: 9px; top: 8px; font-family: 'icomoon'; speak: none; line-height: 1; } /*---------------------------------------------------------- Responsive ------------------------------------------------------------*/ /*---------------------------------------------------------- MIDDLE DESKTOP ------------------------------------------------------------*/ @media only screen and (max-width: 1199px) { /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header-top { height: 140px; } .header-top-inside { width: 970px; height: 140px; } .header-top-info { width: 698px; /* update */ width: 650px; } .navi-top-container { /* update */ padding-top: 93px; } .headline-top h2 { /* font-size: 16px; */ /* padding: 20px 0 0 8px; */ /* update */ padding: 78px 0 0 22px; } .contact-top { padding-left: 8px; } .safari .contact-top { padding-left: 7px; } .contact-top a { margin-left: 7px; } .contact-top span { padding: 0 5px 0 0; } .header-top-img { /* width: 74px; */ /*80*/ height: 140px; /* padding-top: 76px; */ /*70*/ /* update */ width: 98px; padding-top: 54px; } #logo { /* width: 198px; */ height: 140px; /* padding-top: 63px; */ /* update */ width: 222px; padding-top: 53px; } #logo a, #logo img { /* width: 190px; */ /* update */ width: 200px; } /*---------------------------------------------------------- Search Form Top ------------------------------------------------------------*/ #header-searchform { /* update */ top: 93px; } /*---------------------------------------------------------- Main Navigation - Middle Desktop ------------------------------------------------------------*/ .navi-main ul.level_1 { width: 970px; } .navi-main ul.level_1 > li { padding: 15px 11px 14px; } .navi-main ul.level_1 > li.submenu > a, .navi-main ul.level_1 > li.submenu > span { padding: 17px 11px 15px; } .navi-main ul.level_2 { padding: 10px 11px 10px; } .navi-main ul.level_2 a, .navi-main ul.level_2 span { padding: 5px 0; } .navi-main ul.level_3 a, .navi-main ul.level_3 span { padding: 2px 0 2px 15px; } /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner { /* update */ margin-top: 140px; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container { width: 970px; } #main { padding: 40px 50px 40px; } /*---------------------------------------------------------- Images ------------------------------------------------------------*/ .img-dentaqum .image_container img { padding-top: 120px; } /*---------------------------------------------------------- Flash ------------------------------------------------------------*/ .flash-prophylaxe-katalog { width: 870px; height: 441px; } /*---------------------------------------------------------- Breadcrumb Navigation ------------------------------------------------------------*/ .navi-breadcrumb { margin: 0 0 20px; } /*---------------------------------------------------------- Tabs - Home ------------------------------------------------------------*/ .tab-container { height: 426px; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-box-content { height: 78px; } #main h3.teaser-box-title { font-size: 16px; } /*---------------------------------------------------------- Contactform ------------------------------------------------------------*/ .contactform .widget.widget-text, .contactform .widget.widget-select { height: 90px; margin: 0 0 15px; } /*---------------------------------------------------------- WhatsApp ------------------------------------------------------------*/ #sidebar-whatsapp img.img-whatsapp-color { margin-left: 10px; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ #footer { width: 970px; height: auto; padding: 0 50px; } .footer-inside { height: auto; padding: 30px 30px 50px; } #footer .col-6.padding-top { padding-top: 0; } .navi-footer-generell { display: block; padding-bottom: 5px; } .navi-footer-generell li:after { right: 15px; } .navi-footer-generell a, .navi-footer-generell span { padding: 0 30px 0 0; } .navi-footer-contact li { padding: 3px 25px 10px 0; } /* .footer-inside { padding: 20px 20px 15px; } #footer .row { margin-left: -10px; margin-right: -10px; } #footer .col-6 { padding-left: 10px; padding-right: 10px; } */ /* .navi-footer-generell li.last:after { content: ""; } */ } /*---------------------------------------------------------- TABLET ------------------------------------------------------------*/ @media only screen and (max-width: 991px) { /*---------------------------------------------------------- General ------------------------------------------------------------*/ .visible-sm { display: block; } .hidden-sm { display: none; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header-top { /* height: 155px; */ /* update */ height: 120px; } .header-top-inside { width: 750px; /* height: 155px; */ /* update */ height: 120px; } .header-top-info { width: 490px; /* 457px; */ /* update */ width: 560px; } .navi-top-container { /* update */ padding-top: 73px; } .headline-top h2 { /* font-size: 15px; */ /* padding: 15px 0 0 0; */ /* 20px; */ /* update */ font-size: 22px; padding: 67px 0 0; } .contact-top { padding-left: 0; } .safari .contact-top { padding-left: 0; } .contact-top-left { width: 65%; float: left; } .contact-top-right { width: 35%; float: left; } .contact-top a { font-size: 12px; float: none; margin-left: 0; margin-bottom: 10px; display: block; } .contact-top span { font-size: 25px; } .header-top-img { /* width: 80px; */ height: 155px; padding-top: 85px; } #logo { /* width: 260px; */ /* 213px; */ /* height: 155px; padding-top: 83px; */ /* update */ width: 190px; height: 120px; padding-top: 42px; } .chrome #logo { /* padding-top: 80px; */ } .safari #logo { /* hier überprüfen */ /* padding-top: 70px; */ } #logo a, #logo img { /* width: 200px; */ /* update */ width: 170px; } /*---------------------------------------------------------- Search Form Top ------------------------------------------------------------*/ #header-searchform { /* update */ top: 73px; } /*---------------------------------------------------------- Main Navigation - Tablet ------------------------------------------------------------*/ .navi-main { height: 46px; } .navi-main ul.level_1 { width: 750px; height: 46px; } .navi-main ul.level_1 > li { padding: 11px 7.4px 12px; } .navi-main ul.level_1 > li.submenu { padding: 11px 0 12px; } .navi-main ul.level_1 > li > a, .navi-main ul.level_1 > li > span { font-size: 12px; line-height: 12px; padding: 15px 0 14px; } .navi-main ul.level_1 > li.submenu > a, .navi-main ul.level_1 > li.submenu > span { padding: 15px 7.4px 14px; } .navi-main ul.level_2 { margin-top: 12px; padding: 8px 7.4px 12px; } .header-top-fixed .navi-main ul.level_2 { margin-top: 11px; } .chrome .navi-main ul.level_2, .safari .navi-main ul.level_2, .ie .navi-main ul.level_2 { margin-top: 13px; } .chrome .header-top-fixed .navi-main ul.level_2, .safari .header-top-fixed .navi-main ul.level_2, .ie .header-top-fixed .navi-main ul.level_2 { margin-top: 12px; } .navi-main li.navi-main-last ul.level_2 { margin-left: -63px; } .safari .navi-main li.navi-main-last ul.level_2 { margin-left: -66px; } .navi-main ul.level_2 a, .navi-main ul.level_2 span { font-size: 12px; padding: 5px 5px; } .navi-main ul.level_3 a, .navi-main ul.level_3 span { font-size: 11px; padding: 2px 5px 2px 15px; } /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner { height: 350px; /* margin-top: -46px; */ /* update */ margin-top: 120px; } #banner .mod_rocksolid_slider { height: 350px; } #banner .slide-content { height: 350px; } #banner .slide-content-container { left: 45%; bottom: -30px; padding: 7px 5px 10px 15px; } #banner h2.slide-content-label-big { font-size: 20px; padding: 0 0 3px ; } #banner h3.slide-content-label-small, #banner p { font-size: 15px; padding: 0 0 3px; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container { width: 750px; } #main { padding: 40px 50px 20px; } #main h1 { font-size: 22px; padding: 10px 0 10px; } #main h2, span.whatsapp-headline { font-size: 18px; padding: 10px 0 10px; } #main h3, #main h4 { font-size: 16px; padding: 10px 0 10px; } .big { font-size: 16px; } .h2-small { font-size: 16px; } /*---------------------------------------------------------- Navigation Under ------------------------------------------------------------*/ .navi-under ul { padding: 7px 0 1px; } #main .navi-under a, .navi-under span { font-size: 12px; } /*---------------------------------------------------------- Contact Box ------------------------------------------------------------*/ .contact-box { top: 440px; } .contact-box-small { width: 55px; } /*---------------------------------------------------------- Images ------------------------------------------------------------*/ .col-5 .image_container img, .col-4 .image_container img { border-radius: 7px; } .img-dentaqum .image_container img { padding-top: 140px; } /*---------------------------------------------------------- Flash ------------------------------------------------------------*/ .flash-prophylaxe-katalog { width: 650px; height: 330px; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-boxes-container { padding: 10px 0 15px; } .teaser-box-image img { border-radius: 7px; } .teaser-box-content { height: 80px; } /*---------------------------------------------------------- Tabs Home ------------------------------------------------------------*/ .tab-container { height: auto; } /*---------------------------------------------------------- News ------------------------------------------------------------*/ .mod_newsreader .image_container.float_right img, .mod_newsreader .image_container.float_left img { width: 200px; } /*---------------------------------------------------------- Events ------------------------------------------------------------*/ #main .mod_eventreader p.info, #main .mod_eventreader p.location { font-size: 16px; } /*---------------------------------------------------------- Table ------------------------------------------------------------*/ .table-title span { font-size: 18px; } /*---------------------------------------------------------- WhatsApp ------------------------------------------------------------*/ img.img-whatsapp-color { width: 30px; vertical-align: -10px; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ #footer { width: 750px; } .footer-inside { padding: 20px 20px 50px; } #footer .row { margin-left: -5px; margin-right: -5px; } #footer .col-6 { padding-left: 5px; padding-right: 5px; } #footer h3 { font-size: 18px; padding: 0 0 15px; } #footer p { font-size: 12px; } .navi-footer-contact li { padding: 3px 10px 10px 0; } .navi-footer-generell li:after { right: 5px; } .navi-footer-generell a, .navi-footer-generell span { padding: 0 10px 0 0; } .fb-like { margin-right: 10px; } .img-whatsapp-footer { margin-left: 10px; } a.instagram-link { margin-left: 10px; } /*---------------------------------------------------------- Backtop Button ------------------------------------------------------------*/ #back-top { position: fixed; bottom: 10px; right: 10px; } } /*---------------------------------------------------------- MOBILE ------------------------------------------------------------*/ @media only screen and (max-width: 767px) { /*---------------------------------------------------------- General ------------------------------------------------------------*/ .visible-xs { display: block; } .hidden-xs { display: none; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header-top-container { position: static; top: auto; z-index: 0; } #header-top { height: auto; } #header-fixed-mobile { padding: 15px 0 0; border-top: 7px solid #14387f; position: fixed; display: block; width: 100%; height: auto; top: 0; z-index: 500; } .header-top-fixed #header-fixed-mobile { background: #fff; padding: 15px 0 10px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.11); } .header-top-inside { width: auto; height: auto; } #navi-mobile { width: 20%; float: left; padding: 0 0 0 15px; color: #999; font-weight: 400; font-size: 13px; text-transform: uppercase; } .navi-mobile-inside { width: 40px; text-align: center; } #navi-mobile span { font-size: 2.5em; } #navi-mobile a:hover, #navi-mobile a:focus { color: #85af15; } .contact-top { width: 60%; float: left; padding: 0; } .contact-top-inside { width: 191px; height: 48px; margin: 0 auto; padding: 0 5px; border-left: 2px solid #e0e0e0; border-right: 2px solid #e0e0e0; } .contact-top a { margin: 0 7px; float: left; display: inline; } .contact-top span { font-size: 45px; padding: 0; vertical-align: middle; } .search-mobile { width: 20%; float: left; padding: 0 15px 0 0; color: #999; font-weight: 400; font-size: 13px; text-transform: uppercase; } .search-mobile-inside { width: 40px; float: right; text-align: center; } .search-mobile span { font-size: 2.5em; } .search-mobile a:hover, .search-mobile a:focus { color: #85af15; } #logo { width: 100%; height: 92.23px; float: none; padding: 15px 0; /* update */ margin-top: 75px; } .header-top-fixed #logo { height: 92.23px; padding-top: 15px; transition-duration: 0; } /* .chrome #logo, .safari #logo { padding: 15px 0; } */ #logo a, #logo img { width: 205px; margin: 0 auto; } .header-top-fixed #logo a { width: 205px; float: none; transition-duration: 0; } .header-top-fixed #logo img { transition-duration: 0; width: 205px; } .headline-top { text-align: center; } .headline-top h2 { /* font-size: 15px; */ padding: 0 0 15px; letter-spacing: 1px; /* update */ font-size: 25px; float: none; } /*---------------------------------------------------------- Search Form Top ------------------------------------------------------------*/ #header-searchform { width: 300px; height: 45px; top: 20px; right: 50%; margin-right: -150px; box-shadow: 0 0 10px #85af15; } #header-searchform form { width: 300px; height: 43px; } #header-searchform input[type="search"] { width: 300px; height: 43px; font-size: 15px; padding: 10px 50px 10px 20px; } #header-searchform input[type="submit"] { top: 10px; right: 15px; background: url("../../files/themes/theme_one/img/icon-search-sprite.png") no-repeat; background-size: cover; /* -ms-behavior: url("../../files/themes/theme_one/css/backgroundsize.min.htc"); */ background-position: center bottom; width: 25px; height: 25px; } /*---------------------------------------------------------- Mobile Menu ------------------------------------------------------------*/ #mobile-menu { border-top: 7px solid #14387f; } #mobile-menu ul.level_1 { padding: 0; } .mm-list, .level_2.mm-list li.mm-subtitle { color: #999; font-weight: 400; font-size: 14px; text-transform: uppercase; } #mobile-menu li.trail.first { background: #85af15; } #mobile-menu li.trail.first a { color: #fff; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after { margin-left: 0; } .mm-menu.mm-white .mm-list > li > a.mm-subclose { color: #fff; background: #85af15; } .mm-menu.mm-white .mm-list > li.trail > a.mm-subopen.mm-fullsubopen::before, .mm-menu.mm-white .mm-list > li > a.mm-subopen.mm-fullsubopen::after, .mm-menu .mm-list > li.trail > a.mm-subopen::before, .mm-menu.mm-white .mm-list > li.trail > a.mm-subopen::after, .mm-menu.mm-white .mm-list > li > a.mm-subclose::before { border-color: #fff; } .mm-menu.mm-white .level_2.mm-list > li.mm-selected > span, .mm-menu.mm-white .level_3.mm-list > li.mm-selected > span { color: #85af15; background: #fff; } .mm-menu.mm-white .mm-list > li.submenu.mm-selected > span, .mm-menu.mm-white .level_1.mm-list > li.mm-selected > span { color: #fff; background: #85af15; } .level_2.mm-list li.submenu.trail, .level_2.mm-list li.submenu.mm-selected { border-top: 1px solid #fff; } #mobile-menu li.trail { background: #85af15; } #mobile-menu li.trail a, #mobile-menu li.trail span { color: #fff; } /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner { height: auto; margin-top: 0; } #banner .mod_rocksolid_slider { height: auto; } #banner .slider-arrows.rsts-skin-default .rsts-prev, #banner .slider-arrows.rsts-skin-default .rsts-next { bottom: auto; margin-bottom: 0; top: 58px; } #banner .slide-content { height: 150px; } #banner .slide-content-container { position: relative; right: 0; left: 0; bottom: 0; background: rgba(251, 251, 251, 1); border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.11); padding: 10px 9px 10px; text-align: center; } #banner h2.slide-content-label-big { font-size: 20px; line-height: 1.5; padding: 0 0 5px; } #banner h3.slide-content-label-small, #banner p { font-size: 15px; line-height: 1.5; padding: 0 0 5px; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container { width: auto; } #main { min-height: 200px; padding: 15px 10px 15px; } #main h1 { font-size: 20px; line-height: 1.3; padding: 5px 0 10px; } #main h2, span.whatsapp-headline { font-size: 18px; line-height: 1.5; padding: 5px 0 10px; } #main h3, #main h4 { font-size: 16px; line-height: 1.6; padding: 5px 0 10px; } #main .h3-short h3, #main h3.h3-short, #main .h2-short h2, #main h2.h2-short { padding: 5px 0 0; } #main p { line-height: 1.6; padding: 0 0 10px; } .ce_text ul { padding: 0 0 5px 30px; } .ce_text li { line-height: 1.6; padding: 0 0 5px 5px; } .ce_download { padding: 0 0 10px; } .text-right-center-xs { text-align: center; } .text-left-center-xs { text-align: center; } .right { float: none; } /*---------------------------------------------------------- Breadcrumb Navigation ------------------------------------------------------------*/ .navi-breadcrumb { margin: 0 0 15px; } .breadcrumb-low .navi-breadcrumb { margin: 0 0 15px; } /*---------------------------------------------------------- Grid ------------------------------------------------------------*/ .row.padding-bottom { padding-bottom: 5px; } .padding-bottom .ce_rsce_grid_col_start { padding-bottom: 10px; } .ce_rsce_grid_row_start.col-border { padding-top: 0; } .ce_rsce_grid_col_start.col-border-right { border-right: none; padding-right: 15px; } .ce_rsce_grid_col_start.col-border-left { padding-left: 15px; } /*---------------------------------------------------------- Images ------------------------------------------------------------*/ .image_container { margin-bottom: 10px; text-align: center; } .img-right .image_container { text-align: center; } .img-dentaqum .image_container img { padding: 15px 0 10px; } .image_container.float_right { padding-left: 0; float: none; } .image_container.float_left { padding-right: 0; float: none; } .col-5 .image_container img, .col-4 .image_container img, .col-3 .image_container img, .col-2 .image_container img, .col-1 .image_container img { border-radius: 10px; } .image_container img { margin: 0 auto; } .img-right .image_container img { float: none; } figcaption.caption { text-align: center; } /*---------------------------------------------------------- Flash ------------------------------------------------------------*/ .flash-prophylaxe-katalog { width: 100%; height: 250px; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-boxes-container { padding: 10px 0 5px; } .teaser-boxes { margin: -15px 0 0 0; } .teaser-box { margin: 15px 0 0 0; } .teaser-box-image img { border-radius: 10px; margin: 0 auto; } .teaser-box-content { height: 60px; text-align: center; } /*---------------------------------------------------------- News ------------------------------------------------------------*/ .start #main .layout_latest h2 { padding: 10px 0 10px; } .mod_newsmenu { margin-top: 5px; padding-top: 10px; border-top: 1px dotted #85af15; border-bottom: none; } .standard .mod_newsarchive .pagination, .standard .mod_newslist .pagination, .mod_eventlist .pagination { padding-top: 15px; padding-bottom: 10px; } .mod_newsarchive .layout_latest .row img { width: 200px; height: auto; } /*---------------------------------------------------------- Tabs Home ------------------------------------------------------------*/ .tabs li.third { width: 25%; } .tabs li.last { width: 25%; } #main .tabs a { font-size: 13px; line-height: 1.4; padding: 16px 5px 0; } /*---------------------------------------------------------- Tabs - News ------------------------------------------------------------*/ .tab-container .mod_newsarchive .layout_latest .image_container { padding-top: 15px; } .tab-container .mod_newsarchive .layout_latest img { width: 200px; } /*---------------------------------------------------------- TagCloud ------------------------------------------------------------*/ .tagcloud { max-width: 200px; margin: 0 auto; } /*---------------------------------------------------------- Slider gallery ------------------------------------------------------------*/ .mod_rocksolid_slider.slider-gallery { padding-bottom: 15px; } /*---------------------------------------------------------- Table ------------------------------------------------------------*/ .table-col-3 { padding: 10px 0; } .table-title, .section-title { padding: 0 0 5px; margin-bottom: 10px; border-bottom: 1px solid #ecedef; } #main .table-title h2 { padding: 5px 0 10px; } .table-section-content { padding-bottom: 0; } .table-row { padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px solid #ecedef; } .table-row:nth-child(odd) { background: transparent; border-top: 0; border-bottom: 1px solid #ecedef; } .table-row .col-xs-4 span, #main .table-row .col-xs-4 p { padding: 0 0 5px; } .table-crit { line-height: 1; text-align: center; } .table-crit span { display: inline-block; color: #ccc; font-size: 12px; line-height: 1; padding: 0 0 10px; } /*---------------------------------------------------------- Contactform ------------------------------------------------------------*/ .contactform { margin: 10px 0; } .contactform .widget.widget-text, .contactform .widget.widget-select { width: 100%; height: auto; /* margin: 0 0 15px; */ } .contactform .widget.widget-textarea { width: 100%; /* margin: 0 0 20px; */ } .contactform input[type="text"], .contactform input[type="email"], .contactform input[type="tel"], .contactform select, .contactform .textarea { width: 100%; } /* .contactform .datepicker input[type="text"] { width: 90%; } */ .contactform .textarea { width: 100%; } #toggle_1 { margin-left: 0; margin-top: 5px; } #main .contactform p.error { position: static; padding: 0 0 5px; } /*---------------------------------------------------------- WhatsApp ------------------------------------------------------------*/ #sidebar-whatsapp { border-top: 1px dotted #85af15; padding: 15px 0; } #sidebar-whatsapp p { padding: 15px 0; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ #footer { width: 100%; padding: 0 10px; } .footer-inside { padding: 15px 15px 50px; } #footer .row.padding-bottom { padding-bottom: 15px; } #footer .col-6.padding-top { padding-top: 15px; /* 3px; */ } .navi-footer-generell { display: inline-block; padding-bottom: 0; } #footer h3 { font-size: 18px; padding: 0 0 7px; } #footer p { font-size: 13px; } /* .navi-footer-generell li.last:after { content: "|"; } */ /* .fb-like { vertical-align: baseline !important; line-height: 0; margin-top: -20px !important; } #___plusone_0 { margin-top: 10px !important; } .instagram-link, .img-whatsapp-footer img { margin-top: 10px; } */ /* .img-whatsapp-footer img { width: 100px; } */ /*---------------------------------------------------------- Backtop Button ------------------------------------------------------------*/ #back-top a { width: 28px; } #back-top span { width: 28px; height: 28px; border-radius: 5px; background-size: 18px 18px; } } @media only screen and (max-width: 430px) { /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ /* .navi-footer-generell li.last:after { content: ""; } */ /* .img-whatsapp-footer img { margin-top: 7px; } */ }