@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{box-sizing:border-box;background:inherit;display:block;padding:0;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;box-sizing:border-box;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels{overflow:hidden}.mm-panel{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel.mm-highest{z-index:1}.mm-panel.mm-noanimation{-webkit-transition:none!important;transition:none!important}.mm-panel.mm-noanimation.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{box-sizing:border-box;height:40px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{content:'';border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview a,.mm-listview a:hover{text-decoration:none}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0}.mm-listview>li:not(.mm-divider):after{left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu .mm-divider{background:rgba(0,0,0,.05)} .mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking{overflow:hidden}html.mm-blocking 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:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}.mm-menu.mm-offcanvas.mm-opened{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened{z-index:10}.mm-menu.mm-offcanvas{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}} @charset "UTF-8";.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important} .mm-menu.mm-offcanvas.mm-right{left:auto}html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-front #mm-blocker{z-index:1}html.mm-front .mm-menu.mm-offcanvas{z-index:2}.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-top{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-offcanvas.mm-bottom{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%}.mm-menu.mm-offcanvas.mm-bottom{top:auto}html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{height:80%;min-height:140px;max-height:880px} @font-face { font-family: 'icomoon'; src: url('../../files/themes/theme_one/icomoon/fonts/icomoon.eot?uo4g9d'); src: url('../../files/themes/theme_one/icomoon/fonts/icomoon.eot?uo4g9d#iefix') format('embedded-opentype'), url('../../files/themes/theme_one/icomoon/fonts/icomoon.ttf?uo4g9d') format('truetype'), url('../../files/themes/theme_one/icomoon/fonts/icomoon.woff?uo4g9d') format('woff'), url('../../files/themes/theme_one/icomoon/fonts/icomoon.svg?uo4g9d#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-displays:before { content: "\e911"; } .icon-mailings:before { content: "\e912"; } .icon-boxes:before { content: "\e913"; } .icon-news:before { content: "\e910"; } .icon-menu:before { content: "\e90f"; } .icon-menu-old:before { content: "\e90e"; } .icon-clock-bold:before { content: "\e90d"; } .icon-clock:before { content: "\e90c"; } .icon-mail-bold:before { content: "\e90b"; } .icon-mail:before { content: "\e90a"; } .icon-arrow-down:before { content: "\e909"; } .icon-touchpad:before { content: "\e905"; } .icon-phone-bold:before { content: "\e904"; } .icon-telephone:before { content: "\e908"; } .icon-box:before { content: "\e900"; } .icon-check:before { content: "\e901"; } .icon-gift:before { content: "\e902"; } .icon-play:before { content: "\e903"; } .icon-arrow-left:before { content: "\e906"; } .icon-arrow-right:before { content: "\e907"; } .icon-heart:before { content: "\f004"; } .icon-clock-o:before { content: "\f017"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-phone:before { content: "\f095"; } .icon-navicon:before { content: "\f0c9"; } .icon-whatsapp:before { content: "\e904"; } .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: 1259px) { /* original (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: 979px) { /* original (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%; } } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: rgba(244,244,244,0.9); /* #f9f9f9; */ color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../files/themes/theme_one/js/fancybox/source/fancybox_sprite_blue.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../../files/themes/theme_one/js/fancybox/source/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../../files/themes/theme_one/js/fancybox/source/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,0.6); /* url('../../files/themes/theme_one/js/fancybox/source/fancybox_overlay.png'); */ } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../files/themes/theme_one/js/fancybox/source/fancybox_sprite@2x_blue.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../../files/themes/theme_one/js/fancybox/source/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* Individuel Styles */ html.fancybox-lock { overflow-y: scroll !important; } .fancybox-lock .fancybox-overlay { overflow-y: hidden; } .fancybox-margin { margin-right: 0 !important; } /*---------------------------------------------------------- Import ------------------------------------------------------------*/ @font-face { font-family: 'SohoGothicPro'; src: /* url('../../files/themes/theme_one/fonts/SohoGothicPro-Regular.otf') format("opentype"), */ url('../../files/themes/theme_one/fonts/SohoGothicPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SohoGothicPro-Light'; src: /* url('../../files/themes/theme_one/fonts/SohoGothicPro-Light.otf') format("opentype"), */ url('../../files/themes/theme_one/fonts/SohoGothicPro-Light.woff') format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'SohoPro'; src: /* url('../../files/themes/theme_one/fonts/SohoPro-Regular.otf') format("opentype"), */ url('../../files/themes/theme_one/fonts/SohoPro-Regular.woff') format("woff"); font-weight: normal; font-style: normal; } /*---------------------------------------------------------- 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 { font-family: Arial, sans-serif; color: #6d6e71; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .visible-xs { display: none; } .visible-xs-xs { display: none; } .visible-tab { display: none; } .display-none { display: none !important; width: 0 !important; height: 0 !important; } /* Clearfix */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header { background-color: #fff; } #header-top { width: 100%; background-color: #fff; } #header-top .inside { position: relative; display: flex; width: 1180px; height: 110px; padding-top:25px; /* must be the same as in js (sticky header) */ margin: 0 auto; /* 42px; */ /* #ededed; */ } span.link-bar-text { display: inline-block; position: absolute; top: 25px; right: 0; left: auto; color: #6d6e71; font-size: 15px; letter-spacing: 1px; } #logo { height: 100%; float: left; } #logo img.logo-orig { display: block; } #logo img.logo-sticky { display: none; width: auto; height: 60px; max-height: 100%; } .shop-top { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; line-height: 1.6; text-transform: uppercase; position: absolute; right: 0; padding: 5px 25px; background: #880264; color: #fff; margin-bottom: 30px; } .shop-top a { display: block; } span.shop-link-big { color: #6d6e71; font-size: 17px; letter-spacing: 1px; text-transform: uppercase; } .shop-top img { width: 33px; height: 18px; margin-bottom: 8px; vertical-align: -10px; } .shop-top span { margin-left: 5px; } .shop-sticky { display: none; } span.link-bar-text a:hover, span.link-bar-text a:focus, .shop-top a:hover span.shop-link-big, .shop-top a:focus span.shop-link-big { color: #007a97; } .contact-top { display: block; line-height: 1.3; margin-left: 50px; padding-bottom: 14px; } .contact-top img { margin-right: 10px; } .contact-top p { text-align: right; padding-bottom: 2px; } .contact-top a.contact-whatsapp { color: #6D6E71; font-family: 'SohoPro', Arial, sans-serif; font-size: 14px; letter-spacing: 0.4px; } .contact-top a.whatsapp, .contact-top a.phone { color: #6D6E71; font-family: 'SohoPro', Arial, sans-serif; font-size: 16px; letter-spacing: 0.4px; } .contact-top .phone img { margin-bottom: -3px; } .contact-top .whatsapp img { margin-bottom: -3px; } .contact-top a.contact-whatsapp span { color: #81594c; font-size: 16px; margin-right: 5px; letter-spacing: 0; vertical-align: -2px; } .contact-top a.phone span { color: #81594c; font-size: 1em; /* 0.9em; */ /* 0.6em; */ /* the styles here for phone-icon from font-awesome */ /* font-weight: 600; padding: 1px 2.5px; border: 2px solid #81594c; border-radius: 100%; */ margin-right: 5px; letter-spacing: 0; vertical-align: -2px; } .contact-top a.phone:hover span, .contact-top a.phone:focus span { color: #007a97; border-color: #007a97; } .contact-top a.email { color: #6D6E71; font-family: 'SohoPro', Arial, sans-serif; font-size: 16px; letter-spacing: 0.4px; } .contact-top a.contact-email { font-size: 14px; } .contact-top a:hover, .contact-top a:focus { color: #007a97; } /* Styles for sticky header (fixed) */ .header-top-fixed #header-top { position: fixed; z-index: 1000; top: 0; } .header-top-fixed #header-top .inside { padding-top: 8px; /* 5px; */ /* must be the same as in js (sticky header) */ padding-bottom: 20px; /* 5px; */ } .header-top-fixed span.link-bar-text { top: 30px; right: auto; left: 150px; font-size: 13px; } .header-top-fixed #logo { width: 119px; height: 30px; } .header-top-fixed #logo img.logo-orig { display: none; } .header-top-fixed #logo img.logo-sticky { display: block; } /* .header-top-fixed .navi-main { margin-top: 135px; } */ #header.header-top-fixed { padding-top: 135px; } .header-top-fixed .shop-top { /*padding-top: 6px;*/ /*margin-left: 520px;*/ margin-bottom: 13px; } .header-top-fixed .shop-sticky { display: inline; color: #8a277d; } .header-top-fixed .shop-orig { display: none; } .header-top-fixed .shop-top img { vertical-align: -11px; } .header-top-fixed span.shop-link-big { font-size: 14px; } .header-top-fixed .contact-top { padding-top: 0px; } .header-top-fixed .contact-top p { float: left; padding-bottom: 0; line-height: 1; } .header-top-fixed .contact-top a.phone { font-size: 16px; /* 18px; */ line-height: 1.2; /* 1.4; */ } .header-top-fixed .contact-top a.phone span {.header-top-fixed .shop-top font-size: 1.1em; vertical-align: -2px; } .header-top-fixed .contact-top p.p-email { margin-left: 20px; } .header-top-fixed .contact-top a.email { position: relative; font-size: 14px; /* 18px; */ letter-spacing: 2px; line-height: 1; /* 1.8; */ padding-left: 20px; vertical-align: -1.5px; } /*.header-top-fixed .contact-top a.email:before {*/ /* position: absolute;*/ /* content: "\e90b";*/ /* left: 0;*/ /* top: 0;*/ /* color: #81594c;*/ /* font-size: 18px;*/ /* 22px; */ /* font-family: "icomoon";*/ /* font-style: normal;*/ /* font-variant: normal;*/ /* font-weight: normal;*/ /* line-height: 1;*/ /* vertical-align: -0.5px; */ /*}*/ .header-top-fixed .contact-top a.email:hover:before, .header-top-fixed .contact-top a.email:focus:before { color: #007a97; } .navi-main-fixed .navi-main { position: fixed; z-index: 1000; top: 71px; /* 41px; */ /* must be the same as in js (sticky header), 40+1 because of border-bottom */ margin-top: 0; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05); } .navi-main-fixed .navi-main ul.level_1 { border-bottom: 0; } /* height of static header, not sticky */ /* .navi-main-fixed #banner, .navi-main-fixed .navi-breadcrumb { margin-top: 180px; } */ #header.header-top-fixed.navi-main-fixed { padding-top: 180px; } /*---------------------------------------------------------- Main Navigation - Desktop ------------------------------------------------------------*/ .navi-main .navi-main-hidden { display: none !important; } .navi-main { width: 100%; display: block; position: relative; margin: 0 auto; z-index: 100; overflow: visible; background-color: #fff; font-family: 'SohoGothicPro', Arial, sans-serif; border-top: 1px solid #dddddd; } .navi-main ul.level_1 { display: block; width: 1180px; height: 44px; margin: 0 auto; list-style: none; overflow: visible; border-bottom: 1px solid #c8c8c8; /* #ededed; */ } .start .navi-main ul.level_1 { border-bottom: none; } .navi-main ul.level_1>li { position: relative; float: left; padding: 13px 34px 13px; /* 13px 42px 13px; */ line-height: 16px; /* 14.5px; */ } .navi-main ul.level_1>li.dropdown-hidden { padding-right: 12px; } .navi-main ul.level_1>li.navi-main-first { padding-left: 10px; } .navi-main ul.level_1>li.navi-main-last { padding-right: 0; } .navi-main ul.level_1>li>a, .navi-main ul.level_1>li.active>span { position: relative; color: #6d6e71; text-decoration: none; font-size: 14px; /* 12px; */ text-transform: uppercase; padding: 13px 0 13px; letter-spacing: 2.3px; line-height: 16px; /* 14.5px; */ } .navi-main ul.level_1>li.submenu>a:after, .navi-main ul.level_1>li.submenu.active>span:after { position: absolute; top: 17.5px; right: -30px; content: "\e909"; color: #6d6e71; font-size: 9px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } .navi-main ul.level_1>li.submenu.dropdown-hidden>a:after, .navi-main ul.level_1>li.submenu.dropdown-hidden.active>span:after { content: ""; display: none; } .navi-main ul.level_1>li>span.active, .navi-main ul li a.trail, .navi-main ul li span.trail, .navi-main ul li a:hover, .navi-main ul li a:focus, .navi-main ul.level_1>li.submenu:hover>a, .navi-main ul.level_1>li.submenu:hover>a:after, .navi-main ul.level_1>li.submenu>a:hover:after, .navi-main ul.level_1>li.submenu>span.active:after, .navi-main ul.level_1>li.submenu>a.trail:after, .navi-main ul.level_1>li.submenu>span.trail:after { color: #007a97; } /* Navi-Image Shop */ .navi-main ul.level_1>li.shop { padding: 13px 0 13px 12px; /* first place in the navi: padding: 13px 37px 13px 0; */ } .navi-main ul.level_1 li.shop a { position: relative; padding-left: 40px; color: #8a277d; } .navi-main ul.level_1>li.shop>a:before { position: absolute; display: block; content: ""; left: 10px; top: 14px; width: 21px; height: 15px; background: url(../../files/themes/theme_one/img/madika-icon.svg) no-repeat; background-position: center top; background-size: cover; } .navi-main ul.level_1>li.shop>a:hover, .navi-main ul.level_1>li.shop>a:focus { color: #007a97; } .navi-main ul.level_1>li.shop>a:hover:before, .navi-main ul.level_1>li.shop>a:focus:before { opacity: 0.7; } /* Drop-Down */ .navi-main ul.level_2 { position: absolute; overflow: hidden; left: auto; margin-left: -10px; overflow: auto; width: auto; height: auto; z-index: 100; background: #fff; margin-top: 13px; padding: 7px 15px 7px; box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); /* 3px 3px 5px rgba(0,0,0,0.2); */ } .navi-main li.navi-main-first ul.level_2 { /* left: 0; margin-left: 0; */ } .navi-main li:hover ul.level_2 { display: block; } .navi-main li.dropdown-hidden:hover ul.level_2 { display: none; } .navi-main ul.level_2 li { display: block; height: 32px; padding: 7px 0 8px; border-top: 1px solid #c8c8c8; /* #ededed; */ z-index: 100; } .navi-main ul.level_2 li.first { border-top: 0; } .navi-main ul.level_2 a, .navi-main ul.level_2 li.active span { color: #6d6e71; text-decoration: none; font-size: 13px; /* 12px; */ padding: 7px 20px 8px 10px; line-height: 15px; white-space: nowrap; } .navi-main ul.level_2 li.active span { color: #007a97; } /* Navi-Image Onlineshop */ .navi-main ul.level_2 li.onlineshop a { position: relative; padding: 7px 20px 8px 40px; } .navi-main ul.level_2>li.onlineshop>a:before { position: absolute; display: block; content: ""; left: 10px; top: 8px; width: 21px; height: 15px; background: url(../../files/themes/theme_one/img/madika-icon.svg) no-repeat; background-position: center top; background-size: cover; } .navi-main ul.level_2>li.onlineshop>a:hover:before, .navi-main ul.level_2>li.onlineshop>a:focus:before { opacity: 0.7; } /* 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 { height: 420px; } #banner .mod_rocksolid_slider { height: 384px; overflow: visible; } #banner .rsts-crop { overflow: visible; } #banner .rsts-slide { overflow: visible; } #banner .slide-content { height: 384px; background-size: cover; -ms-behavior: url(../../files/themes/theme_one/css/backgroundsize.min.htc); background-position: center center; background-repeat: no-repeat; } #banner .slide-container { position: relative; width: 1180px; height: 420px; margin: 0 auto; } #banner .slide-container:after { content: ""; height: 1px; background-color: #c8c8c8; /* #ededed; */ position: absolute; bottom: 3px; left: 0; right: 0; } #banner .slide-content-container { color: #fff; font-family: 'SohoGothicPro', Arial, sans-serif; padding: 125px 0 0 30px; } #banner .slide-content-container.slide-content-bg { display: inline-block; background: rgba(100, 100, 100, 0.5); padding: 20px 30px; margin: 105px 0 0 0; } #banner .slide-content-container.slide-content-color-dark { color: #331b00; } #banner .slide-content-container.slide-content-color-dark.slide-content-bg { background: rgba(255, 255, 255, 0.5); } #banner h2.slide-content-label-big { font-size: 30px; text-transform: uppercase; letter-spacing: 2px; padding: 0 0 10px; } #banner h3.slide-content-label-small { font-size: 18px; font-family: 'SohoGothicPro-Light', Arial, sans-serif; padding: 0 0 10px; } /* Slider nav-bullets and arrows */ #banner .rsts-skin-default .rsts-nav { position: absolute; bottom: -36px; left: 0; right: 0; text-align: center; z-index: 20; } #banner .rsts-skin-default .rsts-nav ul { display: inline-block; background: #fff; padding: 0 10px !important; } #banner .rsts-skin-default .rsts-nav-bullets a { background-color: #c8c8c8; /* #ededed; */ border-radius: 100%; box-shadow: none; width: 7px; height: 7px; margin: 0px 7px; } #banner .rsts-skin-default .rsts-nav-bullets a:hover, #banner .rsts-skin-default .rsts-nav-bullets a.active { background-color: #007a97; box-shadow: none; } #banner .rsts-skin-default .rsts-prev, #banner .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; } #banner .rsts-skin-default .rsts-prev { left: 50%; margin-left: -630px; } #banner .rsts-skin-default .rsts-next { right: 50%; margin-right: -625px; } #banner .rsts-skin-default .rsts-prev:before { position: absolute; left: 0; top: 0; content: "\e906"; 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; } #banner .rsts-skin-default .rsts-next:before { position: absolute; left: 0; top: 0; content: "\e907"; 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; } #banner .rsts-skin-default .rsts-prev:hover, #banner .rsts-skin-default .rsts-next:hover { background-color: transparent; opacity: 0.7; } /*---------------------------------------------------------- Button ------------------------------------------------------------*/ /* CTA Button Green */ #banner .slide-content-button { padding: 15px 0; } a.button-green, #button-file, #button-file-2 { position: relative; display: inline-block; /* background: #4cd642; */ background: #007a97; color: #fff; font-size: 13px; /* 11px; */ /* line-height: 1; */ text-transform: uppercase; letter-spacing: 2.5px; padding: 5px 20px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } a.button-green.button-purple { background:#8a277d; } a.button-green:before { content: ""; height: 1px; background-color: #fff; position: absolute; top: -9px; left: 0; right: 0; } a.button-green:after { content: ""; height: 1px; background-color: #fff; position: absolute; bottom: -9px; left: 0; right: 0; } a.button-green:hover, a.button-green:focus { opacity: 0.7; } /*---------------------------------------------------------- Button Fullservice ------------------------------------------------------------*/ #button-fullservice-container { position: relative; width: 1180px; height: 0; margin: 0 auto; } .button-fullservice { display: block; position: absolute; top: 0; right: 0; z-index: 100; } .button-fullservice:hover, .button-fullservice:focus { opacity: 0.8; } /*---------------------------------------------------------- Breadcrumb Navigation ------------------------------------------------------------*/ .navi-breadcrumb { width: 1180px; margin: 0 auto; padding-top: 10px; } .navi-breadcrumb ul { overflow: hidden; line-height: 1.3; } .navi-breadcrumb li { position: relative; padding: 0 20px 0 0; float: left; font-family: 'SohoGothicPro-Light', Arial, sans-serif; } .navi-breadcrumb li.last { padding: 0; } .navi-breadcrumb li:after { position: absolute; content: ">"; right: 10px; top: 3px; color: #6d6e71; } .navi-breadcrumb li.last:after { content: ""; } .navi-breadcrumb a { font-size: 12px; color: #6d6e71; padding: 0 10px 0 0; line-height: 1.3; } .navi-breadcrumb li.active span { font-size: 12px; color: #007a97; line-height: 1.3; /* vertical-align: -0.5px; */ } .navi-breadcrumb a:hover, .navi-breadcrumb a:focus { color: #007a97; } /*---------------------------------------------------------- Madika Onlineshop Banner ------------------------------------------------------------*/ #onlineshop-banner { position: fixed; right: 0; padding-top: 0px; z-index: 200; display: none; } only screen and (max-width: 767px) /* .start #onlineshop-banner { padding-top: 55px; } */ #onlineshop-banner a:hover img, #onlineshop-banner a:focus img { opacity: 0.7; } /* #onlineshop-banner img { display: block; box-shadow: -5px 5px 13px -3px rgba(0,0,0,0.41); } */ /* Social Media Buttons */ #onlineshop-banner a { display: block; line-height: 0; margin-bottom: 10px; } #onlineshop-banner img { border-radius: 6px; /* 5px; */ } /* @media only screen and (max-width: 1259px) { #onlineshop-banner img { width: 40px; height: 40px; } } */ @media only screen and (max-height: 768px) { .start #onlineshop-banner { padding-top: 0; top: 395px; /* 435px; */ } .footer-social-media-icons { margin-top: 25px; } } /*---------------------------------------------------------- Sidebar Navigation ------------------------------------------------------------*/ .navi-sidebar { overflow: visible; padding: 30px 0 0; } .navi-sidebar .navi-sidebar-hidden { display: none; } .navi-sidebar ul.level_1>li { padding: 20px 0; border-bottom: 1px solid #c8c8c8; } .navi-sidebar ul.level_1>li.navi-spacing { /* padding: 20px 0 50px; */ margin-bottom: 30px; } .navi-sidebar ul.level_1>li.navi-spacing+li { border-top: 1px solid #c8c8c8; } .navi-sidebar ul.level_1>li.first { border-top: 1px solid #c8c8c8; } .news .navi-sidebar ul.level_1>li.news.last { border-bottom: 0; padding: 20px 0 10px; } .navi-sidebar li a, .navi-sidebar li.active>span { font-family: 'SohoGothicPro', Arial, sans-serif; color: #6d6e71; } .navi-sidebar ul.level_1>li>a, .navi-sidebar ul.level_1>li.active>span { font-size: 13px; letter-spacing: 2px; /* 2.3px; */ text-transform: uppercase; } .navi-sidebar ul.level_2>li>a, .navi-sidebar ul.level_2>li.active>span, .navi-sidebar ul.level_3>li>a, .navi-sidebar ul.level_3>li.active>span { font-size: 12px; } .navi-sidebar li.active>span, .navi-sidebar a.trail { color: #007a97; } .navi-sidebar ul.level_2>li, .navi-sidebar ul.level_3>li { padding: 10px 0 0 20px; } .navi-sidebar li a:hover, .navi-sidebar li a:focus { color: #007a97; } /* Products Sidebar with icons */ .products .navi-sidebar ul.level_1>li>a, .products .navi-sidebar ul.level_1>li.active>span { position: relative; padding-left: 40px; /* for navi-icon with image */ display: block; line-height: 1.4; } /* Navi-Icon from icomoon */ /* .products .navi-sidebar ul.level_1 > li > a:before, .products .navi-sidebar ul.level_1 > li.active > span:before { position: absolute; left: 0; top: -4px; content: "\e900"; color: #6d6e71; font-size: 30px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .products .navi-sidebar ul.level_1 > li.active > span:before, .products .navi-sidebar ul.level_1 > li.trail > a:before, .products .navi-sidebar ul.level_1 > li > a:hover:before { color: #81594c; } */ /* Navi-Icon with heart from icomoon */ .products .navi-sidebar ul.level_1>li.navi-heart>a, .products .navi-sidebar ul.level_1>li.navi-heart.active>span { padding-right: 40px; } .products .navi-sidebar ul.level_1>li.navi-heart>a:after, .products .navi-sidebar ul.level_1>li.navi-heart.active>span:after { position: absolute; right: 15px; top: 1px; content: "\f004"; color: #c61717; font-size: 15px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } /* Navi-Icon with Image */ .products .navi-sidebar ul.level_1>li>a:before, .products .navi-sidebar ul.level_1>li.active>span:before { position: absolute; display: block; content: ""; left: 0; top: -8px; width: 32px; height: 32px; background-size: 32px 32px; } .products .navi-sidebar ul.level_1>li.active>span:before, .products .navi-sidebar ul.level_1>li.trail>a:before, .products .navi-sidebar ul.level_1>li>a:hover:before, .products .navi-sidebar ul.level_1>li>a:focus:before { opacity: 0.7; } .products .navi-sidebar ul.level_2>li { padding: 10px 0 0 60px; } /* Schachteln */ .products .navi-sidebar ul.level_1>li.schachteln>a:before, .products .navi-sidebar ul.level_1>li.schachteln.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/aufhaengeschachtel.svg); } .products .navi-sidebar ul.level_1>li.aufhaengeschachtel>a:before, .products .navi-sidebar ul.level_1>li.aufhaengeschachtel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/aufhaengeschachtel.svg); } .products .navi-sidebar ul.level_1>li.banderole>a:before, .products .navi-sidebar ul.level_1>li.banderole.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/banderole.svg); } .products .navi-sidebar ul.level_1>li.beutelschachtel>a:before, .products .navi-sidebar ul.level_1>li.beutelschachtel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/beutelschachtel.svg); } .products .navi-sidebar ul.level_1>li.faltschachtel>a:before, .products .navi-sidebar ul.level_1>li.faltschachtel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/faltschachtel.svg); } .products .navi-sidebar ul.level_1>li.kartonschuber>a:before, .products .navi-sidebar ul.level_1>li.kartonschuber.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/kartonschuber.svg); } .products .navi-sidebar ul.level_1>li.kissenschachtel>a:before, .products .navi-sidebar ul.level_1>li.kissenschachtel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/kissenschachtel.svg); } .products .navi-sidebar ul.level_1>li.klappdeckel>a:before, .products .navi-sidebar ul.level_1>li.klappdeckel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/klappdeckel.svg); } .products .navi-sidebar ul.level_1>li.kreative-verpackungen>a:before, .products .navi-sidebar ul.level_1>li.kreative-verpackungen.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/kreative-verpackungen.svg); } .products .navi-sidebar ul.level_1>li.krempelschachtel>a:before, .products .navi-sidebar ul.level_1>li.krempelschachtel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/krempelschachtel.svg); } .products .navi-sidebar ul.level_1>li.schiebeschachtel>a:before, .products .navi-sidebar ul.level_1>li.schiebeschachtel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/schiebeschachtel.svg); } .products .navi-sidebar ul.level_1>li.stuelpdeckel>a:before, .products .navi-sidebar ul.level_1>li.stuelpdeckel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/stuelpdeckel.svg); } .products .navi-sidebar ul.level_1>li.tragegriffschachtel>a:before, .products .navi-sidebar ul.level_1>li.tragegriffschachtel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/tragegriffschachtel.svg); } .products .navi-sidebar ul.level_1>li.flachkartonhuellen>a:before, .products .navi-sidebar ul.level_1>li.flachkartonhuellen.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/flachkartonhuellen.svg); } .products .navi-sidebar ul.level_1>li.steckmappen>a:before, .products .navi-sidebar ul.level_1>li.steckmappen.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/steckmappen.svg); } .products .navi-sidebar ul.level_1>li.magnetschachtel>a:before, .products .navi-sidebar ul.level_1>li.magnetschachtel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/magnetschachtel.svg); } /* Aufsteller */ .products .navi-sidebar ul.level_1>li.aufsteller>a:before, .products .navi-sidebar ul.level_1>li.aufsteller.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/spezialaufsteller.svg); } .products .navi-sidebar ul.level_1>li.dekowuerfel>a:before, .products .navi-sidebar ul.level_1>li.dekowuerfel.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/dekowuerfel.svg); } .products .navi-sidebar ul.level_1>li.tischaufsteller>a:before, .products .navi-sidebar ul.level_1>li.tischaufsteller.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/tischaufsteller.svg); } .products .navi-sidebar ul.level_1>li.leichtplakate>a:before, .products .navi-sidebar ul.level_1>li.leichtplakate.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/leichtplakate.svg); } .products .navi-sidebar ul.level_1>li.klassiker>a:before, .products .navi-sidebar ul.level_1>li.klassiker.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/Klassiker-01.svg); } .products .navi-sidebar ul.level_1>li.adventskalender>a:before, .products .navi-sidebar ul.level_1>li.adventskalender.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/Adventskalender.svg); } .products .navi-sidebar ul.level_1>li.ellipsenaufsteller>a:before, .products .navi-sidebar ul.level_1>li.ellipsenaufsteller.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/ellipsenaufsteller.svg); } .products .navi-sidebar ul.level_1>li.sonderformen>a:before, .products .navi-sidebar ul.level_1>li.sonderformen.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/spezialaufsteller.svg); } .products .navi-sidebar ul.level_1>li.pyramidenaufsteller>a:before, .products .navi-sidebar ul.level_1>li.pyramidenaufsteller.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/pyramidenaufsteller.svg); } .products .navi-sidebar ul.level_1>li.sonderform-hase>a:before, .products .navi-sidebar ul.level_1>li.sonderform-hase.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/sonderform-hase.svg); } .products .navi-sidebar ul.level_1>li.losboxen>a:before, .products .navi-sidebar ul.level_1>li.losboxen.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/losboxen.svg); } .products .navi-sidebar ul.level_1>li.zylinderaufsteller>a:before, .products .navi-sidebar ul.level_1>li.zylinderaufsteller.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/zylinderaufsteller.svg); } .products .navi-sidebar ul.level_1>li.dreikantaufsteller>a:before, .products .navi-sidebar ul.level_1>li.dreikantaufsteller.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/Dreikantaufsteller-01.svg); } .products .navi-sidebar ul.level_1>li.vierkantaufsteller>a:before, .products .navi-sidebar ul.level_1>li.vierkantaufsteller.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/Vierkantaufsteller-01.svg); } /* Thekendisplays */ .products .navi-sidebar ul.level_1>li.thekenaufsteller>a:before, .products .navi-sidebar ul.level_1>li.thekenaufsteller.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/thekenaufsteller.svg); } .products .navi-sidebar ul.level_1>li.thekendisplay-mit-faechern>a:before, .products .navi-sidebar ul.level_1>li.thekendisplay-mit-faechern.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/thekendisplay-mit-faechern.svg); } .products .navi-sidebar ul.level_1>li.thekendisplays>a:before, .products .navi-sidebar ul.level_1>li.thekendisplays.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/thekendisplays.svg); } .products .navi-sidebar ul.level_1>li.flyerstaender-display>a:before, .products .navi-sidebar ul.level_1>li.flyerstaender-display.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/flyerstaender-display.svg); } .products .navi-sidebar ul.level_1>li.praesentationsdisplay-podest>a:before, .products .navi-sidebar ul.level_1>li.praesentationsdisplay-podest.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/praesentationsdisplay-podest.svg); } .products .navi-sidebar ul.level_1>li.verkaufsdisplay>a:before, .products .navi-sidebar ul.level_1>li.verkaufsdisplay.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/verkaufsdisplay.svg); } .products .navi-sidebar ul.level_1>li.prospektstaender>a:before, .products .navi-sidebar ul.level_1>li.prospektstaender.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/prospektstaender.svg); } /* Mailings */ .products .navi-sidebar ul.level_1>li.mailings>a:before, .products .navi-sidebar ul.level_1>li.mailings.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/mailing-mit-huellen.svg); } .products .navi-sidebar ul.level_1>li.kontur-mailings>a:before, .products .navi-sidebar ul.level_1>li.kontur-mailings.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/konturmailing.svg); } .products .navi-sidebar ul.level_1>li.postkarten-mailings>a:before, .products .navi-sidebar ul.level_1>li.postkarten-mailings.active>span:before {} .products .navi-sidebar ul.level_1>li.folder-mailings>a:before, .products .navi-sidebar ul.level_1>li.folder-mailings.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/foldermailing.svg); } .products .navi-sidebar ul.level_1>li.mailings-mit-fuellhoehe>a:before, .products .navi-sidebar ul.level_1>li.mailings-mit-fuellhoehe.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/mailing-mit-fuellhoehe.svg); } .products .navi-sidebar ul.level_1>li.schuber-mailings>a:before, .products .navi-sidebar ul.level_1>li.schuber-mailings.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/schubermailing.svg); } .products .navi-sidebar ul.level_1>li.mailings-mit-huellen>a:before, .products .navi-sidebar ul.level_1>li.mailings-mit-huellen.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/mailing-mit-huellen.svg); } .products .navi-sidebar ul.level_1>li.mailings-mit-huellen>a:before, .products .navi-sidebar ul.level_1>li.mailings-mit-huellen.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/mailing-mit-huellen.svg); } /* Klassiker */ .products .navi-sidebar ul.level_1>li.mailingboxen>a:before, .products .navi-sidebar ul.level_1>li.mailingboxen.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/Mailingboxe-neu-02.svg); } /* Adventskalender */ .products .navi-sidebar ul.level_1>li.adventskalender>a:before, .products .navi-sidebar ul.level_1>li.adventskalender.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/Adventskalender.svg); } /* Geschenkideen */ .products .navi-sidebar ul.level_1>li.geschenkideen>a:before, .products .navi-sidebar ul.level_1>li.geschenkideen.active>span:before { background: url(../../files/themes/theme_one/img/navi-icons/geschenkideen.svg); } /* Onlineshop */ .products .navi-sidebar ul.level_1>li.onlineshop>a:before, .products .navi-sidebar ul.level_1>li.onlineshop.active>span:before { background: url(../../files/themes/theme_one/img/madika-icon.svg) no-repeat; top: -3px; width: 33px; height: 23px; /* background-position: center top; */ background-size: 33px 23px; /* cover; */ } /*---------------------------------------------------------- Sidebar Contact ------------------------------------------------------------*/ .sidebar-contact-container { padding: 25px 0 50px; } .sidebar-contact.contact-top { float: none; margin-bottom: 25px; padding: 0 0 23px; border-bottom: 1px solid #c8c8c8; } .sidebar-contact.contact-top span.text-headline { display: inline-block; color: #007a97; font-family: "SohoPro", Arial, sans-serif; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 15px; } .sidebar-contact.contact-top p { text-align: left; color: #6d6e71; font-family: "SohoGothicPro", Arial, sans-serif; font-size: 13px; letter-spacing: 1.3px; text-transform: uppercase; } p.clock { position: relative; padding-left: 25px; line-height: 2.3; } p.clock:before { position: absolute; left: 0; top: 6px; /* 5px; */ content: "\e90d"; /* "\f017"; */ color: #81594c; font-size: 18px; /* 22px; */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container { width: 1180px; margin: 0 auto; } #main { min-height: 500px; padding: 25px 0 40px; } .sidebar #main { width: 900px; /* 860px; */ float: right; } #left { width: 280px; /* 320px; */ margin-left: 0; padding: 25px 30px 70px 0; } .mod_article { overflow: visible; } #main h1, #main h2, #main h3, #left h3, .fancybox-type-inline h1, .fancybox-type-inline h2, .fancybox-type-inline h3 { font-family: 'SohoGothicPro', Arial, sans-serif; color: #81594c; letter-spacing: 3px; text-transform: uppercase; line-height: 1.5; /* 1; */ } #main h1, #main h2, .fancybox-type-inline h1, .fancybox-type-inline h2 { padding: 20px 0 25px; font-size: 24px; } #main h3, #left h3, .fancybox-type-inline h3 { color: #007a97; padding: 10px 0 15px; font-size: 19px; } #main h3.no-uppercase { text-transform: none; } #main p, .fancybox-type-inline p { color: #6d6e71; font-size: 15px; line-height: 1.7; padding: 0 0 15px; } #main a, .fancybox-type-inline a { color: #81594c; } #main a:hover, .fancybox-type-inline a:hover { color: #007a97; } .text-soho { font-family: 'SohoGothicPro', Arial, sans-serif; } #main p.text-small, p.text-small, .fancybox-type-inline p.text-small { font-size: 12px; } .ce_text ul, .ce_rsce_table ul, .ce_rsce_table_img ul, .ce_rsce_table_fullwidth ul { padding: 0 0 5px 0; } .ce_text ul>li>ul, .ce_rsce_table ul>li>ul, .ce_rsce_table_img ul>li>ul, .ce_rsce_table_fullwidth ul>li>ul { padding: 0 0 0 10px; } .ce_text ol { padding: 0 0 5px 20px; } .ce_text li, .ce_rsce_table li, .ce_rsce_table_img li, .ce_rsce_table_fullwidth li { position: relative; font-size: 15px; line-height: 1.7; padding: 0 0 10px 20px; } .ce_text ol li, .ce_rsce_table ol li, .ce_rsce_table_img ol li, .ce_rsce_table_fullwidth ol li { padding: 0 0 10px 0; } .ce_text ul li:before, .ce_rsce_table ul li:before, .ce_rsce_table_img ul li:before, .ce_rsce_table_fullwidth ul li:before { position: absolute; content: ""; top: 9px; left: 0; width: 7px; height: 7px; background: #007a97; border-radius: 50%; } .ce_download, .ce_downloads { display: block; padding: 0 0 15px; } #main .ce_download a, #main .ce_downloads a { font-size: 15px; line-height: 1.7; } .ce_download .ext-pdf, .ce_downloads .ext-pdf { padding: 5px 0 25px; } .ce_download .ext-pdf a, .ce_downloads .ext-pdf a { position: relative; padding: 5px 0 0 40px; } .ce_download .ext-pdf a:before, .ce_downloads .ext-pdf a:before { position: absolute; content: ""; top: 0; left: 0; width: 32px; height: 32px; background: url(../../files/themes/theme_one/img/adobe_pdf_file_icon_32x32.png) center center; background-size: cover; } .text-center { text-align: center; } .center { margin: 0 auto; } .margin-left { margin-left: 15px; } .white-area { background: #fff; } .violet { color: #8a277d; } #main .text-gray { color: #999; } #main .text-blue { color: #007a97; } .margin-top-30 { margin-top: 30px; } /*---------------------------------------------------------- Grid ------------------------------------------------------------*/ .row .float-right { float: right; } /* not used */ .teaser-boxes .row { margin-left: -10px; margin-right: -10px; } .teaser-boxes .col-4 { padding-left: 10px; padding-right: 10px; } /*---------------------------------------------------------- Gray Zone for full Width ------------------------------------------------------------*/ .zone-gray { position: relative; width: 100vw; left: calc(310px - 50vw); /* left: calc(270px - 50vw); for sidebar 320px */ height: auto; background: #f4f4f4; margin: 30px 0; } .fancybox-type-inline .zone-gray { width: auto; left: 0; margin-left: -50px; margin-right: -50px; } /*---------------------------------------------------------- Headline with Icon ------------------------------------------------------------*/ #main .headline-icon { position: relative; color: #007a97; } #main h1.headline-icon { font-size: 24px; padding-left: 50px; } #main h2.headline-icon { font-size: 19px; padding-left: 43px; } #main h3.headline-icon { font-size: 17px; padding-left: 40px; } #main .headline-icon:before { position: absolute; left: 2px; color: #81594c; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } #main h1.headline-icon:before { top: 20px; font-size: 38px; } #main h2.headline-icon:before { top: 17px; font-size: 35px; } #main h3.headline-icon:before { top: 8px; font-size: 30px; } .headline-icon.headline-icon-touchpad:before { content: "\e905"; } .headline-icon.headline-icon-box:before { content: "\e900"; } .headline-icon.headline-icon-play:before { content: "\e903"; } .headline-icon.headline-icon-gift:before { content: "\e902"; } .headline-icon.headline-icon-check:before { content: "\e901"; } .headline-icon.headline-icon-displays:after { content: "\e911"; } .headline-icon.headline-icon-mailings:after { content: "\e912"; } .headline-icon.headline-icon-boxes:after { content: "\e913"; } /*---------------------------------------------------------- Buttons Content ------------------------------------------------------------*/ .content-button { padding: 15px 0; margin: 10px 0 25px; } .content-button.center { text-align: center; } #main a.button-green, #button-file, #button-file-2, .fancybox-type-inline a.button-green { color: #fff; padding: 6px 20px 5px; } #left a.button-green { color: #fff; padding: 7px 30px 5px; } #main a.button-green:before, #main a.button-green:after, #left a.button-green:before, #left a.button-green:after, .lb-button a.button-green:before, .lb-button a.button-green:after, .fancybox-type-inline a.button-green:before, .fancybox-type-inline a.button-green:before { background-color: #c8c8c8; /* #ededed; */ /* #4cd642; */ } a.button-green.button-blue { background: #007a97; } #button-file, #button-file-2 { background: #007a97; /* #c8c8c8; */ } .lb-button a.button-green { line-height: 1; padding: 6px 20px 5px; } .translateY-40 { transform: translateY(-40px); } .width-40 { width: 40%; } /*---------------------------------------------------------- Images ------------------------------------------------------------*/ .ce_text .image_container, .ce_image .image_container { margin-bottom: 15px; text-align: center; } .row .image_container { padding-top: 5px; margin-bottom: 15px; text-align: center; } .image_container img { display: block; } .ce_text .image_container img, .ce_image .image_container img, .row .image_container img { margin: 0 auto; } .img-center img, img.img-center { margin: 0 auto; } .image_container.float_right { padding-top: 10px; padding-left: 30px; } .image_container.float_left { padding-top: 10px; padding-right: 30px; } .image_container a { display: inline-block; position: relative; max-width: 100%; line-height: 0; } .image_container .caption a { line-height: 1.5; } .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; } .image_container .caption a:before, .image_container .caption a:hover:before, .image_container .caption a:focus:before { display: none; } .caption { max-width: 100%; font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; color: #6d6e71; line-height: 1.5; padding: 10px 0 0; margin: 0 auto; } .img-400 .caption { width: 400px; } .img-600 .caption { width: 600px; } /* BW-Filter */ img.bw-filter { -webkit-filter: /* brightness(110%) */ grayscale(100%); filter: /* brightness(110%) */ grayscale(100%); -webkit-transition: -webkit-filter 0.5s linear; transition: -webkit-filter 0.5s linear; transition: filter 0.5s linear; transition: filter 0.5s linear, -webkit-filter 0.5s linear; } img.bw-filter:hover { -webkit-filter: none; /* brightness(110%) grayscale(0); */ filter: none; /* brightness(110%) grayscale(0); */ } .no-cssfilters body img.bw-filter { -webkit-transition: 0.5s linear; transition: 0.5s linear; } .no-cssfilters body img.bw-filter:hover { opacity: 0.5; } /* for BW-Script */ .bwWrapper { position: relative; display: block; } /*---------------------------------------------------------- Anchor Navigation ------------------------------------------------------------*/ .navi-anchor { margin: 20px 0 20px; text-align: center; } .navi-anchor ul { position: relative; display: inline-block; } .navi-anchor ul li { position: relative; float: left; padding: 0 45px 0 0; } .navi-anchor ul li:after { content: "|"; position: absolute; top: 3px; right: 21px; color: #c8c8c8; } .navi-anchor ul li:last-child:after { content: ""; } .navi-anchor ul li:last-child { padding-right: 0; } #main .navi-anchor ul li a { font-size: 13px; color: #6d6e71; font-family: 'SohoGothicPro', Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; line-height: 2; } #main .navi-anchor ul li a:hover, #main .navi-anchor ul li a:focus { color: #007a97; } /*---------------------------------------------------------- Back-Link Highlights ------------------------------------------------------------*/ #main .ce_hyperlink.backlink { float: right; margin-top: -5px; } #main .ce_hyperlink.backlink a { font-size: 12px; font-family: 'SohoGothicPro', Arial, sans-serif; line-height: 1.3; } /*---------------------------------------------------------- Separator ------------------------------------------------------------*/ .separator hr { display: block; height: 1px; background: #c8c8c8; } .separator-small { padding: 10px 0; } .separator-news { padding: 15px 0 30px; } .separator-medium { padding: 20px 0; } .separator-large { padding: 30px 0; } /*---------------------------------------------------------- Tooltip ------------------------------------------------------------*/ .ui-tooltip { max-width: 400px; } /*---------------------------------------------------------- Content Slider ------------------------------------------------------------*/ .mod_rocksolid_slider.content-slider { overflow: visible; margin: 30px 0 60px; } .sidebar .mod_rocksolid_slider.content-slider { height: 430px; } .fullwidth .mod_rocksolid_slider.content-slider { height: 564px; } .content-slider .rsts-crop { overflow: visible; } .content-slider .rsts-slide { overflow: visible; } .mod_rocksolid_slider.content-slider:after { content: ""; height: 1px; background-color: #c8c8c8; position: absolute; bottom: -25px; left: 0; right: 0; } .content-slider .slide-content { background-size: cover; -ms-behavior: url(../../files/themes/theme_one/css/backgroundsize.min.htc); background-position: center center; background-repeat: no-repeat; } .sidebar .content-slider .slide-content { height: 430px; } .fullwidth .content-slider .slide-content { height: 564px; } .content-slider .slide-container { height: auto; margin: 0 auto; } .sidebar .content-slider .slide-container { width: 740px; } .fullwidth .content-slider .slide-container { width: 1020px; } #main .content-slider .slide-content-container { padding: 40px 0 0 0; } #main .content-slider h2.slide-content-label-big { font-size: 24px; color: #fff; font-family: 'SohoGothicPro', Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; padding: 0 0 15px; } #main .content-slider h3.slide-content-label-small { font-size: 15px; color: #fff; font-family: 'SohoGothicPro-Light', Arial, sans-serif; text-transform: none; letter-spacing: 0; line-height: 1.7; padding: 0 0 15px; } #main .content-slider .slide-content-container.slide-content-color-dark h2.slide-content-label-big, #main .content-slider .slide-content-container.slide-content-color-dark h3.slide-content-label-small { color: #331b00; } .content-slider .slide-content-button { padding: 15px 0; } /* Slider nav-bullets and arrows */ .content-slider.rsts-skin-default .rsts-nav { position: absolute; bottom: -28px; left: 0; right: 0; text-align: center; z-index: 20; } .content-slider.rsts-skin-default .rsts-nav ul { display: inline-block; background: #fff; padding: 0 10px !important; } .content-slider.rsts-skin-default .rsts-nav-bullets a { background-color: #c8c8c8; border-radius: 100%; box-shadow: none; width: 7px; height: 7px; margin: 0px 7px; } .content-slider.rsts-skin-default .rsts-nav-bullets a:hover, .content-slider.rsts-skin-default .rsts-nav-bullets a.active { background-color: #007a97; box-shadow: none; } .content-slider.rsts-skin-default .rsts-prev, .content-slider.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; } .content-slider.rsts-skin-default .rsts-prev { left: 20px; } .content-slider.rsts-skin-default .rsts-next { right: 20px; } .content-slider.rsts-skin-default .rsts-prev:before { position: absolute; right: 0; top: 0; content: "\e906"; 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; } .content-slider.rsts-skin-default .rsts-next:before { position: absolute; left: 0; top: 0; content: "\e907"; 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; } .content-slider.rsts-skin-default .rsts-prev:hover, .content-slider.rsts-skin-default .rsts-next:hover { background-color: transparent; opacity: 0.7; } /*---------------------------------------------------------- Content Slider - Fullwidth Highlights ------------------------------------------------------------*/ .fullwidth .content-slider .highlight-slide .slide-container { position: relative; width: 1020px; height: 564px; padding: 40px 0; } #main .highlight-slide .slide-content-container { position: absolute; width: 50%; height: auto; background: rgba(100, 100, 100, 0.7); padding: 15px 15px 20px; } .highlight-slide .slide-content-container.top-left, .highlight-slide .slide-content-container.top-right { top: 40px; } .highlight-slide .slide-content-container.bottom-left, .highlight-slide .slide-content-container.bottom-right { bottom: 40px; } .highlight-slide .slide-content-container.top-left, .highlight-slide .slide-content-container.bottom-left { left: 0; } .highlight-slide .slide-content-container.top-right, .highlight-slide .slide-content-container.bottom-right { right: 0; } #main .content-slider .highlight-slide h2.slide-content-label-big { font-size: 22px; padding: 0 0 10px; } #main .content-slider .highlight-slide p.slide-content-label-small { font-size: 15px; color: #fff; font-family: 'SohoGothicPro-Light', Arial, sans-serif; text-transform: none; letter-spacing: 0; line-height: 1.7; padding: 0; } /*---------------------------------------------------------- Product Slider Carousel ------------------------------------------------------------*/ #main .mod_rocksolid_slider.produktslider { overflow: visible; margin: 20px 160px 40px 0; /* 20px 80px 50px 0; */ } #main .mod_rocksolid_slider.produktslider .rsts-slide a { display: block; width: 160px; } #main .mod_rocksolid_slider.produktslider .image_container img { height: 183px; /* 127px; */ /* margin: 0 auto; */ /* background color transition */ -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } #main .mod_rocksolid_slider.produktslider .image_container a:hover img, #main .mod_rocksolid_slider.produktslider .image_container a:focus img, #main .mod_rocksolid_slider.produktslider .carousel-slide-content a:hover img, #main .mod_rocksolid_slider.produktslider .carousel-slide-content a:focus img { opacity: 0.5; } #main .mod_rocksolid_slider.produktslider .image_container .caption, #main .mod_rocksolid_slider.produktslider .carousel-slide-content .carousel-image-caption { width: 160px; /* 157px; */ height: 60px; margin: 15px 0 0 0; color: #6d6e71; font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; /* 10px; */ letter-spacing: 1.3px; text-transform: uppercase; text-align: center; line-height: 1.7; } #main .mod_rocksolid_slider.produktslider .image_container .caption { padding: 0 20px; } #main .mod_rocksolid_slider.produktslider .image_container:hover .caption, #main .mod_rocksolid_slider.produktslider .carousel-slide-content a:hover .carousel-image-caption, #main .mod_rocksolid_slider.produktslider .carousel-slide-content a:focus .carousel-image-caption { color: #007a97; } /* Slider arrows */ #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-prev, #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next { box-shadow: none; border: 0; border-radius: 0; height: 35px; background-image: none; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-prev { top: 104px; /* 50%; */ margin-top: -17.5px; left: -40px; width: 25px; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next { right: -200px; /* -120px; */ width: 200px; /* 110px; */ /* new */ top: 25px; height: 160px; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-prev:before { position: absolute; left: 0; top: 0; content: "\e906"; color: #6d6e71; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:before { position: absolute; left: 170px; /* 80px; */ top: 50%; /* 0; */ content: "\e907"; color: #6d6e71; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; /* new */ margin-top: -17.5px; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:after { position: absolute; left: 0; top: 0; width: 80px; content: "Weitere Produkte"; color: #fff; /* #81594c; */ font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; /* 10px; */ letter-spacing: 2.5px; /* 1.3px; */ text-transform: uppercase; text-indent: 0; line-height: 2.8; /* 1.7; */ /* new */ background: #007a97; border-radius: 50%; height: 80px; padding: 40px; /* background color transition */ -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-prev:hover, #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:hover { background-color: transparent; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-prev:hover:before, #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:hover:before /* #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:hover:after */ { color: #007a97; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:hover:after { opacity: 0.7; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-boxes-container { display: block; margin: 25px 0 0; padding: 50px 0; border-top: 1px solid #c8c8c8; /* #ededed; */ border-bottom: 1px solid #c8c8c8; /* #ededed; */ } .teaser-boxes-container+.teaser-boxes-container, .teaser-boxes-container+.teaser-boxes-container+.teaser-boxes-container { border-top: 0; margin: 0; } .teaser-boxes-container.last { margin-bottom: 25px; } .teaser-boxes { display: block; margin: 0 0 0 -20px; } .teaser-box { width: 380px; margin: 0 0 0 20px; float: left; } .standard.sidebar .teaser-box { width: 286.66px; } .teaser-box-image { position: relative; width: 380px; height: 218px; overflow: hidden; } .standard.sidebar .teaser-box-image { width: 286.66px; height: 164.53px; } .teaser-box-image a { display: block; position: relative; } .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.4; -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; width: 100%; } .teaser-box-content { position: relative; height: 180px; padding-top: 22px; } #main h2.teaser-box-title { position: relative; display: inline; color: #007a97; font-size: 17px; /* 16px; */ letter-spacing: 2px; line-height: 1.5; /* 2 */ padding: 0 0 0 35px; } #main h2.teaser-box-title:after { position: absolute; left: 2px; top: -6px; color: #81594c; font-size: 30px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } #main .teaser-box-content a:hover h2.teaser-box-title:after, #main .teaser-box-content a:focus h2.teaser-box-title:after { color: #007a97; } .teaser-box-title.teaser-box-icon-touchpad:after { content: "\e905"; } .teaser-box-title.teaser-box-icon-box:after { content: "\e900"; } .teaser-box-title.teaser-box-icon-play:after { content: "\e903"; } .teaser-box-title.teaser-box-icon-gift:after { content: "\e902"; } .teaser-box-title.teaser-box-icon-check:after { content: "\e901"; } .teaser-box-title.teaser-box-icon-displays:after { content: "\e911"; } .teaser-box-title.teaser-box-icon-mailings:after { content: "\e912"; } .teaser-box-title.teaser-box-icon-boxes:after { content: "\e913"; } #main h2.teaser-box-title.teaser-box-icon-news:after { content: "\e910"; font-size: 25px; top: -3px; } #main .teaser-box-content p { padding: 15px 0 0; } #main a.teaser-box-link { position: absolute; left: 0; bottom: 0; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; } /*---------------------------------------------------------- Teaser Boxes - News ------------------------------------------------------------*/ .teaser-boxes-container.news { border-top: 0; margin: 0; padding: 10px 0 30px; /* 10px 0 50px; */ /* new */ border-bottom: 0; } /* .teaser-boxes-container.news .teaser-box-image { height: 218px; } */ .news .teaser-box-content { height: 180px; } .news .teaser-box-headline { height: 50px; } #main .mod_newsarchive h2.teaser-box-title { font-size: 17px; letter-spacing: 2px; padding: 0 0 0 35px; } .news .teaser-box-image img { width: 100%; } /*---------------------------------------------------------- Teaser Boxes - Highlights ------------------------------------------------------------*/ .teaser-boxes-container.highlight-boxes { border-top: none; border-bottom: none; margin: 0; padding: 25px 0; } .highlight-boxes .teaser-boxes { margin: -20px 0 0 -20px; } .highlight-boxes .teaser-box { margin: 20px 0 0 20px; } /* .standard.sidebar .highlight-boxes .teaser-box, .standard.sidebar .highlight-boxes .teaser-box-image { width: 286.66px; height: 164.53px; } */ .highlight-boxes .teaser-box-image a { position: static; } .highlight-boxes .teaser-box-image img { position: absolute; bottom: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .highlight-boxes .teaser-box-image a:hover img, .highlight-boxes .teaser-box-image a:focus img { bottom: 65px; /* opacity: 0.6; */ } .standard.sidebar .highlight-boxes .teaser-box-image a:hover img, .standard.sidebar .highlight-boxes .teaser-box-image a:focus img { bottom: 80px; } .highlight-content { position: absolute; bottom: 0; width: 100%; height: 0; background-color: #007a97; transition: height 0.5s; -webkit-transition: height 0.5s; /* Safari 3.1 to 6.0 */ } .teaser-box-image a:hover .highlight-content, .teaser-box-image a:focus .highlight-content { height: 65px; } .standard.sidebar .teaser-box-image a:hover .highlight-content, .standard.sidebar .teaser-box-image a:focus .highlight-content { height: 80px; } #main h2.teaser-box-title.highlight-title { display: block; color: #fff; padding: 7px 10px 0; } .standard.sidebar #main h2.teaser-box-title.highlight-title { font-size: 15px; } #main h2.teaser-box-title.highlight-title:before { content: ""; } #main .highlight-content p { color: #fff; padding: 0 10px 7px; } /*---------------------------------------------------------- 3 Columns Element ------------------------------------------------------------*/ .cols-container { margin: 60px 0 20px; border-bottom: 1px solid #c8c8c8; /* #ededed; */ } .cols-element { text-align: center; padding-bottom: 15px; } .col-icon-container { padding-bottom: 30px; } #main .col-icon-container a { display: inline-block; width: 85px; } .col-icon { font-size: 85px; color: #81594c; } #main .col-icon-container a:hover .col-icon, #main .col-icon-container a:focus .col-icon { color: #007a97; } #main .col-icon-container a:hover img, #main .col-icon-container a:focus img { opacity: 0.7; } .col-title { height: 80px; } #main .col-title h2 { display: inline; color: #007a97; font-size: 17px; /* 16px; */ letter-spacing: 2px; line-height: 1.5; } .col-title a:hover h2, .col-title a:focus h2 { opacity: 0.7; } .cols-button { padding: 10px 0 70px; text-align: center; } /*---------------------------------------------------------- Awards Element ------------------------------------------------------------*/ .awards-container { width: 100%; height: auto; padding: 50px 0 70px; margin-bottom: 50px; border-bottom: 1px solid #c8c8c8; } .awards-row { width: 100%; height: auto; } .awards-row .awards-col { position: relative; float: left; } .awards-row .awards-col img { display: block; } .awards-row.img-num-4 .awards-col { width: 295px; height: 263px; padding: 26.5px 30px; /* 1px; */ } .awards-row.img-num-5 .awards-col { width: 236px; height: 210px; padding: 1px; } .awards-row .awards-col:before { position: absolute; right: 0; top: 15px; content: ""; width: 1px; background: #c8c8c8; } .awards-row.img-num-4 .awards-col:before { height: 233px; } .awards-row.img-num-5 .awards-col:before { height: 180px; } .awards-row .awards-col:after { position: absolute; bottom: 0; left: 15px; right: 15px; content: ""; height: 1px; background: #c8c8c8; } .awards-row.img-num-4 .awards-col:after { width: 265px; } .awards-row.img-num-5 .awards-col:after { width: 206px; } .awards-row .awards-col.last-elem-row:before, .awards-row .awards-col.last-row:after { background: #fff; } /*---------------------------------------------------------- Contactperson Slider Carousel ------------------------------------------------------------*/ #main .mod_rocksolid_slider.contactslider { overflow: visible; padding: 70px 0 50px 0; margin-top: 45px; border-top: 1px solid #c8c8c8; } #main .mod_rocksolid_slider.contactslider.margin-top-contact { margin-top: 74px; } .carousel-contact { width: 240px; margin: 0 auto; } .carousel-contact-image { width: 240px; height: 240px; border-radius: 50%; } #main .carousel-contact-image a { display: block; width: 240px; height: 240px; border-radius: 50%; } .carousel-contact img.BWFilter.BWfade { /* for BW-Script */ border-radius: 50%; } .carousel-contact-image img { display: block; height: 240px; border-radius: 50%; } .carousel-contact-caption { width: 240px; } .carousel-contact-name { height: 150px; text-align: center; padding-top: 30px; } #main .carousel-contact-caption h3 { display: inline; color: #007a97; /* font-size: 19px; line-height: 1.5; */ padding: 0; } #main .carousel-contact-caption p { padding: 10px 0 0; } .carousel-contact-button { padding: 20px 0 20px; text-align: center; } /* Slider arrows */ #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-prev, #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next { box-shadow: none; border: 0; border-radius: 0; top: 120px; width: 25px; height: 35px; margin-top: -17.5px; background-image: none; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-prev { left: -40px; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next { right: -40px; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-prev:before { position: absolute; left: 0; top: 0; content: "\e906"; color: #6d6e71; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next:before { position: absolute; right: 0; top: 0; content: "\e907"; color: #6d6e71; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-prev:hover, #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next:hover { background-color: transparent; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-prev:hover:before, #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next:hover:before /* #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next:hover:after */ { color: #007a97; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next:hover:after { opacity: 0.7; } /*---------------------------------------------------------- Contact Page ------------------------------------------------------------*/ .fancybox-skin, .fancybox-inner { border-radius: 4px; color: #6d6e71; } body.subform { /* background: #f4f4f4; */ } .subform #container { width: auto; margin: 0 auto; padding-bottom: 0; } .subform #main { min-height: auto; margin: 0 auto 0; padding: 30px 60px 20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .subform #main .inside, .subform #main .mod_article { min-height: auto; } .subform #main h2 { padding: 0 0 10px; } /*---------------------------------------------------------- Contact Form ------------------------------------------------------------*/ .row.margin-top { margin-top: 30px; } .ce_form, .formbody { overflow: visible; } .contactform { margin: 20px 0 0; } .contactform.contactform-new-2 { margin: 0; } .contactform label, .contactform legend { display: none; } .contactform .widget.widget-radio label, .contactform .widget.widget-checkbox label { display: inline; font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; line-height: 1; } .contactform .widget.widget-checkbox label { vertical-align: 3px; font-size: 11px; } #main .contactform .widget-headline p, #main .contactform .widget-explanation p { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; color: #81594c; /* text-transform: uppercase; */ line-height: 1.5; padding: 0 0 20px; } #main .contactform .widget-headline p.short, #main .contactform .widget-explanation p.short { padding: 0 0 5px; } .contactform .widget.widget-text, .contactform .widget.widget-select, .contactform .widget.widget-select-contact, .contactform .widget.widget-select-product, .contactform .widget.widget-upload, .contactform .widget.widget-radio { position: relative; width: 100%; margin: 0 0 20px; height: 35px; } .contactform .widget.widget-checkbox { margin-bottom: 7px; } .contactform.contactform-new-2 .widget.widget-checkbox { margin-bottom: 20px; } .contactform .widget.widget-upload { height: auto; } /*.contactform .widget.widget-upload { margin: 0; } */ .contactform .widget.widget-radio { height: 30px; margin: 0; /* 0 0 18px; */ } .contactform .widget.widget-radio span { margin-right: 20px; line-height: 1; } .contactform.contactform-new-2 .widget.widget-radio span { display: block; margin-right: 0; } /* .contactform .has-error .widget.widget-text, .contactform .has-error .widget.widget-select, .contactform .has-error .widget.widget-select-contact { height: 80px; } .contactform .has-error .widget.widget-upload { height: 60px; } */ /* .contactform .widget.error { height: 80px; } */ .contactform .widget.error { height: auto; } .contactform .widget.widget-textarea { display: block; width: 100%; height: 70px; margin: 0 0 30px; } .contactform input[type="text"], .contactform input[type="number"], .contactform input[type="email"], .contactform input[type="tel"], .contactform select, .contactform .textarea { width: 100%; /* 77%; */ font-size: 13px; line-height: 1.5; font-family: 'SohoGothicPro', Arial, sans-serif; color: #6d6e71; padding: 5px; border: 1px solid #c8c8c8; background: #fff; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } /* mandatory field */ /* .contactform input.mandatory { background: #ebf4f6; border: 1px solid #999; } */ .contactform input.validation-success { border: 1px solid #4cd642; box-shadow: 1px 1px 7px rgba(76, 214, 66, 0.3); } .contactform input.validation-error { border: 1px solid #e34d35; box-shadow: 1px 1px 7px rgba(227, 77, 53, 0.3); } .contactform input[type="file"] /* for standard field type file */ , #button-file-name, #button-file-name-2 { display: inline-block; font-size: 13px; font-family: 'SohoGothicPro', Arial, sans-serif; color: #6d6e71; } #button-file, #button-file-2 { font-family: 'SohoGothicPro', Arial, sans-serif; cursor: pointer; padding: 7px 16px; /* 7px 20px; */ line-height: 1; } .contactform .textarea { width: 100%; /* 88.5%; */ max-width: 100%; /* 88.5%; */ font-family: 'SohoGothicPro', Arial, sans-serif; font-weight: 400; resize: none; line-height: 1.6; } .contactform input[type="text"]:focus, .contactform input[type="number"]:focus, .contactform input[type="email"]:focus, .contactform input[type="tel"]:focus, .contactform select:focus, .contactform .textarea:focus { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); } .contactform input[type="checkbox"] { margin-right: 3px; } .contactform .submit_container, .contactform .widget-submit { position: relative; display: inline-block; padding: 15px 0; float: right; /* margin-top: 20px; */ } .contactform.contactform-new .submit_container, .contactform.contactform-new .widget-submit { margin-top: 25px; } .contactform.contactform-new.contactform-new-2 .submit_container, .contactform.contactform-new.contactform-new-2 .widget-submit { margin-top: 0; } .button-file-container { position: relative; display: inline-block; padding: 15px 0; margin-right: 15px; } .contactform input[type="submit"], .contactform button[type="submit"] { display: block; font-size: 13px; color: #fff; font-family: 'SohoGothicPro', Arial, sans-serif; text-transform: uppercase; letter-spacing: 2.5px; padding: 5px 55px; background: #4cd642; cursor: pointer; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } .contactform .submit_container:before, .contactform .widget-submit:before, .button-file-container:before { content: ""; height: 1px; background-color: #a8a8a8; position: absolute; top: 6px; left: 0; right: 0; } .contactform .submit_container:after, .contactform .widget-submit:after, .button-file-container:after { content: ""; height: 1px; background-color: #a8a8a8; position: absolute; bottom: 6px; left: 0; right: 0; } .contactform input[type="submit"]:hover, .contactform input[type="submit"]:focus, .contactform button[type="submit"]:hover, .contactform button[type="submit"]:focus, #button-file:hover, #button-file:focus, #button-file-2:hover, #button-file-2:focus { opacity: 0.6; } #main .contactform p.error { /* position: absolute; left: 0; top: 35px; */ color: #e34d35; font-size: 12px; line-height: 1; padding: 0; } #main .contactform p.text-small { padding: 0 0 2px; } #main .contactform.contactform-new p.text-small { font-size: 11px; line-height: 1.5; padding: 0 0 18px; } optgroup { color: #007a97; font-family: 'SohoGothicPro', Arial, sans-serif; font-style: normal; padding-left: 4px; } option { color: #6d6e71; } /*---------------------------------------------------------- Contact Form - Contact Person ------------------------------------------------------------*/ .contactform-person.carousel-contact { margin: 30px auto 0; /* 100px auto 0; */ } .contactform-person .carousel-contact-name { height: auto; } #main .contactform-person .carousel-contact-name p { padding: 0; } #main .contactform-person .carousel-contact-name p.margin-top { padding: 20px 0 0; } #main .contactform-person a.phone, #main .contactform-person a.email { position: relative; padding-left: 23px; } #main .contactform-person a.phone:before { position: absolute; content: "\e904"; left: 0; top: 0; /* -3px; */ color: #81594c; font-size: 20px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } #main .contactform-person a.email:before { position: absolute; content: "\e90b"; left: 0; top: -2px; color: #81594c; font-size: 21px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } #main .contactform-person a.phone:hover:before, #main .contactform-person a.phone:focus:before, #main .contactform-person a.email:hover:before, #main .contactform-person a.email:focus:before { color: #007a97; } /*---------------------------------------------------------- Sidebar - Contact Person / Pressekontakt - Contact Person ------------------------------------------------------------*/ #left .sidebar-person-container { /* position: absolute; width: 290px; top: 0; margin-top: 800px; */ /* background: #fff; */ padding-top: 70px; z-index: 100; } #main .sidebar-person-container { padding-top: 30px; padding-bottom: 30px; } /* used for another sticky-person script */ #left .sidebar-person-container.fixed { position: fixed; top: 0; margin-top: 282px; } #left .carousel-contact-image a { display: block; width: 240px; height: 240px; border-radius: 50%; } .sidebar-person .carousel-contact-name { height: auto; } #left .carousel-contact-caption h3 { display: inline; color: #007a97; /* font-size: 19px; line-height: 1.5; */ padding: 0; } #left .carousel-contact-caption p { color: #6d6e71; font-size: 15px; line-height: 1.7; padding: 0 0 5px; } #main .sidebar-person .carousel-contact-caption p { padding: 0 0 5px; } #left .carousel-contact-name p.margin-top { padding: 10px 0; } #main .sidebar-person .carousel-contact-name p.margin-top { padding: 10px 0; } .sidebar-person a.phone, .sidebar-person a.email { position: relative; color: #81594c; padding-left: 23px; } .sidebar-person a.phone:hover, .sidebar-person a.email:hover { color: #007a97; } .sidebar-person a.phone:before { position: absolute; content: "\e904"; left: 0; top: 0; /* -3px; */ color: #81594c; font-size: 20px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } .sidebar-person a.email:before { position: absolute; content: "\e90b"; left: 0; top: -2px; color: #81594c; font-size: 21px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; } .sidebar-person a.phone:hover:before, .sidebar-person a.phone:focus:before, .sidebar-person a.email:hover:before, .sidebar-person a.email:focus:before { color: #007a97; } /*---------------------------------------------------------- Table - 8 Colntao ------------------------------------------------------------*/ .table-contao { padding: 40px 0; } .table-contao table { border-collapse: collapse; } .table-contao .table-title th { padding: 10px 30px 10px 0; } .table-contao .table-row td { padding: 15px 20px 15px 0; } /*---------------------------------------------------------- Table - 8 Colomns ------------------------------------------------------------*/ .table-container { width: 1180px; margin: 0 auto; padding: 70px 0 70px 280px; /* 70px 0 70px 320px; - for sidebar 320px */ } .table-container table { border-collapse: collapse; } /* .table-title { position: relative; height: auto; padding: 10px 0; border-top: 1px solid #81594c; border-bottom: 1px solid #81594c; } */ .table-title th { padding: 10px 10px 10px 0; border-top: 1px solid #81594c; border-bottom: 1px solid #81594c; text-align: left; } .table-title th:last-child { padding: 10px 0; } .table-title span { font-family: 'SohoGothicPro', Arial, sans-serif; color: #81594c; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.5; } /* .table-row { border-bottom: 1px solid #c8c8c8; } */ .table-row td { border-bottom: 1px solid #c8c8c8; } /* .table-row .col-1, .table-row .col-2 { padding-top: 18px; padding-bottom: 18px; } */ .col-tab-1 { width: 10%; } .col-tab-2 { width: 10%; } .col-tab-3 { width: 14%; } .col-tab-4 { width: 15%; } .col-tab-5 { width: 21%; } .table-row td { padding: 15px 10px 15px 0; } .table-row td:last-child { padding-right: 0; } /* #main .table-row .col-1 p, #main .table-row .col-2 p { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.5; padding: 0; } */ #main .table-row td p, .fancybox-type-inline .table-row td p { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; letter-spacing: 1.5px; line-height: 1.5; padding: 0; } .table-button { padding: 12px 0; /* text-align: center; */ } #main a.button-green-table, .fancybox-type-inline a.button-green-table { display: inline-block; background: #4cd642; color: #fff; font-size: 13px; text-transform: uppercase; letter-spacing: 2.5px; padding: 6px 15px 5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); text-align: center; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } #main a.button-green-table:hover, #main a.button-green-table:focus, .fancybox-type-inline a.button-green-table:hover, .fancybox-type-inline a.button-green-table:focus { opacity: 0.7; } .table-add-top { padding-bottom: 35px; } .table-add-bottom { padding-top: 40px; } #main .table-add-top p, #main .table-add-bottom p, .fancybox-type-inline .table-add-top p, .fancybox-type-inline .table-add-bottom p { font-size: 13px; padding: 0; } .table-add-top ul, .table-add-bottom ul { padding: 0; } .table-add-top li, .table-add-bottom li { font-size: 13px; padding: 0 0 0 20px; } .table-add-top li:before, .table-add-bottom li:before { top: 7px; } /*---------------------------------------------------------- Table - Fullwidth - 9 Col (Old 8 Col, Old 11 Col) ------------------------------------------------------------*/ .table-fullwidth { position: relative; z-index: 200; /* if the contactperson slides behind the table */ } .table-fullwidth-container { position: relative; width: 1180px; margin: 0 auto; padding: 70px 0; } .fancybox-type-inline .table-fullwidth-container { width: auto; padding: 70px 50px; } .table-fullwidth-container table { border-collapse: collapse; } .table-fullwidth .col-tab-1 { width: 9%; } .table-fullwidth .col-tab-2 { width: 10%; } .table-fullwidth .col-tab-3 { width: 12%; } .table-fullwidth .col-tab-4 { width: 14%; } .table-fullwidth .col-tab-5 { width: 18%; } /* 8 Columns (old) */ /* .table-fullwidth .col-tab-1 { width: 10%; } .table-fullwidth .col-tab-2 { width: 11%; } .table-fullwidth .col-tab-3 { width: 14%; } .table-fullwidth .col-tab-4 { width: 15%; } .table-fullwidth .col-tab-5{ width: 20%; } */ /* 11 Columns (old) */ /* .table-fullwidth .col-tab-1 { width: 7%; } .table-fullwidth .col-tab-2 { width: 10%; } .table-fullwidth .col-tab-3 { width: 12%; } .table-fullwidth .col-tab-4 { width: 13%; } .table-fullwidth .col-tab-5{ width: 16%; } */ /*---------------------------------------------------------- Table - Image and Headline ------------------------------------------------------------*/ .table-img { position: relative; z-index: 200; /* if the contactperson slides behind the table */ } .table-img-container { position: relative; width: 1180px; margin: 0 auto; padding: 70px 0; } #main .table-img h2 { padding: 0 0 70px 280px; } .table-img .table-add-top { padding-left: 280px; } .table-img-img { width: 280px; float: left; padding: 0 35px 0 5px; } .table-img-table { width: 900px; float: left; } .table-img-img img { display: block; margin: 0 35px 0 5px; } .table-img-container table { border-collapse: collapse; } .table-img .col-tab-1 { width: 10%; } .table-img .col-tab-2 { width: 10%; } .table-img .col-tab-3 { width: 13%; } .table-img .col-tab-4 { width: 16%; } .table-img .col-tab-5 { width: 21%; } /* 7 Columns */ /* .table-img .col-tab-1 { width: 11%; } .table-img .col-tab-2 { width: 14%; } .table-img .col-tab-3 { width: 14%; } .table-img .col-tab-4 { width: 18%; } .table-img .col-tab-5{ width: 21%; } */ /*---------------------------------------------------------- Table Madika Button and PDF-File ------------------------------------------------------------*/ #main a.button-green-table.button-violet, .fancybox-type-inline a.button-green-table.button-violet { background: #8a277d; letter-spacing: 0; padding: 6px 10px 5px; } .ui-tooltip.tooltip-madika { width: 150px; height: 130px; padding: 10px; background: #fff; border-radius: 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); } body .ui-tooltip.tooltip-madika { border-width: 0; } #main a.file-icon, .fancybox-type-inline a.file-icon { position: relative; padding-right: 35px; margin-left: 15px; } #main a.file-icon[href$=".pdf"]:after, .fancybox-type-inline a.file-icon[href$=".pdf"]:after { position: absolute; content: ""; right: 0; top: -3px; width: 28px; height: 28px; background: url(../../files/themes/theme_one/img/adobe_pdf_file_icon_32x32.png) left center no-repeat; background-size: 28px 28px; } #main a.file-icon[href$=".doc"]:after, #main a.file-icon[href$=".docx"]:after, .fancybox-type-inline a.file-icon[href$=".doc"]:after, .fancybox-type-inline a.file-icon[href$=".docx"]:after { position: absolute; content: ""; right: 0; top: -3px; width: 30px; height: 30px; background: url(../../files/themes/theme_one/img/word_2013_file_icon_185x185.png) left center no-repeat; background-size: 30px 30px; } .overlay-button { padding: 50px 0 10px; text-align: center; } /*---------------------------------------------------------- Table Overlay Element ------------------------------------------------------------*/ .overlay-content { display: none; padding: 50px; } /*---------------------------------------------------------- Table Search / Sort ------------------------------------------------------------*/ span.search-text { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; padding-right: 10px; } .table-fullwidth-container input { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; /* text-transform: uppercase; */ width: 172px; height: 30px; line-height: 1; padding: 7px 10px; margin: 0 10px 15px 0; border: 1px solid #c8c8c8; border-radius: 5px; } .table-fullwidth-container input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ line-height: 1; text-transform: uppercase; } .table-fullwidth-container input::-moz-placeholder { /* Firefox 19+ */ line-height: 1; } .table-fullwidth-container input:-ms-input-placeholder { /* IE 10+ */ line-height: 1; } .table-fullwidth-container input:-moz-placeholder { /* Firefox 18- */ line-height: 1; } .sort { padding: 7px 10px; border-radius: 5px; border: none; display: inline-block; font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; /* text-transform: uppercase; */ /* color: #fff; */ text-decoration: none; background-color: #c8c8c8; width: 172px; height: 30px; line-height: 0.8; vertical-align: top; text-align: center; } .sort:hover { text-decoration: none; opacity: 0.7; } .sort:focus { outline: none; } .sort:after { display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; content: ""; position: relative; top: -10px; right: -5px; } .sort.asc:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #444; content: ""; position: relative; top: 4px; right: -5px; } .sort.desc:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #444; content: ""; position: relative; top: -4px; right: -5px; } /*---------------------------------------------------------- Rate it ------------------------------------------------------------*/ .rating-microdata { margin: 32px 0 15px; float: right; } .rating-microdata .ratingText { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 12px; text-transform: uppercase; color: #6d6e71; padding-top: 5px; } div.mbrateItRating div.rateItRating-hover, div.mbrateItRating div.rateItRating-selected, div.rateItRating div.rateItRating-hover, div.rateItRating div.rateItRating-selected { background: url(../../files/themes/theme_one/img/star-egger.gif); } /*---------------------------------------------------------- Gallery Slider Carousel ------------------------------------------------------------*/ #main .mod_rocksolid_slider.galleryslider { overflow: visible; margin: 40px 0 40px; /* 40px 30px 40px; */ } #main .mod_rocksolid_slider.galleryslider.no-margin { margin: 0 0 30px; } #main .mod_rocksolid_slider.galleryslider .rsts-slide a { display: block; width: 202px; /* 190px; */ margin: 0 auto; position: relative; max-width: 100%; line-height: 0; } #main .mod_rocksolid_slider.galleryslider .carousel-gallery-content img { width: 202px; /* 190px; */ /* height: 109px; */ /* background color transition */ /* -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; */ } /* #main .mod_rocksolid_slider.galleryslider a:hover img, #main .mod_rocksolid_slider.galleryslider a:focus img { opacity: 0.5; } */ #main .mod_rocksolid_slider.galleryslider .rsts-slide 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; } #main .mod_rocksolid_slider.galleryslider .rsts-slide a:hover:before, #main .mod_rocksolid_slider.galleryslider .rsts-slide 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; } .lb-data .lb-caption { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; line-height: 1.5; } .lb-data .lb-number { font-family: 'SohoGothicPro', Arial, sans-serif; padding-top: 5px; } /* Slider arrows */ /* #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev, #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next { box-shadow: none; border: 0; border-radius: 0; top: 50%; width: 25px; height: 35px; margin-top: -17.5px; background-image: none; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev { left: -50px; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next { right: -50px; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev:before { position: absolute; left: 0; top: 0; content: "\e906"; color: #6d6e71; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next:before { position: absolute; right: 0; top: 0; content: "\e907"; color: #6d6e71; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev:hover, #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next:hover { background-color: transparent; } */ #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev, #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next { /* top: 50%; width: 36px; height: 36px; margin-top: -18px; opacity: 0; */ background: white linear-gradient(to bottom, #eee 30%, #fff) repeat scroll 0 0; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3), 0 0 0 1px #ccc, 0 0 4px 4px rgba(111, 178, 235, 0), 0 0 1px 2px rgba(111, 178, 235, 0), 0 0 0 2px #fff inset, 0 1px 4px 1px rgba(0, 0, 0, 0.15) inset; width: 36px; height: 36px; line-height: 0; margin-top: -18px; opacity: 0; outline: medium none; overflow: hidden; position: absolute; text-decoration: none; text-indent: -9999px; top: 50%; transition: opacity 0.2s ease-in 0s; background-image: none; border-radius: 0; z-index: 900; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev { left: -18px; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next { right: -18px; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev:before { position: absolute; left: 8px; top: 8px; content: "\e906"; color: #6d6e71; font-size: 20px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next:before { position: absolute; right: 8px; top: 8px; content: "\e907"; color: #6d6e71; font-size: 20px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default:hover .rsts-prev, #main .mod_rocksolid_slider.galleryslider.rsts-skin-default:hover .rsts-next { opacity: 0.7; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev:hover:before, #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next:hover:before { color: #007a97; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next:hover:after { opacity: 1; } /*---------------------------------------------------------- News ------------------------------------------------------------*/ .teaser-boxes .mod_newsarchive.block { overflow: visible; } #main .mod_newsreader { overflow: visible; } #main .mod_newsarchive h2 { font-size: 22px; padding: 10px 0 25px; /* 20px 0 10px; */ } #main .mod_newsarchive h2.margin { padding: 25px 0 25px; } #main .mod_newsreader h1 { padding: 10px 0 25px; /* 20px 0 10px; */ } #main .mod_newsreader h2, #main .mod_newsreader h3 { font-size: 17px; /* 22px; */ color: #007a97; padding: 10px 0 25px; } #main .mod_newsarchive h3 { font-size: 17px; /* 19px; */ color: #007a97; padding: 0 0 25px; } #main .mod_newsarchive p.category, #main .mod_newsreader p.category { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; color: #007a97; /* #6d6e71; */ line-height: 1; padding: 10px 0 0; /* 0 0 10px; */ } #main .mod_newsarchive p.info, #main .mod_newsreader p.info { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; color: #007a97; /* #6d6e71; */ line-height: 1; padding: 25px 0 0; /* 0 0 25px; */ } .mod_newsarchive time, .mod_newsreader time { padding-right: 5px; } .mod_newsarchive time span, .mod_newsreader time span { padding-left: 5px; } #main .mod_newsarchive p.more { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; line-height: 1.5; padding: 0 0 20px; } .mod_newsarchive .layout_latest { border-top: 1px solid #c8c8c8; padding: 10px 0 15px; } .mod_newsarchive .layout_latest.first, .ce_headline+.layout_lates, .ce_text+.layout_latest { border-top: 0; padding-top: 0; } #main .mod_newsreader p.back { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; line-height: 1; padding: 20px 0 30px; } .pagination { border-top: 1px solid #c8c8c8; padding-top: 25px; margin-top: 25px; } #main .pagination p { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; line-height: 1.5; color: #6d6e71; padding: 0; float: right; } .pagination ul { overflow: hidden; } .pagination li { float: left; margin-right: 15px; line-height: 1; } .pagination li a, .pagination li span { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; line-height: 1.5; } .pagination li span { color: #007a97; } #main .mod_newsmenu { padding-top: 20px; border-top: 1px solid #c8c8c8; } #left .mod_newsmenu { padding-left: 20px; padding-bottom: 10px; border-bottom: 1px solid #c8c8c8; } #main .mod_newscategories { padding: 20px 0 10px; margin-top: 20px; border-top: 1px solid #c8c8c8; } #left .mod_newscategories { padding: 10px 0 20px 20px; /* 20px 0 20px 20px; */ border-bottom: 1px solid #c8c8c8; } #main .mod_newsmenu p.link-archiv, #left .mod_newsmenu p.link-archiv { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 12px; color: #6d6e71; /* letter-spacing: 2px; text-transform: uppercase; */ line-height: 1.5; padding-bottom: 10px; } .mod_newsmenu a:hover, .mod_newsmenu a:focus, .mod_newsmenu li.active span, .mod_newscategories a:hover, .mod_newscategories a:focus, .mod_newscategories li.active span { color: #007a97; } .mod_newsmenu li.submenu { padding-bottom: 10px; } .mod_newsmenu li.submenu a, .mod_newsmenu li.submenu.active span, .mod_newscategories li a, .mod_newscategories li.active span { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 12px; line-height: 1.5; } .mod_newsmenu ul.level_1, .mod_newsmenu ul.level_2 { padding: 0 0 0 20px; } .mod_newsmenu ul.level_2 li { padding-top: 10px; } .mod_newscategories .level_1 li+li { padding-top: 10px; } /* .mod_newsmenu ul.level_2 li a, .mod_newsmenu ul.level_2 li.active span { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 12px; line-height: 1.5; } */ .share li { float: left; margin-right: 5px; z-index: 100; } /*---------------------------------------------------------- Blog Author ------------------------------------------------------------*/ .blog-author { margin: 40px 0 30px; padding: 30px 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; } .blog-author img { display: block; width: 200px; height: 200px; border-radius: 50%; margin: 0 auto; } /*---------------------------------------------------------- Comments ------------------------------------------------------------*/ .mod_newsreader { overflow: visible; } .ce_comments { width: 600px; max-width: 100%; padding-bottom: 30px; overflow: visible; } #main .ce_comments p.info { padding: 0 0 20px; } .comment_default { border-bottom: 1px solid #c8c8c8; padding: 10px 0 0; } .comment_default.first { border-top: 1px solid #c8c8c8; } .comment_default.last { margin-bottom: 40px; } .ce_comments .pagination { border-top: 0; border-bottom: 1px solid #c8c8c8; padding: 0 0 10px; margin: 0 0 40px; } .ce_comments .widget label { display: block; font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; line-height: 1.5; color: #6d6e71; padding-bottom: 5px; } .ce_comments .widget .checkbox_container label { display: inline; } .ce_comments .widget { width: 100%; margin: 0 0 20px; } .ce_comments input[type="text"], .ce_comments input[type="url"], .ce_comments input[type="email"], .ce_comments .textarea { width: 600px; max-width: 100%; font-size: 13px; line-height: 1.5; font-family: 'SohoGothicPro', Arial, sans-serif; color: #6d6e71; padding: 5px; border: 1px solid #c8c8c8; background: #fff; /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } .ce_comments input.mandatory { background: #ebf4f6; border: 1px solid #999; } .ce_comments .textarea { font-family: Arial, sans-serif; font-size: 15px; font-weight: 400; } .ce_comments input[type="text"]:focus, .ce_comments input[type="url"]:focus, .ce_comments input[type="email"]:focus, .ce_comments .textarea:focus { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); } .ce_comments .submit_container { position: relative; display: inline-block; padding: 15px 0; /* margin-top: 20px; */ } .ce_comments input[type="submit"] { display: block; font-size: 13px; color: #fff; font-family: 'SohoGothicPro', Arial, sans-serif; text-transform: uppercase; letter-spacing: 2.5px; padding: 5px 30px; background: #4cd642; cursor: pointer; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* background color transition */ -webkit-transition: 0.5s; transition: 0.5s; } .ce_comments .submit_container:before { content: ""; height: 1px; background-color: #a8a8a8; position: absolute; top: 6px; left: 0; right: 0; } .ce_comments .submit_container:after { content: ""; height: 1px; background-color: #a8a8a8; position: absolute; bottom: 6px; left: 0; right: 0; } .ce_comments input[type="submit"]:hover, .ce_comments input[type="submit"]:focus { opacity: 0.6; } #main .ce_comments p.error { color: #e34d35; font-size: 12px; line-height: 1; padding: 0; } /*---------------------------------------------------------- Responsive Video Element and Responsive Google Map ------------------------------------------------------------*/ .responsive-map-container { margin: 0 auto; } .responsive-youtube-video, .responsive-map { position: relative; padding-bottom: 50%; /* 56.25%; */ padding-top: 30px; height: 0; overflow: hidden; z-index: 30; } .responsive-youtube-video, .responsive-map { margin-bottom: 30px; } .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%; } /*---------------------------------------------------------- Sitemap ------------------------------------------------------------*/ .mod_sitemap li { padding: 5px 0; } .mod_sitemap .level_1 li a { font-size: 15px; font-weight: 700; } .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; } /*---------------------------------------------------------- Cookiebar ------------------------------------------------------------*/ .cookiebar { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 14px; z-index: 1000; } .cookiebar__button { font-family: 'SohoGothicPro', Arial, sans-serif; background-color: #007a97; } .cookiebar__button:hover { background-color: #007a97; opacity: 0.8; } .subform .cookiebar { display: none !important; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ #footer { background: #f4f4f4; padding: 70px 0 100px; } #footer-container { width: 1180px; margin: 0 auto; } .navi-footer { line-height: 1; } .footer-left, .footer-right { float: left; } .footer-left { width: 800px; } .navi-footer .navi-footer-hidden { display: none; } /* wenn Unternehmen kommt vor Produkte */ .navi-footer .footer-left ul.level_1>li { float: right; } .navi-footer ul.level_1>li { float: left; width: 200px; } /* Move the center column a little to the left so we get equally distributed columns */ .navi-footer ul.level_1>li.footer-left-center { margin-left: -20px; margin-right: 20px; } .navi-footer ul.level_1>li.navi-footer-last { padding-right: 0; } .navi-footer ul.level_1>li>a, .navi-footer ul.level_1>li>span { color: #81594c; text-decoration: none; font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 14px; /* 12px; */ text-transform: uppercase; letter-spacing: 2px; } .navi-footer ul.level_1>li>span.active, .navi-footer ul li a.trail, .navi-footer ul li span.trail, .navi-footer ul li a:hover, .navi-footer ul li a:focus { color: #007a97; } .navi-footer ul.level_2 { margin: 20px 40px 0 0; float: left; } .navi-footer ul.level_2 li { padding: 0 0 5px; } .navi-footer ul.level_2 a, .navi-footer ul.level_2 span { color: #6d6e71; text-decoration: none; font-size: 13px; /* 12px; */ } .navi-footer ul.level_2 span { color: #007a97; } .footer-right ul.level_2 { text-align: center; } .footer-right-logo { height: 65px; } .navi-footer ul.level_2 li.footer-right-logo-madika { padding-top: 5px; } .footer-headline-indent { padding-left: 10px; } /* Currently not used a.madika-link { display: block; width: 150px; height: 85px; padding: 10px; background: #fff; border-radius: 10px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); } a.madika-link:hover, a.madika-link:focus { opacity: 0.7; } */ /*---------------------------------------------------------- Footer Logos ------------------------------------------------------------*/ .footer-logos { position: relative; display: block; background: #f4f4f4; height: 50px; text-align: center; margin: 50px 0 0; } .footer-logos:before { content: ""; height: 1px; background-color: #c8c8c8; position: absolute; top: 25px; left: 0; right: 0; } .footer-logos-img { position: relative; display: inline-block; background: #f4f4f4; height: 50px; padding: 0 25px; z-index: 20; } .footer-logos-img img { display: block; float: left; padding: 0 12px; } .footer-social-media-icons { background: #f4f4f4; text-align: right; margin-right: 65px; margin-top: -15px; } .footer-social-media-icons img { border-radius : 6px; margin: 0px 5px; } .social-media-fb-icon { width: 32px; height: 32px; position: relative; display: inline-block; margin: 0px 3px; } .social-media-fb-icon .fb-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; } .social-media-fb-icon:hover .fb-top { display: inline; } .social-media-fb-icon img { border-radius: 6px; } .social-media-instagram-icon { width: 32px; height: 32px; position: relative; display: inline-block; margin: 0px 3px; } .social-media-instagram-icon .instagram-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; } .social-media-instagram-icon:hover .instagram-top { display: inline; } .social-media-instagram-icon img { border-radius: 6px; } .social-media-linkedin-icon { width: 32px; height: 32px; position: relative; display: inline-block; margin: 0px 3px; } .social-media-linkedin-icon .linkedin-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; } .social-media-linkedin-icon:hover .linkedin-top { display: inline; } .social-media-linkedin-icon img { border-radius: 6px; } .social-media-youtube-icon { width: 32px; height: 32px; position: relative; display: inline-block; margin: 0px 3px; } .social-media-youtube-icon .youtube-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; } .social-media-youtube-icon:hover .youtube-top { display: inline; } .social-media-youtube-icon img { border-radius: 6px; } .social-media-xing-icon { width: 32px; height: 32px; position: relative; display: inline-block; margin: 0px 3px; } .social-media-xing-icon .xing-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; border: none; } .social-media-xing-icon:hover .xing-top { display: inline; } .social-media-xing-icon img:nth-child(1) { border-radius: 6px; } .social-media-xing-icon img:nth-child(2) { border-radius: 2px; } .social-media-whatsapp-icon { width: 32px; height: 32px; position: relative; display: inline-block; margin: 0px 3px; } .social-media-whatsapp-icon .xing-top { display: none; position: absolute; top: 0; left: 0; z-index: 99; border: none; } .social-media-whatsapp-icon:hover .xing-top { display: inline; } .social-media-whatsapp-icon img { border-radius: 6px; } /*---------------------------------------------------------- Backtop Button ------------------------------------------------------------*/ #back-top { position: fixed; bottom: 160px; right: 30px; z-index: 300; } #back-top a { width: 50px; display: block; text-align: center; font: 11px/100% 'SohoGothicPro', Arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #c8c8c8; /* background color transition */ -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } #back-top a:hover { color: #6d6e71; } /* arrow icon (span tag) */ #back-top span { width: 50px; height: 50px; display: block; margin-top: 5px; background: #c8c8c8 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: #007a97; opacity: 0.7; } /*---------------------------------------------------------- Responsive ------------------------------------------------------------*/ /*---------------------------------------------------------- MIDDLE DESKTOP ------------------------------------------------------------*/ @media only screen and (max-width: 1259px) { /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header-top .inside, #header-top .header-bar-wrapper { width: 940px; } span.link-bar-text { font-size: 15px; } .shop-top { margin-left: 55px; } .header-top-fixed span.link-bar-text { left: 130px; } .header-top-fixed .shop-top { margin-left: 265px; } /*---------------------------------------------------------- Main Navigation - Middle Desktop ------------------------------------------------------------*/ .navi-main ul.level_1 { width: 940px; } .navi-main ul.level_1>li { padding: 13px 15px 13px; /* 13px 25px 13px; */ } .navi-main ul.level_1>li.navi-main-first { padding-left: 0; } .navi-main ul.level_1>li.dropdown-hidden { padding-right: 0; } .navi-main ul.level_1>li.submenu>a:after, .navi-main ul.level_1>li.submenu.active>span:after { right: -20px; /* -25px; */ font-size: 9px; } /* Navi-Image Shop */ .navi-main ul.level_1>li.shop { padding: 13px 0 13px 8px; /* first place in the navi: padding: 13px 8px 13px 0; */ } .navi-main ul.level_1 li.shop a { padding-left: 30px; } .navi-main ul.level_1>li.shop>a:before { left: 0; } /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner .slide-container { width: 940px; } #banner .slide-content-container { padding: 125px 0 0 65px; } #banner .slide-content-container.slide-content-bg { margin: 105px 0 0 35px; } /* Slider nav-bullets and arrows */ #banner .rsts-skin-default .rsts-prev { left: 50%; margin-left: -490px; } #banner .rsts-skin-default .rsts-next { right: 50%; margin-right: -485px; } /*---------------------------------------------------------- Button Fullservice ------------------------------------------------------------*/ #button-fullservice-container { width: 940px; } .button-fullservice img { width: 75px; height: 63px; } /*---------------------------------------------------------- Breadcrumb Navigation ------------------------------------------------------------*/ .navi-breadcrumb { width: 940px; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container { width: 940px; } .sidebar #main { width: 660px; } /* #left { width: 280px; } */ /*---------------------------------------------------------- Gray Zone for full Width ------------------------------------------------------------*/ .zone-gray { left: calc(190px - 50vw); } /*---------------------------------------------------------- Anchor Navigation ------------------------------------------------------------*/ .navi-anchor ul li { padding: 0 35px 0 0; } .navi-anchor ul li:after { right: 16px; } /*---------------------------------------------------------- Content Slider ------------------------------------------------------------*/ .mod_rocksolid_slider.content-slider { margin: 20px 0 60px; } .sidebar .mod_rocksolid_slider.content-slider { height: 370px; } .fullwidth .mod_rocksolid_slider.content-slider { height: 449px; } .sidebar .content-slider .slide-content { height: 370px; } .fullwidth .content-slider .slide-content { height: 449px; } .sidebar .content-slider .slide-container { width: 540px; } .fullwidth .content-slider .slide-container { width: 820px; } /*---------------------------------------------------------- Content Slider - Fullwidth Highlights ------------------------------------------------------------*/ .fullwidth .content-slider .highlight-slide .slide-container { width: 820px; height: 449px; padding: 30px 0; } .highlight-slide .slide-content-container.top-left, .highlight-slide .slide-content-container.top-right { top: 30px; } .highlight-slide .slide-content-container.bottom-left, .highlight-slide .slide-content-container.bottom-right { bottom: 30px; } #main .content-slider .highlight-slide h2.slide-content-label-big { font-size: 20px; } /*---------------------------------------------------------- Product Slider Carousel ------------------------------------------------------------*/ #main .mod_rocksolid_slider.produktslider { margin: 20px 235px 40px 0; /* 20px 80px 50px 0; */ } #main .mod_rocksolid_slider.produktslider .rsts-slide a { width: 160px; margin: 0 auto; } #main .mod_rocksolid_slider.produktslider .image_container img { margin: 0 auto; } #main .mod_rocksolid_slider.produktslider .image_container .caption, #main .mod_rocksolid_slider.produktslider .carousel-slide-content .carousel-image-caption { margin: 15px auto 0; } /* Slider arrows */ #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-prev { left: -20px; width: 25px; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next { right: -275px; /* -100px; */ width: 240px; /* 110px; */ } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:before { left: 190px; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-box { width: 300px; } .standard.sidebar .teaser-box { width: 206.66px; } .teaser-box-image { width: 300px; height: 172px; } .standard.sidebar .teaser-box-image { width: 206.66px; height: 118.61px; } .teaser-box-content { height: 200px; padding-top: 20px; } /*---------------------------------------------------------- Teaser Boxes - News ------------------------------------------------------------*/ /* .teaser-boxes-container.news .teaser-box-image { height: 172px; } */ .news .teaser-box-content { height: 220px; } .news .teaser-box-headline { height: 70px; } /*---------------------------------------------------------- Teaser Boxes - Highlights ------------------------------------------------------------*/ /* .standard.sidebar .highlight-boxes .teaser-box, .standard.sidebar .highlight-boxes .teaser-box-image { width: 206.66px; height: 118.61px; } */ .standard.sidebar .highlight-boxes .teaser-box-image a:hover img, .standard.sidebar .highlight-boxes .teaser-box-image a:focus img { bottom: 70px; } /* .teaser-box-image a:hover .highlight-content, .teaser-box-image a:focus .highlight-content { height: 65px; } */ .standard.sidebar .teaser-box-image a:hover .highlight-content, .standard.sidebar .teaser-box-image a:focus .highlight-content { height: 70px; } #main h2.teaser-box-title.highlight-title { font-size: 15px; } .standard.sidebar #main h2.teaser-box-title.highlight-title { font-size: 13px; letter-spacing: 1px; padding: 5px 7px 0; } #main .highlight-content p { font-size: 14px; } .standard.sidebar #main .highlight-content p { font-size: 13px; padding: 0 7px 5px; } /*---------------------------------------------------------- 3 Columns Element ------------------------------------------------------------*/ .col-title { height: 100px; } /*---------------------------------------------------------- Awards Element ------------------------------------------------------------*/ .awards-row.img-num-4 .awards-col { width: 235px; height: 210px; padding: 21px 23.5px; /* 1px; */ } .awards-row.img-num-5 .awards-col { width: 188px; height: 168px; } .awards-row.img-num-4 .awards-col:before { height: 180px; } .awards-row.img-num-5 .awards-col:before { height: 138px; } .awards-row.img-num-4 .awards-col:after { width: 205px; } .awards-row.img-num-5 .awards-col:after { width: 158px; } /*---------------------------------------------------------- Contactperson Slider Carousel ------------------------------------------------------------*/ /* Slider arrows */ #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-prev { left: -20px; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next { right: -20px; } /*---------------------------------------------------------- Contact Form ------------------------------------------------------------*/ /* .contactform .has-error .widget.widget-text, .contactform .has-error .widget.widget-select, .contactform .has-error .widget.widget-select-contact { height: 90px; } */ /* .contactform .widget.error { height: 90px; } */ /*---------------------------------------------------------- Sidebar - Contact Person / Pressekontakt - Contact Person ------------------------------------------------------------*/ #left .sidebar-person-container { /* width: 250px; */ /* margin-top: 800px; */ } /*---------------------------------------------------------- Table - 8 Colomns ------------------------------------------------------------*/ .table-container { width: 940px; padding: 70px 0 70px 280px; } .table-title { padding: 10px 0; } .table-title span { font-size: 12px; letter-spacing: 1px; line-height: 1.5; } /* .table-title .row, .table-row .row { margin-left: -7px; margin-right: -7px; } .table-title .col-1, .table-title .col-2, .table-title .col-3, .table-row .col-1, .table-row .col-2, .table-row .col-3 { padding-left: 7px; padding-right: 7px; } .table-row .col-1, .table-row .col-2 { padding-top: 19px; padding-bottom: 19px; } #main .table-row .col-1 p, #main .table-row .col-2 p { font-size: 12px; letter-spacing: 1px; line-height: 1.5; } */ .col-tab-1 { width: 10%; } .col-tab-2 { width: 11%; } .col-tab-3 { width: 14%; } .col-tab-4 { width: 15%; } .col-tab-5 { width: 20%; } #main .table-row td p, .fancybox-type-inline .table-row td p { font-size: 12px; letter-spacing: 1px; line-height: 1.5; } .table-button { padding: 10px 0; } #main a.button-green-table, .fancybox-type-inline a.button-green-table { font-size: 12px; letter-spacing: 2px; padding: 6px 10px 5px; } /*---------------------------------------------------------- Table - Fullwidth ------------------------------------------------------------*/ .table-fullwidth-container { width: 940px; } /*---------------------------------------------------------- Table - Image and Headline ------------------------------------------------------------*/ .table-img-container { width: 940px; } .table-img-table { width: 660px; } .table-img .col-tab-1 { width: 10%; } .table-img .col-tab-2 { width: 11%; } .table-img .col-tab-3 { width: 13%; } .table-img .col-tab-4 { width: 16%; } .table-img .col-tab-5 { width: 20%; } /*---------------------------------------------------------- Table Madika Button and PDF-File ------------------------------------------------------------*/ #main a.button-green-table.button-violet, .fancybox-type-inline a.button-green-table.button-violet { padding: 6px 7px 5px; } #main a.file-icon, .fancybox-type-inline a.file-icon { margin-left: 10px; } /*---------------------------------------------------------- Blog Author ------------------------------------------------------------*/ .blog-author { padding: 20px 0 15px; } .blog-author img { margin-top: 20px; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ #footer-container { width: 940px; } .footer-left { width: 640px; } .navi-footer ul.level_2 { margin-right: 30px; } } @media only screen and (max-width: 1100px) { /*---------------------------------------------------------- Contact Form ------------------------------------------------------------*/ .contactform input[type="submit"], .contactform button[type="submit"], #button-file, #button-file-2 { font-size: 12px; } } @media only screen and (max-width: 1071px) { /*---------------------------------------------------------- Contact Form ------------------------------------------------------------*/ .contactform input[type="submit"], .contactform button[type="submit"] { padding: 5px 50px; } } /*---------------------------------------------------------- TABLET ------------------------------------------------------------*/ @media only screen and (max-width: 979px) { /*---------------------------------------------------------- General ------------------------------------------------------------*/ .visible-tab { display: block; } .hidden-tab { display: none; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header { /* height: 550px; */ } #header-top .inside, #header-top .header-bar-wrapper { width: 728px; } span.link-bar-text { top: 27px; font-size: 13px; } .shop-top { font-size: 12px; padding-top: 8px; margin-left: 30px; } span.shop-link-big { font-size: 15px; } .shop-top img { width: 33px; height: 18px; margin-bottom: 8px; vertical-align: -11px; } /* .shop-sticky { display: inline; } .shop-orig { display: none; } */ .contact-top { padding-top: 7px; margin-left: 25px; } .contact-top a.phone { font-size: 20px; } .contact-top a.phone span { font-size: 1em; margin-right: 4px; vertical-align: -1px; } .contact-top a.email { font-size: 11px; letter-spacing: 1.7px; } .header-top-fixed span.link-bar-text { top: 8px; right: 0; left: auto; font-size: 10px; } .header-top-fixed .shop-top { margin-left: 90px; padding-top: 7px; } .header-top-fixed .contact-top { padding-top: 9px; } .header-top-fixed .contact-top a.phone { font-size: 14px; letter-spacing: 1.7px; } .header-top-fixed .contact-top a.phone span { vertical-align: -1.5px; } .header-top-fixed .contact-top a.email { font-size: 12px; padding-left: 17px; vertical-align: 1px; } .header-top-fixed .contact-top a.email:before { top: 0; font-size: 15px; } /*---------------------------------------------------------- Button ------------------------------------------------------------*/ /* CTA Button Green */ a.button-green { font-size: 12px; } /*---------------------------------------------------------- Main Navigation - Tablet ------------------------------------------------------------*/ .navi-main ul.level_1 { width: 728px; } .navi-main ul.level_1>li { padding: 13px 13px 13px; /* 12px 10px 13px; without navi-arrow */ } .navi-main ul.level_1>li.dropdown-hidden { padding-right: 0; } .navi-main ul.level_1>li.navi-main-last-sm { padding-right: 0; } .navi-main ul.level_1>li>a, .navi-main ul.level_1>li.active>span { font-size: 12px; letter-spacing: 2px; } .navi-main ul.level_1>li.submenu>a:after, .navi-main ul.level_1>li.submenu.active>span:after { top: 17px; right: -14px; font-size: 6px; } .navi-main ul.level_2 { margin-top: 12px; } .navi-main ul.level_2 { padding: 7px 10px 7px; } .navi-main ul.level_2 li { padding: 6px 0 7px; } .navi-main ul.level_2 a, .navi-main ul.level_2 li.active span { font-size: 12px; padding: 6px 10px 7px 10px; } /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner { height: 370px; } #banner .mod_rocksolid_slider { height: 334px; } #banner .slide-content { height: 334px; } #banner .slide-container { width: 728px; height: 370px; } #banner .slide-content-container { padding: 75px 0 0 65px; } #banner .slide-content-container.slide-content-bg { margin: 55px 0 0 35px; } #banner h2.slide-content-label-big { font-size: 26px; } #banner h3.slide-content-label-small { font-size: 16px; } /* Slider nav-bullets and arrows */ #banner .rsts-skin-default .rsts-prev { left: 50%; margin-left: -384px; } #banner .rsts-skin-default .rsts-next { right: 50%; margin-right: -379px; } /*---------------------------------------------------------- Button Fullservice ------------------------------------------------------------*/ #button-fullservice-container { width: 728px; } .button-fullservice img { width: 70px; height: 59px; } /*---------------------------------------------------------- Breadcrumb Navigation ------------------------------------------------------------*/ .navi-breadcrumb { width: 728px; } .navi-breadcrumb li { padding: 0 15px 0 0; } .navi-breadcrumb li:after { right: 6px; } .navi-breadcrumb a { font-size: 11px; padding: 0 10px 0 0; } .navi-breadcrumb li.active span { font-size: 11px; } /*---------------------------------------------------------- Sidebar Navigation ------------------------------------------------------------*/ .navi-sidebar { padding: 25px 0 0; } .navi-sidebar ul.level_1>li { padding: 15px 0; } .navi-sidebar ul.level_1>li.navi-spacing { /* padding: 15px 0 40px; */ margin-bottom: 25px; } .navi-sidebar ul.level_1>li>a, .navi-sidebar ul.level_1>li.active>span { font-size: 12px; letter-spacing: 1.7px; } .navi-sidebar ul.level_2>li>a, .navi-sidebar ul.level_2>li.active>span, .navi-sidebar ul.level_3>li>a, .navi-sidebar ul.level_3>li.active>span { font-size: 12px; } .navi-sidebar ul.level_2>li, .navi-sidebar ul.level_3>li { padding: 7px 0 0 15px; } /* Products Sidebar with icons */ /* .products .navi-sidebar ul.level_1 > li > a, .products .navi-sidebar ul.level_1 > li.active > span { padding-left: 35px; } .products .navi-sidebar ul.level_1 > li > a:before, .products .navi-sidebar ul.level_1 > li.active > span:before { top: -1px; font-size: 25px; } */ /* Navi-Icon with heart from icomoon */ .products .navi-sidebar ul.level_1>li.navi-heart>a, .products .navi-sidebar ul.level_1>li.navi-heart.active>span { padding-right: 30px; } .products .navi-sidebar ul.level_1>li.navi-heart>a:after, .products .navi-sidebar ul.level_1>li.navi-heart.active>span:after { right: 10px; top: 3px; font-size: 13px; } /* Navi-Icon with Image */ .products .navi-sidebar ul.level_1>li>a:before, .products .navi-sidebar ul.level_1>li.active>span:before { /* top: -8px; */ } .products .navi-sidebar ul.level_2>li { padding: 7px 0 0 50px; } /*---------------------------------------------------------- Sidebar Contact ------------------------------------------------------------*/ .sidebar-contact-container { padding: 20px 0 50px; } .sidebar-contact.contact-top { margin-bottom: 20px; padding: 0 0 18px; } .sidebar-contact.contact-top span.text-headline { font-size: 18px; letter-spacing: 2px; padding-bottom: 10px; } .sidebar-contact.contact-top p { font-size: 11px; letter-spacing: 1px; } p.clock { padding-left: 22px; line-height: 2.3; } p.clock:before { top: 4px; /* 3px; */ font-size: 16px; /* 19px */ } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container { width: 728px; } #main { min-height: 500px; padding: 15px 0 25px; } .sidebar #main { width: 498px; } #left { width: 230px; padding: 15px 25px 60px 0; } #main h1, #main h2, .fancybox-type-inline h1, .fancybox-type-inline h2 { padding: 15px 0 20px; font-size: 22px; } #main h3, #left h3, .fancybox-type-inline h3 { padding: 10px 0 15px; font-size: 17px; } #main p, .fancybox-type-inline p { font-size: 14px; } .ce_text li { font-size: 14px; } .ce_text ul li:before { top: 8px; } #main .ce_download a, #main .ce_downloads a { font-size: 14px; } /*---------------------------------------------------------- Gray Zone for full Width ------------------------------------------------------------*/ .zone-gray { left: calc(134px - 50vw); margin: 20px 0; } .fancybox-type-inline .zone-gray { margin-left: -25px; margin-right: -25px; } /*---------------------------------------------------------- Headline with Icon ------------------------------------------------------------*/ #main h1.headline-icon { font-size: 22px; padding-left: 45px; } #main h2.headline-icon { font-size: 17px; padding-left: 40px; } #main h3.headline-icon { font-size: 15px; padding-left: 40px; } #main h1.headline-icon:before { top: 15px; font-size: 36px; } #main h2.headline-icon:before { top: 12px; font-size: 32px; } #main h3.headline-icon:before { top: 6px; font-size: 30px; } /*---------------------------------------------------------- Anchor Navigation ------------------------------------------------------------*/ .navi-anchor { margin: 20px 0 20px; } .navi-anchor ul li { padding: 0 30px 0 0; } .navi-anchor ul li:after { top: 1px; right: 13px; } #main .navi-anchor ul li a { font-size: 12px; letter-spacing: 2px; line-height: 2; } /*---------------------------------------------------------- Back-Link Highlights ------------------------------------------------------------*/ #main .ce_hyperlink.backlink { width: 100%; margin-top: 0; padding-bottom: 10px; text-align: right; } #main .ce_hyperlink.backlink a { font-size: 11px; } /*---------------------------------------------------------- Images ------------------------------------------------------------*/ /* .ce_text .image_container, .ce_image .image_container { text-align: center; } */ .row .image_container { padding-top: 0; } /* .row .col-3 .image_container .caption { height: 45px; } */ /*---------------------------------------------------------- Content Slider ------------------------------------------------------------*/ .mod_rocksolid_slider.content-slider { margin: 20px 0 60px; } .sidebar .mod_rocksolid_slider.content-slider { height: 300px; } .fullwidth .mod_rocksolid_slider.content-slider { height: 348px; } .sidebar .content-slider .slide-content { height: 300px; } .fullwidth .content-slider .slide-content { height: 348px; } .sidebar .content-slider .slide-container { width: 408px; } .fullwidth .content-slider .slide-container { width: 648px; } #main .content-slider .slide-content-container { padding: 30px 0 0 0; } #main .content-slider h2.slide-content-label-big { font-size: 22px; } #main .content-slider h3.slide-content-label-small { font-size: 14px; } /* Slider nav-bullets and arrows */ .content-slider.rsts-skin-default .rsts-prev { left: 10px; } .content-slider.rsts-skin-default .rsts-next { right: 10px; } /*---------------------------------------------------------- Content Slider - Fullwidth Highlights ------------------------------------------------------------*/ .fullwidth .content-slider .highlight-slide .slide-container { width: 648px; height: 348px; padding: 20px 0; } #main .highlight-slide .slide-content-container { width: 100%; padding: 15px 15px 20px; } .highlight-slide .slide-content-container.top-left, .highlight-slide .slide-content-container.top-right { top: 20px; } .highlight-slide .slide-content-container.bottom-left, .highlight-slide .slide-content-container.bottom-right { bottom: 20px; } #main .content-slider .highlight-slide h2.slide-content-label-big { font-size: 18px; } #main .content-slider .highlight-slide p.slide-content-label-small { font-size: 14px; } /*---------------------------------------------------------- Product Slider Carousel ------------------------------------------------------------*/ #main .mod_rocksolid_slider.produktslider { margin: 10px 116px 30px 0; /* 10px 80px 30px 0; */ } #main .mod_rocksolid_slider.produktslider .rsts-slide a { width: 126px; margin: 0 0 0 10px; } #main .mod_rocksolid_slider.produktslider .image_container img { width: 116px; height: 133px; margin: 0; } #main .mod_rocksolid_slider.produktslider .image_container .caption, #main .mod_rocksolid_slider.produktslider .carousel-slide-content .carousel-image-caption { font-size: 12px; width: 116px; height: 60px; margin: 15px 0 0; } /* Slider arrows */ #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-prev { top: 75px; /* 50%; */ margin-top: -17.5px; left: -20px; width: 25px; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next { right: -140px; /* -110px; */ width: 151px; /* 110px; */ /* new */ top: 17px; height: 116px; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:before { left: 116px; /* 80px; */ } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:after { width: 58px; font-size: 12px; /* 10px; */ letter-spacing: 0; /* 1.3px; */ line-height: 2; /* 1.7; */ /* new */ height: 58px; padding: 29px; } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-boxes-container { margin: 15px 0 0; padding: 40px 0; } .teaser-boxes-container.last { margin-bottom: 20px; } .teaser-box { width: 229.33px; } .standard.sidebar .teaser-box { float: none; margin: 20px auto; } .standard.sidebar .teaser-box { width: 300px; } .teaser-box-image { width: 229.33px; height: 131.56px; } .standard.sidebar .teaser-box-image { width: 300px; height: 172px; } .teaser-box-content { height: 207px; padding-top: 20px; } #main h2.teaser-box-title { font-size: 15px; letter-spacing: 1px; } #main h2.teaser-box-title:after { top: -7px; } #main h2.teaser-box-title.teaser-box-icon-news:after { top: -4px; } /*---------------------------------------------------------- Teaser Boxes - News ------------------------------------------------------------*/ /* .teaser-boxes-container.news .teaser-box-image { height: 131.56px; } */ .news .teaser-box-content { height: 230px; } .news .teaser-box-headline { height: 70px; } #main .mod_newsarchive h2.teaser-box-title { letter-spacing: 1px; } /*---------------------------------------------------------- Teaser Boxes - Highlights ------------------------------------------------------------*/ /* .standard.sidebar .highlight-boxes .teaser-box { float: none; margin: 20px auto; } */ .standard.sidebar .highlight-boxes .teaser-box, .standard.sidebar .highlight-boxes .teaser-box-image { /* 3 Columns */ /* width: 152.66px; height: 87.59px; */ /* 1 Column */ /* width: 300px; height: 172px; */ } .highlight-boxes .teaser-box-image a:hover img, .highlight-boxes .teaser-box-image a:focus img { bottom: 55px; } .standard.sidebar .highlight-boxes .teaser-box-image a:hover img, .standard.sidebar .highlight-boxes .teaser-box-image a:focus img { bottom: 60px; } .teaser-box-image a:hover .highlight-content, .teaser-box-image a:focus .highlight-content { height: 55px; } .standard.sidebar .teaser-box-image a:hover .highlight-content, .standard.sidebar .teaser-box-image a:focus .highlight-content { height: 60px; } #main h2.teaser-box-title.highlight-title { font-size: 13px; padding: 5px 7px 0; } .standard.sidebar #main h2.teaser-box-title.highlight-title { font-size: 15px; letter-spacing: 2px; padding: 7px 10px 0; } #main .highlight-content p { font-size: 13px; padding: 0 7px 5px; } .standard.sidebar #main .highlight-content p { font-size: 14px; padding: 0 10px 7px; } /*---------------------------------------------------------- 3 Columns Element ------------------------------------------------------------*/ .cols-container { margin: 40px 0 20px; } .col-icon-container { padding-bottom: 15px; } #main .col-icon-container a { width: 75px; } .col-icon { font-size: 75px; } .col-icon-container img { width: 75px; } .col-title { height: 90px; } #main .col-title h2 { font-size: 15px; letter-spacing: 1px; } .cols-button { padding: 10px 0 50px; } /*---------------------------------------------------------- Awards Element ------------------------------------------------------------*/ .awards-container { padding: 30px 0 40px; margin-bottom: 20px; } .awards-row.img-num-4 .awards-col { width: 182px; height: 163px; padding: 16.25px 18.2px; /* 1px; */ } .awards-row.img-num-5 .awards-col { width: 145.6px; height: 130.5px; } .awards-row.img-num-4 .awards-col:before { height: 133px; } .awards-row.img-num-5 .awards-col:before { height: 100.5px; } .awards-row.img-num-4 .awards-col:after { width: 152px; } .awards-row.img-num-5 .awards-col:after { width: 115.6px; } /*---------------------------------------------------------- Contactperson Slider Carousel ------------------------------------------------------------*/ #main .mod_rocksolid_slider.contactslider { padding: 60px 0 40px 0; margin-top: 30px; } #main .mod_rocksolid_slider.contactslider.margin-top-contact { margin-top: 27px; } .carousel-contact { width: 200px; } .carousel-contact-image { width: 200px; height: 200px; } #main .carousel-contact-image a { width: 200px; height: 200px; } .carousel-contact-image img { width: 200px; height: 200px; } .carousel-contact-caption { width: 200px; } .carousel-contact-name { width: 200px; height: 130px; padding-top: 25px; } #main .carousel-contact-caption h3 { /* font-size: 17px; */ letter-spacing: 2px; } /* Slider arrows */ #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-prev, #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next { top: 100px; } /*---------------------------------------------------------- Contact Form ------------------------------------------------------------*/ .contactform .has-error .widget.widget-text, .contactform .has-error .widget.widget-select, .contactform .has-error .widget.widget-select-contact { height: auto; } .contactform .widget.error { height: auto; } .contactform .widget.widget-textarea { height: auto; } /* #main .contactform p.text-small { padding: 0 0 10px; } */ .contactform.contactform-new .widget.widget-upload { margin-bottom: 10px; } .contactform.contactform-new .submit_container, .contactform.contactform-new .widget-submit { margin-top: 0; margin-bottom: 20px; float: left; } .contactform input[type="submit"], .contactform button[type="submit"], #button-file, #button-file-2 { font-size: 13px; } .contactform input[type="submit"], .contactform button[type="submit"] { padding: 5px 55px; } #main .contactform p.error { position: relative; top: 0; } .translateY-40 { transform: translateY(0); } .width-40 { width: auto; } /*---------------------------------------------------------- Contact Form - Contact Person ------------------------------------------------------------*/ /* .contactform-person.carousel-contact { margin: 125px auto 0; } */ #main .contactform-person a.phone:before { top: -2px; } /*---------------------------------------------------------- Sidebar - Contact Person / Pressekontakt - Contact Person ------------------------------------------------------------*/ #left .sidebar-person-container { padding-top: 50px; /* width: 205px; margin-top: 660px; */ } #main .sidebar-person-container { padding-top: 25px; } #left .carousel-contact-image a { width: 200px; height: 200px; } #left .carousel-contact-caption h3 { /* font-size: 17px; */ letter-spacing: 2px; } #left .carousel-contact-caption p { font-size: 14px; } .sidebar-person a.phone:before { top: -2px; } /*---------------------------------------------------------- Table - 8 Colntao ------------------------------------------------------------*/ .table-contao { padding: 30px 0; } .table-contao .table-title th { padding: 10px 10px 10px 0; } .table-contao .table-row td { padding: 13px 10px 13px 0; } /*---------------------------------------------------------- Table - 8 Colomns ------------------------------------------------------------*/ .table-container { width: 728px; padding: 40px 0 40px 230px; } .table-title { padding: 10px 0; } .table-title th { padding: 10px 5px 10px 0; } .table-title span { font-size: 11px; letter-spacing: 1px; line-height: 1.5; } .col-tab-1 { width: 10%; } .col-tab-2 { width: 12%; } .col-tab-3 { width: 14%; } .col-tab-4 { width: 19%; } .col-tab-5 { width: 16%; } .table-row td { padding: 13px 5px 13px 0; } #main .table-row td p, .fancybox-type-inline .table-row td p { font-size: 11px; letter-spacing: 1px; line-height: 1.5; } #main a.button-green-table, .fancybox-type-inline a.button-green-table { font-size: 11px; letter-spacing: 2px; } .table-add-top .col-6:first-child, .table-add-bottom .col-6:first-child { padding-bottom: 10px; } /*---------------------------------------------------------- Table - Fullwidth ------------------------------------------------------------*/ .table-fullwidth-container { width: 728px; padding: 40px 0; } .fancybox-type-inline .table-fullwidth-container { padding: 40px 25px; } /*---------------------------------------------------------- Table - Image and Headline ------------------------------------------------------------*/ .table-img-container { width: 728px; padding: 40px 0; } #main .table-img h2 { padding: 0 0 40px 230px; } .table-img .table-add-top { padding-left: 230px; } .table-img-img { width: 230px; padding: 0 25px 0 5px; } .table-img-table { width: 498px; } .table-img-img img { width: 200px; margin: 0 25px 0 5px; } .table-img .col-tab-1 { width: 10%; } .table-img .col-tab-2 { width: 12%; } .table-img .col-tab-3 { width: 14%; } .table-img .col-tab-4 { width: 19%; } .table-img .col-tab-5 { width: 16%; } /* 7 Columns */ /* .table-img .col-tab-1 { width: 11%; } .table-img .col-tab-2 { width: 13%; } .table-img .col-tab-3 { width: 14%; } .table-img .col-tab-4 { width: 20%; } .table-img .col-tab-5{ width: 20%; } */ .overlay-button { padding: 40px 0 10px; } /*---------------------------------------------------------- Table Madika Button and PDF-File ------------------------------------------------------------*/ #main a.file-icon, .fancybox-type-inline a.file-icon { margin-left: 5px; } /*---------------------------------------------------------- Table Overlay Element ------------------------------------------------------------*/ .overlay-content { padding: 40px 25px; } /*---------------------------------------------------------- Rate it ------------------------------------------------------------*/ .rating-microdata { margin: 25px 0 10px; } /*---------------------------------------------------------- Gallery Slider Carousel ------------------------------------------------------------*/ #main .mod_rocksolid_slider.galleryslider { margin: 30px 0 30px; } #main .mod_rocksolid_slider.galleryslider .rsts-slide a { width: 234px; /* 150px; */ } #main .mod_rocksolid_slider.galleryslider .carousel-gallery-content img { width: 234px; /* 150px; */ /* height: 86px; */ } /* Slider arrows */ /* #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev, #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next { width: 12px; height: 15px; margin-top: -7.5px; } */ /* 25px; */ /* 30px; */ /* -15px; */ /* #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev { left: -20px; } */ /* -25px; */ /* #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next { right: -20px; } */ /* -25px; */ /* #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev:before, #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next:before { font-size: 15px; } */ /* 30px; */ /*---------------------------------------------------------- News ------------------------------------------------------------*/ #main .mod_newsarchive h2 { font-size: 20px; padding: 10px 0 20px; } #main .mod_newsarchive h2.margin { padding: 25px 0 20px; } #main .mod_newsarchive h2.teaser-box-title { font-size: 15px; } #main .mod_newsreader h1 { padding: 10px 0 20px; } #main .mod_newsreader h2 { font-size: 15px; /* 20px; */ padding: 10px 0 20px; } #main .mod_newsarchive h3 { font-size: 15px; /* 17px; */ padding: 0 0 20px; } #left .mod_newsmenu { padding-left: 15px; } #left .mod_newscategories { padding: 10px 0 20px 15px; /* 20px 0 20px 15px; */ } .mod_newsmenu ul.level_1, .mod_newsmenu ul.level_2 { padding: 0 0 0 15px; } .mod_newscategories .level_1 li+li { padding: 10px 0 0 15px; } /*---------------------------------------------------------- Blog Author ------------------------------------------------------------*/ .blog-author { margin: 30px 0 20px; padding: 30px 0 10px; } .blog-author img { width: 170px; height: 170px; margin-top: 0; margin-bottom: 20px; } /*---------------------------------------------------------- Comments ------------------------------------------------------------*/ .ce_comments .textarea { font-size: 14px; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ #footer { padding: 40px 0 75px; } #footer-container { width: 728px; margin-bottom: 60px; } .footer-left { width: 480px; } .navi-footer ul.level_1>li { width: 160px; } /* Move the center column a little to the left so we get equally distributed columns */ .navi-footer ul.level_1>li.footer-left-center { margin-left: -10px; margin-right: 10px; } .navi-footer ul.level_1>li>a, .navi-footer ul.level_1>li>span { font-size: 12px; } .navi-footer ul.level_1 a, .navi-footer ul.level_2 span { font-size: 12px; } .navi-footer ul.level_2 { margin: 15px 10px 0 0; } /*---------------------------------------------------------- Footer Logos ------------------------------------------------------------*/ .footer-logos { margin: 40px 0 0; } .footer-social-media-icons { background: #f4f4f4; text-align: center; margin-top: 35px; margin-right: 0px; } .tb-trees-badge--floating.bottom-right { bottom: 25px !important; } /*---------------------------------------------------------- Backtop Button ------------------------------------------------------------*/ #back-top { position: fixed; bottom: 165px; right: 10px; } } /*---------------------------------------------------------- MOBILE ------------------------------------------------------------*/ @media only screen and (max-width: 767px) { .mod_article#banner .slide-content { background-size: 135% auto; background-position: right top; } } @media only screen and (min-width: 681px) and (max-width: 767px) { .mod_article#banner .slide-content { height: 32vh; } } @media only screen and (min-width: 576px) and (max-width: 680px) { .mod_article#banner .slide-content { height: 28vh; } } @media only screen and (min-width:501px) and (max-width: 575px) { .mod_article#banner .slide-content { height: 24vh; } } @media only screen and (min-width:426px) and (max-width: 500px) { .mod_article#banner .slide-content { height: 20vh; } } @media only screen and (min-width:375px) and (max-width: 426px) { .mod_article#banner .slide-content { height: 18vh; } } @media only screen and (min-width: 320px) and (max-width: 374px) { .mod_article#banner .slide-content { height: 15vh; } } @media only screen and (max-width: 319px) { .mod_article#banner .slide-content { height: 13vh; } } @media only screen and (max-width: 767px) { /*---------------------------------------------------------- General ------------------------------------------------------------*/ .visible-xs { display: block; } .hidden-xs { display: none; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header { height: auto; } #header-top .header-bar { display:none; } #header-top .inside { width: auto; height: auto; margin: 0 auto; border-bottom: 0; padding: 10px 0 0; } .standard #header-top .inside { border-bottom: 1px solid #c8c8c8; } /* #logo { width: 100%; height: auto; float: none; padding: 10px 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; margin-top: 10px; } #logo a { display: block; width: 199px; margin: 0 auto; } #logo img { margin: 0 auto; } */ #navi-mobile { width: 30%; height: 50px; float: left; padding: 7px 0 0 10px; /* 5px 0 0 10px; */ } .navi-mobile-inside { width: 38px; /* 35px; */ line-height: 1.3; /* 1; */ text-align: center; /* update shop icon */ float: left; } #navi-mobile a { color: #6d6e71; font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 12px; /* 10px; */ letter-spacing: 2px; /* 1.3px; */ text-transform: uppercase; text-align: center; } #navi-mobile span { color: #007a97; } #navi-mobile span.icon-navicon { font-size: 3em; } #navi-mobile span.icon-menu { font-size: 2.1em; } #navi-mobile a:hover, #navi-mobile a:focus { color: #007a97; } /* Update Shop Icon */ .shop-top-mobile { width: 40px; float: left; line-height: 1.3; margin-left: 15px; text-align: center; } .shop-top-mobile img { width: 40px; height: auto; } /* Last Version with old Logo */ /* #logo { width: 40%; height: auto; padding: 0 0 10px; } #logo a { display: block; width: 199px; margin: 0 auto; } #logo img { margin: 0 auto; } */ #logo-mobile { float: left; width: 40%; height: auto; padding: 0 0 10px; } #logo-mobile a { display: block; width: 199px; margin: 0 auto; } #logo-mobile img { display: block; width: 199px; height: 60px; max-height: 100%; margin: 0 auto; } .contact-top-mobile { width: 30%; /*70%;*/ height: 50px; float: right; padding: 4px 10px 0 0; /* 8px 10px 0 0; */ } .contact-top-inside { width: auto; float: right; } .contact-top-mobile a { float: left; } .contact-top-mobile a.email { margin-left: 10px; } .contact-top-mobile span { font-size: 3.3em; /* 2.7em; */ color: #007a97; } .contact-top-mobile span.icon-mail { font-size: 3em; line-height: 1.1; } span.link-bar-text { display: none; } /*---------------------------------------------------------- Mobile Menu ------------------------------------------------------------*/ #mm-js-navi-main { background-color: #fff; } #mm-js-navi-main .navi-main-hidden { display: none; } #mm-js-navi-main ul { color: #6d6e71; font-family: 'SohoGothicPro', Arial, san-serif; font-size: 13px; /* 12px; */ } .mm-navbar .mm-title { font-size: 13px; font-family: 'SohoGothicPro', Arial, san-serif; letter-spacing: 2px; text-transform: uppercase; } .mm-menu .mm-navbar a, .mm-menu .mm-navbar .mm-title { color: #007a97; } #mm-js-navi-main ul.level_1 { padding: 0; } #mm-js-navi-main ul.level_1>li { text-transform: uppercase; letter-spacing: 2px; } #mm-js-navi-main li.trail.first { background: rgba(0, 0, 0, 0.06); } #mm-js-navi-main li.trail.first a { color: #007a97; } .mm-listview>li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after { margin-left: 0; } .mm-listview>li:not(.mm-divider)::after { left: 0; } .mm-selected { color: #007a97; } .mm-menu .mm-list-listview>li.submenu>a.mm-subopen.mm-fullsubopen::before { border-color: #ddd; } .level_2.mm-listview li, .level_3.mm-listview li, .level_4.mm-listview li { text-transform: none; letter-spacing: 0; } .mm-menu .mm-listview>li>a.mm-subclose { color: #007a97; } /* .level_2.mm-listview li.first, .level_3.mm-listview li.first, .level_4.mm-listview li.first { border-top: 1px solid #ddd; } */ #mm-js-navi-main span.active, #mm-js-navi-main li.trail { background: rgba(0, 0, 0, 0.06); } #mm-js-navi-main li.trail a { color: #007a97; } /* Navi-Image Shop */ #mm-js-navi-main ul.level_1 li.shop a { position: relative; padding-left: 50px; color: #8a277d; } #mm-js-navi-main ul.level_1>li.shop>a:before { position: absolute; display: block; content: ""; left: 20px; top: 12px; width: 21px; height: 15px; background: url(../../files/themes/theme_one/img/madika-icon.svg) no-repeat; background-position: center top; background-size: cover; } /* Page wrapper */ html.mm-opened .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } /*---------------------------------------------------------- Header - Banner ------------------------------------------------------------*/ #banner { height: auto; } #banner .mod_rocksolid_slider { height: auto; } #banner .slide-content { height: 160px; } #banner .slide-content-container { color: #81594c; padding: 15px 15px; text-align: center; line-height: 1.4; border-bottom: 1px solid #c8c8c8; /* #ededed; */ } #banner .slide-content-container.slide-content-color-dark { color: #81594c; } #banner h2.slide-content-label-big { font-size: 19px; letter-spacing: 2px; padding: 0 0 5px; } #banner h3.slide-content-label-small { font-size: 15px; padding: 0 0 15px; } /* Slider nav-bullets and arrows */ #banner .rsts-skin-default .rsts-nav { /*top: 160px; bottom: auto; margin-top: -20px;*/ display: none; } #banner .rsts-skin-default .rsts-nav ul { background: none; } #banner .rsts-skin-default .rsts-prev, #banner .rsts-skin-default .rsts-next { top: 80px; margin-top: -15px; width: 22px; height: 30px; } #banner .rsts-skin-default .rsts-prev { /*left: 8px; margin-left: 0;*/ display: none; } #banner .rsts-skin-default .rsts-next { /*right: 10px; margin-right: 0;*/ display: none; } #banner .rsts-skin-default .rsts-prev:before { font-size: 30px; } #banner .rsts-skin-default .rsts-next:before { font-size: 30px; } /*---------------------------------------------------------- Button ------------------------------------------------------------*/ /* CTA Button Green */ #banner .slide-content-button { padding: 10px 0 12px; } /* a.button-green { font-size: 10px; } */ a.button-green:before, a.button-green:after { background-color: #c8c8c8; /* #4cd642; */ } /*---------------------------------------------------------- Breadcrumb Navigation ------------------------------------------------------------*/ .navi-breadcrumb { width: auto; padding: 10px 25px 0; } /*---------------------------------------------------------- Content ------------------------------------------------------------*/ #container { width: auto; } #main { min-height: 200px; padding: 10px 25px 20px; } .sidebar #main { width: auto; float: none; padding: 10px 25px 20px; } #left { display: none; } #main h1, #main h2, #main h3, #left h3, .fancybox-type-inline h1, .fancybox-type-inline h2, .fancybox-type-inline h3 { letter-spacing: 2px; line-height: 1.4; text-align: center; } #main h1, #main h2, .fancybox-type-inline h1, .fancybox-type-inline h2 { padding: 10px 0 15px; font-size: 19px; } #main h3, #left h3, .fancybox-type-inline h3 { /* padding: 5px 0 10px; */ font-size: 15px; } #main p, .fancybox-type-inline p { line-height: 1.5; } .ce_text li, .ce_rsce_table li, .ce_rsce_table_img li, .ce_rsce_table_fullwidth li { line-height: 1.5; } .ce_text ul li:before { top: 7px; } #main .ce_download a, #main .ce_downloads a { line-height: 1.5; } /*---------------------------------------------------------- Gray Zone for full Width ------------------------------------------------------------*/ .zone-gray { width: 100vw; left: calc(50% - 50vw); margin: 20px 0; } /*---------------------------------------------------------- Headline with Icon ------------------------------------------------------------*/ .headline-icon-container { text-align: center; } #main .headline-icon { display: inline-block; } #main h1.headline-icon { font-size: 19px; padding-left: 43px; } #main h2.headline-icon { font-size: 16px; padding-left: 40px; } #main h3.headline-icon { font-size: 15px; padding-left: 37px; } #main h1.headline-icon:before { top: 6px; font-size: 35px; } #main h2.headline-icon:before { top: 6px; font-size: 30px; } #main h3.headline-icon:before { top: 6px; font-size: 30px; } /*---------------------------------------------------------- Buttons Content ------------------------------------------------------------*/ .content-button { margin: 5px 0 20px; text-align: center; } /*---------------------------------------------------------- Images ------------------------------------------------------------*/ .image_container.float_right { padding-left: 0; padding-top: 0; float: none; } .image_container.float_left { padding-right: 0; padding-top: 0; float: none; } /*---------------------------------------------------------- Separator ------------------------------------------------------------*/ .separator-medium { padding: 15px 0; } .separator-large { padding: 25px 0; } /*---------------------------------------------------------- Content Slider ------------------------------------------------------------*/ .mod_rocksolid_slider.content-slider { margin: 20px 0 0; } .sidebar .mod_rocksolid_slider.content-slider, .fullwidth .mod_rocksolid_slider.content-slider { height: auto; } .mod_rocksolid_slider.content-slider:after { display: none; } .sidebar .content-slider .slide-content, .fullwidth .content-slider .slide-content { height: 250px; } .sidebar .content-slider .slide-container, .fullwidth .content-slider .slide-container { width: 100%; } #main .content-slider .slide-content-container { width: 100%; height: auto; padding: 15px 0 10px; /* border-bottom: 1px solid #c8c8c8; */ } #main .content-slider .slide-content-container.slide-content-color-dark h2.slide-content-label-big, #main .content-slider .slide-content-container.slide-content-color-dark h3.slide-content-label-small { color: #81594c; } #main .content-slider h2.slide-content-label-big { font-size: 19px; color: #81594c; font-family: 'SohoGothicPro', Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; padding: 0 0 5px; } #main .content-slider h3.slide-content-label-small { font-size: 14px; color: #81594c; font-family: 'SohoGothicPro-Light', Arial, sans-serif; text-transform: none; letter-spacing: 0; line-height: 1.7; padding: 0 0 15px; } .content-slider .slide-content-button { padding: 10px 0 10px; text-align: center; } /* Slider nav-bullets and arrows */ .content-slider.rsts-skin-default .rsts-nav { position: absolute; top: 230px; bottom: auto; left: 0; right: 0; text-align: center; z-index: 20; } .content-slider.rsts-skin-default .rsts-nav ul { background: none; } .content-slider.rsts-skin-default .rsts-prev, .content-slider.rsts-skin-default .rsts-next { bottom: 0; top: 125px; margin-top: -15px; width: 22px; height: 30px; } .content-slider.rsts-skin-default .rsts-prev:before { font-size: 30px; } .content-slider.rsts-skin-default .rsts-next:before { font-size: 30px; } .content-slider.rsts-skin-default .rsts-prev { left: 15px; } .content-slider.rsts-skin-default .rsts-next { right: 15px; } /*---------------------------------------------------------- Content Slider - Fullwidth Highlights ------------------------------------------------------------*/ .fullwidth .content-slider .highlight-slide .slide-container { width: 100%; height: auto; padding: 0; } #main .content-slider .slide-content-container.highlight-text { border-bottom: 1px solid #c8c8c8; margin-bottom: 30px; } #main .content-slider .highlight-slide h2.slide-content-label-big { font-size: 19px; padding: 0 0 5px; } /*---------------------------------------------------------- Product Slider Carousel ------------------------------------------------------------*/ #main .mod_rocksolid_slider.produktslider { margin: 5px 0 20px 0; /* 5px 116px 20px 0; */ } #main .mod_rocksolid_slider.produktslider .rsts-slide a { width: 116px; /* 126px; */ margin: 0 auto; /* 0 0 0 10px; */ } #main .mod_rocksolid_slider.produktslider .image_container img { width: 116px; height: 133px; /* margin: 0 0 0 20px; */ margin: 0 auto; } #main .mod_rocksolid_slider.produktslider .image_container .caption, #main .mod_rocksolid_slider.produktslider .carousel-slide-content .carousel-image-caption { font-size: 12px; width: 116px; margin: 15px auto 0; /* 15px 0 0 30px; */ } /* Slider arrows */ #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-prev { top: 75px; margin-top: -15px; height: 30px; margin-bottom: 0; left: -5px; width: 25px; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next { right: -5px; /* -120px; */ width: 25px; /* 151px; */ /* new */ top: 75px; /* 17px; */ height: 30px; /* 116px; */ margin-top: -15px; /* new */ } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-prev:before { left: 0; top: 0; font-size: 30px; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:before { left: 0; /* 126px; */ font-size: 30px; /* new */ margin-top: -15px; } #main .mod_rocksolid_slider.produktslider.rsts-skin-default .rsts-next:after { content: ""; width: 0; height: 0; background: transparent; padding: 0; /* width: 58px; font-size: 12px; letter-spacing: 0; line-height: 2; height: 58px; padding: 29px; */ } /*---------------------------------------------------------- Teaser Boxes ------------------------------------------------------------*/ .teaser-boxes-container { margin: 0; padding: 20px 0 0; border-bottom: 0; } .teaser-boxes-container+.teaser-boxes-container, .teaser-boxes-container+.teaser-boxes-container+.teaser-boxes-container { padding: 0; } .teaser-boxes-container.last { border-bottom: 1px solid #c8c8c8; /* #ededed; */ margin-bottom: 15px; } .teaser-boxes { margin: -20px 0 0 0; } .teaser-box { width: 100%; max-width: 300px; margin: 20px auto; float: none; } .teaser-box-image { width: 100%; max-width: 300px; height: 172px; } .teaser-box-content { height: auto; /* 158px; */ padding-top: 20px; } #main h2.teaser-box-title { font-size: 15px; letter-spacing: 2px; line-height: 1.4; } #main h2.teaser-box-title:after { font-size: 26px; top: -4px; } #main h2.teaser-box-title.teaser-box-icon-news:after { font-size: 23px; top: -3px; } #main .teaser-box-content p { padding: 15px 0 30px; } /*---------------------------------------------------------- Teaser Boxes - News ------------------------------------------------------------*/ .news .teaser-box-content { height: auto; /* 180px; */ } .news .teaser-box-headline { height: auto; } #main .mod_newsarchive h2.teaser-box-title { letter-spacing: 2px; } /*---------------------------------------------------------- Teaser Boxes - Highlights ------------------------------------------------------------*/ .teaser-boxes-container.highlight-boxes.last { border-bottom: none; } .highlight-boxes .teaser-boxes { margin: -25px 0 0 0; } .highlight-boxes .teaser-box { margin: 25px auto; } .standard.sidebar .highlight-boxes .teaser-box, .standard.sidebar .highlight-boxes .teaser-box-image { width: 100%; max-width: 300px; height: 172px; } .highlight-boxes .teaser-box-image a:hover img, .highlight-boxes .teaser-box-image a:focus img { bottom: 60px; } .teaser-box-image a:hover .highlight-content, .teaser-box-image a:focus .highlight-content { height: 60px; } #main h2.teaser-box-title.highlight-title { font-size: 15px; text-align: left; padding: 7px 10px 0; } #main .highlight-content p { font-size: 14px; padding: 0 10px 7px; } /*---------------------------------------------------------- 3 Columns Element ------------------------------------------------------------*/ .cols-container { margin: 20px 0 20px; } .col-icon-container { padding-bottom: 10px; } .col-title { height: auto; padding-bottom: 25px; } #main .col-title h2 { font-size: 15px; letter-spacing: 2px; line-height: 1.4; } .cols-button { padding: 10px 0 40px; } /*---------------------------------------------------------- Awards Element ------------------------------------------------------------*/ .awards-container { padding: 0 0 40px; margin-bottom: 20px; } .awards-row { width: 472px; margin: 0 auto; } .awards-row.img-num-4 .awards-col { width: 236px; height: 210px; padding: 1px; } .awards-row.img-num-5 .awards-col { width: 236px; height: 210px; } .awards-row.img-num-4 .awards-col:before { height: 180px; } .awards-row.img-num-5 .awards-col:before { height: 180px; } .awards-row.img-num-4 .awards-col:after { width: 206px; } .awards-row.img-num-5 .awards-col:after { width: 206px; } .awards-row .awards-col.last-elem-row:before, .awards-row .awards-col.last-row:after { background: #c8c8c8; } .awards-row .awards-col.last-elem-row-mobile:before, .awards-row .awards-col.last-row-mobile:after { background: #fff; } /*---------------------------------------------------------- Contactperson Slider Carousel ------------------------------------------------------------*/ #main .mod_rocksolid_slider.contactslider { padding: 50px 0 20px 0; margin-top: 20px; } #main .mod_rocksolid_slider.contactslider.margin-top-contact { margin-top: 20px; } .carousel-contact-name { height: 120px; padding-top: 25px; } #main .carousel-contact-caption h3 { /* font-size: 15px; */ } /* Slider arrows */ #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-prev, #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next { width: 25px; height: 30px; margin-top: -15px; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-prev { left: -10px; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next { right: -10px; } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-prev:before, #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next:before { font-size: 30px; } /*---------------------------------------------------------- Contact Page for Mobile ------------------------------------------------------------*/ .subform #main { padding: 40px; } .contactform { margin-top: 0; } .contactform.contactform-new-2 .widget.widget-radio span { display: inline; margin-right: 20px; } /* .contactform input[type="submit"], .contactform button[type="submit"], #button-file { font-size: 12px; } */ /*---------------------------------------------------------- Contact Form - Contact Person ------------------------------------------------------------*/ .contactform-person.carousel-contact { margin: 0 auto 30px; } /*---------------------------------------------------------- Sidebar - Contact Person / Pressekontakt - Contact Person ------------------------------------------------------------*/ #main .sidebar-person-container { padding-top: 15px; } #left .carousel-contact-caption h3 { /* font-size: 15px; */ } #left .carousel-contact-caption p { line-height: 1.5; } /*---------------------------------------------------------- Table - 8 Colomns ------------------------------------------------------------*/ .table-container { width: auto; padding: 40px 25px; } .table-add-top li:before, .table-add-bottom li:before { top: 5px; } /* .tablesaw-advance { float: none !important; text-align: right; } */ /*---------------------------------------------------------- Table - Fullwidth ------------------------------------------------------------*/ .table-fullwidth-container { width: auto; padding: 40px 25px; } /*---------------------------------------------------------- Table - Image and Headline ------------------------------------------------------------*/ .table-img-container { width: auto; padding: 40px 25px; } #main .table-img h2 { padding: 0 0 20px; } .table-img .table-add-top { padding-left: 0; } .table-img-img { width: auto; float: none; padding: 0 0 15px; } .table-img-table { width: auto; float: none; } .table-img-img img { margin: 0 auto; } /*---------------------------------------------------------- Rate it ------------------------------------------------------------*/ .rating-microdata { margin: 0 0 15px; float: left; } /*---------------------------------------------------------- Gallery Slider Carousel ------------------------------------------------------------*/ /* Slider arrows */ /* #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev, #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next { width: 25px; height: 30px; margin-top: -15px; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev { left: -15px; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next { right: -15px; } #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev:before, #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next:before { font-size: 30px; } */ /*---------------------------------------------------------- News ------------------------------------------------------------*/ #main .mod_newsarchive h2 { font-size: 17px; padding: 10px 0 15px; /* 10px 0 10px; */ text-align: left; } #main .mod_newsarchive h2.margin { padding: 25px 0 15px; } #main .mod_newsarchive h2.teaser-box-title { font-size: 15px; padding: 0 0 0 35px; } #main .mod_newsreader h1 { padding: 10px 0 15px; /* 10px 0 10px; */ } #main .mod_newsreader h2 { /* font-size: 17px; */ padding: 10px 0 15px; } #main .mod_newsarchive h3 { padding: 0 0 15px; } #main .mod_newsarchive h3, #main .mod_newsreader h1, #main .mod_newsreader h2 { text-align: left; } #main .mod_newsarchive p.info, #main .mod_newsreader p.info { font-size: 12px; } #main .mod_newsarchive p.more { font-size: 12px; } #main .mod_newsreader p.back { font-size: 12px; } .pagination { padding-top: 15px; padding-bottom: 15px; margin-top: 15px; } #main .pagination p { font-size: 12px; } .pagination li a, .pagination li span { font-size: 12px; } /*---------------------------------------------------------- Cookiebar ------------------------------------------------------------*/ .cookiebar__button { margin-top: 10px; } /*---------------------------------------------------------- Footer ------------------------------------------------------------*/ #footer { padding: 20px 0; } #footer-container { width: auto; padding: 0; } .navi-footer { line-height: 1; } .footer-left, .footer-right { float: none; width: auto; margin-bottom: 20px; text-align: center; } .navi-footer ul.level_1 { width: auto; } .navi-footer ul.level_1 li { float: none; /* left; */ width: auto; padding: 0; } .navi-footer ul.level_1.footer-left>li { margin-bottom: 25px; } .navi-footer ul.level_1>li.footer-left-center { margin-left: 0; margin-right: 0; } .navi-footer ul.level_1>li.navi-footer-last { width: 100%; margin-top: 20px; } .navi-footer ul.level_1>li>a, .navi-footer ul.level_1>li>span { font-size: 13px; } .navi-footer ul.level_2 { float: none; margin: 10px 0 0 0; } .navi-footer ul.level_2 li { padding: 0 0 5px; } .navi-footer ul.level_1 a, .navi-footer ul.level_2 span { font-size: 13px; } /* Currently not used a.madika-link { width: 120px; height: 70px; } a.madika-link img.madika-img { width: 50px; } a.madika-link img.trusted-img { width: 45px; } */ /*---------------------------------------------------------- Footer Logos ------------------------------------------------------------*/ .footer-logos { width: 100%; height: auto; text-align: center; margin: 20px auto 0; } .footer-logos-img { width: 300px; height: auto; margin: 0 auto; padding: 0; } .footer-logos-img img { width: 100px; padding: 0 5px; } .footer-social-media-icons { background: #f4f4f4; text-align: center; margin-top: 15px; margin-right: 0px; } /*---------------------------------------------------------- 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: 699px) { /* (max-width: 549px) */ /*---------------------------------------------------------- Table - 8 Colntao ------------------------------------------------------------*/ .table-contao { padding: 30px 0; } .table-contao .table-title th { padding: 10px; text-align: center; } .table-contao .table-title th:last-child { padding: 10px; } .table-contao .table-row td { padding: 13px 10px; } .table-contao .table-row td:last-child { padding: 13px 10px; } /*---------------------------------------------------------- Table - 8 Colomns ------------------------------------------------------------*/ .col-tab-1, .col-tab-2, .col-tab-3, .col-tab-4, .col-tab-5 { width: auto; } .table-title th { text-align: center; } .table-title th:last-child { padding: 10px 7px; } .tablesaw th span { display: table-cell; height: 50px; vertical-align: middle; text-align: center; } .table-row td:last-child { padding: 7px 0; } #main .tablesaw td p, .fancybox-type-inline .tablesaw td p { display: table-cell; height: 40px; vertical-align: middle; text-align: center; } .tablesaw th.tablesaw-cell-persist span, #main .tablesaw td.tablesaw-cell-persist p, .fancybox-type-inline .tablesaw td.tablesaw-cell-persist p { text-align: left; } #main a.button-green-table, .fancybox-type-inline a.button-green-table { padding: 6px 7px 5px; } .table-add-top { padding-bottom: 15px; } /*---------------------------------------------------------- Table - Fullwidth ------------------------------------------------------------*/ .table-fullwidth .col-tab-1, .table-fullwidth .col-tab-2, .table-fullwidth .col-tab-3, .table-fullwidth .col-tab-4, .table-fullwidth .col-tab-5 { width: auto; } /*---------------------------------------------------------- Table - Image and Headline ------------------------------------------------------------*/ .table-img .col-tab-1, .table-img .col-tab-2, .table-img .col-tab-3, .table-img .col-tab-4, .table-img .col-tab-5 { width: auto; } /*---------------------------------------------------------- Table Madika Button and PDF-File ------------------------------------------------------------*/ #main a.button-green-table.button-violet, .fancybox-type-inline a.button-green-table.button-violet { padding: 6px 3px 5px; } /* #main a.file-icon, .fancybox-type-inline a.file-icon { margin-left: 5px; } */ /*---------------------------------------------------------- Table Search / Sort ------------------------------------------------------------*/ .table-fullwidth-container input { margin: 0 10px 10px 0; } } @media only screen and (max-width: 499px) { /*---------------------------------------------------------- General ------------------------------------------------------------*/ .visible-xs-xs { display: block; } .hidden-xs-xs { display: none; } /*---------------------------------------------------------- Header ------------------------------------------------------------*/ #header-top .inside { padding: 10px 0 10px; } #navi-mobile { padding: 17px 0 0 10px; } .navi-mobile-inside { width: 35px; line-height: 1.1; } #navi-mobile a { font-size: 11px; letter-spacing: 1.3px; } #navi-mobile span.icon-navicon { font-size: 2.6em; } #navi-mobile span.icon-menu { font-size: 1.8em; } .shop-top-mobile { width: 29px; margin: -2px 0 0 8px; } .ie .shop-top-mobile { margin: 0 0 0 8px; } .shop-top-mobile img { width: 29px; } #logo-mobile { height: auto; padding: 0; } #logo-mobile a { width: 130px; } #logo-mobile img { width: 130px; height: auto; margin: 9px auto; } .contact-top-mobile { padding: 7px 10px 0 0; /* 6px 10px 0 0; */ } .contact-top-mobile a.email { margin-left: 7px; } .contact-top-mobile span { font-size: 2.25em; /* 2.3em; */ } .contact-top-mobile span.icon-mail { font-size: 2em; line-height: 1.15; } /*---------------------------------------------------------- Awards Element ------------------------------------------------------------*/ .awards-container { padding: 0 0 20px; margin-bottom: 20px; } .awards-row { width: 100%; } .awards-row .awards-col { float: none; margin: 0 auto; } .awards-row.img-num-4 .awards-col { width: 236px; height: 210px; padding: 1px; } .awards-row.img-num-5 .awards-col { width: 236px; height: 210px; } .awards-row.img-num-4 .awards-col:before { height: 180px; } .awards-row.img-num-5 .awards-col:before { height: 180px; } .awards-row.img-num-4 .awards-col:after { width: 206px; } .awards-row.img-num-5 .awards-col:after { width: 206px; } .awards-row .awards-col.last-row-mobile:after { background: #c8c8c8; } .awards-row .awards-col:before, .awards-row .awards-col.last-elem-row:before, .awards-row .awards-col.last-elem-row-mobile:before, .awards-row .awards-col.last-elem-mob:after { background: #fff; } } /*---------------------------------------------------------- Contact Page for Mobile ------------------------------------------------------------*/ @media only screen and (max-width: 460px) { /*---------------------------------------------------------- Content Slider ------------------------------------------------------------*/ .sidebar .content-slider .slide-content, .fullwidth .content-slider .slide-content { height: 180px; } #main .content-slider h3.slide-content-label-small br { display: none; } /* Slider nav-bullets and arrows */ .content-slider.rsts-skin-default .rsts-nav { top: 165px; } .content-slider.rsts-skin-default .rsts-prev, .content-slider.rsts-skin-default .rsts-next { top: 90px; } .content-slider.rsts-skin-default .rsts-prev { left: 8px; } .content-slider.rsts-skin-default .rsts-next { right: 8px; } /*---------------------------------------------------------- Contact Form for Mobile ------------------------------------------------------------*/ .subform #main { padding: 20px 15px 30px; } } /* Cookiebot */ #CybotCookiebotDialog { border: 8px solid #FFF !important; border-radius: 0 !important; padding: 0 !important; } #CybotCookiebotDialog #CybotCookiebotDialogBody { padding: 40px !important; background: url('../../files/themes/theme_one/img/cookie-background.png') !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle { font-family: 'SohoGothicPro-Light', sans-serif; color: #157998; text-align: center !important; font-size: 18px; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContent { padding: 0 !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDetails { float: left !important; background-image: initial !important; border: 1px solid #157998 !important; padding: 9px 40px !important; color: #157998; border-radius: 2px; text-decoration: none; order: 1; margin-right: 16px !important; font-size: 13px !important; text-transform: uppercase !important; border-radius: 2px !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept { order: 2; font-size: 13px !important; padding: 9px 40px !important; text-transform: uppercase !important; border-radius: 2px !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText { font-family: Rubik, sans-serif !important; text-align: center !important; margin-top: 24px !important; margin-bottom: 20px !important; line-height: 22px !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a { text-decoration: none !important; font-family: inherit !important; font-size: inherit !important; color:#157998; } #CybotCookiebotDialog #CybotCookiebotDialogBodyButtons { font-family: Rubik, sans-serif; padding: 0; margin: 0; display: flex; justify-content: center; } .tb-trees-badge--floating.bottom-right { left: auto; right: 0px !important; bottom: 65px !important; } /* New Header bar */ .header-bar { background:#F4F4F4; height:25px; width:100%; } .header-bar-wrapper { height:25px; width: 1180px; margin: 0 auto; padding-top:0; border-bottom:none; display: flex; justify-content: space-between; } .header-bar-wrapper > p { font-family: 'SohoGothicPro-Light', sans-serif; font-size:11px; letter-spacing: 0px; color: #6D6E71; display: flex; align-items: center; } .header-bar-wrapper a { text-decoration: underline; } .item-wrapper { width: 100%; display: flex; align-items: center; } @media only screen and (max-width: 979px) { .eg-contact, .shop-top, .eg-phone-number { display: none; } .contact-top img { margin-bottom: 0!important; width:30px; } .item-wrapper { justify-content: flex-end; margin-right: 15px; } } @media only screen and (min-width: 961px) and (max-width: 1024px) { /* Laptop */ .footer-social-media-icons { margin-right: 10px; } .tb-trees-badge--floating.bottom-right { bottom: 65px !important; } #back-top { bottom: 165px; } .footer-social-media-icons { margin-right: 0px; margin-top: 0px; } .contact-top-link { margin-left: 10px; } .contact-top-link img { margin-right: 6px; } } @media only screen and (max-width: 1259px) and (min-width: 1025px) { /* Laptop */ .footer-social-media-icons { margin-right: 0px; margin-top: 0px; } .contact-top-link { margin-left: 10px; } .contact-top-link img { margin-right: 6px; } } /*---------------------------------------------------------- Sidebar - Badges - CSS ------------------------------------------------------------*/ .calendly-overlay { z-index: 9999999 !important; } .ma-badge-container { z-index: 2147483648; } @media (max-width: 991px) { .ma-badge-container { width: 100%; display: flex; float: left; flex-direction: row; position: fixed; bottom: 0; } } .ma-badge-container .ma-badge { position: fixed; right: 0; height: 64px; margin-bottom: 2px; background: #007a97; margin-right: -224px; transition: all 400ms ease-in-out; z-index: 2147483648; } .ma-badge-remove-zindex { z-index: 900 !important; } @media (max-width: 991px) { .ma-badge-container .ma-badge { height: 50px; bottom: 0; right: auto; top: auto !important; margin: 0; position: relative; width: 25%; } } .ma-badge-container .ma-badge:nth-child(1) { top: calc(50% - 99px); } .ma-badge-container .ma-badge:nth-child(2) { top: calc(50% - 33px); } .ma-badge-container .ma-badge:nth-child(3) { top: calc(50% + 33px); } .ma-badge-container .ma-badge:nth-child(4) { top: calc(50% + 99px); } .ma-badge-container .ma-badge:nth-child(4) .ma-badge-content { height: auto; } @media (max-width: 991px) { .ma-badge-container .ma-badge:nth-child(4) .ma-badge-content { display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; } } .ma-badge-container .ma-badge:nth-child(4) .ma-badge-headline:nth-child(1n+2) { margin-top: 10px; } .ma-badge-container .ma-badge.badge-visible { margin-right: 0; } @media (max-width: 991px) { .ma-badge-container .ma-badge.badge-visible { background: #008aab; } .ma-badge-container .ma-badge.badge-visible .ma-badge-content { display: flex; bottom: 50px; position: fixed; max-height: 100%; left: 0; right: 0; width: 100%; } } .ma-badge-container .ma-badge-icon { width: 72px; height: 64px; float: left; display: flex; justify-content: center; align-items: center; flex-direction: column; } @media (max-width: 991px) { .ma-badge-container .ma-badge-icon { width: 100%; height: 50px; } } .ma-badge-container .ma-badge-icon-text { text-transform: uppercase; color: #fff; font-size: 12px; line-height: 14px; margin-top: 8px; } @media (max-width: 991px) { .ma-badge-container .ma-badge-icon-text { display: none; } } .ma-badge-container .ma-badge-headline { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 14px; font-weight: bold; color: #000; display: flex; } .ma-badge-container .ma-badge-text { margin: 0; display: flex; text-decoration: underline; font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; margin-top: 6px; color: #000; } @media (max-width: 991px) { .ma-badge-container .ma-badge-text { margin-top: 6px; } } .ma-badge-container .ma-badge-text a { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; color: #000; text-decoration: underline; } .ma-badge-container .ma-badge-content { display: flex; width: 224px; height: 64px; margin: 0; background: #fff; justify-content: center; flex-direction: column; align-items: flex-start; padding: 13px 0 13px 10px; } @media (max-width: 991px) and (min-width: 768px) { .ma-badge-container .ma-badge-content { align-items: center; } } @media (max-width: 991px) { .ma-badge-container .ma-badge-content { display: none; padding: 22px; height: auto; max-height: 0; box-shadow: 0 0 16px rgba(0, 0, 0, 0.15); } } .ma-badge-container .ma-badge-content .ma-badge-wrapper:last-child { margin-top: 8px; } @media (max-width: 991px) { .ma-badge-container .ma-badge-content .ma-badge-wrapper:last-child { margin-top: 0; } } /*! Tablesaw - v2.0.2 - 2015-10-28 * https://github.com/filamentgroup/tablesaw * Copyright (c) 2015 Filament Group; Licensed */ @media only screen and (max-width: 699px) { table.tablesaw { empty-cells: show; max-width: 100%; width: 100%; } .tablesaw { border-collapse: collapse; width: 100%; } /* Structure */ .tablesaw { border: 0; padding: 0; } .tablesaw th { box-sizing: border-box; padding: 10px 7px; /* .5em .7em; */ } .tablesaw td { box-sizing: border-box; padding: 13px 7px; /* .5em .7em; */ } /* .tablesaw thead tr:first-child th { padding-top: .9em; padding-bottom: .7em; } */ .tablesaw-enhanced .tablesaw-bar .btn { border: 1px solid #ccc; background: none; background-color: #fafafa; box-shadow: 0 1px 0 rgba(255,255,255,1); color: #4a4a4a; clear: both; cursor: pointer; display: block; font: bold 20px/1 sans-serif; margin: 0; padding: .5em .85em .4em .85em; position: relative; text-align: center; text-decoration: none; text-transform: capitalize; text-shadow: 0 1px 0 #fff; width: 100%; /* Theming */ background-image: -webkit-linear-gradient(top, rgba( 255,255,255,.1 ) 0%, rgba( 255,255,255,.1 ) 50%, rgba( 170,170,170,.1 ) 55%, rgba( 120,120,120,.15 ) 100%); background-image: linear-gradient( top, rgba( 255,255,255,.1 ) 0%, rgba( 255,255,255,.1 ) 50%, rgba( 170,170,170,.1 ) 55%, rgba( 120,120,120,.15 ) 100% ); -webkit-appearance: none !important; -moz-appearance: none !important; box-sizing: border-box; -webkit-font-smoothing: antialiased; border-radius: .25em; } .tablesaw-enhanced .tablesaw-bar a.btn { color: #1c95d4; } .tablesaw-enhanced .tablesaw-bar .btn:hover { text-decoration: none; } /* Default radio/checkbox styling horizonal controlgroups. */ .tablesaw-enhanced .tablesaw-bar .btn:active { background-color: #ddd; background-image: -webkit-linear-gradient(top, rgba( 100,100,100,.35 ) 0%, rgba( 255,255,255,0 ) 70%); background-image: linear-gradient( top, rgba( 100,100,100,.35 ) 0%, rgba( 255,255,255,0 ) 70% ); } .tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus { color: #208de3; background-color: #fff; outline: none; } .tablesaw-bar .btn:focus { box-shadow: 0 0 .35em #4faeef !important; } .tablesaw-bar .btn-select select { background: none; border: none; display: block; position: absolute; font-weight: inherit; left: 0; top: 0; margin: 0; width: 100%; height: 100%; z-index: 2; min-height: 1em; } .tablesaw-bar .btn-select select { opacity: 0; filter: alpha(opacity=0); display: inline-block; color: transparent; } .tablesaw-bar .btn select option { background: #fff; color: #000; font-family: sans-serif; } .tablesaw-enhanced .tablesaw-bar .btn.btn-select { color: #4d4d4d; padding-right: 2.5em; min-width: 7.25em; text-align: left; text-indent: 0; } .tablesaw-bar .btn.btn-small, .tablesaw-bar .btn.btn-micro { display: inline-block; width: auto; height: auto; position: relative; top: 0; } .tablesaw-bar .btn.btn-small { font-size: 1.0625em; line-height: 19px; padding: .3em 1em .3em 1em; } .tablesaw-bar .btn.btn-micro { font-size: .8125em; padding: .4em .7em .25em .7em; } .tablesaw-enhanced .tablesaw-bar .btn-select { text-align: left; } .tablesaw-bar .btn-select:after { background: #e5e5e5; background: rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(255,255,255,.25); content: " "; display: block; position: absolute; } .tablesaw-bar .btn-select.btn-small, .tablesaw-bar .btn-select.btn-micro { padding-right: 1.5em; } .tablesaw-bar .btn-select:after { background: none; background-repeat: no-repeat; background-position: .25em .45em; content: "\25bc"; font-size: .55em; padding-top: 1.2em; padding-left: 1em; left: auto; right: 0; margin: 0; top: 0; bottom: 0; width: 1.8em; } .tablesaw-bar .btn-select.btn-small:after, .tablesaw-bar .btn-select.btn-micro:after { width: 1.2em; font-size: .5em; padding-top: 1em; padding-right: .5em; line-height: 1.65; background: none; box-shadow: none; border-left-width: 0; } /* Column navigation buttons for swipe and columntoggle tables */ .tablesaw-advance .btn { -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; text-shadow: 0 1px 0 #fff; border-radius: .25em; } .tablesaw-advance .btn.btn-micro { font-size: .8125em; padding: .3em .7em .25em .7em; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn { display: inline-block; overflow: hidden; width: 1.8em; height: 1.8em; background-position: 50% 50%; margin-left: .5em; position: relative; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before { content: "\0020"; overflow: hidden; width: 0; height: 0; position: absolute; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before { left: .5em; top: .65em; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #808080; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before { left: .5em; top: .65em; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #808080; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before, .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before { top: .45em; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before { left: .6em; border-right: 5px solid #808080; } .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before { left: .7em; border-left: 5px solid #808080; } .tablesaw-advance a.tablesaw-nav-btn.disabled { opacity: .25; filter: alpha(opacity=25); cursor: default; pointer-events: none; } /* Table Toolbar */ .tablesaw-bar { clear: both; font-family: sans-serif; } .tablesaw-toolbar { font-size: .875em; float: left; } .tablesaw-toolbar label { padding: .5em 0; clear: both; display: block; color: #888; margin-right: .5em; text-transform: uppercase; } .tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .btn { margin-top: .5em; margin-bottom: .5em; } .tablesaw-bar .btn-select, .tablesaw-enhanced .tablesaw-bar .btn-select { margin-bottom: 0; } .tablesaw-bar .tablesaw-toolbar .btn { margin-left: .4em; margin-top: 0; text-transform: uppercase; border: none; box-shadow: none; background: transparent; font-family: sans-serif; font-size: 1em; padding-left: .3em; } .tablesaw-bar .tablesaw-toolbar .btn-select { min-width: 0; } .tablesaw-bar .tablesaw-toolbar .btn-select:after { padding-top: .9em; } .tablesaw-bar .tablesaw-toolbar select { color: #888; text-transform: none; background: transparent; } .tablesaw-toolbar ~ table { clear: both; } .tablesaw-toolbar .a11y-sm { clip: rect(0 0 0 0); height: 1px; overflow: hidden; position: absolute; width: 1px; } @media (min-width: 24em) { .tablesaw-toolbar .a11y-sm { clip: none; height: auto; width: auto; position: static; overflow: visible; } } /* table.tablesaw tbody th { font-weight: bold; } table.tablesaw thead th, table.tablesaw thead td { color: #444; font-size: .9em; } */ .tablesaw th/* ,.tablesaw td */ { /* line-height: 1em; */ text-align: center; /* left; */ vertical-align: middle; } .tablesaw td, .tablesaw tbody th { vertical-align: middle; /* font-size: 1.17em; */ /* 19px */ } .tablesaw td .btn, .tablesaw tbody th .btn { margin: 0; } /* .tablesaw thead { border: 1px solid #e5e5e4; background: #e2dfdc; background-image: -webkit-linear-gradient(top, #fff, #e2dfdc); background-image: linear-gradient(to bottom, #fff, #e2dfdc); } .tablesaw thead th { font-weight: 100; color: #777; text-transform: uppercase; text-shadow: 0 1px 0 #fff; text-align: left; } .tablesaw thead tr:first-child th { font-weight: normal; font-family: sans-serif; border-right: 1px solid #e4e1de; } */ /* Table rows have a gray bottom stroke by default */ /* .tablesaw tbody tr { border-bottom: 1px solid #dfdfdf; } .tablesaw caption { text-align: left; margin-bottom: 0; opacity: .5; filter: alpha(opacity=50); line-height: 2.4; } */ /* Stack */ .tablesaw-cell-label-top { text-transform: uppercase; font-size: .9em; font-weight: normal; } .tablesaw-cell-label { font-size: .65em; text-transform: uppercase; color: #888; font-family: sans-serif; } /* @media only all { */ .tablesaw-swipe .tablesaw-cell-persist { border-right: 1px solid #e4e1de; } .tablesaw-swipe .tablesaw-cell-persist { box-shadow: 3px 0 4px -1px #e4e1de; } /* } */ /* Table rows have a gray bottom stroke by default */ .tablesaw-stack tbody tr { border-bottom: 1px solid #dfdfdf; } .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none; } /* Mobile first styles: Begin with the stacked presentation at narrow widths */ /* @media only all { */ /* Show the table cells as a block level element */ .tablesaw-stack td, .tablesaw-stack th { text-align: left; display: block; } .tablesaw-stack tr { clear: both; display: table-row; } /* Make the label elements a percentage width */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block; padding: 0 .6em 0 0; width: 30%; display: inline-block; } /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: .4em 0; margin: .4em 0; } .tablesaw-cell-label { display: block; } /* Avoid double strokes when stacked */ .tablesaw-stack tbody th.group { margin-top: -1px; } /* Avoid double strokes when stacked */ .tablesaw-stack th.group b.tablesaw-cell-label { display: none !important; } /* } */ @media (max-width: 39.9375em) { .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; } .tablesaw-stack tbody td, .tablesaw-stack tbody th { clear: left; float: left; width: 100%; } .tablesaw-cell-label { vertical-align: top; } .tablesaw-cell-content { max-width: 67%; display: inline-block; } .tablesaw-stack td:empty, .tablesaw-stack th:empty { display: none; } } /* Media query to show as a standard table at 560px (35em x 16px) or wider */ @media (min-width: 40em) { .tablesaw-stack tr { display: table-row; } /* Show the table header rows */ .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { display: table-cell; margin: 0; } /* Hide the labels in each cell */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none !important; } } .tablesaw-fix-persist { table-layout: auto; /* fixed; */ } /* @media only all { */ /* Unchecked manually: Always hide */ .tablesaw-swipe th.tablesaw-cell-hidden, .tablesaw-swipe td.tablesaw-cell-hidden { display: none; } /* } */ .btn.tablesaw-columntoggle-btn span { text-indent: -9999px; display: inline-block; } .tablesaw-columntoggle-btnwrap { position: relative; /* for dialog positioning */ } .tablesaw-columntoggle-btnwrap .dialog-content { padding: .5em; } .tablesaw-columntoggle tbody td { line-height: 1.5; } /* Remove top/bottom margins around the fieldcontain on check list */ .tablesaw-columntoggle-popup { display: none; } .tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup { display: block; position: absolute; top: 2em; right: 0; background-color: #fff; padding: .5em .8em; border: 1px solid #ccc; box-shadow: 0 1px 2px #ccc; border-radius: .2em; z-index: 1; } .tablesaw-columntoggle-popup fieldset { margin: 0; } /* Hide all prioritized columns by default */ /* @media only all { */ .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6, .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5, .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4, .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3, .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2, .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 { display: none; } /* } */ .tablesaw-columntoggle-btnwrap .dialog-content { top: 0 !important; right: 1em; left: auto !important; width: 12em; max-width: 18em; margin: -.5em auto 0; } .tablesaw-columntoggle-btnwrap .dialog-content:focus { outline-style: none; } /* Preset breakpoints if "" class added to table */ /* Show priority 1 at 320px (20em x 16px) */ @media (min-width: 20em) { .tablesaw-columntoggle th.tablesaw-priority-1, .tablesaw-columntoggle td.tablesaw-priority-1 { display: table-cell; } } /* Show priority 2 at 480px (30em x 16px) */ @media (min-width: 30em) { .tablesaw-columntoggle th.tablesaw-priority-2, .tablesaw-columntoggle td.tablesaw-priority-2 { display: table-cell; } } /* Show priority 3 at 640px (40em x 16px) */ @media (min-width: 40em) { .tablesaw-columntoggle th.tablesaw-priority-3, .tablesaw-columntoggle td.tablesaw-priority-3 { display: table-cell; } .tablesaw-columntoggle tbody td { line-height: 2; } } /* Show priority 4 at 800px (50em x 16px) */ @media (min-width: 50em) { .tablesaw-columntoggle th.tablesaw-priority-4, .tablesaw-columntoggle td.tablesaw-priority-4 { display: table-cell; } } /* Show priority 5 at 960px (60em x 16px) */ @media (min-width: 60em) { .tablesaw-columntoggle th.tablesaw-priority-5, .tablesaw-columntoggle td.tablesaw-priority-5 { display: table-cell; } } /* Show priority 6 at 1,120px (70em x 16px) */ @media (min-width: 70em) { .tablesaw-columntoggle th.tablesaw-priority-6, .tablesaw-columntoggle td.tablesaw-priority-6 { display: table-cell; } } @media only all { /* Unchecked manually: Always hide */ .tablesaw-columntoggle th.tablesaw-cell-hidden, .tablesaw-columntoggle td.tablesaw-cell-hidden { display: none; } /* Checked manually: Always show */ .tablesaw-columntoggle th.tablesaw-cell-visible, .tablesaw-columntoggle td.tablesaw-cell-visible { display: table-cell; } } .tablesaw-columntoggle-popup .btn-group > label { display: block; padding: .2em 0; white-space: nowrap; } .tablesaw-columntoggle-popup .btn-group > label input { margin-right: .8em; } .tablesaw-sortable, .tablesaw-sortable thead, .tablesaw-sortable thead tr, .tablesaw-sortable thead tr th { position: relative; } .tablesaw-sortable thead tr th { padding-right: 1.6em; vertical-align: top; } .tablesaw-sortable th.tablesaw-sortable-head, .tablesaw-sortable tr:first-child th.tablesaw-sortable-head { padding: 0; } .tablesaw-sortable th.tablesaw-sortable-head button { padding-top: .9em; padding-bottom: .7em; padding-left: .6em; padding-right: 1.6em; } .tablesaw-sortable .tablesaw-sortable-head button { min-width: 100%; color: inherit; background: transparent; border: 0; padding: 0; text-align: left; font: inherit; text-transform: inherit; position: relative; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after, .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after { width: 7px; height: 10px; content: "\0020"; position: absolute; right: .5em; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after { content: "\2191"; } .tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after { content: "\2193"; } .tablesaw-sortable .not-applicable:after { content: "--"; display: block; } .tablesaw-sortable .not-applicable span { display: none; } .tablesaw-advance { text-align: right; } .tablesaw-advance.minimap { margin-right: .4em; } .tablesaw-advance-dots { float: left; margin: 0; padding: 0; list-style: none; } .tablesaw-advance-dots li { display: table-cell; margin: 0; padding: .4em .2em; } .tablesaw-advance-dots li i { width: .25em; height: .25em; background: #555; border-radius: 100%; display: inline-block; } .tablesaw-advance-dots-hide { opacity: .25; filter: alpha(opacity=25); cursor: default; pointer-events: none; } /* @media (min-width: 40em) { .tablesaw td { line-height: 2em; } } */ } /* @media (min-width: 25em) { .tablesaw caption { margin-bottom: .6em; line-height: 1.2; } } */ /* Aufzählungspunkte in Blogbeiträgen - diese sollen von links eingerückt sein (30px vor dem Punkt und 20px danach) Abstand nach dem Punkt (padding-left) ist nicht nötig, da hier eine Klasse drüber (.ce_rsce_table_fullwidth li) dies bereits vorgibt: padding 0 0 10px 20px */ .aufzaehlung { margin-left: 30px; } @media only screen and (max-width: 1259px) { } @media only screen and (max-width: 979px) { } @media only screen and (max-width: 767px) { .footer-logo-carbon img { margin: auto; } } #main ul > li > ul, #main ol > li > ol, #main ul > li > ol, #main ol > li > ul{ padding-left: 20px; } #main ul > li > ul > li, #main ol > li > ol > li, #main ul > li > ol > li, #main ol > li > ul > li { padding: 0 0 10px 20px; } .ce_image.no-padding > .image_container { padding:0!important; } .fit-screen-size > iframe { width: 100%; /*height:auto;*/ } .mod_rocksolid_slider.new-slider.rsts-skin-default .carousel-image-caption { font-family: 'SohoGothicPro', Arial, sans-serif; font-size: 13px; text-align: center; margin-top: 10px; } .block.new-slider { overflow: visible; } #main .mod_rocksolid_slider.new-slider.rsts-skin-default .rsts-prev, #main .mod_rocksolid_slider.new-slider.rsts-skin-default .rsts-next { box-shadow: none; border: 0; border-radius: 0; height: 35px; background: none; top: calc(50% - 17px); } #main .mod_rocksolid_slider.new-slider.rsts-skin-default .rsts-prev { left: -30px; } #main .mod_rocksolid_slider.new-slider.rsts-skin-default .rsts-next { right: -30px; } #main .mod_rocksolid_slider.new-slider.rsts-skin-default .rsts-prev:before { position: absolute; left: 0; top: 0; content: "\e906"; color: #6d6e71; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } #main .mod_rocksolid_slider.new-slider.rsts-skin-default .rsts-next:before { position: absolute; left: 0; top: 0; content: "\e907"; color: #6d6e71; font-size: 35px; font-family: "icomoon"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; text-indent: 0; } .contactform.simpleform .widget.widget-textarea { height: auto; } .contactform.simpleform button[type="submit"] { background: #007a97; } /* ---------------------------------- Fancybox overwrites: -------------------------------------*/ .fancybox-opened { background: white; } /* ---------------------------------- other overwrites: -------------------------------------*/ a.button-green.button-madika { background: #8a277d; margin-top: 25px; } .rating-microdata { margin-top: 30px; } .button-madika a.button-green { background: #8a277d; } a.button-green.custom-button-madika { background: #8a277d; } .ce_rsce_teaser_box.teaser-boxes-container { border-top: 0; border-bottom: 0; padding: 0; } .awards-container { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } .button-green, .button-green, .button-blue { font-family: 'SohoGothicPro' !important; text-transform: uppercase !important; padding: 7px 30px 7px !important; letter-spacing: 1px!important; } /* -------------------------------------------- Cookie note ---------------------------------------------*/ .mod_cms_accept_tags .formbody .widget-submit { text-align: center !important; } .mod_cms_accept_tags button, .mod_cms_cookie_bar button { font-size: 14px; font-weight: bold; cursor: pointer; } .mod_cms_accept_tags button[value="accept"], .mod_cms_cookie_bar button[value="accept"] { background-color: #007a97 !important; } .mod_cms_accept_tags form button[name="submit"][value="accept"] { background-color: #5f6360 !important; } .mod_cms_accept_tags form { max-width: 600px !important; } .mod_cms_accept_tags { align-items: baseline !important; } .color_font { color: #81594c; } .color_titel { color: #81594c; font-size: 24px; font-weight: bold; } .mod_cms_accept_tags form>.tags>div .head input:checked+label { background: #4cd642 !important; } /*optim-fallback*/ .ce_optin_fallback { border: 5px solid #c8c8c8; text-align: center; padding: 5px 10px; font-family: 'SohoGothicPro', Arial, sans-serif; margin-bottom: 10px; } .ce_optin_fallback p { padding-bottom: 5px!important; line-height: 1.1!important; } .ce_optin_fallback img { width: 80px; } .fallback-t1 { margin-top: 5px; margin-bottom: 5px; display: inline-block; font-size: 14px; color: #c8c8c8; } span.h2 { font-size: 12px; text-transform: uppercase; color: #007a97; } .fallback-t2 { font-size: 12px; color: #c8c8c8; margin-top: 5px; display: inline-block; } .fallback-t2-2 { display: none; } p.buttonblock { margin-top: 10px; } a.button-green { text-transform: none; letter-spacing: normal; } a.button-green::before, a.button-green::after { content: none; height: 0 !important; } /*col-3 4spalten*/ .col-3 .ce_optin_fallback { border: 3px solid #c8c8c8; } .col-3 .ce_optin_fallback img { width: 50px; } .col-3 .fallback-t1 { font-size: 12px; margin: 0; } .col-3 span.h2 { font-size: 10px; } @media only screen and (min-width: 980px) { .fallback-t2-2 { display: contents; } .ce_optin_fallback { padding: 10px 20px; } .ce_optin_fallback p { line-height: 1.3!important; } .col-3 a.button-green { font-size: 11px; } } @media only screen and (min-width:768px) { .col-3 .fallback-t2 { display: none; } } /*ende*/ #main .navi-anchor ul li a { font-weight: 900; } .navi-anchor ul li { padding: 0 38px 0 0; } .navi-anchor ul li:after { right: 17px; } #onesignal-popover-container { z-index: 1000 !important; } #container #main .h1-style, #container #main .h2-style { -webkit-font-smoothing: antialiased; border: 0; box-sizing: border-box; margin: 0; font-weight: normal; font-family: 'SohoGothicPro', Arial, sans-serif; color: #81594c; letter-spacing: 2px; text-transform: uppercase; line-height: 1.5; padding: 20px 0 25px; font-size: 24px; word-break: break-word; } #container #main .h1-style { font-size: 26px; } #container #main .text-h3, #container #main .h3-style { -webkit-font-smoothing: antialiased; text-align: center; border: 0; box-sizing: border-box; margin: 0; font-weight: normal; font-family: 'SohoGothicPro', Arial, sans-serif; letter-spacing: 3px; text-transform: uppercase; line-height: 1.5; font-size: 19px; display: inline; color: #007a97; padding: 0; } #container #main .h4-style { font-size: 100.01%; font-family: Arial, sans-serif; color: #6d6e71; -webkit-font-smoothing: antialiased; border: 0; box-sizing: border-box; margin: 0; padding: 0; font-weight: normal; } #container #main .h5-style { font-family: Arial, sans-serif; color: #6d6e71; -webkit-font-smoothing: antialiased; border: 0; box-sizing: border-box; margin: 0; padding: 0; font-weight: normal; } #container #main .h6-style { font-family: Arial, sans-serif; color: #6d6e71; -webkit-font-smoothing: antialiased; border: 0; box-sizing: border-box; margin: 0; padding: 0; font-weight: normal; } #main p, .fancybox-type-inline p { padding: 0 0 16px; } #footer { padding: 70px 0 100px; } .footer-logos { margin: 77px 0 0; } .footer-logo-carbon { display: flex; align-items: center; margin-top: 20px; } .footer-social-media-icons { margin-right: 0; margin-top: 15px; } @media only screen and (max-width: 979px) { .highlight-content { background-color: RGBA(0,122,151,0.4); height: auto; bottom: 0px; } } #main .mod_rocksolid_slider.contactslider.rsts-skin-default .rsts-next:after { opacity: 0.7; } @media only screen and (max-width: 1259px) { #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-prev, #main .mod_rocksolid_slider.galleryslider.rsts-skin-default .rsts-next { opacity: 0.7; } } @media only screen and (max-width: 979px) { #main p, .fancybox-type-inline p { font-size: 16px; } .standard.sidebar .highlight-boxes .teaser-box-image a:hover img, .standard.sidebar .highlight-boxes .teaser-box-image a img { bottom: 0; } #main p, .fancybox-type-inline p { line-height: 1.6; } .navi-footer ul.level_2 li { padding: 0 0 15px; } .navi-footer ul.level_1 a, .navi-footer ul.level_2 span { font-size: 14px; } } @media only screen and (max-width: 767px) { .sidebar .mod_rocksolid_slider.content-slider { border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; padding: 20px 0; margin: 50px 0; } #container #main .h1-style, #container #main .h2-style { word-break: break-word; } #banner { height: 276px; } } .mod_cms_accept_tags.block { display: none!important; } #banner .rsts-slide { overflow: hidden !important; } @media (min-width: 979px) { .mobile-title { display: none; } } .products .navi-sidebar ul.level_1 > li > a:before { display: none; } .products .navi-sidebar ul.level_1>li.active>span:before { display: none; } .products .navi-sidebar ul.level_1>li>a, .products .navi-sidebar ul.level_1>li.active>span { padding-left: 0 !important; } .navi-sidebar ul.level_1>li.navi-spacing { margin-bottom: 0; border-bottom: 0; } /* nunito-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Nunito'; font-style: normal; font-weight: 300; src: url('/files/themes/theme-egger/fonts/nunito-v26-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/themes/theme-egger/fonts/nunito-v26-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* nunito-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Nunito'; font-style: italic; font-weight: 300; src: url('/files/themes/theme-egger/fonts/nunito-v26-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/themes/theme-egger/fonts/nunito-v26-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* nunito-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Nunito'; font-style: normal; font-weight: 400; src: url('/files/themes/theme-egger/fonts/nunito-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/themes/theme-egger/fonts/nunito-v26-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* nunito-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Nunito'; font-style: italic; font-weight: 400; src: url('/files/themes/theme-egger/fonts/nunito-v26-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/themes/theme-egger/fonts/nunito-v26-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* nunito-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Nunito'; font-style: normal; font-weight: 500; src: url('/files/themes/theme-egger/fonts/nunito-v26-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/themes/theme-egger/fonts/nunito-v26-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* nunito-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Nunito'; font-style: italic; font-weight: 500; src: url('/files/themes/theme-egger/fonts/nunito-v26-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/themes/theme-egger/fonts/nunito-v26-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* nunito-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Nunito'; font-style: normal; font-weight: 700; src: url('/files/themes/theme-egger/fonts/nunito-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/themes/theme-egger/fonts/nunito-v26-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* nunito-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Nunito'; font-style: italic; font-weight: 700; src: url('/files/themes/theme-egger/fonts/nunito-v26-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/themes/theme-egger/fonts/nunito-v26-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } #header.rework-2025 { /* Dropdown / Mega Menu */ /* Mobile Menu Toggle */ /* Mobile styles */ } #header.rework-2025 #header-top .inside { padding-top: 10px; } #header.rework-2025 .navi-main ul.level_1 > li > a, #header.rework-2025 .navi-main ul.level_1 > li.active > span { text-transform: none; } #header.rework-2025 .contact-top a.whatsapp, #header.rework-2025 .contact-top a.phone, #header.rework-2025 .contact-top a.email { font-family: "Nunito", Arial, sans-serif; } #header.rework-2025 .navi-main ul.level_1 { border-bottom: 1px solid #c8c8c8; } #header.rework-2025 #logo img { margin-top: -25px !important; height: 130px !important; } #header.rework-2025 .item-wrapper { padding: 0 225px 0 35px; justify-content: end; margin-top: -10px; } #header.rework-2025 .item-wrapper .contact-options { margin-left: 65px; } #header.rework-2025 .item-wrapper .contact-options a { display: flex; font-size: 14px; line-height: 21px; } #header.rework-2025 .item-wrapper .contact-options a:hover { color: #007a97; } #header.rework-2025 .item-wrapper .contact-options a img { margin-right: 10px; } #header.rework-2025 .search-container { margin-left: 30px; width: 300px; position: relative; z-index: 100000; } #header.rework-2025 .search-container input { border: 1px solid #c8c8c8; border-radius: 10px; height: 40px; line-height: 40px; width: 300px; padding: 0 10px; } #header.rework-2025 .search-container i { position: absolute; right: 13px; top: 11px; font-size: 18px; cursor: pointer; } #header.rework-2025 .search-container i.header-search-clear { right: 40px; color: #c8c8c8; } #header.rework-2025 .search-container i.header-search-clear:not(.visible) { display: none; } #header.rework-2025 .search-container .header-search-result { display: none; position: absolute; background: white; border: 1px solid #c8c8c8; max-height: 400px; overflow-y: auto; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12); z-index: 999999; } #header.rework-2025 .search-container .header-search-result.visible { display: block; } #header.rework-2025 .search-container .header-search-result ul { list-style: none; padding: 10px 0 0; margin: 0; } #header.rework-2025 .search-container .header-search-result ul li { line-height: 40px; padding: 0 15px; margin-bottom: 15px; } #header.rework-2025 .search-container .header-search-result ul li.search-product .image-thumb { align-self: center; min-width: 60px; } #header.rework-2025 .search-container .header-search-result ul li.search-product .image-thumb img { height: 45px; margin-right: 20px; } #header.rework-2025 .search-container .header-search-result ul li.search-product .search-name { padding-top: 3px; } #header.rework-2025 .search-container .header-search-result ul li:not(.no-result) .search-name { line-height: 20px; } #header.rework-2025 .search-container .header-search-result ul li:not(.no-result) .search-name div:nth-child(1) { font-weight: 500; } #header.rework-2025 .search-container .header-search-result ul li:not(.no-result) .search-name div:nth-child(2) { font-size: 13px; line-height: 17px; } #header.rework-2025 .search-container .header-search-result ul li:not(.no-result) .size-name { line-height: 20px; } #header.rework-2025 .search-container .header-search-result ul li:not(.no-result) .size-name div:nth-child(1) { font-weight: 500; } #header.rework-2025 .search-container .header-search-result ul li:not(.no-result) .size-name div:nth-child(2) { font-weight: 400; } #header.rework-2025 .search-container .header-search-result ul li:not(.no-result) .size-name div:nth-child(3) { font-size: 13px; line-height: 17px; } #header.rework-2025 .search-container .header-search-result ul li:not(.no-result):hover { display: block; } #header.rework-2025 .search-container .header-search-result ul li:not(.no-result) a { display: flex; } #header.rework-2025 .search-container .header-search-result ul li:not(.no-result) a:hover { color: #007a97; } #header.rework-2025 .search-container .header-search-result ul li.no-result { margin-bottom: 10px; color: #c8c8c8; } #header.rework-2025 .search-container .header-search-result ul li.no-result.info-message { line-height: 24px; } #header.rework-2025 .search-container .header-search-result ul li.no-result.info-message a { color: #007a97; } #header.rework-2025 .search-container .header-search-result ul li.no-result.last-result { border-top: 1px solid #c8c8c8; padding-top: 10px; line-height: 24px; } #header.rework-2025 .search-container .header-search-result ul li.no-result.last-result a { color: #007a97; } #header.rework-2025 .search-container .header-search-result .header-search-default { color: #007a97; } #header.rework-2025 .shop-top { margin-bottom: 0; font-family: "Nunito", Arial, sans-serif; text-transform: none; border-radius: 10px; } #header.rework-2025 .shop-top a { text-align: center; font-size: 15px; line-height: 18px; } #header.rework-2025 .shop-top:hover { opacity: 0.8; } @media (max-width: 978px) { #header.rework-2025 { border-bottom: 1px solid #c8c8c8; } #header.rework-2025 #navi-mobile { display: none; } #header.rework-2025 > .inside { display: flex; padding: 5px 0; height: 60px; } #header.rework-2025 > .inside #header-top { order: 2; } #header.rework-2025 > .inside #header-top .inside { padding: 0; border-bottom: none; } #header.rework-2025 > .inside .mega-nav { order: 1; border: none; align-content: center; position: initial; } #header.rework-2025 > .inside .mod_breadcrumb.navi-breadcrumb { display: none; } #header.rework-2025 #logo { display: none !important; } #header.rework-2025 #logo-mobile { display: block !important; width: 40%; height: auto; padding: 0 0 10px; } #header.rework-2025 #logo-mobile img { display: block !important; max-height: 60px; } #header.rework-2025 #logo-mobile img { margin: 0; } #header.rework-2025 .item-wrapper { padding: 0 15px; justify-content: end; margin-right: 0; max-height: 60px; } #header.rework-2025 .item-wrapper .search-container { display: none; } #header.rework-2025 .item-wrapper .contact-options { display: flex; margin: 10px 0 0; } #header.rework-2025 .item-wrapper .contact-options a img { margin-right: 0; } #header.rework-2025 .item-wrapper .contact-options a:not(:last-child) img { margin-right: 20px; } #header.rework-2025 .item-wrapper .contact-options a img { width: 26px; } } #header.rework-2025 .mega-nav { position: relative; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } #header.rework-2025 .eggerdruck-menu { font-family: "Nunito", Arial, sans-serif; font-size: 17px; list-style: none; padding: 0; display: flex; width: 1180px; margin: 0 auto; } #header.rework-2025 .eggerdruck-menu:before { border-bottom: 1px solid #e0e0e0; content: ""; width: 100%; position: absolute; top: 40px; margin: 0; left: 0; z-index: 1000; } #header.rework-2025 .eggerdruck-menu > .menu-item > a { line-height: 40px; height: 40px; padding: 0 25px; } #header.rework-2025 .menu-item a { display: flex; padding: 5px 15px; text-decoration: none; color: #333; } #header.rework-2025 .menu-item:hover:has(.dropdown) { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } #header.rework-2025 .menu-item:hover:has(.dropdown):after { content: ""; width: 100%; margin: 0; left: 0; border-top: 1px solid white; z-index: 1001; display: block; position: relative; } #header.rework-2025 .menu-item:hover > a { color: #007a97; font-weight: bold; } #header.rework-2025 .menu-item:hover .dropdown-icon { color: #007a97; } #header.rework-2025 .dropdown { position: absolute; left: 0; top: 100%; width: 100%; background: #fff; display: none; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); z-index: 100; } #header.rework-2025 .dropdown-icon, #header.rework-2025 .dropdown-sub-icon { color: #333; font-size: 6px; font-family: "icomoon"; } #header.rework-2025 .dropdown-icon { display: block; float: right; margin-left: 8px; } #header.rework-2025 .dropdown-sub-icon { transform: rotate(-90deg); display: block; margin-left: auto; font-size: 5px; align-self: center; } #header.rework-2025 .menu-item:hover > .dropdown, #header.rework-2025 .menu-item:focus-within > .dropdown { display: block; } #header.rework-2025 .dropdown-inner { display: flex; flex-wrap: wrap; width: 1180px; margin: 0 auto; flex-flow: row; } #header.rework-2025 .dropdown-level-2 { border-right: 1px solid #e0e0e0; padding-top: 20px; padding-bottom: 30px; } #header.rework-2025 .dropdown-level-2 .menu-item .column-title { line-height: 20px; padding: 0; margin: 0; } #header.rework-2025 .dropdown-level-3 { padding-top: 20px; padding-left: 40px; padding-bottom: 20px; width: 100%; } #header.rework-2025 .dropdown-level-3 .mobile-back { display: none; } #header.rework-2025 .dropdown-column { flex: 1; width: 100%; min-width: 250px; display: flex; flex-flow: column; } #header.rework-2025 .dropdown-column:last-child { margin-right: 0; } #header.rework-2025 .column-title { font-weight: bold; display: block; margin-bottom: 5px; font-size: 16px; column-gap: 20px; white-space: nowrap; min-width: 200px; } #header.rework-2025 .column-title:hover, #header.rework-2025 .column-title.active { color: #007a97; } #header.rework-2025 .column-title:hover .dropdown-sub-icon, #header.rework-2025 .column-title.active .dropdown-sub-icon { color: #007a97; } #header.rework-2025 .column-image { max-width: 100%; height: auto; margin-bottom: 10px; } #header.rework-2025 .sub-menu { list-style: none; padding: 0; display: none; } #header.rework-2025 .sub-menu.show { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } #header.rework-2025 .sub-menu li a { display: block; padding: 5px 0; color: #555; text-decoration: none; } #header.rework-2025 .sub-menu li a:hover { color: #007a97; } #header.rework-2025 .mobile-menu-toggle { display: none; background: none; border: none; font-size: 1.5em; cursor: pointer; } @media (max-width: 978px) { #header.rework-2025 .mobile-menu-toggle { display: block; padding: 0 15px; background: none; background-color: transparent; border: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -webkit-tap-highlight-color: transparent; } #header.rework-2025 .mobile-menu-toggle:focus, #header.rework-2025 .mobile-menu-toggle:active { background: none; background-color: transparent; outline: none; box-shadow: none; } #header.rework-2025 .eggerdruck-menu { flex-direction: column; display: none; width: 100%; background: #fff; } #header.rework-2025 .eggerdruck-menu:before { display: none; } #header.rework-2025 .eggerdruck-menu.active { display: flex; position: absolute; width: 100%; top: 50px; background: white; z-index: 1000; } #header.rework-2025 .eggerdruck-menu .menu-item > a { height: 50px; line-height: 50px; } #header.rework-2025 .menu-item { width: 100%; } #header.rework-2025 .menu-item a { padding: 15px; border-bottom: 1px solid #eee; } #header.rework-2025 .menu-item > a { color: #333 !important; font-weight: normal !important; height: 50px; line-height: 50px; } #header.rework-2025 .menu-item .dropdown { display: none !important; } #header.rework-2025 .menu-item.active > a { color: #007a97 !important; font-weight: bold !important; } #header.rework-2025 .menu-item.active > a .dropdown-icon { rotate: 180deg; } #header.rework-2025 .menu-item.active .dropdown { display: block !important; } #header.rework-2025 .menu-item .dropdown-icon { margin-left: auto; } #header.rework-2025 .menu-item .dropdown { display: none; } #header.rework-2025 .dropdown { position: static; box-shadow: none; } #header.rework-2025 .dropdown .dropdown-inner { width: 100%; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-2 { width: 100%; padding: 0; background: #f4f4f4; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-2 .dropdown-column a.column-title { padding: 15px 25px 15px 35px; font-weight: normal; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-2 .dropdown-column a.column-title.mobile-image-only .dropdown-sub-icon { display: none; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-2 .dropdown-column a.column-title:last-child { margin-bottom: 0; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-2.hide { display: none; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-3 { display: none; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-3.show { display: block; padding: 0 35px; background: #f4f4f4; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-3.show .mobile-back { display: block; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-3.show .mobile-back a { font-size: 15px; padding: 15px 0; color: #007a97; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-3.show .mobile-title a { padding: 15px 0; font-size: 15px; font-weight: bold; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-3.show .sub-menu.show { display: block; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-3.show .sub-menu.show li a { font-size: 15px; padding: 15px 0; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-3 .column-image-only { display: none; } #header.rework-2025 .dropdown .dropdown-inner .dropdown-level-3 .column-image { display: none; } } #container.rework-2025 { font-family: "Nunito", Arial, sans-serif; } #container.rework-2025 #main { padding: 45px 0 40px; } #container.rework-2025 #main p { font-size: 16px; } #container.rework-2025 #main h1, #container.rework-2025 #main .h1-style { font-size: 30px; font-family: SohoGothicPro, Arial, sans-serif; } #container.rework-2025 #main .h1-style, #container.rework-2025 #main .h2-style, #container.rework-2025 #main h2, #container.rework-2025 #main h3 { text-transform: none; letter-spacing: 0; font-family: SohoGothicPro, Arial, sans-serif; } #container.rework-2025 #main .highlight-boxes .teaser-box-image a:hover img, #container.rework-2025 #main .highlight-boxes .teaser-box-image a:focus img { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } #container.rework-2025 #main .navi-anchor ul li a { font-size: 15px; font-family: "Nunito", Arial, sans-serif; text-transform: none; letter-spacing: 1px; font-weight: 700; } #container.rework-2025 #main strong { font-weight: 700; } #container.rework-2025 #main h2.teaser-box-title { padding-left: 0; } #container.rework-2025 #main h2.teaser-box-title.highlight-title { padding-left: 10px; } #container.rework-2025 #main h2.teaser-box-title:after { content: ""; display: none; } #container.rework-2025 #main .highlight-content .highlight-text { font-size: 14px; } #container.rework-2025 #main .teaser-box-image a { height: 100%; } #container.rework-2025 #main .teaser-box-image a img { height: 100%; object-fit: cover; } #container.rework-2025 #main .row .video_container { padding-top: 5px; } #container.rework-2025 #main .instagram-feed .feed-item { border-radius: 20px; } #container.rework-2025 #main .teaser-boxes-container.highlight-boxes { padding-top: 0; } @media (max-width: 978px) { #container.rework-2025 #main { padding: 10px 25px 20px; } #container.rework-2025 #main .highlight-boxes .teaser-box-image img { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } } #container.rework-2025 a.button-green, #container.rework-2025 a.button-blue { text-transform: none !important; border-radius: 10px; font-size: 15px; padding: 0 25px !important; line-height: 40px; min-width: 180px; text-align: center; font-family: "Nunito", Arial, sans-serif !important; color: white; background-color: #A97A64; } #container.rework-2025 a.button-green.custom-button-madika, #container.rework-2025 a.button-blue.custom-button-madika { color: white; background: #8a277d; } #container.rework-2025 a.button-green.button-egger, #container.rework-2025 a.button-blue.button-egger { color: white; background: #007a97; } @media (max-width: 978px) { #container.rework-2025 a.button-green, #container.rework-2025 a.button-blue { font-size: 14px; white-space: nowrap; } } #container.rework-2025 img { border-radius: 20px !important; border-color: transparent; } #container.rework-2025 img.bw-filter { filter: none !important; } #container.rework-2025 #left .navi-sidebar ul.level_1 > li > a, #container.rework-2025 #left .navi-sidebar ul.level_1 > li.active > span { text-transform: none; letter-spacing: 1px; font-size: 14px; } #container.rework-2025 .ce_optin_fallback { font-family: "Nunito", Arial, sans-serif; } .footer-logos { border-top: 1px solid #c8c8c8; margin-top: 50px; padding-top: 15px; } .footer-logos:before { height: 0; } .footer-social-media-icons { text-align: center; } .mod_faqpage section.collapsed h3 { cursor: pointer; } .mod_faqpage section.collapsed h3 .dropdown-icon { font-family: icomoon; font-size: 11px; margin-left: 10px; display: inline-block; } .mod_faqpage section.collapsed .ce_text { display: none; } .mod_faqpage section.collapsed.open .dropdown-icon { transform: rotate(180deg); } .mod_faqpage section.collapsed.open .ce_text { display: block; } /*# sourceMappingURL=rework-2025.css.map */