.lazyload,.lazyloading,.lazyloaded{opacity:0;will-change:opacity;transition:all 0.3s ease-in-out}.lazyloaded{opacity:1}.lazyload.thumb,.lazyloading.thumb,.lazyloaded.thumb{opacity:1}.intrinsic-ratio-wrapper{display:inline-block;max-width:100%;width:100%}.intrinsic-ratio{position:relative;height:0;max-width:100%}.intrinsic-ratio>img,.intrinsic-ratio>picture{position:absolute;top:0;left:0;width:100%}.intrinsic-ratio>.thumb{height:100%} .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("/standards/img/rocksolidslider/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("/standards/img/rocksolidslider/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} #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(/standards/img/colorbox/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(/standards/img/colorbox/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(/standards/img/colorbox/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(/standards/img/colorbox/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;box-sizing:border-box;font-family:'Helvetica',Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(/standards/img/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:mejs__loading-spinner 1s linear infinite;animation:mejs__loading-spinner 1s linear infinite;background:url(/standards/img/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*='display: none']){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:url(/standards/img/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:dotted 1px #999}.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus,.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-total,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-current,.mejs__time-float,.mejs__time-hovered,.mejs__time-float-current,.mejs__time-float-corner,.mejs__time-marker{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-current,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-hovered{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.15s ease-in all;transition:.15s ease-in all;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid rgba(255,255,255,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail:hover .mejs__time-handle-content,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail .mejs__time-handle-content:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:solid 1px #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:solid 5px #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{background:rgba(255,255,255,.9);left:0;margin:0;position:absolute;width:100%}.mejs__volume-handle{background:rgba(255,255,255,.9);border-radius:1px;cursor:ns-resize;height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border-radius:2px;font-size:1px;height:8px;left:0;margin:0;padding:0;position:absolute;top:16px;width:50px}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);border-radius:2px;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:solid 1px transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay p,.mejs__cannotplay a{display:inline-block;padding:0 15px;width:100%} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* ============================================================================= * Reset * ========================================================================== */ /* --- Umsetzung Markus Schindler --- */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= * Base * ========================================================================== */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ font-family: sans-serif; } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ button, input, select, textarea { font-family: sans-serif; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong {font-family:gravitybold, Arial, sans-serif; font-weight:inherit;} h1 b, h1 strong{} blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: yellow; color: black; } /* Addresses margins set differently in IE6/7 */ pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; } sub { bottom: -0.2em; } /* ============================================================================= * Lists * ========================================================================== */ /* Addresses margins set differently in IE6/7 */ ol, ul { list-style: none; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= * Embedded content * ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic;/* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= * Figures * ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure, form { margin: 0; } /* ============================================================================= * Forms * ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ /* Define consistent border, margin, and padding */ /* fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }*/ /* 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal;/* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled] { cursor: default; } input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 * Known issue: excess padding remains in IE6 */ /* 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* Removes inner padding and search cancel button in S5, Chrome on OS X */ /* Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top;/* 2 */ } /* ============================================================================= * Tables * ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } input::-moz-placeholder, textarea::-moz-placeholder { font-style: normal; } input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#888686;opacity: 1; } input:-moz-placeholder { /* Firefox 18- */ color: #888686 !important; } input::-moz-placeholder { /* Firefox 19+ */ color: #888686 !important; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#888686; } input::placeholder { color:#888686;opacity: 1; } select::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#888686;opacity: 1; } select:-moz-placeholder { /* Firefox 18- */ color: #888686 !important; } select::-moz-placeholder { /* Firefox 19+ */ color: #888686 !important; } select:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#888686; } select::placeholder { color:#888686;opacity: 1; } textarea::-webkit-input-placeholder { color: #888686 !important;opacity: 1; } textarea:-moz-placeholder { /* Firefox 18- */ color: #888686 !important;opacity: 1; } textarea::-moz-placeholder { /* Firefox 19+ */ color: #888686 !important;opacity: 1; } textarea:-ms-input-placeholder { color: #888686 !important;opacity: 1; } /* Umsetzung - Markus Schindler - CodeSache.de */ * {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html { -webkit-font-smoothing: antialiased; overflow-y: scroll; height: 100%; } body{ color: #000; font-size:18px; line-height:166%; font-family: "gravitybook", Arial, sans-serif; font-weight: normal; background:#fff;} #wrapper { } #main { clear: both; margin: 0px; padding: 0 0 40px 0; overflow: hidden; max-width: 100%; min-height: 300px; } #container { max-width: 1200px; margin: 0 auto; clear: both; padding:0px 20px 30px 20px;} .mod_article.first{margin-top:80px;} body.full #container{max-width: inherit;padding:0px 0px 30px 0px;} #main .block { overflow: hidden; } #navisection { max-width: 1200px; margin: 0 auto; clear: both; } /* Farben */ .hellgraubg { background: #F3F3F3; } .graubg { background: #5E5A5C; } .gruenbg { background: #67B42A; } .hellgruenbg { background: #EBF4E4; } .weissbg { background: #ffffff; } /* Text-Farben */ .weiss-text{color:#fff;} .schwarz-text{color:#000;} .gruen-text{color:#67B42A;} /* Abstände innen */ .rand10px { padding: 10px; } .rand20px { padding: 20px; } .rand30px { padding: 30px; } .rand40px { padding: 40px; } .rand60px { padding: 60px; } .rand100px { padding: 100px; } .rand20pxobenunten { padding: 20px 0; } .rand30pxobenunten { padding: 30px 0; } .rand40pxobenunten { padding: 40px 0; } .rand60pxobenunten { padding: 60px 0; } .rand20pxunten70px { padding: 20px 20px 70px 20px; } .rand60pxaussen { padding: 0 60px; } /* Abstände aussen */ .marginunten0px{margin-bottom:0px !important;} .marginunten10px{margin-bottom:10px !important;} .marginunten20px{margin-bottom:20px !important;} .marginunten25px{margin-bottom:25px !important;} .marginunten30px{margin-bottom:30px !important;} .marginunten40px{margin-bottom:40px !important;} .marginunten50px{margin-bottom:50px !important;} .marginunten60px{margin-bottom:60px !important;} .marginunten80px{margin-bottom:80px !important;} .marginunten120px{margin-bottom:120px !important;} .marginoben0px{margin-top:0px !important;} .marginoben10px{margin-top:10px !important;} .marginoben20px{margin-top:20px !important;} .marginoben25px{margin-top:25px !important;} .marginoben30px{margin-top:30px !important;} .marginoben40px{margin-top:40px !important;} .marginoben50px{margin-top:50px !important;} .marginoben60px{margin-top:60px !important;} .marginoben80px{margin-top:80px !important;} .marginoben120px{margin-top:120px !important;} .intropadding{ padding: 100px 0px 60px 0px; } /* Bereich auf Breite begrenzen */ .wrapper600px { max-width: 600px; margin: 0 auto; } .wrapper800px { max-width: 800px; margin: 0 auto; } .wrapper1000px { max-width: 1000px; margin: 0 auto; } .wrapper1160px { max-width: 1160px; margin: 0 auto; } figure.float_left { float: left; } figure.float_right { float: right; } img { max-width: 100%; height: auto; } .vollebreite img { width: 100% !important; max-width: 100% !important; } .fullwidth { width: 100% !important; max-width: 100% !important; } .rund{ border-radius: 50%; display: inline-block; } .center{text-align: center; margin: 0 auto; } .centered{display: block;margin-left: auto !important;margin-right: auto !important;} .left { float: left !important;} .right { float: right !important;} .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clear { clear: both; } .hide { display: none; } .visible { overflow: visible !important; } .invisible { display: inline; height: 0; left: -1000px; overflow: hidden; position: absolute; top: -1000px; width: 0; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .textalign_left{text-align: left;} .textalign_right{text-align: right;} .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .selectbig { font-size: 22px; } /* HEADER */ #header { margin:0 auto; width: 100%; background: #fff; padding: 30px 30px; box-shadow: 0 0 3px 0 #999; min-height: 110px; position: relative; top: 0; right: 0; left: 0; z-index: 1000; /* -webkit-transition: all 1s ease; transition: all 1s ease;*/ } #header .inside{ margin:0 auto; z-index: 20; max-width: 1166px; width: 100%; position:relative; } #logo { display:inline-block;min-width:270px; /*! height: 92px; */ /*! */ /*! top: 20px; */ /*! position: absolute; */ /*! left: 0px; */ z-index: 400; text-align: center;} #logo img.logo{width:160px;} #logo a{display: inline-block; line-height: 0;} #logo img.logowortmarke{width:270px;} #header.fixed { min-height: 80px; position: fixed; top: 0; right: 0; left: 0; z-index: 1000; } #header.fixed #logo .logotext{display: none;} #header.fixed #logo img.logo{ top: 20px; left: 0px; width:80px;} /* #logo .logotext{line-height: 23px;padding-top:20px; font-family: gravitybook,Arial,sans-serif; font-size: 23px; font-weight:400; text-transform: uppercase; } #logo .logotext span{font-family: gravitybold,Arial,sans-serif; font-weight:600; } */ .kontakt_icons { display: block; position: absolute; right:25px; top:100%; z-index: 500; padding-top: 38px; } .kontakt_icons .mailbox{display:block;width:60px; height:60px;margin-bottom: 20px;} .kontakt_icons .mailbox .innen{position: relative;} .kontakt_icons .mail_link{display: block;text-align: right; margin:0 0 20px 0;cursor: pointer; background:url(/standards/img/contact.svg) no-repeat top center; width:60px; height:60px;z-index: 50;position: absolute;} .kontakt_icons .mail_link_box{position: absolute;right: 50%;top: 0;padding: 15px 50px 15px 15px;display:none;background: #fff;z-index: 1;min-width: 240px;} .kontakt_icons .mail_link a{text-decoration: none;font-size: 26px; vertical-align: bottom;/*! padding: 10px; */font-family: "gravitybook", Arial, sans-serif;} .kontakt_icons .mail_link:hover, .kontakt_icons .mail_link.active{background:url(/standards/img/contact_mouseover.svg) no-repeat top center;} .kontakt_icons .telefonbox{display:block;width:60px; height:60px;} .kontakt_icons .telefonbox .innen{position: relative;} .kontakt_icons .telefon_link{background:url(/standards/img/phone.svg) no-repeat top center; width:60px; height:60px;display: block;text-align: right;cursor: pointer;;z-index: 50;position: absolute;} .kontakt_icons .telefon_link_box {position: absolute;right: 50%;top: 0; display:none;padding: 15px 50px 15px 15px;background: #fff;z-index: 1; min-width: 260px;} .kontakt_icons .telefon_link a{text-decoration: none;font-size: 26px; vertical-align: bottom;padding: 0px;font-family: "gravitybook", Arial, sans-serif;} .kontakt_icons .telefon_link:before{font-size: 60px;} .kontakt_icons .telefon_link:hover, .kontakt_icons .telefon_link.active{background:url(/standards/img/phone_mouseover.svg) no-repeat top center;} .kontakt_icons .telefon_link.open a{display:block;} header .navisuchebox { height: 50px; background: #efede9; width: 100%; z-index: 300; } header .inner { margin: 0 auto; max-width: 1600px; position: relative; } header .navibox { } #topnavibox { width: 100%; } #headersuche { position: absolute; right: 12px; top: 0; width: 200px; height: 40px; text-align: right;display: inline-block;} #headersuche input[type="search"]{ margin: 0; border: 0px; border-bottom: 1px solid #000; box-shadow: none; background: transparent; width: 0px; height: 39px; font-size: 12px; padding: 0; color: #000; -webkit-appearance: none; border-radius: 0; } #headersuche.sucheoffen input[type="search"]{width: 140px;padding: 5px 5px;height: 30px;margin-right: 10px;} #headersuche button{background:transparent;height: 30px;line-height: 30px;vertical-align: top;} #headersuche button:before { font-size: 26px; } #header.fixed #headersuche { position: absolute; top: -15px; /*-webkit-transition: all 1s ease; transition: all 1s ease-in-out;*/ } /* END HEADER */ .fluid-width-video-wrapper { position: initial !important; } .videoiframe { z-index: 60 !important; } p.back { margin: 30px auto; max-width: 1786px; padding: 5px 0; text-align: right; } p.back a { background: #0062a4 none repeat scroll 0 0; color: #fff; font-family: abrilfatface-regular, Arial, sans-serif; font-size: 20px; line-height: 125%; padding: 10px 30px; text-align: center; text-transform: lowercase; } .ce_image .image_container { position: relative; line-height:0; } .image_container .caption { bottom: 10px; left: 10px; position: absolute; background: rgba(255,255,255,0.60); font-size: 9px; line-height: 9px; padding: 3px 3px; clear: both; color: #3c3c46; width: inherit !important; } /* HeaderSlider --- */ #homeCarousel {margin: 0 auto;text-align: center;position:relative; width: 100%;} #homeCarousel .teasertexte { display: none; position: absolute; bottom: 10%; padding: 1.3rem; left: 0%; right: 0%; width: 50%; margin: 0 auto; background-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8); } #homeCarousel .teasertexte p{ color: #334650;font-size: 1.1rem;margin: 0; } #homeCarousel .slideboxinner{max-width: 1600px; height: 100%; margin: 0 auto;} #homeCarousel .slideboxinnerbox{width:100%; position: relative !important; height: 100%; max-width: 1166px;margin: 0 auto;} #homeCarousel .introimage{ position: absolute; top: 35%; left: 0%; /*! right: 0%; */ margin: 0 auto; display:block; max-width: 400px; } #headerslider { width:100%; height:100%; position: relative; overflow: visible; } #headerslider .slidebox { position: absolute !important; width:100%; height:100%; background-size: cover; background-position: 50% 50%; } #bommelbox{width: 100%; position: absolute;bottom: 5%;z-index: 100;} #bommelbox .innen{} #bommel{max-width: 1180px; margin:0 auto; text-align: left; } #homeCarousel .rslides_tabs{ display: inline-block; padding: 0; margin: 0; } #homeCarousel .rslides_tabs li{ display: inline-block; padding: 5px; margin: 0 5px 0 0; } #homeCarousel .rslides_tabs li a{ font-size:0; text-decoration: none; line-height:0; color: transparent; } #homeCarousel .rslides_tabs li.rslides_here a:before{ color: #67B42A; z-index: 300; cursor: pointer; } #homeCarousel .rslides_tabs li a:before{ content: "\e908"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 15px; color: #fff; font-size: 20px; } .homepfeil { position: absolute; bottom: 5%; color: #fff; left: 45%; right: 45%; display: block; z-index: 100; width:inherit; display: inline-block; max-width: 60px; } .homepfeil a { text-decoration: none; } .homepfeil a:before { font-size: 60px; } /* end HeaderSlider --- */ .parallax.height-small, .parallax.height-small .xparallaxbg{height: 200px;} .parallax.height-medium, .parallax.height-medium .Xparallaxbg{height: 400px;} .parallax.height-large, .parallax.height-large .Xparallaxbg{height: 600px;} .parallax.viewport-height, .parallax.viewport-height .parallaxbg{height:100vh;} .parallax{ position:relative; overflow: hidden; } .parallaxbg{ background-size: cover; background-position: 50% 50%; height:120%; position: absolute;top:0;left:0;right:0;bottom:0; width: 100%; z-index: -1; } .vertical-centered { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* Forms */ /* -------------------------------------------------------------------------------------------------- */ .ce_form .widget{ margin:0; padding:0 0 16px 0; } fieldset { margin:0; padding:0; } label { font-weight: normal; line-height:125%; margin-bottom: 0; } input, select, textarea { background: #F4F4F4; /*! border: 1px solid #e1e1e1; */ border-radius: 0; box-sizing: border-box; color: #888686; line-height:125%; margin: 0 2px; padding: 10px 20px; width: 100%; } select{ line-height:125%; margin: 0 2px; padding: 10px 16px; background:#F4F4F4 url(/standards/img/select-pfeil.png) no-repeat 97% 50%; /*background:#F4F4F4 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAA7CAMAAADfCS07AAAAtFBMVEVHcEyNjY2HhYWHhYWHhYWGhISIiIiGhIR/f3+HhYWHhYWGhYWGhISHhYWHhISGhYWHhISGhYWMf3+HhISHhISFhYWEhISGhYWJiYmIiIiRkZGGhYV/f3+GhYWHhYWGhISGhoaHhYV/f3+qqqqGhISFhYWGhYWIgoKIgoJ/f3+HhIT///+GhYWHhISGhoaHhYWGhISHhISHhYWFhYWIg4OHg4OHhYWGhISGhYWGhoaGhISIhIRslQY/AAAAPHRSTlMACZf3+aMPmAqZ/8n2+6vHwqwU074VGdwaHAe2BrLg4STkBAOlKOspLQKgAe3uN/GQi4g7PEKGebhO+ketDSoxAAABNklEQVR4Ae3MBY7FMAxF0feZmZmZmfa/ruFaHqii1BnuFTqxD9zc3CR5vD5/IChEggG/LxS2pkj0oZjMDMYeEa81+qJkysRo3Jr9UZlJYjRhPSSjz6XCDsVw+kXIWC/Z3MtLPuxMzEefy2XprSAxmVhgr8USmc7FUhm8ilOTiRXAiFm1FZlZq2uI9Ya9yMxGXSyS2SRTV2xxkdfukKkndtqAzNQQudlVir2kWgQ3+z2V2OeivikRgcGQmWpxOIK6MTPV4hgwYk64qGdOZ/iomZeJuqZ3JhbJnNubJC50RGC5sjNJXC0BgakWBeaaic7NDXvcclFgbsUitYszk4vxPZx2YCYXD4AZk4smzCNOTDRjnrkoN1k+uQhcrky8XgCzplwk06BIpkGRTNMicCtFSzf82tzc7gHODDT1HgZ7eAAAAABJRU5ErkJggg==) no-repeat 100% 50%; */ -moz-appearance: none; -webkit-appearance: none; appearance: none; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; width: inherit; } span.mandatory { color: #f00; display: inline; font-weight: bold; padding-left: 2px; } /* RadioButtons*/ .radio_container legend { display: block; overflow: hidden; } .radio_container span { display: inline-block; margin-right: 20px; } .radio_container.vertikal span { display:block; margin:0; } .radio_container input { border-radius: 100%; box-shadow: none; padding: 0; } /* Checkboxen */ .checkbox_container legend { display: block; overflow: hidden; } .checkbox_container span { display: inline-block; margin-right: 20px; } .checkbox_container.vertikal span { display:block; margin:0; } .checkbox_container input { box-shadow: none; padding: 0; } /* Buttons ------------------------------------------------- */ .widget-submit input, .widget-submit button {width: auto!important;} .submit {-webkit-appearance:none; -webkit-box-shadow: none; box-shadow: none; border: 0;} input[type="submit"], input.submit, button.submit {padding: 5px 10px; text-align: center; display: inline-block; /*! margin-bottom: 4px; */ background: none; color: #67B42A; cursor: pointer; } input[type="submit"], input.submit, button.submit {-webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; -ms-transition: All 0.4s ease; transition: All 0.4s ease;} input[type="submit"]:hover, input.submit:hover, button.submit:hover {opacity: 0.7; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; -ms-transition: All 0.4s ease; transition: All 0.4s ease;} /* end Buttons ------------------------------------------------- */ .ce_form .widget-submit{display:inline-block; float:right;} .ce_form .widget-submit:after{ content: "\e90d"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*! line-height: 13px; */ color: #67B42A; font-size: 22px; /*! height:33px; */ /*! width:33px; */ } .ce_form .anfragebox {min-height: 300px;} .ce_form .widget.error { display: flex; flex-flow: row wrap; } .ce_form .widget.error p { color: #f03; font-size: 0.875rem; padding: 0; margin: 0; padding-left: 5px; order: 2; } .ce_form .widget.error input { background: rgba(255,0,51,0.25); } .formErrorMessage { position: fixed; padding: 2rem; width: 85%; max-width: 520px; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 2px solid #f03; background: #f03; cursor: pointer; z-index: 999; border-radius: 5px; box-shadow: 0 0 20px 0 rgba(0,0,0,.35); } .formErrorMessage p { margin: 0; text-align: center; color: white; font-weight: bold; font-size: 1rem; line-height: 1.5rem!important; } .formErrorMessage p.calltoaction { background-color: white; color: #fe0032; margin: 1rem auto 0; display: block; width: 75%; max-width: 100px; } /* end Forms -------------------------------------------------------------------------------------------------- */ /* Listen */ #main ul, .ce_text ul, .ce_list ul, .ce_textarea ul, .ce_text ol, .ce_list ol, .ce_textarea ol { margin-bottom: 15px; padding-left: 20px; } #main ul li, .ce_text ul li, .ce_list ul li, .ce_textarea ul li { list-style-position: outside; list-style-type: disc; } #main li, .ce_text li, .ce_list li, .ce_textarea li, .ce_text ol, .ce_list ol, .ce_textarea ol { line-height: 1.8em; } .ce_text ol, .ce_list ol, .ce_textarea ol { list-style:decimal; padding-left: 25px; } /* end Listen */ hr{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #b2b9c4 -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25em 0; overflow: visible; } hr.dotted{ border-top-color: #717c8e; border-top-style: dotted; } /* vertical-centered */ .vertical-centered-box { display: table; table-layout: fixed; width: 100%; } .vertical-centered-box > div { display: table-cell; margin: 0; vertical-align: middle; float: none; } /* FOOTER */ #footer { background-color: #67B32A; text-align: center; overflow: hidden; padding: 80px 30px 80px 30px; /*! margin-top: 60px; */ } #footer .inside { max-width: 1160px; width: 100%; display: block; margin: 0 auto; text-align: left; padding: 0 0px; color: #fff; } #footer .footer-adresse{float: left; margin-right: 30px; width:270px;} #footer .footer-adresse a { text-decoration: none; } #footer a,#footer a:hover, #footer span:hover,#footer h3 { color: #fff; } #footer h3.strong {font-family:gravitybold, Arial, sans-serif;} #footer .navigationbox { float: left; padding: 55px 0 0 0;} #footer .navigationbox a { margin: 0; font-size: 24px; padding: 0; } #footer .navigationbox ul { padding: 0 0 0 0px; margin:0;} #footer .navigationbox ul a, #footer .navigationbox ul span { text-decoration: underline; font-size: 16px; line-height: 32px; } #footer a:hover, #footer span:hover { color: #000 !important; } #footer #footerform{float: right; width:45%;} #footer #footerform .widget-submit{float:right;} #footer #footerform .widget-submit button{display:inline-block;color: #fff;} #footer #footerform .widget-submit:after{ content: "\e90d"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #fff; font-size: 22px; } #footer #footerform .widget-text{padding-bottom:20px;} #footer .top-link { width: 100%; display: none; padding: 12px 0; clear: both; background: #19577e; text-align: center; } #footer .top-link.einblenden { display: block; } #footer .top-link a { color: #fff; padding: 10px; } /* ToTop Button */ #to_the_top { background:url(/standards/img/up.svg) no-repeat top center; display: none; position: fixed; cursor: pointer; z-index: 10; width: 60px; height: 60px; bottom:25px; right: 25px; line-height:60px; } /* #to_the_top.icon-up::before { color: #6D6E70; font-size: 60px; } */ /* END FOOTER */ /* --- Umsetzung Markus Schindler --- */ .ce_form .sp1 { width: calc(50% - 20px); display: inline-block; margin-right: 16px; } .ce_form .sp2 { width: 50%; display: inline-block; } #ctrl_331 { color: white; } @media (max-width:640px) { .ce_form .sp1, .ce_form .sp2 { width: 100%; display: block; } .ce_form div.startzeit, .ce_form div.endezeit { width: 100% !important; left: 0 !important; } } .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 3.0%; margin-right: 3.0%; } .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: 48.5%; } .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: 3.0%; margin-right: 3.0%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 3.0%; } .rs-column.-large-first-row { margin-top: 3.0%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-right: 3.0%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 3.0%; } .rs-column.-medium-first-row { margin-top: 3.0%; } .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%; } } /* Umsetzung - Markus Schindler - CodeSache.de */ @font-face { font-family: 'icomoon'; src: url('/standards/fonts/icomoon.eot?a0c5to'); src: url('/standards/fonts/icomoon.eot?a0c5to#iefix') format('embedded-opentype'), url('/standards/fonts/icomoon.ttf?a0c5to') format('truetype'), url('/standards/fontsicomoon.woff?a0c5to') format('woff'), url('/standards/fonts/icomoon.svg?a0c5to#icomoon') format('svg'); font-weight: normal; font-style: normal; } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 13, 2017 */ @font-face { font-family: 'gravitybold'; src: url('/standards/fonts/gravity-bold-webfont.woff2') format('woff2'), url('/standards/fonts/gravity-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gravitybook'; src: url('/standards/fonts/gravity-book-webfont.woff2') format('woff2'), url('/standards/fonts/gravity-book-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/34d2e2"); /*@font-face {font-family: 'Relation-Bold';src: url('/standards/fonts/34D2E2_0_0.eot');src: url('/standards/fonts/34D2E2_0_0.eot?#iefix') format('embedded-opentype'),url('/standards/fonts/34D2E2_0_0.woff2') format('woff2'),url('/standards/fonts/34D2E2_0_0.woff') format('woff'),url('/standards/fonts/34D2E2_0_0.ttf') format('truetype');} */ @font-face {font-family: 'Relation';src: url('/standards/fonts/fonts/34D2E2_1_0.eot');src: url('/standards/fonts/34D2E2_1_0.eot?#iefix') format('embedded-opentype'),url('/standards/fonts/34D2E2_1_0.woff2') format('woff2'),url('/standards/fonts/34D2E2_1_0.woff') format('woff'),url('/standards/fonts/34D2E2_1_0.ttf') format('truetype');} /* @font-face {font-family: 'RelationTwo-Bold';src: url('/standards/fonts/34D2E2_2_0.eot');src: url('/standards/fonts/34D2E2_2_0.eot?#iefix') format('embedded-opentype'),url('/standards/fonts/34D2E2_2_0.woff2') format('woff2'),url('/standards/fonts/34D2E2_2_0.woff') format('woff'),url('/standards/fonts/34D2E2_2_0.ttf') format('truetype');} @font-face {font-family: 'RelationTwo';src: url('/standards/fonts/34D2E2_3_0.eot');src: url('/standards/fonts/34D2E2_3_0.eot?#iefix') format('embedded-opentype'),url('/standards/fonts/34D2E2_3_0.woff2') format('woff2'),url('/standards/fonts/34D2E2_3_0.woff') format('woff'),url('/standards/fonts/34D2E2_3_0.ttf') format('truetype');} */ .hidden-false,.hidden-true {display:none;} /* ============================================================================= * Typography * ========================================================================== */ h1, h2, h3, h4, h5, h6 { line-height:125%; padding:0 0 0 0; font-weight: normal; color: #000; font-family:gravitybook,Arial,sans-serif; } h1 { font-size: 23px; margin:0 0 30px 0; text-transform:uppercase; } h2 { font-size: 23px; margin:0 0 30px 0; text-transform:uppercase; } h3 { font-size: 23px; margin:0 0 30px 0; text-transform:uppercase; } h4 { font-size: 23px; margin:0 0 30px 0; text-transform:uppercase; } h5 { font-size: 23px; margin:0 0 30px 0;text-transform:uppercase; } h6 { font-size: 23px; margin:0 0 30px 0;text-transform:uppercase; } h1.relation,.relation h1, h2.relation,.relation h2, h3.relation,.relation h3, h4.relation,.relation h4, h5.relation,.relation h5, h6.relation,.relation h6, h1.relation-h1, h2.relation-h2, h3.relation-h3, h4.relation-h4 { font-family: Relation, sans-serif; text-transform:inherit; font-style: normal; font-weight: 400; font-size: 45px; margin:0 0 30px 0; } h3 span{font-family:gravitybold, Arial, sans-serif;} h3.underline {font-family:gravitybook, Arial, sans-serif; color: #3a414b; font-size:70px; line-height:125%; display: table; margin:0 auto;text-transform: lowercase; padding:40px 0 80px 0;} h3.underline::after { background: #3a414b none repeat scroll 0 0; content: ""; display:block; height: 2px; margin-top:29px; } /* ============================================================================= * Links * ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline:none; } a:hover, a:active { outline: 0; } a { text-decoration: underline; color: #000;} p {margin: 0 0 30px 0;} /*#main .ce_text p:only-of-type{margin-bottom:0;}*/ #main .ce_text.last p.last{margin-bottom:0 !important;} #main .ce_text.last p:last-child{margin-bottom:0 !important;} /* ============================================================================= * FontIcons * ========================================================================== */ [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; font-size:2.5rem; color:#67B42A; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:hover, [class*=" icon-"]:hover { color:#4F4D4F; } .glyph {padding-bottom:1rem;} .icon-down:before { content: "\e900"; } .icon-right:before { content: "\e901"; } .icon-left:before { content: "\e902"; } .icon-add:before { content: "\e903"; } .icon-acrobat:before { content: "\e904"; } .icon-phone:before { content: "\e905"; } .icon-contact:before { content: "\e906"; } .icon-mail:before { content: "\e907"; } .icon-blob:before { content: "\e908"; } .icon-v-Kopie-11:before { content: "\e909"; } .icon-search:before { content: "\e90a"; color:#4F4D4F; } .icon-search:hover:before { color:#67B42A; } .icon-logo:before { content: "\e90b"; } .icon-simple-close:before { content: "\e90c"; } .icon-simple-right:before { content: "\e90d"; } .icon-simple-down:before { content: "\e90e"; } .icon-simple-up:before { content: "\e90f"; } .icon-simple-left:before { content: "\e910"; } .icon-up:before { content: "\e911"; } .icon-close:before { content: "\e912";color:#67B42A; } /* --- Umsetzung Markus Schindler --- */ /* Newsliste --- */ .nachrichtenliste .inner{ box-shadow: 0 4px 1px -2px #ccc; margin-bottom: 30px; padding-bottom: 10px; display: inline-block; } .nachrichtenliste .info .date{ font-size: 11px; } .nachrichtenliste h2 a{ /*! font-size: 13px; */ text-decoration: none; color: #000; } .nachrichtenliste .image_container{ float: left;margin: 0 15px 0 0; } .nachrichtenliste .teaser p { display: inline; } .nachrichtenliste a.more { display: inline; padding: 0 0 0 10px; border:none;border-left: 0 none; color: #ffffff; height: 12px; text-indent: -99.9rem; width: 12px; } /* end Newsliste --- */ /* NewsDetails --- */ .mod_newsreader{} .mod_newsreader .layout_full{max-width:800px;} .mod_newsreader h1 {font-size: 22px; line-height: 26px;} .mod_newsreader p.info{ font-size:12px;} .mod_newsreader p.info time { } .mod_newsreader .ce_text { clear: left; } /* end NewsDetails --- */ /* Kategorieteaser Startseite */ .ce_rsce_kategorie{max-width:290px} .ce_rsce_kategorie .inner {position: relative; overflow: hidden;} .ce_rsce_kategorie h3{width: 96%; font-size: 16px; font-weight: bold;padding:0 0 10px 0; } .ce_rsce_kategorie .teaserbild{line-height: 0;} .ce_rsce_kategorie a{} .ce_rsce_kategorie .teasertext { bottom:-50%; position: absolute;width:100%; left:0px; font-size: 14px; font-weight: bold;min-height: 40px; color: #000;padding: 8px;background-color: #ffffff;opacity: 0;} .ce_rsce_kategorie .teasertext{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .ce_rsce_kategorie:hover .teasertext { bottom:0%; opacity: 0.7} /* end Kategorieteaser Startseite */ .texthintergrundbg_1{} .texthintergrundbg_2{background: rgba(255,255,255,0.50); } .texthintergrundbg_3{background: rgba(0,0,0,0.60); } .texthintergrundbg_4{background: rgba(255,255,255,1.0); } .teasertexte{ width:40%; text-align:left;padding:20px;} .textausrichtung_1 { position:absolute; top:10%; left:7%;} .textausrichtung_2 { position:absolute; top:10%; right:7%;} .textausrichtung_3 { position:absolute; bottom:10%; left:7%;} .textausrichtung_4 { position:absolute; bottom:10%; right:7%;} .teasertext1{font-family: dguv-meta-web-normal, Arial, sans-serif; font-size: 24px; line-height: 125%;} .teasertext2{font-family: dguv-meta-web-normal, Arial, sans-serif; font-size: 20px; line-height: 125%;} .teasertexte.texthintergrundbg_2, .teasertexte.texthintergrundbg_2{color:#fff;} .teasertexte.texthintergrundbg_3, .teasertexte.texthintergrundbg_3{color:#fff;} /* end BxSlider */ /* --ce_gallery with responsive grid ------------------------------------------------- */ .ce_gallery>ul { margin: 0; padding: 0; overflow: hidden; list-style: none } .ce_gallery>ul li { float: left; list-style: none !important;} .ce_gallery>ul li.col_first { clear: left } .ce_gallery ul { overflow: hidden } .ce_gallery ul li { position: relative; float: left; margin-bottom: 2% } .ce_gallery ul.cols_1 li { position: relative; float: left; margin-right: 0; margin-bottom: 2%; margin-left: 0 } .ce_gallery ul.cols_2 li { width: 49%; margin-right: 1%; margin-left: 1% } .ce_gallery ul.cols_3 li { width: 32%; margin-right: 1%; margin-left: 1% } .ce_gallery ul.cols_4 li { width: 23.4%; margin-right: 1%; margin-left: 1% } .ce_gallery ul.cols_5 li { width: 18.3%; margin-right: 1%; margin-left: 1% } .ce_gallery ul.cols_6 li { width: 15%; margin-right: 1%; margin-left: 1% } .ce_gallery ul.cols_8 li { width: 10.75%; margin-right: 1%; margin-left: 1% } .ce_gallery.gallery1 ul li { position: relative; float: left; margin-right: 0; margin-bottom: 2%; margin-left: 0 } .ce_gallery.gallery2 ul li { width: 49%; margin-right: 1%; margin-left: 1% } .ce_gallery.gallery3 ul li { width: 32%; margin-right: 1%; margin-left: 1% } .ce_gallery.gallery4 ul li { width: 23.4%; margin-right: 1%; margin-left: 1% } .ce_gallery.gallery5 ul li { width: 18.3%; margin-right: 1%; margin-left: 1% } .ce_gallery.gallery6 ul li { width: 15%; margin-right: 1%; margin-left: 1% } .ce_gallery.gallery8 ul li { width: 10.75%; margin-right: 1%; margin-left: 1% } .ce_gallery ul li.col_first { margin-left: 0; } .ce_gallery ul li.col_last { margin-right: 0 } /* Akkordion */ /* V1 */ .ce_accordion .toggler { min-height: 64px; line-height: 36px; padding: 15px 0 0px 80px; text-transform: uppercase; font-size: 23px; font-family:gravitybook, Arial, sans-serif; color: #67B42A; /*! border-top: 1px dashed #dedede; */ position: relative; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ce_accordion .toggler span{display:none;} .ce_accordion .ui-accordion-content .ce_text.first h3{display:none;} .ce_accordion { margin:0 0 18px 0; } .accordion{padding:0 0 0 80px;} .ce_accordion .accordion h2, .ce_accordion .toggler{ color: #67B42A; cursor: pointer; } .ce_accordion .toggler:focus { outline: none; } .ce_accordion .xtoggler:hover, .ce_accordion .toggler.active { font-family: gravitybold, Arial, sans-serif; } .ce_accordion .accordion .ce_text p:last-child { } .ce_accordion .toggler:before { content: "\e901"; position: absolute; top: 0px; left: 0px; display: block; width: 64px; height: 64px; border: 0; color: #67B42A; text-align: center; font-size: 60px; font-family: 'icomoon' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; /*! line-height: 1; */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 64px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; } .ce_accordion .toggler.ui-state-active:before { content: "\e901"; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .ce_accordion:last-child .toggler, .ce_accordion .toggler.ui-state-active { /*! border-bottom: 1px dashed #dedede; */ } .accordion-text-weiss .ce_accordion .toggler:before {color: #fff;} .accordion-text-weiss .toggler{color:#fff;} .content-slider {} .ce_sliderStart{ padding:0px; } .content-slider .slider-wrapper{} .content-slider .slider-wrapper{} .content-slider .ce_rsce_textgalerie .inner{ display: inline-block;padding: 30px 30px 0px 30px;width: 100%;} .content-slider .ce_rsce_textgalerie .teaserbild{width:47%; float: left; margin: -30px 3% 2% -30px; overflow:hidden;line-height: 0;} .content-slider .ce_rsce_textgalerie .teaserbild:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); } .content-slider .ce_rsce_textgalerie .teaserbild img { transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; width: 100%; } .content-slider .textgaleriebox{float: left;width:50%;} .content-slider .ce_rsce_textgalerie h3{/*! font-size:28px; */ /*! line-height: 32px; */ /*! padding: 0px 0px 16px 0; *//*! margin: 0; */} .content-slider .ce_rsce_textgalerie .teasertext p{} .content-slider .ce_rsce_textgalerie .teasertext p:only-of-type, .content-slider .ce_rsce_textgalerie .teasertext p.last, .content-slider .ce_rsce_textgalerie .teasertext p:last-child{margin-bottom:0 !important;} .ce_sliderStart .slider-control {/*! margin-top: -40px; */height: 20px;margin: 40px 0;font-size: 0;line-height: 0;} .ce_sliderStart .slider-control .slider-menu b.active { color: #67B42A; } .ce_sliderStart .slider-control .slider-menu b { color: #fff; font-size:0; margin-right: 12px; } .ce_sliderStart .slider-control .slider-menu b:before, .ce_sliderStart .slider-control .slider-menu b.active:before{ content: "\e908"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 20px; font-size: 20px; } .ce_sliderStart .slider-control .slider-prev,.ce_sliderStart .slider-control .slider-next{display:none;} /* --- Raumplaner --- */ .raumplan, .raumplan_2026 { position:relative;} .raumplan .plus a, .raumplan_2026 .plus a{ width:40px; height:40px; display: block;cursor: pointer; } .raumplan .plus, .raumplan_2026 .plus{ position: absolute; background:url(/standards/img/popup.svg) no-repeat top center; width:40px; height:40px; display: block;cursor: pointer; } .raumplan .plus:hover, .raumplan_2026 .plus:hover{background:url(/standards/img/popup_mouseover.svg) no-repeat top center;} /* Neue Verortung im Raumplan */ .raumplan .raum1{top: 31.8%;left: 9.2%;} .raumplan .raum2{top: 12.4%;left: 7%;} .raumplan .raum3{top: 11.5%;left: 26.2%;} .raumplan .raum4{top: 38.7%;left: 29.7%;} .raumplan .raum5{top: 45.7%;left: 20%;} .raumplan .raum6{top: 50.1%;left: 36.1%;} .raumplan .raum7{top: 57.0%;left: 52.4%;} .raumplan .raum8{top: 57.0%;left: 60.0%;} .raumplan .raum9{top: 69.5%;left: 73.8%;} .raumplan .raum10{top: 58%;left: 84.6%;} .raumplan .raum11{top: 70.6%;left: 33.1%;} .raumplan .raum12{top: 83.0%;left: 15.8%;} .raumplan .raum13{top: 81.4%;left: 24.6%;} .raumplan .raum14{top: 77.3%;left: 53.9%;} .raumplan .raum15{top: 81.7%;left: 68.5%;} .raumplan_2026 .raum1{top: 31.8%;left: 9.2%;} .raumplan_2026 .raum2{top: 12.4%;left: 7%;} .raumplan_2026 .raum3{top: 11.5%;left: 26.2%;} .raumplan_2026 .raum4{top: 38.7%;left: 29.7%;} .raumplan_2026 .raum5{top: 45.7%;left: 20%;} .raumplan_2026 .raum6{top: 50.1%;left: 36.1%;} .raumplan_2026 .raum7{top: 57.0%;left: 52.4%;} .raumplan_2026 .raum8{top: 57.0%;left: 60.0%;} .raumplan_2026 .raum9{top: 69.5%;left: 73.8%;} .raumplan_2026 .raum10{top: 58%;left: 84.6%;} .raumplan_2026 .raum11{top: 70.6%;left: 33.1%;} .raumplan_2026 .raum12{top: 83.0%;left: 15.8%;} .raumplan_2026 .raum13{top: 81.4%;left: 24.6%;} .raumplan_2026 .raum14{top: 77.3%;left: 53.9%;} .raumplan_2026 .raum15{top: 81.7%;left: 68.5%;} #raum1,#raum2,#raum3,#raum4,#raum5,#raum6, #raum7,#raum8,#raum9,#raum10,#raum11,#raum12, #raum13,#raum14,#raum15,#raum16,#raum17,#raum18 {display:none;} #modul-raumplan .ce_accordion{display:none;} #modul-raumplan .ce_accordion .accordion .ce_text p:last-child { margin-bottom:30px; } .ce_downloads ul li span.size{ display: none;} .ce_downloads ul li a{ display:block;position: relative;vertical-align: middle;} .ce_download img.mime_icon, .ce_downloads img.mime_icon{display: none;} .ce_download a{position:relative;padding: 20px 0 20px 80px;display: inline-block;text-decoration: none;} .ce_download a::before, .ce_downloads a::before{ position: absolute; top: 6px; left: 0px; display: block; width: 60px; height: 60px; border: 0; text-align: left; font-size: 60px; font-family: 'icomoon' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; color: #67B42A; line-height: 60px; } .ce_download a.pdf::before,.ce_downloads a.pdf::before{content: "\e904";} .ce_download a.jpg::before,.ce_downloads a.jpg::before{content: "\e943";} .ce_download a.zip::before,.ce_downloads a.zip::before{content: "\e946";} .ce_hyperlink a{ text-decoration:none;color: #67B42A;} #modul-raumplan .ce_hyperlink a, .fancybox-inner .ce_hyperlink a{ color: #67B42A; } .ce_hyperlink a:after{ content: "\e90d"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*! line-height: 13px; */ font-size: 20px; padding:0 0 0 10px; } .mod_search {} .mod_search input[type="search"] { width: 60%; display: inline-block; } .mod_search input[type="submit"] { display: inline-block; padding: 11px 17px 10px; width: inherit; } .mod_search .formbody .radio_container{padding-top: 20px;} /* --- Umsetzung Markus Schindler --- */ @charset "UTF-8"; .fancybox-enabled { overflow: hidden } .fancybox-enabled body { overflow: visible; height: 100% } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) } .fancybox-container~.fancybox-container { z-index: 99992 } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box } .fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s } .fancybox-infobar { top: 0; left: 50%; margin-left: -79px } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, .7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased } .fancybox-toolbar { top: 0; right: 0 } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translateZ(0); /*! padding: 3%; */ margin: 3%; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .fancybox-slide:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block } .fancybox-slide--image { overflow: visible } .fancybox-slide--image:before { display: none } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000 } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df } .fancybox-slide--next { z-index: 99995 } .fancybox-slide { display: inline-block; position: relative; padding: 80px; margin: 0px; border-width: 0; vertical-align: top; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide .mod_article { position: relative; display: inline-block;vertical-align: top; text-align: left; background-color: #fff; /*! overflow: auto; */ box-sizing: border-box; padding-right: 15%; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: zoom-in } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff } .fancybox-iframe { display: block; padding: 0; border: 0; height: 100% } .fancybox-error, .fancybox-iframe { margin: 0; width: 100%; background: #fff } .fancybox-error { padding: 40px; max-width: 380px; cursor: default } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif } .fancybox-close-small { position: absolute; top: -39px; right: -39px; width: 55px; height: 55px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 100; cursor: pointer } .fancybox-close-small:after { content: "\e912"; /*! position: absolute; */ /*! top: 22px; */ /*! right: 30px; */ /*! width: 55px; */ /*! height: 55px; */ border:none;outline: none; font-family: 'icomoon' !important; font-size: 55px; color: #67B42A; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .25s; box-sizing: border-box; z-index: 2 } .fancybox-close-small:focus:after { } .fancybox-close-small:hover:after { color: #4F4D4F; } .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px } .fancybox-slide--iframe .fancybox-close-small:after { } .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0; background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8)); pointer-events: none } .fancybox-caption { padding: 30px 0; border-top: 1px solid hsla(0, 0%, 100%, .4); font-size: 14px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all } .fancybox-caption a { color: #fff; text-decoration: underline } .fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none } .fancybox-button[disabled] { cursor: default; pointer-events: none } .fancybox-button, .fancybox-infobar__body { background: rgba(30, 30, 30, .6) } .fancybox-button:hover:not([disabled]) { color: #fff; background: rgba(0, 0, 0, .8) } .fancybox-button:after, .fancybox-button:before { content: ""; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: .9; box-sizing: border-box; display: inline-block } .fancybox-button[disabled]:after, .fancybox-button[disabled]:before { opacity: .3 } .fancybox-button--left:after, .fancybox-button--right:after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: 2px solid currentColor; border-right: 2px solid currentColor } .fancybox-button--left:after { left: 20px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) } .fancybox-button--right:after { right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--left { border-bottom-left-radius: 5px } .fancybox-button--right { border-bottom-right-radius: 5px } .fancybox-button--close:after, .fancybox-button--close:before { content: ""; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px) } .fancybox-button--close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .25s } .fancybox-arrow:after { content: ""; position: absolute; top: 28px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, .8); background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: 50%; background-size: 24px 24px } .fancybox-arrow--right { right: 0 } .fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1) } .fancybox-arrow--left:after, .fancybox-arrow--right:after { left: 0 } .fancybox-show-nav .fancybox-arrow { opacity: .6 } .fancybox-show-nav .fancybox-arrow[disabled] { opacity: .3 } .fancybox-slide>.fancybox-loading { border: 6px solid hsla(0, 0%, 39%, .4); border-top: 6px solid hsla(0, 0%, 100%, .6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999 } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0 } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0 } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0 } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5); opacity: 0 } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1 } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); opacity: 0 } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(1turn); transform: rotate(1turn); opacity: 0 } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1 } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0 } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0 } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); opacity: 1 } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1) } @media (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0 } .fancybox-button--left, .fancybox-button--right { display: none!important } .fancybox-caption { padding: 20px 0; margin: 0 } } .fancybox-button--fullscreen:before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none } .fancybox-button--pause:before, .fancybox-button--play:before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent } .fancybox-button--play:before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px } .fancybox-button--pause:before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px } .fancybox-button--thumbs, .fancybox-thumbs { display: none } @media (min-width: 800px) { .fancybox-button--thumbs { display: inline-block } .fancybox-button--thumbs span { font-size: 23px } .fancybox-button--thumbs:before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0 } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995 } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 220px } .fancybox-thumbs>ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0 } .fancybox-thumbs>ul>li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, .1) } .fancybox-thumbs>ul>li>img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-thumbs>ul>li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94) } .fancybox-thumbs>ul>li.fancybox-thumbs-active:before { opacity: 1 } } /* Umsetzung - Markus Schindler */ @media only screen and (max-width: 1899px) { .ce_gallery ul{padding: 0px;} } /* end max-width: 1899px */ @media only screen and (max-width: 1599px) { #container { margin: 0 auto; width: 100%; } } /* end max-width: 1599 */ @media only screen and (max-width: 1220px) { .layout_full .image_container img { width:100% !important;} .mejs-container { width: 100% !important; height: auto !important; padding-top: 57%; } .mejs-overlay, .mejs-poster { width: 100% !important; height: 100% !important; } .mejs-mediaelement video, .mejs-mediaelement .me-plugin, .mejs-mediaelement embed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } #container { max-width: inherit; padding:0px 0px 20px 0px;} .mod_article{padding:0 25px;} .mod_article.full, #headerslider{padding:0 0px;} #homeCarousel .rslides_tabs{padding-left:20px;} /* ---------------------------------------------------------------------------------------- */ } /* end max-width: 1220px */ /* ---------------------------------------------------------------------------------------- */ /* 1100px --------------------------------------------------------------------------------- */ @media only screen and (max-width: 1100px) { #header {padding: 20px 20px;} #topnavi {bottom: -8px;} #topnavi ul.level_1 li a,#topnavi ul.level_1 li span.active,#topnavi ul.level_1 li span.trail{padding:15px 8px 15px 8px;line-height:16px;font-size:16px;} #topnavi ul.level_1 li > ul {top: 58px;left: -50%;} #topnavi ul.level_1 li > ul > li ul {left: -100%;} #topnavi ul.level_1 li {margin: 0 0 0 20px;} #topnavi ul.level_2 li {margin: 0 0 0 0px;} #logo img.logowortmarke {width: 200px;} #logo{width: 200px;min-width:inherit;margin-left: 20px;} #logo img.logo { top: 20px; left: 0px; width: 80px;} /* ---------------------------------------------------------------------------------------- */ } /* end max-width: 1100px */ /* ---------------------------------------------------------------------------------------- */ /* 1023px --------------------------------------------------------------------------------- */ @media only screen and (max-width: 1023px) { #header, #wrapper, #footer .footernavi { width: 100%; max-width: inherit; } #wrapper { min-height:auto; height: auto; } #wrapper, #right, #left, #main { width: 100%; float: none; margin: 0px; padding: 0px; clear: both;} #main > .inside, #right > .inside { } #main .mod_newslist .teaserimage .image_container { float: none; background: none; } .content-slider .ce_rsce_textgalerie .teaserbild{width:100%; float:none; margin: 0px 0% 2% 0px;} .content-slider .ce_rsce_textgalerie .teaserbild img{width:100%; } .content-slider .textgaleriebox {width:100%;} .fancybox-slide {padding: 20px;} .fancybox-close-small {right: 20px; top: 20px;} .ce_accordion .toggler { /*padding:8px 0 10px 60px; min-height: 43px;*/ font-size: 20px; line-height:30px; } /* ---------------------------------------------------------------------------------------- */ } /* end max-width: 1023px */ /* ---------------------------------------------------------------------------------------- */ /* 880px ---------------------------------------------------------------------------------- */ @media only screen and (max-width: 880px) { #modul-raumplan .ce_accordion{display:block;} #modul-raumplan .raumplan .plus{display:none;} .ce_download a {padding: 15px 0 15px 60px;} .ce_download a::before,.ce_downloads a::before{position: absolute; top: 4px; left: 0px; width: 40px; height: 40px; font-size: 40px; line-height: 40px; } .accordion { padding: 0 0 0 60px; } .ce_accordion .toggler { padding:8px 0 10px 60px; min-height: 43px; font-size: 23px; line-height:26px; } .ce_accordion .toggler:before { width: 40px; height: 40px; font-size: 40px; line-height: 42px; } #to_the_top { width: 50px; height: 50px; bottom: 20px; right: 20px; line-height:50px; top: initial; } #to_the_top.icon-up::before { font-size: 50px; } #header.fixed{position:inherit;} #footer #footerform { float: none; width: 100%; clear: both; margin-top: 30px; display: inline-block; } /* ---------------------------------------------------------------------------------------- */ } /* end max-width: 880px */ /* ---------------------------------------------------------------------------------------- */ @media (max-width: 1200px) { /* Header */ #header { /*! height: 100px; */ width: 100%;z-index: 400; } #header .inside { max-width: inherit; min-height: inherit; z-index: 600; /*! padding: 0 20px; */ } #logo img.logo { width: 70px; margin-bottom: 8px; } #header {padding: 20px 0px;min-height: 86px;} #topnavi {bottom: -20px; /*! top:20px; */width: 100%;background: #fff; left: inherit; position: absolute; } #topnavi ul.level_1 {top: 0;position: absolute;background: #fff;padding: 0 10px 0 0;box-shadow: 0 0 3px 0 #999;} #topnavi ul.level_1 li {padding: 0; margin: 0;} #topnavi ul.level_1 li a, #topnavi ul.level_1 > li span.active, #topnavi ul.level_1 > li span.trail {padding:15px 15px 15px 25px; border-bottom:none;line-height: 20px;font-size: 20px;} #topnavi ul.level_2 > li a,#topnavi ul.level_2 > li span.active,#topnavi ul.level_2 > li span.trail{padding:15px 10px 15px 20px;} #topnavi ul.level_2 > li{/*! border-bottom:0; */ } #topnavi ul.level_2 li:hover { /*! background-color: transparent; */ } #topnavi ul.level_2 li:hover ul.level_3 > li { } #topnavi ul.level_2 li ul.level_3 > li a{ color:#000; } #topnavi ul.level_2 li ul.level_3 > li:hover a{ color:#fff; } #topnavi ul.level_2 > li:hover a, #topnavi ul.level_2 > li:hover span, #topnavi ul.level_2 > li span.active, #topnavi ul.level_2 > li span.trail { } #topnavi ul.level_2 > li, #topnavi ul.level_3 > li{background:#fff;} #topnavi ul.level_3 > li:hover{background:#4F4D4F; } #topnavi ul.level_2 { margin-left:0 !important;} #topnavi ul.level_3 > li,#topnavi ul.level_3 > li span.active,#topnavi ul.level_3 > li span.trail{border-bottom:0px !important;} #topnavi ul.level_2 > li.last{border-bottom:0px; margin-bottom: 10px;} #topnavi ul.level_2 > li.last a{} #headersuche { position: absolute; right:100px; top: 6px; width: 280px; display:none; } #header .menu-collapser{right: 25px;} body.mobmenuactive #headersuche input[type="search"]{width: 200px;} body.mobmenuactive #headersuche{display:inline-block;} body.mobmenuactive #logo{display:none;} body.mobmenuactive #header .collapse-button .menu-text{font-size:0; line-height:0;padding: 0 10px;} body.mobmenuactive #header .menu-collapser{bottom: 40px;right: 25px;} body.mobmenuactive #header .collapse-button .menu-text:after{ content: "\e912"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 40px; color: #67B42A; font-size: 50px; padding:0 0 0 0px; } .kontakt_icons .mail_link,.kontakt_icons .telefon_link, .kontakt_icons .mailbox,.kontakt_icons .telefonbox{width: 50px; height: 50px;} .kontakt_icons .mailbox{margin-bottom: 15px;} .kontakt_icons .mail_link_box,.kontakt_icons .telefon_link_box { padding: 7px 30px 7px 15px; min-width: 200px; } /* end Header */ .homepfeil a::before { font-size: 40px; } #header.fixed .kontakt_icons {position: fixed; right: 10px; top:initial; bottom:85px; padding: 0; } } /* 768px ---------------------------------------------------------------------------------- */ @media only screen and (max-width: 768px) { body, p { font-size: 18px; line-height: 26px; } h1.relation, .relation h1, h2.relation, .relation h2, h3.relation, .relation h3, h4.relation, .relation h4, h5.relation, .relation h5, h6.relation, .relation h6, h1.relation-h1, h2.relation-h2, h3.relation-h3, h4.relation-h4 {margin: 0 0 15px 0;font-size:35px;} h1, h2, h3, h4, h5, h6{margin: 0 0 15px 0;font-size:25px;} /* Abstände innen */ .rand10px { padding: 10px; } .rand20px { padding: 15px; } .rand30px { padding: 20px; } .rand40px { padding: 30px; } .rand60px { padding: 40px; } .rand100px { padding: 60px; } .rand20pxobenunten { padding: 10px 0; } .rand30pxobenunten { padding: 15px 0; } .rand40pxobenunten { padding: 20px 0; } .rand60pxobenunten { padding: 30px 0; } .rand20pxunten70px { padding: 10px 10px 35px 10px; } .rand60pxaussen { padding: 0 30px; } /* Abstände aussen */ .marginunten0px{margin-bottom:0px !important;} .marginunten10px{margin-bottom:10px !important;} .marginunten20px{margin-bottom:15px !important;} .marginunten25px{margin-bottom:20px !important;} .marginunten30px{margin-bottom:20px !important;} .marginunten40px{margin-bottom:20px !important;} .marginunten50px{margin-bottom:30px !important;} .marginunten60px{margin-bottom:30px !important;} .marginunten80px{margin-bottom:40px !important;} .marginoben0px{margin-top:0px !important;} .marginoben10px{margin-top:10px !important;} .marginoben20px{margin-top:15px !important;} .marginoben25px{margin-top:20px !important;} .marginoben30px{margin-top:20px !important;} .marginoben40px{margin-top:20px !important;} .marginoben50px{margin-top:30px !important;} .marginoben60px{margin-top:30px !important;} .marginoben80px{margin-top:40px !important;} /* end Abstände */ main#content { margin-top: 65px; transition: all ease-out 0.3s; } .rs-column.-small-col-1-1 { display: block; } .kontakt_icons {right: 5px;} .parallax.height-small{height: 140px;} .parallax.height-medium{height: 300px;} .parallax.height-large{height: 400px;} .content-slider .ce_rsce_textgalerie .inner {padding: 25px 25px 0px 25px;} /* Footer*/ #footer { margin: 0; padding:20px 20px 220px 20px; } #footer .inside { } #footernavi { display: inline-block; float: none; } #footer .navigationbox {padding: 0;float: none;width: 100%;} footer nav > ul > li > a, footer nav > ul > li > span { color: #ffffff; font-size: 13px; } footer nav > ul > li, footer nav > ul > li { margin-bottom: 10px; } #footer .footernavi { border: 0px; margin: 0; padding: 0; } #footer .footer-adresse { float: none; margin-right: 0; width: 100%; } /* end Footer*/ /* NewsTeaser */ /* NewsDetails */ .mod_newsreader .layout_full { padding: 30px 0 0; } /* End NewsTeaser */ /* Events */ /* End Events */ /* ---------------------------------------------------------------------------------------- */ } /* end max-width: 799px */ /* ---------------------------------------------------------------------------------------- */ /* 599px ---------------------------------------------------------------------------------- */ @media only screen and (max-width: 599px) { .nachrichtenliste .image_container { float: inherit; width: 100%; margin: 0 0 15px 0; } /* ---------------------------------------------------------------------------------------- */ } /* end max-width: 599px */ /* ---------------------------------------------------------------------------------------- */ /* 479px ---------------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { body, p { font-size: 16px; line-height: 150%; } .accordion { padding: 0 0 0 60px; } .ce_accordion .toggler { padding:8px 0 10px 60px; min-height: 43px; font-size: 18px; line-height:20px; } /* ---------------------------------------------------------------------------------------- */ } /* end max-width: 479px */ /* ---------------------------------------------------------------------------------------- */ /* 379px ---------------------------------------------------------------------------------- */ @media only screen and (max-width: 379px) { body.mobmenuactive #headersuche input[type="search"]{width: 140px;} /* ---------------------------------------------------------------------------------------- */ } /* end max-width: 379px */ /* ---------------------------------------------------------------------------------------- */ /* --- Umsetzung Markus Schindler --- */ *{-webkit-font-smoothing: antialiased}::selection{background: rgba(103,179,42,0.3)}#logos .rs-column.-large-col-6-1{width: 16.6666%;margin: 0;padding: 50px}@media (max-width: 1150px){#logos .rs-column.-large-col-6-1{width: 16.6666%;margin: 0;padding: 25px}}@media (max-width: 900px){#logos .rs-column.-large-col-6-1{width: 33.3333%;margin: 0;padding: 25px}}.kundenstimmen .ce_sliderStart{position: relative}.kundenstimmen .ce_sliderStart::before{content: url("/standards/img/quote.svg");width: 80px;position: absolute;bottom: 130px;left: 140px}@media (max-width: 1200px){.kundenstimmen .ce_sliderStart::before{width: 80px;left: 80px;bottom: 140px;z-index: 1}}@media (max-width: 900px){.kundenstimmen .ce_sliderStart::before{left: 33px;bottom: 160px;width: 40px}}@media (max-width: 768px){.kundenstimmen .ce_sliderStart::before{display: none !important}}.kundenstimmen .ce_sliderStart::after{content: url("/standards/img/quote.svg");transform: translate(-50%, -50%);transform: rotate(180deg);width: 80px;position: absolute;top: 190px;right: 110px;z-index: 1}@media (max-width: 1200px){.kundenstimmen .ce_sliderStart::after{width: 80px;top: 180px;right: 60px}}@media (max-width: 900px){.kundenstimmen .ce_sliderStart::after{top: 200px;right: 40px;width: 40px}}@media (max-width: 768px){.kundenstimmen .ce_sliderStart::after{display: none !important}}.kundenstimmen .ce_sliderStart .bild{width: 150px;height: 150px;border-radius: 75px;overflow: hidden;margin: 50px auto;z-index: 2}.kundenstimmen .ce_sliderStart .bild img{width: 100%}.kundenstimmen .ce_sliderStart .name{font-family: gravitybold, Arial, sans-serif;text-align: center;width: 80%;margin: 0 auto;font-size: 16px;z-index: 2;text-transform: uppercase}.kundenstimmen .ce_sliderStart .position{text-align: center;font-size: 16px;width: 80%;margin: 0 auto}.kundenstimmen .ce_sliderStart .rezension{font-family: gravityreguar, Arial, sans-serif;text-align: center;width: 60%;margin: 0 auto;z-index: 2;font-size: 18px;font-weight: 100;line-height: 1.75}@media (max-width: 1200px){.kundenstimmen .ce_sliderStart .rezension{width: 70%}}@media (max-width: 600px){.kundenstimmen .ce_sliderStart .rezension{width: 90%}}.ce_sliderStart .slider-control .slider-menu b{color: #888686 !important}.ce_sliderStart .slider-control .slider-menu b.active{color: #67B42A !important}.hellgruenbg .slider-control .slider-menu b,.hellgraubg .slider-control .slider-menu b{color: white !important}.hellgruenbg .slider-control .slider-menu b.active,.hellgraubg .slider-control .slider-menu b.active{color: #67B42A !important}.ce_logo .ce_image{width: 290px;display: table-cell;padding: 30px;text-align: center}@media (max-width: 768px){.ce_logo .ce_image{padding: 25px;width: auto}}@media (max-width: 420px){.ce_logo .ce_image{padding: 0 8%;width: auto}}.ce_logo .logo1-2,.ce_logo .logo2-4{display: table-cell}@media (max-width: 768px){.ce_logo .logo1-2,.ce_logo .logo2-4{display: block;max-width: 768px;margin: 0 auto}}#calltoaction a{padding: 20px 30px;background: #67B42A;border-radius: 5px;display: inline-block;color: white;transition: .3s ease-in-out}#calltoaction a:hover{background: #4c9c0c}.calltoaction{background: #67B32A;padding: 10px 16px;border-radius: 4px;color: white;margin-left: 5px;display: inline-block}@media (max-width: 1150px){.calltoaction{background: none;padding: 0;color: black}}.ce_form .ce_accordion .toggler{background: #F4F4F4}.ce_form .ce_accordion .toggler:before{font-size: 30px}.ce_form .ce_accordion .ui-accordion-content{background: #F4F4F4;padding: 40px 20px}.ce_form .ce_accordion .ui-accordion-content input,.ce_form .ce_accordion .ui-accordion-content select{background-color: white}.ce_form .ce_accordion .explanation{padding: 10px 5px}.ce_form .ce_accordion .explanation p{margin: 0;line-height: 1.3 !important}.ce_form #ctrl_210 label{display: inline-block}.ce_form input#opt_201_0{display: inline-block}.ce_form label#lbl_201_0{display: inline-block;width: 80%;vertical-align: middle;padding-left: 20px}.ce_form input#ctrl_203{color: white}.ce_form .widget-submit.calltoaction{background: #67B42A;padding: 20px 30px;border-radius: 5px}.ce_form .calltoaction::after{color: white !important}.ce_form .widget-checkbox span{width: 24%;margin-right: 0}.ce_form .widget-checkbox input[type="checkbox"],.ce_form .widget-checkbox input[type="radio"]{width: 20px;display: inline-block}.ce_form .form-raumkonzepte,.ce_form .orte{padding-top: 25px}.ce_form div.startzeit,.ce_form div.endezeit{width: 47.5%;display: inline-block}.ce_form div.endezeit{position: relative;left: 4%}.ce_form .exklusiv,.ce_form .besondere{width: 48.5%;display: inline-block}.ce_form .orte span{width: 55% !important;display: inline-block}@media (max-width: 960px){.ce_form .widget-checkbox span,.ce_form .exklusiv,.ce_form .besondere{display: block;width: 100%}}.ce_form .dsgvo span{width: 100%}.ce_form .allin input{position: relative;top: -2px}.ce_form .allin span{width: 100%;padding: 35px 0}.ce_form .allin label#lbl_219_0{display: inline-block}.ce_form .allin .allin{margin-bottom: -20px}.mod_rocksolid_slider .ce_text{padding: 30px}.mod_rocksolid_slider .ce_text p,.mod_rocksolid_slider .ce_text li{font-size: 16px}.wirksam-sein-neu .fancybox-slide{background-color: transparent}.wirksam-sein-neu .fancybox-slide .mod_article{padding: 0;margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}@media (max-width: 1200px){.wirksam-sein-neu .fancybox-close-small{top: 10px;right: 10px}}@media (max-width: 1150px){.wirksam-sein-neu .mod_rocksolid_slider{width: 800px !important;overflow: hidden}}@media (max-width: 880px){.wirksam-sein-neu .mod_rocksolid_slider{width: 100% !important}.wirksam-sein-neu .mod_rocksolid_slider .rsts-view,.wirksam-sein-neu .mod_rocksolid_slider .rsts-crop,.wirksam-sein-neu .mod_rocksolid_slider .rsts-slides,.wirksam-sein-neu .mod_rocksolid_slider .rsts-slide{width: 100% !important}.wirksam-sein-neu .mod_rocksolid_slider img{margin-left: 0 !important}}@media (max-width: 768px){.wirksam-sein-neu .mod_rocksolid_slider{width: 100% !important;display: block !important;overflow: auto !important}}@media only screen and (max-width: 479px){.wirksam-sein-neu .mod_rocksolid_slider .accordion{padding: 0}}.wirksam-sein-neu .mod_rocksolid_slider .rsts-prev,.wirksam-sein-neu .mod_rocksolid_slider .rsts-next{display: none}.wirksam-sein-neu .mod_rocksolid_slider .rsts-nav{position: absolute;left: 50%;transform: translate(-50%, -50%);bottom: 0px;text-align: center;width: 100%}.wirksam-sein-neu .mod_rocksolid_slider .rsts-nav a{background-color: #dcdcdc !important;border: none !important;box-shadow: none !important;width: 20px;height: 20px;margin: 8px 8px;cursor: pointer}.wirksam-sein-neu .mod_rocksolid_slider .rsts-nav a.active{background-color: #67B42A !important}.wirksam-sein-neu .mod_rocksolid_slider .rsts-nav a:hover{background-color: #629C0C !important}#raum2u3,#raum4u5,#raum4u5uL{display: none}.raumplan .raum2u3{left: 19.2%;top: 4.5%}.raumplan .raum4u5{top: 90.6%;left: 41.4%}.raumplan .raum4u5uL{left: 55.7%;top: 89%}table{width: 100%}table td,table th{background: #ebf3e4;width: 33%;padding: 10px;border-bottom: 1px solid #bbc3b4;height: auto}@media (max-width: 768px){table td,table th{width: 100% !important;display: block !important;border: none !important;padding: 0 !important}table td:nth-child(odd),table th:nth-child(odd){padding-top: 20px !important}}table td p,table th p{margin: 0;padding: 10px}table td p:after,table th p:after{content: "";padding-left: 5px;color: #67b429}table td p.no:after,table th p.no:after{content: ""}.wirksam-sein-neu table{width: 100%}.wirksam-sein-neu table td{background: #ebf3e4;width: 33%;padding: 10px;border-bottom: 1px solid #bbc3b4;height: auto}@media (max-width: 768px){.wirksam-sein-neu table td{width: 100% !important;display: block !important;border: none !important;padding: 10px !important}}.wirksam-sein-neu table td p{margin: 0;padding: 10px}.wirksam-sein-neu table td p:after{content: "✓";padding-left: 5px;color: #67b429}.wirksam-sein-neu table td p.no:after{content: ""}div#jetzt-raeumlichkeiten-anfragen p{line-height: 1.4}h3.relation-h3{font-size: 40px !important}@media (max-width: 768px){#headerslider .slidebox{height: 500px !important;min-height: 500px !important}#headerslider{min-height: 500px !important;overflow: hidden}}@media (max-height: 760px){.fancybox-stage{overflow: visible;margin: 0 !important}}.cookiebar.cookiebar--position-bottom.cookiebar--active{z-index: 9999999999}.cookiebar.cookiebar--position-bottom.cookiebar--active .cookiebar__button{background: #67B42A}#homeCarousel .blume{background-position-y: top !important;background-position-x: 20% !important}#homeCarousel .detail{background-position-y: top !important}.tagungsraum .introimage{position: absolute;top: initial !important;left: -9% !important;bottom: 9% !important}@media (max-width: 1400px){.tagungsraum .introimage{top: 49% !important;left: 60% !important}}@media (max-width: 1200px){.tagungsraum .introimage{top: 49% !important;left: 60% !important}}@media (max-width: 630px){.tagungsraum .introimage{top: 62% !important;left: 54% !important;max-width: 260px !important}}@media (max-width: 620px){.tagungsraum .introimage{top: 70% !important;left: 40% !important;max-width: 190px !important}}@media (max-width: 1500px){.zusatzangebot .introimage{top: 45% !important;left: 63% !important}}@media (max-width: 1250px){.zusatzangebot .introimage{top: 45% !important;left: 66% !important;max-width: 300px !important}}@media (max-width: 1000px){.zusatzangebot .introimage{top: 43% !important;left: 40% !important}}.intro-uber-uns .introimage{position: absolute;top: initial !important;left: 25% !important;bottom: 12% !important}@media (max-width: 768px){.intro-uber-uns .introimage{bottom: 20% !important;left: 37% !important;width: 210px !important}}@media (max-width: 500px){.intro-uber-uns .introimage{top: 68% !important;left: 30% !important}}@media (max-width: 500px){.intro-uber-uns .introimage{top: 68% !important;left: 22% !important}}@media (max-width: 300px){.intro-uber-uns .introimage{top: 68% !important;left: 6% !important}}#homeCarousel .stifte .introimage{top: 50% !important;right: -70% !important;left: 0 !important}@media (max-width: 1300px){#homeCarousel .stifte .introimage{right: -50% !important}}@media (max-width: 768px){#homeCarousel .stifte .introimage{right: -0% !important}}#homeCarousel .kebab .introimage{top: 22% !important;max-width: 600px !important}@media (max-width: 768px){.disable-mobile{display: none}}#cboxTitle,#cboxCurrent{display: none !important}#dlh_googlemap_1{background: url(/standards/img/maps-screen.jpg);background-size: cover;padding-bottom: 600px !important}@media (max-width: 1000px){#dlh_googlemap_1{padding-bottom: 600px !important}}#confirm-googlemaps{position: absolute;text-align: center;width: 80%;padding: 50px;top: 50%;left: 50%;transform: translate(-50%, -50%)}@media (max-width: 740px){#confirm-googlemaps{width: 90%}}@media (max-width: 480px){#confirm-googlemaps{padding: 25px;width: 100%}}@media (max-width: 360px){#confirm-googlemaps p{font-size: 14px}}#confirm-googlemaps a.dlh-maps{line-height: 120px;background: #67b42a;padding: 20px;color: white;cursor: pointer;text-decoration: none;transition: ease-in-out .3s}#confirm-googlemaps a.dlh-maps:hover{background-color: #5ca225}#headerslider .slidebox.veranstaltungen{background-position: 50% 0%}.ce_vorschau{padding: 50px 50px 30px 100px;display: block;background: #0a6d8f;color: white;margin-bottom: 40px;cursor: pointer;transition: ease-in-out .3s;position: relative}@media (max-width: 529px){.ce_vorschau{padding: 50px 30px 20px 60px}}.ce_vorschau:hover{background: #157da0}.ce_vorschau h3{color: white}.ce_vorschau:before{content: "\e901";position: absolute;top: 31px;left: 26px;display: block;width: 30px;height: 20px;border: 0;color: white !important;text-align: center;font-size: 50px;z-index: 999999;font-family: 'icomoon' !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height: 64px;transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out}@media (max-width: 529px){.ce_vorschau:before{top: 32px;left: 19px;font-size: 30px}}.mod_article.petrol{color: white;background: #0a6d8f}.mod_article.petrol h1,.mod_article.petrol h2,.mod_article.petrol h3,.mod_article.petrol a{color: white}.ce_accordion.petrol{color: #0a6d8f}.ce_accordion.petrol .toggler{color: #0a6d8f}.ce_accordion.petrol .toggler:before{color: #0a6d8f}.ce_accordion.petrol .ui-accordion-content h1,.ce_accordion.petrol .ui-accordion-content h2,.ce_accordion.petrol .ui-accordion-content h3{color: #0a6d8f}@media (max-width: 768px){.ce_accordion.petrol .ui-accordion-content ul{margin: 0 !important}}.ce_accordion.petrol .ui-accordion-content p{color: black}@media (max-width: 768px){.ce_accordion.petrol .ui-accordion-content table{padding: 30px !important;display: block;background: #0a6d8f}}.ce_accordion.petrol .ui-accordion-content table td{background: #0a6d8f;color: white;border-bottom: 1px dotted #fff}.ce_accordion.petrol .ui-accordion-content table td p,.ce_accordion.petrol .ui-accordion-content table td a{color: white}.ce_text{overflow: visible}.ce_text.petrol table{display: block;background: #0a6d8f}@media (max-width: 768px){.ce_text.petrol table{padding: 30px}}.ce_text.petrol table td{background: #0a6d8f;color: white;border-bottom: 1px dotted #fff}.ce_text.petrol table td p,.ce_text.petrol table td a{color: white}.ce_text.petrol table th{background: #0a6d8f;color: white;padding: 25px 10px;border-bottom: 4px dotted #fff}.ce_text.petrol table tr:last-child{border-bottom: none !important}.ce_text h1.big strong{font-size: 40px;color: #0a6d8f;line-height: 2}.ce_sliderStart h3{margin-bottom: 0}.ce_sliderStart h4{font-family: "gravitybook", Arial, sans-serif;font-size: 18px;line-height: 166%;color: #67b42a;margin-bottom: 0}.ce_sliderStart .teasertext p{margin: 30px 0 0 0}.ce_sliderStart.petrol{background: #0a6d8f}.ce_sliderStart.petrol .textgaleriebox h1,.ce_sliderStart.petrol .textgaleriebox h2,.ce_sliderStart.petrol .textgaleriebox h3,.ce_sliderStart.petrol .textgaleriebox p{color: white}.ce_sliderStart.petrol .slider-control .slider-menu b.active{color: white !important}ol li{padding-bottom: 20px;padding-left: 20px}ul{padding-left: 32px !important}.ce_kachel_start{display: table}@media (max-width: 1200px){.ce_kachel_start{display: block}}.ce_kachel{width: 30%;display: table-cell;background: #e8e8e8;margin: 20px 3% 20px 0;vertical-align: top;border-right: 20px solid #fff}@media (max-width: 1200px){.ce_kachel{display: inline-block}}@media (max-width: 1120px){.ce_kachel{width: 46%}}@media (max-width: 670px){.ce_kachel{width: 100%;margin: 20px 0 20px 0}}.ce_kachel .ce_image img{display: block;width: 100%}.ce_kachel .text{padding: 20px}.ce_kachel .text h1,.ce_kachel .text h2{margin: 10px 0 20px 0;font-weight: 500;font-size: 20px}@media only screen and (max-width: 768px){.ce_kachel .text h1,.ce_kachel .text h2{font-size: 20px}}.ce_kachel .text p,.ce_kachel .text li{margin: 0;font-size: 16px;line-height: 1.6}.ce_kachel .text p a,.ce_kachel .text li a{color: #67B42A}.ce_kachel.gruen{background: #67b42a}.ce_kachel.gruen *{color: white}.ce_kachel.gruen a{color: white !important;font-weight: bold}.ce_kachel.petrol{background: #0a6d8f}.ce_kachel.petrol *{color: white}.ce_kachel.petrol a{color: white !important;font-weight: bold}object{pointer-events: none}.kontakt_icons{z-index: 19}@media (max-width: 1200px){.kontakt_icons{margin-bottom: 50px}}.kontakt_icons .aktuelles-icon{margin-top: 20px;display: block}.kontakt_icons .aktuelles-icon a{display: block;height: 60px;width: 60px}.kontakt_icons .aktuelles-icon a:after{content: url(/standards/img/aktuelles.svg);width: 60px;height: 60px;display: block;text-align: right;cursor: pointer;z-index: 50;position: absolute}@media (max-width: 1200px){.kontakt_icons .aktuelles-icon a:after{width: 50px;height: 60px}}.kontakt_icons .aktuelles-icon a:hover{content: url(/standards/img/aktuelles-hover.svg)}.kontakt_icons .anfahrt-icon{margin-top: 20px;display: block}.kontakt_icons .anfahrt-icon a{display: block;height: 60px;width: 60px}.kontakt_icons .anfahrt-icon a:after{content: url(/standards/img/poi-kreis.svg);width: 60px;height: 60px;display: block;text-align: right;cursor: pointer;z-index: 50;position: absolute}@media (max-width: 1200px){.kontakt_icons .anfahrt-icon a:after{width: 50px;height: 60px}}.kontakt_icons .anfahrt-icon a:hover{content: url(/standards/img/poi-kreis-aktiv.svg)}.aktuelles-bild .introimage{right: -10%;left: initial !important}.ce_form .veranstaltungen span{width: 100%;padding: 10px 0;color: #67b42a}.ce_form .veranstaltungen p{color: #67b42a;margin: 0 0 0 0}.widget.widget-checkbox span{width: 100%}.ce_gallery ul{padding: 0 !important}.ce_gallery ul img{width: 100%}.ce_hyperlink.petrol a{color: #0a6d8f}input[type="submit"],input.submit,button[type="submit"],button.submit{color: white}.ce_stoerer{position: absolute;width: 100px;height: 100px;z-index: 1;background: #67b42a;border-radius: 100px;border: 15px solid #67b42a;box-sizing: content-box;text-align: center;left: 33.333%;transform: translate(-50%, -50%)}.ce_stoerer .inside{display: inline-block;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);color: white;font-weight: 600;line-height: 1.3}h2.petrol,h1.petrol,h3.petrol,p.petrol{color: #0a6d8f}.mejs__container{background: transparent}.werkstatt-neue-arbeit{background-position: 50% 30% !important} #header .inside{max-width: 85%;position: relative}@media (max-width: 1400px){#header .inside{max-width: initial !important}}#header .inside #logo{text-align: inherit}#header .inside #logo img{width: 210px}@media (max-width: 1400px){#header .inside #logo{width: 150px}}#header .inside #logo .fixed{display: none}#header .inside #logo .fixed img{width: 210px}#header.fixed #logo .top{display: none}#header.fixed #logo .fixed{display: block}#header .menu-collapser{position: absolute;padding: 0;color: #000;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;bottom: 0px;right: 30px}#header .collapse-button{width: 60px;text-align: center;border-radius: 2px;cursor: pointer;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}#header .collapse-button .innen{display: none}#header .collapse-button .icon-bar{display: none;height: 3px;width: 25px;margin: 6px 0;background-color: #2eaadc;border-radius: 1px}#header .collapse-button:hover .icon-bar{background-color: #ccc}#header .menu-text{line-height: 100%;padding: 8px 6px;font-family: gravitybold, Arial, sans-serif;font-size: 18px;text-transform: uppercase}#topnavi{bottom: -34px;right: 0;margin: 0;position: absolute;z-index: 100}@media (max-width: 1400px){#topnavi{bottom: 0}}#topnavi ul.level_1{width: 100%;margin: 0;padding: 0;list-style-type: none}@media (max-width: 1200px){#topnavi ul.level_1{padding: 20px 0 !important}}#topnavi ul.level_1:after{clear: both}#topnavi ul.level_1 li{position: relative;display: inline-block;margin: 0 0 0 20px}#topnavi ul.level_1 li span.sub-toggle{display: none}@media (max-width: 1400px){#topnavi ul.level_1 li{margin: 0 20px}}#topnavi ul.level_1 li ul{margin: 0;list-style-type: none}#topnavi ul.level_1 li ul li{color: #000;text-transform: uppercase}#topnavi ul.level_1 li a{text-decoration: none;display: block;padding: 15px 12px 35px 12px;font-family: gravitybook, Arial, sans-serif;font-size: 20px;text-transform: uppercase}#topnavi ul.level_1 li a > b{font-family: gravitybold;font-weight: normal}@media (max-width: 1400px){#topnavi ul.level_1 li a{font-size: 17px;padding: 0px}}@media (max-width: 1200px){#topnavi ul.level_1 li a{padding: 15px 12px 35px 12px}}#topnavi ul.level_1 li a:hover strong{color: #67b42a}#topnavi ul.level_1 li span > b{font-family: gravitybold;font-weight: normal;color: #67b42a;cursor: pointer}#topnavi ul.level_1 li:hover a > b{color: #67b42a;cursor: pointer}#topnavi ul.level_1 li > ul{position: absolute;right: 0;top: 73px;z-index: 999;padding: 0}@media (max-width: 1400px){#topnavi ul.level_1 li > ul{top: 58px}}#topnavi ul.level_1 li > ul > li ul{position: absolute;left: 100%;top: 0;z-index: 999;display: none;width: 100%}@media (max-width: 1400px){#topnavi ul.level_1 li > ul > li ul{right: initial;top: 59px;left: -3vw}}#topnavi ul.level_1 li span.active{text-decoration: none;display: block;padding: 15px 12px 35px 12px;line-height: 23px;font-family: gravitybook, Arial, sans-serif;font-size: 20px;text-transform: uppercase}@media (max-width: 1400px){#topnavi ul.level_1 li span.active{font-size: 17px;padding: 0px}}@media (max-width: 1200px){#topnavi ul.level_1 li span.active{padding: 15px 12px 35px 12px}}#topnavi ul.level_1 li span.active strong{color: #67b42a}#topnavi ul.level_1 li span.trail{text-decoration: none;display: block;padding: 15px 12px 35px 12px;font-family: gravitybook, Arial, sans-serif;font-size: 23px;text-transform: uppercase}#topnavi ul.level_1 li .sub-toggle{position: absolute;right: 15px;top: 0px;z-index: 999;width: 50px;height: 100%;text-align: center;cursor: pointer}#topnavi ul.level_1 li .sub-toggle:before{display: inline-block;height: 100%;vertical-align: middle}#topnavi ul.level_1 li .sub-toggle > i{display: inline-block;color: #67b42a;vertical-align: middle;padding: 30px;position: relative;top: -18px}#topnavi ul.level_1 li.trail a > b{color: #67b42a;cursor: pointer}#topnavi ul.level_1.collapsed li{display: block;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}@media (max-width: 1400px){#topnavi ul.level_1.collapsed li{width: auto}}#topnavi ul.level_1.collapsed li > ul{position: static;display: none}#topnavi ul.level_1.collapsed li a{display: block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}#topnavi ul.level_1.collapsed li span.active{display: block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}#topnavi ul.level_1.collapsed li span.trail{display: block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}#topnavi ul.level_1.collapsed li span.sub-toggle{height: 50px;display: inline;padding: 13px}@media (max-width: 1400px){#topnavi ul.level_1.collapsed li span.sub-toggle{padding: 0}}#topnavi ul.level_1.collapsed li .sub-toggle > i:after{font: 24px/24px "icomoon";content: "\e90e";margin-right: 0px}#topnavi ul.level_1.collapsed li .sub-toggle.expanded > i:after{content: "\e90f"}#topnavi ul.level_2{min-width: 230px;width: auto;display: none}#topnavi ul.level_2 > li{width: 100%;border-bottom: 1px solid #4f4d4f;background: #DFDEDE;margin: inherit}#topnavi ul.level_2 > li:hover{background-color: #4f4d4f}@media (max-width: 1200px){#topnavi ul.level_2 > li{background: white}}#topnavi ul.level_2 li a{padding: 15px 15px 15px 15px;font-weight: normal;font-size: 18px}#topnavi ul.level_2 li span.active{padding: 15px 15px 15px 15px;font-weight: normal;font-size: 18px;color: #fff}#topnavi ul.level_2 li span.trail{padding: 15px 15px 15px 15px;font-weight: normal;font-size: 18px;color: #fff}#topnavi ul.level_2 li:hover a{color: #fff}#topnavi ul.level_2 li:hover span{color: #fff}#topnavi ul.level_2 li.active{background-color: #4f4d4f}#topnavi ul.level_3 > li{width: 100%;border-bottom: 1px solid #4f4d4f;background: #DFDEDE;margin: inherit;padding: 0}#topnavi ul.level_3 > li a{text-transform: inherit;color: #000}#topnavi ul.level_3 > li span.active{text-transform: inherit;color: #000}#topnavi ul.level_3 > li span.trail{text-transform: inherit;color: #000}#topnavi ul.level_3 > li:hover a{background-color: #4f4d4f}#topnavi ul.level_3 > li:hover span.active{background-color: #4f4d4f}#topnavi ul.level_3 > li:hover span.trail{background-color: #4f4d4f}#topnavi ul.level_3 li:hover{background-color: #4f4d4f}#topnavi ul.level_3 li.active{background-color: #4f4d4f}.mainmenu ul.level_1 li a.trail strong{color: #67b42a} /* SECTION Styles LOOK */ .ce_kachel .text p { margin-bottom: 1rem; } /* !SECTION Styles LOOK */