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}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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%} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} @media screen and (min-width:1200px) { #header .mod_navigation{ height:auto; float:left; margin-top:15px; padding-top:0; } #header ul { float:left; } #header li { float:left; list-style-type:none; font:18px pt_sansregular; padding-right:10px; padding-left:10px; } .mod_navigation li.first { border-left:0px solid #89adcd; } #header .mod_navigation a { text-decoration:none; } #header .mod_navigation .active, #header .mod_navigation .trail, #header .mod_navigation strong.active { color:#5b5757; } #header .mod_navigation li a:hover, #header .mod_navigation li a:focus { color:#5b5757; } #header .level_1 li a { margin-bottom:20px; color:#f70610; } #header .level_2 li { clear:both; border: none; } #header .level_2 { width:0; height:0; left:-9999px; position:absolute; top:-9999px; z-index:100000; transition: 0.5s; } #header li:hover .level_2 { width:auto; height:auto; left:auto; top:auto; overflow:hidden; display:block; padding-top:10px; padding-bottom:20px; background-color:rgba(255,255,255,.9); border-bottom-right-radius:5px; border-bottom-left-radius:5px; behavior:url('assets/css3pie/1.0.0/PIE.htc'); } #header .level_2 li, #header .level_2 .active, #header .level_2 .trail { padding-top:5px; padding-bottom:5px; } #header .mod_navigation .active { color:#5b5757; } #header .mod_navigation strong.active, #header .mod_navigation .trail .submenu{ font-weight: normal; } #header .mod_navigation li a:hover, #header .mod_navigation li a:focus { color:#5b5757; } } @media screen and (min-width:1000px) and (max-width:1199px) { #header .mod_navigation{ height:auto; float:left; margin-top:15px; padding-top:0; } #header ul { float:left; } #header li { float:left; list-style-type:none; font:15px pt_sansregular; padding-right:5px; padding-left:5px; } .mod_navigation li.first { border-left:0px solid #89adcd; } #header .mod_navigation a { text-decoration:none; } #header .mod_navigation .active, #header .mod_navigation .trail, #header .mod_navigation strong.active { color:#5b5757; } #header .mod_navigation li a:hover, #header .mod_navigation li a:focus { color:#5b5757; } #header .level_1 li a { margin-bottom:20px; color:#f70610; } #header .level_2 li { clear:both; border: none; } #header .level_2 { width:0; height:0; left:-9999px; position:absolute; top:-9999px; z-index:100000; transition: 0.5s; } #header li:hover .level_2 { width:auto; height:auto; left:auto; top:auto; overflow:hidden; display:block; padding-top:10px; padding-bottom:20px; background-color:rgba(255,255,255,.9); border-bottom-right-radius:5px; border-bottom-left-radius:5px; behavior:url('assets/css3pie/1.0.0/PIE.htc'); } #header .level_2 li, #header .level_2 .active, #header .level_2 .trail { padding-top:5px; padding-bottom:5px; } #header .mod_navigation .active { color:#5b5757; } #header .mod_navigation strong.active, #header .mod_navigation .trail .submenu{ font-weight: normal; } #header .mod_navigation li a:hover, #header .mod_navigation li a:focus { color:#5b5757; } } @media screen and (min-width:769px) and (max-width:999px) { #header .mod_navigation{ height:auto; float:right; margin-top:15px; padding-top:0; padding-right:1px; } #header ul { float:left; } #header li { float:left; list-style-type:none; font:14px pt_sansregular; padding-right:4px; padding-left:4px; } .mod_navigation li.first { border-left:0px solid #89adcd; } #header .mod_navigation a { text-decoration:none; } #header .mod_navigation .active, #header .mod_navigation .trail, #header .mod_navigation strong.active { color:#5b5757; } #header .mod_navigation li a:hover, #header .mod_navigation li a:focus { color:#5b5757; } #header .level_1 li a { margin-bottom:20px; color:#f70610; } #header .level_2 li { clear:both; border: none; } #header .level_2 { width:0; height:0; left:-9999px; position:absolute; top:-9999px; z-index:100000; transition: 0.5s; } #header li:hover .level_2 { width:auto; height:auto; left:auto; top:auto; overflow:hidden; display:block; padding-top:10px; padding-bottom:20px; background-color:rgba(255,255,255,.9); border-bottom-right-radius:5px; border-bottom-left-radius:5px; behavior:url('assets/css3pie/1.0.0/PIE.htc'); } #header .level_2 li, #header .level_2 .active, #header .level_2 .trail { padding-top:5px; padding-bottom:5px; } #header .mod_navigation .active { color:#5b5757; } #header .mod_navigation strong.active, #header .mod_navigation .trail .submenu{ font-weight: normal; } #header .mod_navigation li a:hover, #header .mod_navigation li a:focus { color:#5b5757; } } @media screen and (max-width:768px) { #header .navi { width:100%; height:auto; float:right; } #header li { padding-left:30px; list-style-type:none; font:20px/28px pt_sansregular; border-bottom:1px dotted #5b5757; } #header .level_1 li a { color:#f70610; } .mod_navigation li.first { border-left:0px solid #89adcd; } #header .mod_navigation a, #header .mod_navigation span { font-family:pt_sansregular; text-decoration:none; } #header .mod_navigation .active, #header .mod_navigation .trail { font-family:pt_sansregular; font-weight:normal; color:#5b5757; } #header .mod_navigation li a:hover, #header .mod_navigation li a:focus { font-family:pt_sansregular; font-weight:normal; color:#5b5757; } #header .level_2 li { clear:both; border: none; } #header .level_2 li, #header .level_2 .active, #header .level_2 .trail { padding-left:20px; } } @media screen and (min-width:1000px) { #pfeil { float:right; margin-right:20px; margin-bottom:20px; background-color:rgba(201,197,197,.65); text-align: center; width: 50px; height: 50px; text-align: center; border-radius: 25px; } #box4 { margin-right: auto; margin-left: auto; border: 2px solid #fff; width: 100px; height: 100px; text-align: center; border-radius: 50px; } #hauptinhalt-abschnitt1 .hauptinhalt a.lsf-icon, #hauptinhalt-abschnitt2 .hauptinhalt a.lsf-icon, #hauptinhalt-abschnitt3 .hauptinhalt a.lsf-icon, #hauptinhalt-abschnitt4 .hauptinhalt a.lsf-icon { left: 15px; top: 14px; position: relative; color: #fff; font: 32px pt_sansregular; } #hauptinhalt .hauptinhalt a.lsf-icon { left: 15px; top: 14px; position: relative; color: #fff; font: 32px pt_sansregular; } nav ul[title] { display:none; } #your_div_id_here { width:100%; height:75px; left:0; top:0; position:fixed; display:none; padding:0; background-color:#fff; border-bottom:1px solid #e8e8e8; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15); box-shadow: 0 0 20px rgba(0,0,0,.15); } html { width:100%; height:101%; } div.menubutton { display:none; } div.backLink a { display:none; } #wrapper { width:100%; margin:0; padding:0; } body { width:100%; margin:0; padding:0; } #navilogo, section { display:block; } #main { top:0; position:relative; background-color:#fff; } #header-nav { width:100%; top:20px; position:relative; z-index:1000; } #headerbereich { width:100%; max-width:1250px; left:auto; right:auto; margin-right:auto; margin-left:auto; } #navilogo { width:100%; position:absolute; padding-top:10px; padding-bottom:5px; background-color:rgba(255,255,255,.9); background-repeat:no-repeat; } * html #navilogo { top:expression(auto); } .fixed-navi { top:0; position:absolute; background-color:rgba(255,255,255,1); position:fixed !important; } * html .fixed-navi { top:expression(documentElement.scrollTop); } .logo { width:10%; height:auto; float:left; clear:left; padding-top:0px; padding-left:10px; padding-right:100px; z-index:10000; } #slider { width:100%; padding-top:0px; max-width:2500px; left:auto; right:auto; margin-right:auto; margin-left:auto; } #hauptinhalt { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; padding-bottom:100px; } #absatz1a { width:49%; float:left; padding-top:30px; } #absatz2a { width:49%; float:left; margin-left:2%; padding-top:30px; } #auszeichnung { width:100%; float:left; padding-top:10px; padding-bottom:10px; } #hauptinhalt2 { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:50px; padding-bottom:10px; } #hauptinhalt3 { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; padding-bottom:100px; } #hauptinhalt4 { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:20px; padding-bottom:10px; } #hauptinhalt #datenschutz li { margin-left:40px; padding-right:10px; padding-bottom:10px; padding-left:10px; text-align:left; color:#1c1c1d; list-style-type:none; font:18px/22px raleway; } #angebotsbereich, #angebotsbereich2 { width: 100%; display: flex; } #absatz1 { width:45%; background-color:#f70610; } #absatz2 { width:55%; } #absatz3 { width:55%; } #absatz4 { width:45%; background-color:#f70610; } #absatz2 img, #absatz4 img, #absatz3 img, #absatz1 img { width:100%; float:left; margin-left:0px; } #absatz2 strong { padding-top:100px; font:20px raleway; font-weight:bold; font-weight:normal; color:#0076be; } #absatz1 li, #absatz2 li { margin-left:40px; padding-right:10px; padding-bottom:10px; padding-left:10px; text-align:left; color:#fff; list-style-type:none; font:18px/22px raleway; } #absatz3 li, #absatz4 li { margin-left:40px; padding-right:10px; padding-bottom:10px; padding-left:10px; text-align:left; color:#1c1c1d; list-style-type:none; font:18px/22px raleway; } #absatz1 li:before, #absatz2 li:before, #absatz3 li:before, #absatz4 li:before, #gesamte-breite li:before, #datenschutz li:before { font-family: LigatureSymbols; content:attr(title); margin-right:0.3em; font-size:130%; content: '\E029'; } #referenzenbereich { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:20px; padding-bottom:10px; } .referenzen { width: 100%; margin-bottom:45px; display: flex; } #absatz5 { width:50%; background-color:#f70610; } #absatz6 { width:50%; background-color:#f70610; } #absatz5 img, #absatz6 img { width:100%; float:left; margin-left:0px; } #referenzenbereich .referenztext h3 { padding: 10% 10% 5% 16%; text-align: left; color: #fff; font: clamp(1rem, 1.6vw, 1.6rem) raleway; } #referenzenbereich .referenztext h4 { padding: 10% 10% 5% 16%; color: #fff; font: clamp(1rem, 1.6vw, 1.6rem) raleway; } .referenztext p { padding-right:10%; padding-left:16%; color:#fff; font: clamp(0.8rem, 1.3vw, 1.3rem) raleway; } .hauptinhalt li { margin-left:40px; font-size:22px; color:#6b6a6a; list-style-type:square; font:18px/24px raleway; } .hauptinhalt li a { text-decoration:underline; list-style-type:square; font:18px/24px raleway; } .hauptinhalt a { color:#fff; } #hauptinhalt #kontaktformular a { color:#006e32; } .hauptinhalt strong { font-weight:normal; color:#f70610; } .hauptinhalt td strong { color: rgba(201,4,4,.85); } .angebote { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; padding-bottom:100px; text-align:center; } #angebotsbereich p, #angebotsbereich2 p { padding-right:10%; padding-left:16%; color:#fff; font: clamp(0.8rem, 1.3vw, 1.3rem) raleway; } #angebotsbereich-warten { width:100%; text-align:center; background-color:#f70610; } .angebote-maus { padding:0px 0 0px 0; background-color:#f70610; border-radius: 10px; } #news, #news2{ width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:20px; padding-bottom:80px; text-align:center; } #news3{ width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:50px; padding-bottom:80px; text-align:center; } #news3 p, #news p, #news2 p { font: clamp(0.8rem, 1.2vw, 1.4rem)/25px raleway; } #technik { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-bottom:150px; padding-top:100px; } #technik div.ce_text.block p { padding:0px 10px 10px 10px; color:#fff; font:16px/25px Raleway; text-align:center; } #technik #absatz3 p, #technik #absatz4 p { padding-top:10px; padding-bottom:10px; color:#61605d; font:16px/25px Raleway; } #technik a { color:#103247; } #technik a:hover,#technik a:focus { color:#007032; } #technik-photo { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-bottom:150px; padding-top:0px; } #technik-photo div.ce_text.block p { padding:0px 10px 10px 10px; color:#fff; font:16px/25px Raleway; text-align:center; } #technik-photo #absatz3 p, #technik-photo #absatz4 p { padding-top:10px; padding-bottom:10px; color:#61605d; font:16px/25px Raleway; } #technik-photo a { color:#103247; } #technik-photo a:hover,#technik a:focus { color:#007032; } #technik2 { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:150px; margin-left:auto; padding-bottom:150px; padding-top:100px; } #technik2 img { padding-bottom:40px; } #technik2 #absatz3 p, #technik2 #absatz4 p { padding-top:10px ; padding-bottom:10px ; color:#61605d; font:16px/25px Raleway; } .kontaktbutton a { padding:25px 40px; background-color:#fff; border-radius:5px; } #hauptinhalt-kontakt { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; } #ausbildung p, #hauptinhalt p, #angebote p, #hauptinhalt2 p, #hauptinhalt3 p, #technik2 p{ padding-right:10px; padding-left:10px; padding-bottom:20px; text-align:justify; color:#676767; font:18px/24px raleway; } #hauptinhalt-kontakt a { color:#0076be; } #angebote li a, #hauptinhalt-kontakt li a { color:#ea0a8e; font:22px pt_sansregular; } #hauptinhalt h1, #hauptinhalt2 h1, #hauptinhalt3 h1, #referenzenbereich h1 { padding-top:20px; padding-bottom:20px; text-align:center; color:#f70610; font: 32px/48px raleway; } #hauptinhalt-abschnitt1 h1, #hauptinhalt-abschnitt2 h1, #hauptinhalt-abschnitt3 h1, #hauptinhalt-abschnitt4 h1 { padding-top:40px; padding-bottom:30px; text-align:center; color:#f70610; font: 32px/48px raleway; } #hauptinhalt h2, #hauptinhalt2 h2, #hauptinhalt3 h2, #hauptinhalt-kontakt h2 { padding-top:40px; padding-bottom:10px; text-align:center; font:35px raleway; color:#fff; } #hauptinhalt-abschnitt2 h2 { padding-top:10px; padding-bottom:60px; text-align:center; color:#676767; font: 28px raleway; } #hauptinhalt3 .ueberschrift2 { padding-top:40px; padding-bottom:10px; text-align:center; font:35px raleway; color:#fff; } #absatz2a h2, #referenzenbereich h2 { padding-top:10px; padding-bottom:10px; text-align:center; font:28px raleway; color:#676767; } #hauptinhalt-abschnitt4 #kontaktformular h2 { padding-top: 20px; padding-bottom: 20px; text-align: center; color: #f70610; font: 32px/48px raleway; } #hauptinhalt #datenschutz h2 { padding-top:20px; padding-bottom:20px; text-align:center; color:#000; font: 32px/48px raleway; } #hauptinhalt #hauptinhalt4 h3 { color: #f70610; padding-left: 10px; text-align: justify; font: 18px/24px raleway; } #hauptinhalt h3, #hauptinhalt2 h3, #hauptinhalt3 h3, #hauptinhalt-kontakt h3, #hauptinhalt-abschnitt1 h3, #hauptinhalt-abschnitt2 h3, #hauptinhalt-abschnitt3 h3, #referenzenbereich h3 { padding-top:10px; padding-bottom:10px; text-align:center; font:28px raleway; color:#676767; } #hauptinhalt2 .ueberschrift3 { padding-top:10px; padding-bottom:10px; text-align:center; font:28px raleway; color:#676767; } #hauptinhalt-abschnitt2 h4, #hauptinhalt-abschnitt3 h4, #hauptinhalt-abschnitt4 h4 { padding-top:20px; padding-bottom:20px; text-align:center; color:#f70610; font: 32px/48px raleway; } #hauptinhalt #datenschutz h4 { padding-top:20px; padding-bottom:20px; text-align:center; color:#676767; font: 28px/48px raleway; } #hauptinhalt-abschnitt2 h5 { padding-top:15px; padding-bottom:10px; text-align:center; color:#fff; font: 28px raleway; } #hauptinhalt h6, #hauptinhalt2 h6, #hauptinhalt3 h6 { padding-top:20px; padding-bottom:40px; text-align:center; color:#fff; font: 38px/60px raleway; } #hauptinhalt-abschnitt1 h6, #hauptinhalt-abschnitt2 h6, #hauptinhalt-abschnitt3 h6, #hauptinhalt-abschnitt4 h6 { padding-top:40px; padding-bottom:30px; text-align:center; color:#f70610; font: 32px/48px raleway; } #absatz1 h3, #absatz2 h3 { padding-top:10%; padding-bottom:5%; padding-left:16%; padding-right:10%; color:#fff; font: clamp(1rem, 2.8vw, 5rem) raleway; } #absatz3 h3, #absatz4 h3 { padding-top:10%; padding-bottom:5%; padding-left:16%; padding-right:10%; color:#fff; font: clamp(1rem, 2.8vw, 5rem) raleway; } #hauptinhalt .hauptinhalt h3 a, #hauptinhalt2 .hauptinhalt h3 a, #hauptinhalt3 .hauptinhalt h3 a { padding-top:10px; padding-bottom:20px; color:#0076be; font:28px raleway; } #hauptinhalt .hauptinhalt a, #hauptinhalt2 .hauptinhalt a, #hauptinhalt3 .hauptinhalt a { font-family:raleway; color:#f70610; } .image_container { width:100%; margin:0; padding:0; } #hauptinhalt .datenschutz p { padding-top:10px; padding-bottom:10px; text-align:left; font-size:20px; } #hauptinhalt .datenschutz h2, #hauptinhalt .datenschutz h3 { text-align:left; font:25px pt_sansregular; } #hauptinhalt .datenschutz h2 { padding-top:20px; text-align:left; color:#787777; font:25px pt_sansregular; } #hauptinhalt .kontaktformular h3, #hauptinhalt .kontaktformular p, #hauptinhalt2 .kontaktformular h3, #hauptinhalt2 .kontaktformular p{ text-align:left; } #referenz-projekte { max-width:800px; margin-right:auto; margin-left:auto; } .ce_sliderStart { margin-right:auto; margin-left:auto; text-align:center; } .slider-control { min-height:40px; max-width:300px; margin-right:auto; margin-left:auto; padding-bottom:5; color:#fff; } #hauptinhalt .slider-control a { color:#fff; } .slider-prev, .slider-next { margin-top:-15px; font-weight:bold; color:#fff; font:65px/40px pt_sansregular; } #footer { width:100%; background-color:#f70610; } #footer-auszeichnung { display: flex; /* or inline-flex */ } #footer-auszeichnung-text { width:100%; } #footer-auszeichnung-image { width:100%; } #copy { width:100%; float:left; max-width:1250px; top:0; left:auto; right:auto; position:relative; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40; padding-bottom:0; text-align:center; background-color:#f70610; } #copy p { color:#fff; font:14px raleway; } #copy a { color:#fff; font:14px raleway; } .kontaktformular-kontakt .formbody { width:90%; margin-right:auto; margin-left:auto; padding-right:10px; padding-left:10px; } .kontaktformular .formbody { width:40%; margin-right:auto; margin-left:auto; padding-right:10px; padding-left:10px; } .kontaktformular label, .kontaktformular-kontakt label { width:10em; color:#696666; font:25px/50px raleway; } #lbl_7_0 a{ width:100%; color:#f70610; font:18px/25px raleway; } #lbl_7_0 { font:18px/25px raleway; } .kontaktformular input, .kontaktformular-kontakt input { width:100%; padding-top:15px; padding-bottom:15px; padding-left:10px; color:#696666; font:22px/28px raleway; } .kontaktformular select, .kontaktformular-kontakt select { width:auto; padding-top:15px; padding-bottom:15px; padding-left:10px; color:#696666; font:18px/24px raleway; } #ctrl_11 .select{ width:auto; padding-top:15px; padding-bottom:15px; padding-left:10px; color:#696666; font:18px/24px raleway; } .widget-textarea .textarea { width:100%; height:10em; padding:10px; color:#666; font:22px/28px raleway; } .kontaktformular .widget-submit .submit, .kontaktformular-kontakt .widget-submit .submit { width:25%; margin-top:20px; padding:10px; color:#666; font:1.5em/1.8em raleway; } .checkbox_container .checkbox { width:25px; padding-top:-10; padding-right:0; } .checkbox_container { margin-top:40px; margin-bottom:20px; } .error { color:#f00; } required { border:2px solid #f00; color:#f00; } #impressum { width:40%; margin-right:auto; margin-left:auto; padding-right:10px; padding-left:10px; } #impressum a { font:17px/24px raleway; font-weight:normal; color:#1c1c1d; } #impressum p { font:17px/24px raleway; font-weight:normal; color:#1c1c1d; } .rs-column.-large-col-5-1 { float: left; width: 17%; margin-right:1.5%; margin-left:1.5%; } } @media screen and (min-width:769px) and (max-width:999px) { #pfeil { float:right; margin-right:20px; margin-bottom:20px; background-color:rgba(201,197,197,.65); text-align: center; width: 50px; height: 50px; text-align: center; border-radius: 25px; } #box4 { margin-right: auto; margin-left: auto; border: 2px solid #fff; width: 100px; height: 100px; text-align: center; border-radius: 50px; } #hauptinhalt-abschnitt1 .hauptinhalt a.lsf-icon, #hauptinhalt-abschnitt2 .hauptinhalt a.lsf-icon, #hauptinhalt-abschnitt3 .hauptinhalt a.lsf-icon, #hauptinhalt-abschnitt4 .hauptinhalt a.lsf-icon { left: 15px; top: 14px; position: relative; color: #fff; font: 32px pt_sansregular; } #hauptinhalt .hauptinhalt a.lsf-icon { left: 15px; top: 14px; position: relative; color: #fff; font: 32px pt_sansregular; } nav ul[title] { display:none; } #your_div_id_here { width:100%; height:75px; left:0; top:0; position:fixed; display:none; padding:0; background-color:#fff; border-bottom:1px solid #e8e8e8; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15); box-shadow: 0 0 20px rgba(0,0,0,.15); } html { width:100%; height:101%; } div.menubutton { display:none; } div.backLink a { display:none; } #wrapper { width:100%; margin:0; padding:0; } body { width:100%; margin:0; padding:0; } #navilogo, section { display:block; } #main { top:0; position:relative; background-color:#fff; } #header-nav { width:100%; top:20px; position:relative; z-index:1000; } #headerbereich { width:100%; max-width:1250px; left:auto; right:auto; margin-right:auto; margin-left:auto; } #navilogo { width:100%; position:absolute; padding-top:10px; padding-bottom:5px; background-color:rgba(255,255,255,.9); background-repeat:no-repeat; } * html #navilogo { top:expression(auto); } .fixed-navi { top:0; position:absolute; background-color:rgba(255,255,255,1); position:fixed !important; } * html .fixed-navi { top:expression(documentElement.scrollTop); } .logo { width:90px; height:auto; float:left; clear:left; padding-top:0px; padding-left:10px; padding-right:10px; z-index:10000; } #slider { width:100%; padding-top:0px; max-width:2500px; left:auto; right:auto; margin-right:auto; margin-left:auto; } #hauptinhalt { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; padding-bottom:100px; } #absatz1a { width:49%; float:left; padding-top:30px; } #absatz2a { width:49%; float:left; margin-left:2%; padding-top:30px; } #auszeichnung { width:100%; float:left; padding-top:10px; padding-bottom:10px; } #hauptinhalt2 { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:50px; padding-bottom:10px; } #hauptinhalt3 { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; padding-bottom:100px; } #hauptinhalt4 { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:20px; padding-bottom:10px; } #hauptinhalt #datenschutz li { margin-left:40px; padding-right:10px; padding-bottom:10px; padding-left:10px; text-align:left; color:#1c1c1d; list-style-type:none; font:18px/22px raleway; } #angebotsbereich, #angebotsbereich2 { width: 100%; display: flex; } #absatz1 { width:45%; background-color:#f70610; } #absatz2 { width:55%; } #absatz3 { width:55%; } #absatz4 { width:45%; background-color:#f70610; } #absatz2 img, #absatz4 img, #absatz3 img, #absatz1 img { width:100%; float:left; margin-left:0px; } #absatz2 strong { padding-top:100px; font:20px raleway; font-weight:bold; font-weight:normal; color:#0076be; } #absatz1 li, #absatz2 li { margin-left:40px; padding-right:10px; padding-bottom:10px; padding-left:10px; text-align:left; color:#fff; list-style-type:none; font:18px/22px raleway; } #absatz3 li, #absatz4 li { margin-left:40px; padding-right:10px; padding-bottom:10px; padding-left:10px; text-align:left; color:#1c1c1d; list-style-type:none; font:18px/22px raleway; } #absatz1 li:before, #absatz2 li:before, #absatz3 li:before, #absatz4 li:before, #gesamte-breite li:before, #datenschutz li:before { font-family: LigatureSymbols; content:attr(title); margin-right:0.3em; font-size:130%; content: '\E029'; } #referenzenbereich { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:20px; padding-bottom:10px; } .referenzen { width: 100%; margin-bottom:45px; display: flex; } #absatz5 { width:50%; background-color:#f70610; } #absatz6 { width:50%; background-color:#f70610; } #absatz5 img, #absatz6 img { width:100%; float:left; margin-left:0px; } #referenzenbereich .referenztext h3 { padding: 10% 10% 5% 16%; text-align: left; color: #fff; font: clamp(1rem, 1.6vw, 1.6rem) raleway; } #referenzenbereich .referenztext h4 { padding: 10% 10% 5% 16%; color: #fff; font: clamp(1rem, 1.6vw, 1.6rem) raleway; } .referenztext p { padding-right:10%; padding-left:16%; color:#fff; font: clamp(0.8rem, 1.3vw, 1.3rem) raleway; } .hauptinhalt li { margin-left:40px; font-size:22px; color:#6b6a6a; list-style-type:square; font:16px/20px raleway; } .hauptinhalt li a { text-decoration:underline; list-style-type:square; font:16px/20px raleway; } .hauptinhalt a { color:#fff; } #hauptinhalt #kontaktformular a { color:#006e32; } .hauptinhalt strong { font-weight:normal; color:#f70610; } .hauptinhalt td strong { color: rgba(201,4,4,.85); } .angebote { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; padding-bottom:100px; text-align:center; } #angebotsbereich p, #angebotsbereich2 p { padding-right:10%; padding-left:16%; color:#fff; font: clamp(0.8rem, 1.3vw, 1.3rem) raleway; } #angebotsbereich-warten { width:100%; text-align:center; background-color:#f70610; } .angebote-maus { padding:0px 0 0px 0; background-color:#f70610; border-radius: 10px; } #news, #news2{ width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:20px; padding-bottom:80px; text-align:center; } #news3{ width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:50px; padding-bottom:80px; text-align:center; } #news3 p, #news p, #news2 p { font: clamp(0.8rem, 1.2vw, 1.4rem)/25px raleway; } #technik { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-bottom:150px; padding-top:100px; } #technik div.ce_text.block p { padding:0px 10px 10px 10px; color:#fff; font:14px/18px Raleway; text-align:center; } #technik #absatz3 p, #technik #absatz4 p { padding-top:10px; padding-bottom:10px; color:#61605d; font:14px/18px Raleway; } #technik a { color:#103247; } #technik a:hover,#technik a:focus { color:#007032; } #technik-photo { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-bottom:150px; padding-top:0px; } #technik-photo div.ce_text.block p { padding:0px 10px 10px 10px; color:#fff; font:14px/18px Raleway; text-align:center; } #technik-photo #absatz3 p, #technik-photo #absatz4 p { padding-top:10px; padding-bottom:10px; color:#61605d; font:14px/18px Raleway; } #technik-photo a { color:#103247; } #technik-photo a:hover,#technik a:focus { color:#007032; } #technik2 { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:150px; margin-left:auto; padding-bottom:150px; padding-top:100px; } #technik2 img { padding-bottom:40px; } #technik2 #absatz3 p, #technik2 #absatz4 p { padding-top:10px ; padding-bottom:10px ; color:#61605d; font:14px/18px Raleway; } .kontaktbutton a { padding:25px 40px; background-color:#fff; border-radius:5px; } #hauptinhalt-kontakt { width:100%; max-width:1250px; left:auto; right:auto; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; } #ausbildung p, #hauptinhalt p, #angebote p, #hauptinhalt2 p, #hauptinhalt3 p, #technik2 p{ padding-right:10px; padding-left:10px; padding-bottom:20px; text-align:justify; color:#676767; font:16px/20px raleway; } #hauptinhalt-kontakt a { color:#0076be; } #angebote li a, #hauptinhalt-kontakt li a { color:#ea0a8e; font:22px pt_sansregular; } #hauptinhalt h1, #hauptinhalt2 h1, #hauptinhalt3 h1, #referenzenbereich h1 { padding-top:20px; padding-bottom:20px; text-align:center; color:#f70610; font: 26px/40px raleway; } #hauptinhalt-abschnitt1 h1, #hauptinhalt-abschnitt2 h1, #hauptinhalt-abschnitt3 h1, #hauptinhalt-abschnitt4 h1 { padding-top:40px; padding-bottom:30px; text-align:center; color:#f70610; font: 26px/40px raleway; } #hauptinhalt h2, #hauptinhalt2 h2, #hauptinhalt3 h2, #hauptinhalt-kontakt h2 { padding-top:40px; padding-bottom:10px; text-align:center; font:26px raleway; color:#fff; } #hauptinhalt-abschnitt2 h2 { padding-top:10px; padding-bottom:60px; text-align:center; color:#676767; font: 24px raleway; } #hauptinhalt3 .ueberschrift2 { padding-top:40px; padding-bottom:10px; text-align:center; font:26px raleway; color:#fff; } #absatz2a h2, #referenzenbereich h2 { padding-top:10px; padding-bottom:10px; text-align:center; font:24px raleway; color:#676767; } #hauptinhalt-abschnitt4 #kontaktformular h2 { padding-top: 20px; padding-bottom: 20px; text-align: center; color: #f70610; font: 26px/40px raleway; } #hauptinhalt #datenschutz h2 { padding-top:20px; padding-bottom:20px; text-align:center; color:#000; font: 26px/20px raleway; } #hauptinhalt #hauptinhalt4 h3 { color: #f70610; padding-left: 10px; text-align: justify; font: 18px/24px raleway; } #hauptinhalt h3, #hauptinhalt2 h3, #hauptinhalt3 h3, #hauptinhalt-kontakt h3, #hauptinhalt-abschnitt1 h3, #hauptinhalt-abschnitt2 h3, #hauptinhalt-abschnitt3 h3, #referenzenbereich h3 { padding-top:10px; padding-bottom:10px; text-align:center; font:22px raleway; color:#676767; } #hauptinhalt2 .ueberschrift3 { padding-top:10px; padding-bottom:10px; text-align:center; font:28px raleway; color:#676767; } #hauptinhalt-abschnitt2 h4, #hauptinhalt-abschnitt3 h4, #hauptinhalt-abschnitt4 h4 { padding-top:20px; padding-bottom:20px; text-align:center; color:#f70610; font: 22px/34px raleway; } #hauptinhalt #datenschutz h4 { padding-top:20px; padding-bottom:20px; text-align:center; color:#676767; font: 22px/34px raleway; } #hauptinhalt-abschnitt2 h5 { padding-top:15px; padding-bottom:10px; text-align:center; color:#fff; font: 22px raleway; } #hauptinhalt h6, #hauptinhalt2 h6, #hauptinhalt3 h6 { padding-top:20px; padding-bottom:40px; text-align:center; color:#fff; font: 26px/40px raleway; } #hauptinhalt-abschnitt1 h6, #hauptinhalt-abschnitt2 h6, #hauptinhalt-abschnitt3 h6, #hauptinhalt-abschnitt4 h6 { padding-top:40px; padding-bottom:30px; text-align:center; color:#f70610; font: 26px/40px raleway; } #absatz1 h3, #absatz2 h3 { padding-top:10%; padding-bottom:5%; padding-left:16%; padding-right:10%; color:#fff; font: clamp(1rem, 2.8vw, 5rem) raleway; } #absatz3 h3, #absatz4 h3 { padding-top:10%; padding-bottom:5%; padding-left:16%; padding-right:10%; color:#fff; font: clamp(1rem, 2.8vw, 5rem) raleway; } #hauptinhalt .hauptinhalt h3 a, #hauptinhalt2 .hauptinhalt h3 a, #hauptinhalt3 .hauptinhalt h3 a { padding-top:10px; padding-bottom:20px; color:#0076be; font:28px raleway; } #hauptinhalt .hauptinhalt a, #hauptinhalt2 .hauptinhalt a, #hauptinhalt3 .hauptinhalt a { font-family:raleway; color:#f70610; } .image_container { width:100%; margin:0; padding:0; } #hauptinhalt .datenschutz p { padding-top:10px; padding-bottom:10px; text-align:left; font-size:20px; } #hauptinhalt .datenschutz h2, #hauptinhalt .datenschutz h3 { text-align:left; font:25px pt_sansregular; } #hauptinhalt .datenschutz h2 { padding-top:20px; text-align:left; color:#787777; font:25px pt_sansregular; } #hauptinhalt .kontaktformular h3, #hauptinhalt .kontaktformular p, #hauptinhalt2 .kontaktformular h3, #hauptinhalt2 .kontaktformular p{ text-align:left; } #referenz-projekte { max-width:800px; margin-right:auto; margin-left:auto; } .ce_sliderStart { margin-right:auto; margin-left:auto; text-align:center; } .slider-control { min-height:40px; max-width:300px; margin-right:auto; margin-left:auto; padding-bottom:5; color:#fff; } #hauptinhalt .slider-control a { color:#fff; } .slider-prev, .slider-next { margin-top:-15px; font-weight:bold; color:#fff; font:65px/40px pt_sansregular; } #footer { width:100%; background-color:#f70610; } #copy { width:100%; float:left; max-width:1250px; top:0; left:auto; right:auto; position:relative; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40; padding-bottom:0; text-align:center; background-color:#f70610; } #copy p { color:#fff; font:14px raleway; } #copy a { color:#fff; font:14px raleway; } .kontaktformular-kontakt .formbody { width:90%; margin-right:auto; margin-left:auto; padding-right:10px; padding-left:10px; } .kontaktformular .formbody { width:80%; margin-right:auto; margin-left:auto; padding-right:10px; padding-left:10px; } .kontaktformular label, .kontaktformular-kontakt label { width:10em; color:#696666; font:25px/50px raleway; } #lbl_7_0 a{ width:100%; color:#f70610; font:18px/25px raleway; } #lbl_7_0 { font:18px/25px raleway; } .kontaktformular input, .kontaktformular-kontakt input { width:100%; padding-top:15px; padding-bottom:15px; padding-left:10px; color:#696666; font:22px/28px raleway; } .kontaktformular select, .kontaktformular-kontakt select { width:auto; padding-top:15px; padding-bottom:15px; padding-left:10px; color:#696666; font:18px/24px raleway; } #ctrl_11 .select{ width:auto; padding-top:15px; padding-bottom:15px; padding-left:10px; color:#696666; font:18px/24px raleway; } .widget-textarea .textarea { width:100%; height:10em; padding:10px; color:#666; font:22px/28px raleway; } .kontaktformular .widget-submit .submit, .kontaktformular-kontakt .widget-submit .submit { width:25%; margin-top:20px; padding:10px; color:#666; font:1.5em/1.8em raleway; } .checkbox_container .checkbox { width:25px; padding-top:-10; padding-right:0; } .checkbox_container { margin-top:40px; margin-bottom:20px; } .error { color:#f00; } required { border:2px solid #f00; color:#f00; } #impressum { width:40%; margin-right:auto; margin-left:auto; padding-right:10px; padding-left:10px; } #impressum a { font:17px/24px raleway; font-weight:normal; color:#1c1c1d; } #impressum p { font:17px/24px raleway; font-weight:normal; color:#1c1c1d; } .rs-column.-large-col-5-1 { float: left; width: 17%; margin-right:1.5%; margin-left:1.5%; } } @media screen and (max-width:768px) { #pfeil { float:right; margin-right:20px; margin-bottom:20px; background-color:rgba(201,197,197,.65); text-align: center; width: 50px; height: 50px; text-align: center; border-radius: 25px; } #box4 { margin-right: auto; margin-left: auto; border: 2px solid #fff; width: 100px; height: 100px; text-align: center; border-radius: 50px; } #hauptinhalt-abschnitt1 .hauptinhalt a.lsf-icon, #hauptinhalt-abschnitt2 .hauptinhalt a.lsf-icon, #hauptinhalt-abschnitt3 .hauptinhalt a.lsf-icon, #hauptinhalt-abschnitt4 .hauptinhalt a.lsf-icon { left: 15px; top: 14px; position: relative; color: #fff; font: 32px pt_sansregular; } #hauptinhalt .hauptinhalt a.lsf-icon { left: 15px; top: 14px; position: relative; color: #fff; font: 32px pt_sansregular; } nav ul[title] { display:none; } #your_div_id_here { width:100%; height:47px; left:0; top:0; position:fixed; display:none; padding:0; background-color:#fff; border-bottom:1px solid #e8e8e8; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15); box-shadow: 0 0 20px rgba(0,0,0,.15); } html { width:100%; height:101%; } div.backLink a { display:none; } #wrapper { width:100%; margin:0; padding:0; } body { width:100%; margin:0; padding:0; } #navilogo, section { display:block; } #main { top:0; position:relative; background-color:#fff; } #header-nav { width:100%; top:0px; position:relative; z-index:1000; } #headerbereich { width:100%; left:auto; right:auto; margin-right:auto; margin-left:auto; } #navilogo { width:100%; position:absolute; padding-top:10px; padding-bottom:5px; background-color:rgba(255,255,255,.9); background-repeat:no-repeat; } * html #navilogo { top:expression(auto); } .fixed-navi { top:0; position:absolute; background-color:rgba(255,255,255,1); position:fixed !important; } * html .fixed-navi { top:expression(documentElement.scrollTop); } .logo { width:90px; height:auto; float:left; clear:left; padding-top:0px; padding-left:10px; padding-right:10px; z-index:10; } #slider { width:100%; padding-top:47px; left:auto; right:auto; margin-right:auto; margin-left:auto; } #hauptinhalt { width:100%; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; padding-bottom:100px; } #absatz1a { width:100%; float:left; padding-top:30px; } #absatz2a { width:100%; float:left; padding-top:30px; } #auszeichnung { width:100%; float:left; padding-top:10px; padding-bottom:10px; } #hauptinhalt2 { width:100%; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:50px; padding-bottom:10px; } #hauptinhalt3 { width:100%; top:0; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; padding-bottom:100px; } #hauptinhalt4 { width:100%; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:20px; padding-bottom:10px; } #hauptinhalt #datenschutz li { margin-left:40px; padding-right:10px; padding-bottom:10px; padding-left:10px; text-align:left; color:#1c1c1d; list-style-type:none; font:18px/22px raleway; } #angebotsbereich, #angebotsbereich2 { width: 100%; } #absatz1 { width:100%; background-color:#f70610; } #absatz2 { width:100%; } #absatz3 { width:100%; } #absatz4 { width:100%; background-color:#f70610; } #absatz2 img, #absatz4 img, #absatz3 img, #absatz1 img { width:100%; float:left; margin-left:0px; } #absatz2 strong { padding-top:100px; font:20px raleway; font-weight:bold; font-weight:normal; color:#0076be; } #absatz1 li, #absatz2 li { margin-left:40px; padding-right:10px; padding-bottom:10px; padding-left:10px; text-align:left; color:#fff; list-style-type:none; font:18px/22px raleway; } #absatz3 li, #absatz4 li { margin-left:40px; padding-right:10px; padding-bottom:10px; padding-left:10px; text-align:left; color:#1c1c1d; list-style-type:none; font:18px/22px raleway; } #absatz1 li:before, #absatz2 li:before, #absatz3 li:before, #absatz4 li:before, #gesamte-breite li:before, #datenschutz li:before { font-family: LigatureSymbols; content:attr(title); margin-right:0.3em; font-size:130%; content: '\E029'; } #referenzenbereich { width:100%; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:20px; padding-bottom:10px; } .referenzen { width: 100%; margin-bottom:25px; } #absatz5 { width:100%; background-color:#f70610; } #absatz6 { width:100%; background-color:#f70610; } #absatz5 img, #absatz6 img { width:100%; float:left; margin-left:0px; } #referenzenbereich .referenztext h3 { padding: 10% 10% 5% 16%; text-align: left; color: #fff; font:22px raleway; } #referenzenbereich .referenztext h4 { padding: 10% 10% 5% 16%; color: #fff; font:22px raleway; } .referenztext { padding-bottom:30px; } .referenztext p { padding-right:10%; padding-left:16%; color:#fff; font:16px/20px raleway; } .hauptinhalt li { margin-left:40px; font-size:22px; color:#6b6a6a; list-style-type:square; font:16px/20px raleway; } .hauptinhalt li a { text-decoration:underline; list-style-type:square; font:16px/20px raleway; } .hauptinhalt a { color:#fff; } #hauptinhalt #kontaktformular a { color:#006e32; } .hauptinhalt strong { font-weight:normal; color:#f70610; } .hauptinhalt td strong { color: rgba(201,4,4,.85); } .angebote { width:100%; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; padding-bottom:100px; text-align:center; } #angebotsbereich p, #angebotsbereich2 p { padding-right:10%; padding-left:16%; padding-bottom:30px; color:#fff; font:16px/20px raleway; } #angebotsbereich-warten { width:100%; text-align:center; background-color:#f70610; } .angebote-maus { padding:0px 0 0px 0; background-color:#f70610; border-radius: 10px; } #news, #news2{ width:100%; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:20px; padding-bottom:80px; text-align:center; } #news3{ width:100%; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:50px; padding-bottom:80px; text-align:center; } #news3 p, #news p, #news2 p { font:16px/20px raleway; } #technik { width:100%; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-bottom:150px; padding-top:100px; } #technik div.ce_text.block p { padding:0px 10px 10px 10px; color:#fff; font:14px/18px Raleway; text-align:center; } #technik #absatz3 p, #technik #absatz4 p { padding-top:10px; padding-bottom:10px; color:#61605d; font:14px/18px Raleway; } #technik a { color:#103247; } #technik a:hover,#technik a:focus { color:#007032; } #technik-photo { width:100%; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-bottom:150px; padding-top:0px; } #technik-photo div.ce_text.block p { padding:0px 10px 10px 10px; color:#fff; font:14px/18px Raleway; text-align:center; } #technik-photo #absatz3 p, #technik-photo #absatz4 p { padding-top:10px; padding-bottom:10px; color:#61605d; font:14px/18px Raleway; } #technik-photo a { color:#103247; } #technik-photo a:hover,#technik a:focus { color:#007032; } #technik2 { width:100%; position:relative; clear:both; margin-right:auto; margin-bottom:150px; margin-left:auto; padding-bottom:150px; padding-top:100px; } #technik2 img { padding-bottom:40px; } #technik2 #absatz3 p, #technik2 #absatz4 p { padding-top:10px ; padding-bottom:10px ; color:#61605d; font:14px/18px Raleway; } .kontaktbutton a { padding:25px 40px; background-color:#fff; border-radius:5px; } #hauptinhalt-kontakt { width:100%; position:relative; clear:both; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40px; } #ausbildung p, #hauptinhalt p, #angebote p, #hauptinhalt2 p, #hauptinhalt3 p, #technik2 p{ padding-right:10px; padding-left:10px; padding-bottom:20px; text-align:justify; color:#676767; font:16px/20px raleway; } #hauptinhalt-kontakt a { color:#0076be; } #angebote li a, #hauptinhalt-kontakt li a { color:#ea0a8e; font:22px pt_sansregular; } #hauptinhalt h1, #hauptinhalt2 h1, #hauptinhalt3 h1, #referenzenbereich h1 { padding-top:20px; padding-bottom:20px; text-align:center; color:#f70610; font: 26px/40px raleway; } #hauptinhalt-abschnitt1 h1, #hauptinhalt-abschnitt2 h1, #hauptinhalt-abschnitt3 h1, #hauptinhalt-abschnitt4 h1 { padding-top:40px; padding-bottom:30px; text-align:center; color:#f70610; font: 26px/40px raleway; } #hauptinhalt h2, #hauptinhalt2 h2, #hauptinhalt3 h2, #hauptinhalt-kontakt h2 { padding-top:40px; padding-bottom:10px; text-align:center; font:26px raleway; color:#fff; } #hauptinhalt-abschnitt2 h2 { padding-top:10px; padding-bottom:60px; text-align:center; color:#676767; font: 24px raleway; } #hauptinhalt3 .ueberschrift2 { padding-top:40px; padding-bottom:10px; text-align:center; font:26px raleway; color:#fff; } #absatz2a h2, #referenzenbereich h2 { padding-top:10px; padding-bottom:10px; text-align:center; font:24px raleway; color:#676767; } #hauptinhalt-abschnitt4 #kontaktformular h2 { padding-top: 20px; padding-bottom: 20px; text-align: center; color: #f70610; font: 26px/40px raleway; } #hauptinhalt #datenschutz h2 { padding-top:20px; padding-bottom:20px; text-align:center; color:#000; font: 26px/20px raleway; } #hauptinhalt #hauptinhalt4 h3 { color: #f70610; padding-left: 10px; text-align: justify; font: 18px/24px raleway; } #hauptinhalt h3, #hauptinhalt2 h3, #hauptinhalt3 h3, #hauptinhalt-kontakt h3, #hauptinhalt-abschnitt1 h3, #hauptinhalt-abschnitt2 h3, #hauptinhalt-abschnitt3 h3, #referenzenbereich h3 { padding-top:10px; padding-bottom:10px; text-align:center; font:22px raleway; color:#676767; } #hauptinhalt2 .ueberschrift3 { padding-top:10px; padding-bottom:10px; text-align:center; font:28px raleway; color:#676767; } #hauptinhalt-abschnitt2 h4, #hauptinhalt-abschnitt3 h4, #hauptinhalt-abschnitt4 h4 { padding-top:20px; padding-bottom:20px; text-align:center; color:#f70610; font: 22px/34px raleway; } #hauptinhalt #datenschutz h4 { padding-top:20px; padding-bottom:20px; text-align:center; color:#676767; font: 22px/34px raleway; } #hauptinhalt-abschnitt2 h5 { padding-top:15px; padding-bottom:10px; text-align:center; color:#fff; font: 22px raleway; } #hauptinhalt h6, #hauptinhalt2 h6, #hauptinhalt3 h6 { padding-top:20px; padding-bottom:40px; text-align:center; color:#fff; font: 26px/40px raleway; } #hauptinhalt-abschnitt1 h6, #hauptinhalt-abschnitt2 h6, #hauptinhalt-abschnitt3 h6, #hauptinhalt-abschnitt4 h6 { padding-top:40px; padding-bottom:30px; text-align:center; color:#f70610; font: 26px/40px raleway; } #absatz1 h3, #absatz2 h3 { padding-top:10%; padding-bottom:5%; padding-left:16%; padding-right:10%; color:#fff; font: 22px raleway; } #absatz3 h3, #absatz4 h3 { padding-top:10%; padding-bottom:5%; padding-left:16%; padding-right:10%; color:#fff; font: 22px raleway; } #hauptinhalt .hauptinhalt h3 a, #hauptinhalt2 .hauptinhalt h3 a, #hauptinhalt3 .hauptinhalt h3 a { padding-top:10px; padding-bottom:20px; color:#0076be; font:22px raleway; } #hauptinhalt .hauptinhalt a, #hauptinhalt2 .hauptinhalt a, #hauptinhalt3 .hauptinhalt a { font-family:raleway; color:#f70610; } .image_container { width:100%; margin:0; padding:0; } #hauptinhalt .datenschutz p { padding-top:10px; padding-bottom:10px; text-align:left; font-size:20px; } #hauptinhalt .datenschutz h2, #hauptinhalt .datenschutz h3 { text-align:left; font:25px pt_sansregular; } #hauptinhalt .datenschutz h2 { padding-top:20px; text-align:left; color:#787777; font:25px pt_sansregular; } #hauptinhalt .kontaktformular h3, #hauptinhalt .kontaktformular p, #hauptinhalt2 .kontaktformular h3, #hauptinhalt2 .kontaktformular p{ text-align:left; } #referenz-projekte { max-width:800px; margin-right:auto; margin-left:auto; } .ce_sliderStart { margin-right:auto; margin-left:auto; text-align:center; } .slider-control { min-height:40px; max-width:300px; margin-right:auto; margin-left:auto; padding-bottom:5; color:#fff; } #hauptinhalt .slider-control a { color:#fff; } .slider-prev, .slider-next { margin-top:-15px; font-weight:bold; color:#fff; font:65px/40px pt_sansregular; } #footer { width:100%; background-color:#f70610; } #copy { width:100%; float:left; position:relative; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:40; padding-bottom:0; text-align:center; background-color:#f70610; } #copy p { color:#fff; font:12px raleway; } #copy a { color:#fff; font:12px raleway; } .kontaktformular-kontakt .formbody { width:90%; margin-right:auto; margin-left:auto; padding-right:10px; padding-left:10px; } .kontaktformular .formbody { width:80%; margin-right:auto; margin-left:auto; padding-right:10px; padding-left:10px; } .kontaktformular label, .kontaktformular-kontakt label { width:10em; color:#696666; font:20px/30px raleway; } #lbl_7_0 a, #lbl_16_0 a{ width:100%; color:#f70610; font:16px/20px raleway; } #lbl_7_0, #lbl_16_0 { font:16px/20px raleway; } .kontaktformular input, .kontaktformular-kontakt input { width:100%; padding-top:15px; padding-bottom:15px; padding-left:10px; color:#696666; font:16px/20px raleway; } .kontaktformular select, .kontaktformular-kontakt select { width:auto; padding-top:15px; padding-bottom:15px; padding-left:10px; color:#696666; font:16px/20px raleway; } #ctrl_11 .select{ width:auto; padding-top:15px; padding-bottom:15px; padding-left:10px; color:#696666; font:16px/20px raleway; } .widget-textarea .textarea { width:100%; height:10em; padding:10px; color:#666; font:16px/20px raleway; } .kontaktformular .widget-submit .submit, .kontaktformular-kontakt .widget-submit .submit { width:40%; margin-top:20px; padding:10px; color:#666; font:1.5em/1.8em raleway; } .checkbox_container .checkbox { width:25px; padding-top:-10; padding-right:0; } .checkbox_container { margin-top:40px; margin-bottom:20px; } .error { color:#f00; } required { border:2px solid #f00; color:#f00; } #impressum { width:40%; margin-right:auto; margin-left:auto; padding-right:10px; padding-left:10px; } #impressum a { font:17px/24px raleway; font-weight:normal; color:#1c1c1d; } #impressum p { font:17px/24px raleway; font-weight:normal; color:#1c1c1d; } .rs-column.-large-col-5-1 { float: left; width: 17%; margin-right:1.5%; margin-left:1.5%; } } #slider .rsts-caption { display:none; } #header .rsts-nav li { padding-right:0px; padding-left:0px; } figcaption { display: none; } s { color:#f00; text-decoration: line-through } #header .n-right li { float:none; margin-bottom:10px; padding:20px 10px 20px 15px; background-color:#ea0a8e; font:1em pt_sansregular; font-weight:bold; color:#fff; list-style-type:none; } .cookiebar__button { background-color:#ea0a8e; font:14px Raleway; font-weight:normal; } hr.style14 { height:1px; margin-top:20px; margin-bottom:60px; text-align:center; border:0; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); } hr.style14:after { top:-12px; position:relative; display:inline-block; padding:0 10px; font-size:18px; color:#9a0137; content: '♫'; background: #f0f0f0; } hr.style15 { height:1px; margin-top:20px; margin-bottom:60px; text-align:center; border:0; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); } hr.style16 { height:1px; margin-top:20px; margin-bottom:60px; text-align:center; border:0; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); } /* basic.css */ Reset margins body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, option, select, textarea { margin:0; padding:0; font-family:raleway; } table { border-collapse:collapse; border-spacing:0; } caption, th, td { vertical-align:top; text-align:left; font-family:raleway; } abbr, acronym { border-bottom:1px dotted #666; font-variant:normal; cursor:help; } blockquote, q { quotes:none; } fieldset, img { border:0; } li { list-style-type:none; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } del { text-decoration:line-through; } ins { text-decoration:none; } a { text-decoration:none; color:#fb0610; } :focus { outline:0; } Font settings input, button, textarea, select { font-size:99%; font-family:inherit; font-weight:inherit; } pre, code { font:12px "Lucida Console",Monaco,monospace; } h1, h2, h3, h4, h5, h6 { font-size:100%; } h2 { font-family:raleway; } h3 { color:#ea0a8e; } h4 { padding-bottom:15px; color:#ed9632; font:18px Marcellus; } h5 { margin-left:0; color:#c93827; font:14px bold Verdana,Arial,Helvetica,Univers,Zurich BT; } table { font-size:inherit; } caption, th { font-weight:bold; } Default margins h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form { margin-bottom:5px; } @font-face { font-family: "pt_sansregular"; src: url("../../files/daten-elektro-bohnert/fonts/pt_sans-web-regular-webfont.woff2") format("woff2"), url("../../files/daten-elektro-bohnert/fonts/pt_sans-web-regular-webfont.woff") format("woff"), url("../../files/daten-elektro-bohnert/fonts/pt_sans-web-regular.tff") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "satisfyregular"; src: url("../../files/daten-elektro-bohnert/fonts/satisfy-regular-webfont.eot"); src: url("../../files/daten-elektro-bohnert/fonts/satisfy-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../files/daten-elektro-bohnert/fonts/satisfy-regular-webfont.woff2") format("woff2"), url("../../files/daten-elektro-bohnert/fonts/satisfy-regular-webfont.woff") format("woff"), url("../../files/daten-elektro-bohnert/fonts/satisfy-regular-webfont.ttf") format("truetype"), url("../../files/daten-elektro-bohnert/fonts/satisfy-regular-webfont.svg#satisfyregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "raleway"; src: url("../../files/daten-elektro-bohnert/fonts/raleway-v12-latin-regular.eot"); src: url("../../files/daten-elektro-bohnert/fonts/raleway-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/daten-elektro-bohnert/fonts/raleway-v12-latin-regular.woff2") format("woff2"), url("../../files/daten-elektro-bohnert/fonts/raleway-v12-latin-regular.woff") format("woff"), url("../../files/daten-elektro-bohnert/fonts/raleway-v12-latin-regular.ttf") format("truetype"), url("../../files/daten-elektro-bohnert/fonts/raleway-v12-latin-regular.svg#ralewayregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "great-vibes"; src: url("../../files/daten-elektro-bohnert/fonts/great-vibes-v7-latin-regular.eot"); src: url("../../files/daten-elektro-bohnert/fonts/great-vibes-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/daten-elektro-bohnert/fonts/great-vibes-v7-latin-regular.woff2") format("woff2"), url("../../files/daten-elektro-bohnert/fonts/great-vibes-v7-latin-regular.woff") format("woff"), url("../../files/daten-elektro-bohnert/fonts/great-vibes-v7-latin-regular.ttf") format("truetype"), url("../../files/daten-elektro-bohnert/fonts/great-vibes-v7-latin-regular.svg#ralewayregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "LigatureSymbols"; src: url("../../files/daten-elektro-bohnert/daten-elektro-bohnert/fonts/LigatureSymbols-2.11.eot"); src: url("../../files/daten-elektro-bohnert/daten-elektro-bohnert/fonts/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"), url("../../files/daten-elektro-bohnert/fonts/LigatureSymbols-2.11.woff") format("woff"), url("../../files/daten-elektro-bohnert/fonts/LigatureSymbols-2.11.ttf") format("truetype"), url("../../files/daten-elektro-bohnert/fonts/LigatureSymbols-2.11.svg#ralewayregular") format("svg"); font-weight: normal; font-style: normal; } .lsf, .lsf-icon:before, .back-to-top:before { font-family:LigatureSymbols; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } .lsf, .lsf-icon:before { content:attr(title); margin-right:0.3em; font-size:200%; } .lsf-icon.telefon:before { content: '\E100'; } .lsf-icon.leistungen:before { content: '\E155'; } .lsf-icon.standort:before { content: '\E047'; } .lsf-icon.leist:before { content: '\E155'; } .lsf-icon.grafik:before { content: '\E022'; } .lsf-icon.web:before { content: '\E089'; } .lsf-icon.arbeit:before { content: '\E02a'; } .hauptinhalt li.arbeit { list-style-type: none; } .lsf-icon.konzept:before { content: '\E048'; } .lsf-icon.kalender:before { content: '\E15e'; } .back-to-top:before { content: '\E135'; } .back-to-top { background-color:rgba(251,6,16,.85); position: fixed; bottom:80px; right:20px; text-align: center; width: 50px; height: 50px; text-align: center; border-radius: 25px; z-index: 100; } a.back-to-top { color: #fff; font: 32px pt_sansregular; } .desktop .animate-down { opacity: 0; visibility: hidden; -webkit-transform: translate(0, -100px); -moz-transform: translate(0, -100px); transform: translate(0, -100px) } .desktop .animate-down.animated { opacity: 1; visibility: visible; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 600ms ease-out 100ms; -moz-transition: all 600ms ease-out 100ms; transition: all 600ms ease-out 100ms } .desktop .animate-up { opacity: 0; visibility: hidden; -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); transform: translate(0, 100px) } .desktop .animate-up.animated { opacity: 1; visibility: visible; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms; -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms; transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms } .desktop .animate-right { opacity: 0; visibility: hidden; transform: translate(-100px, 0) } .desktop .animate-right.animated { opacity: 1; visibility: visible; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms; -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms; transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms } .desktop .animate-left { opacity: 0; visibility: hidden; transform: translate(100px, 0) } .desktop .animate-left.animated { opacity: 1; visibility: visible; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms; -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms; transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms } @media screen and (min-width: 1001px){ .test { width:50px; height:auto; position:relative; border-top:1px solid #fff; border-right:0px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; background: #f70610; transition: width 1s; } .test p { padding:10px 0 10px 17px; font:0.75em Raleway; color:#fff; } .test:hover, .test2:hover { width: 100px; } .hover { height: auto; background-color: #f70610; z-index: 100; } .mask a { color:#fff; } .mask { width:100px; padding-left:10px; padding-top:15px; padding-bottom:10px; font:0.9em Raleway; color:#fff; position: absolute; top:0; background-color: #f70610; opacity: 0; z-index: 2; } .test:hover .mask, .test2:hover .mask2 { opacity: 1; } #nav-right { position:fixed; top:296px; right:0; z-index:100; } #nav-right2 { position:fixed; top:352px; right:0; z-index:100; } #nav-right3 { position:fixed; top:408px; right:0; z-index:100; } } @media screen and (min-width: 200px) and (max-width: 1000px){ .test { width:50px; height:auto; position:relative; transition: width 1s; } .test p { padding:10px 0 10px 17px; font:0.75em Raleway; color:#fff; } .test:hover, .test2:hover { width: 100px; } .hover { height: auto; background-color: #f70610; z-index: 100; } .mask a { color:#fff; } .mask { width:100px; padding-left:10px; padding-top:15px; padding-bottom:10px; font:0.9em Raleway; color:#fff; position: absolute; top:0; background-color: #f70610; opacity: 0; z-index: 2; } .test:hover .mask, .test2:hover .mask2 { opacity: 1; } #nav-right { position:fixed; top:296px; right:0; z-index:100; background-color: #f70610; border-top:1px solid #fff; border-right:0px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; background: #f70610; } #nav-right2 { position:fixed; top:352px; right:0; z-index:100; background-color: #f70610; border-top:1px solid #fff; border-right:0px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; background: #f70610; } #nav-right3 { position:fixed; top:408px; right:0; z-index:100; background-color: #f70610; border-top:1px solid #fff; border-right:0px solid #fff; border-bottom:1px solid #fff; border-left:1px solid #fff; background: #f70610; } } @media screen and (max-width:768px) { div.menubutton { right:.5rem; position:absolute; display:block; top:.3rem; z-index: 10000; } div.menubutton a { display:block; padding:.5rem; border:1px solid red; border-radius:.25rem; font-family:pt_sansregular; text-decoration:none; color:red; behavior:url('assets/css3pie/1.0.0/PIE.htc'); background-color: transparent; } div.menubutton a.shownav:after { font-size:.7rem; content: " \25bc"; } div.menubutton a.hidenav:after { font-size:.7rem; content: " \25b2"; } div.menubutton a.hidenav { display:none; } nav.mod_navigation { margin:0; padding:0; transition: 1s; background-color: #fff; } nav.mod_navigation ul.level_1 { margin-top:30px; margin-right:0; margin-bottom:100%; padding:0; } nav.mod_navigation a:hover, nav.mod_navigation a:focus { text-decoration:underline; } #header nav.mod_navigation { max-height:0; } #menu:target nav.mod_navigation { max-height:60rem; } #menu:target a.shownav { display:none; } #menu:target a.hidenav { display:block; } }