header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default-content.rsts-main{position:relative}.rsts-skin-default-content.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default-content .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-content .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-content .rsts-prev,.rsts-skin-default-content .rsts-next{display:none}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-video-play,.rsts-skin-default-content .rsts-video-stop,.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{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;-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}.rsts-skin-default-content .rsts-nav-prev a:hover,.rsts-skin-default-content .rsts-nav-next a:hover,.rsts-skin-default-content .rsts-video-play:hover,.rsts-skin-default-content .rsts-video-stop:hover,.rsts-skin-default-content .rsts-thumbs-prev:hover,.rsts-skin-default-content .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{display:inline-block;vertical-align:top}.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default-content .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-thumbs-prev{margin-right:10px;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=')}@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-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-thumbs-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-next{margin-left:10px;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-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default-content.rsts-direction-y .rsts-nav-prev a{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-content.rsts-direction-y .rsts-nav-prev a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default-content.rsts-direction-y .rsts-nav-next a{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-content.rsts-direction-y .rsts-nav-next a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default-content .rsts-nav{padding:20px 0 0;text-align:center}.rsts-skin-default-content .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default-content .rsts-nav li{display:inline}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item 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:#333;-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)}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a:hover,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a:hover{background-color:#eee;background-color:rgba(238,238,238,0.5)}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a.active,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a.active{background-color:#777;background-color:rgba(119,119,119,0.5)}.rsts-skin-default-content .rsts-nav-bullets{line-height:0}.rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item 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-content .rsts-nav-bullets .rsts-nav-item a:hover,.rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item 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-content .rsts-nav-thumbs{padding-top:5px}.rsts-skin-default-content .rsts-video-play,.rsts-skin-default-content .rsts-video-stop{position:absolute}.rsts-skin-default-content .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-content .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-content .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-content .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-content .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default-content .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default-content .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-content .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default-content .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default-content .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default-content .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} @font-face { font-family: CorporateS; src: url("../../files/theme/fonts/CorporateS-Demi.woff"); font-style: normal; font-weight: 300; } @font-face { font-family: CorporateS; src: url("../../files/theme/fonts/CorporateS-Regular.woff"); font-style: normal; font-weight: 400; } @font-face { font-family: CorporateS; src: url("../../files/theme/fonts/CorporateS-Bold.woff"); font-style: normal; font-weight: 700; } @font-face { font-family: "Iconset acu"; src: url("../../files/theme/fonts/Iconset-acu.woff"); font-style: normal; font-weight: normal; } :root { /* --cyan: #17a2b8; */ /* --danger: #dc3545; */ /* --dark: #232323; */ /* --blue: #00adef; */ /* --blue-hover: #0088bc; */ /* --gray: #757575; */ /* --gray-dark: #4e4f4e; */ /* --gray-light: #e6e6e6; */ /* --green: #28a745; */ /* --indigo: #6610f2; */ /* --info: #17a2b8; */ /* --light: #f8f9fa; */ /* --orange: #fd7e14; */ /* --pink: #e83e8c; */ /* --primary: #00adef; */ /* --purple: #6f42c1; */ /* --red: #dc3545; */ /* --secondary: #232323; */ /* --success: #28a745; */ /* --teal: #20c997; */ /* --warning: #ffc107; */ /* --white: #fff; */ /* --yellow: #ffc107; */ /* --black: #000000; */ } .aktuelles_ausfuehrlich { background-color: #E6E6E6; } /* Für IE um wagerechtes scrollen zu verhindern */ #wrapper { width: 100%; overflow: hidden; } .logo-navigation { position: fixed; top: 20px; z-index: 20; width: 95%; left: 50%; transform: translateX(-50%); } .logo-navigation .inside { background-color: #FFF; max-width: 510px; margin: 0 auto; position: relative; border: 1px solid #EFEFEF; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px 0px; } .logo-navigation .logo { line-height: inherit; margin: 0.5rem 0rem 0.2rem 0.58625rem; white-space: nowrap; } @media screen and (min-width: 992px) { .logo-navigation .logo { margin: 1rem 0rem 0.2rem 0.58625rem; } } .logo-navigation .logo IMG { height: auto; width: 60%; padding-bottom: 5px; height: auto; display: block; } @media screen and (min-width: 381px) { .logo-navigation .logo IMG { width: auto; } } .mod_customnav.mobilemenu { position: absolute; top: 83px; max-width: 960px; } /* Header Navigation Desktopversion */ #hamburger { display: none; } @media screen and (min-width: 767px) { .logo-navigation .inside { grid-template-columns: 260px 1fr; grid-template-rows: auto; height: 70px; max-width: 690px; } } @media screen and (min-width: 991px) { .logo-navigation .inside { grid-template-columns: 260px 1fr; grid-template-rows: auto; height: 90px; max-width: 930px; } .mod_navigation.desktopmenu { grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; position: relative; top: -36px; height: 50%; max-width: 1410px; } } @media screen and (min-width: 1440px) { .logo-navigation .inside { grid-template-columns: 260px 1fr; grid-template-rows: auto; height: 90px; max-width: 1375px; } } /* Themengrafik & Slider zu Seitenbeginn */ HEADER .mod_article { position: relative; margin: 0px; } /* Text/ Bild Linkschaltflächen */ .content-text.bild-text-link { position: relative; } .content-text.bild-text-link P { position: absolute; } /* Arbeiten bei Accumotive */ .arbeiten_by { max-width: 935px; height: auto; } .grid_liste UL { list-style-type: disc; margin: 0 auto; height: auto; padding-left: 10%; padding-bottom: 38px; font-size: 1rem; display: block; } /* Breite der Artikel */ .schmal { width: auto; margin: 0px 1rem; } @media screen and (min-width: 575px) { .schmal { max-width: 510px; margin: 0 auto; } } @media screen and (min-width: 767px) { /* Arbeiten bei Accumotive */ .arbeiten_by { max-width: 935px; } .grid_liste UL { display: flex; flex-wrap: wrap; flex-direction: column; } .grid_liste UL LI { flex-basis: content; } } @media screen and (min-width: 992px) { .schmal { max-width: 610px; } } @media screen and (min-width: 1440px) { .schmal { max-width: 905px; } } .schmal .content-text.contenthintergrund_weiss, .schmal .content-headline.contenthintergrund_weiss { width: 84%; margin: 0 auto; padding-top: 0px; } .suche .mod_article.schmal > *, .kontakt .mod_article.schmal > * { margin: 0px; } .breit { max-width: 1330px; margin: 0 auto; padding: 0px 1rem; } .breit.artikelhintergrund_blau.contenthintergrund_blau { margin-top: 0px; } @media screen and (min-width: 575px) { .breit { max-width: 510px; } } @media screen and (min-width: 767px) { .breit { max-width: 690px; } /* Arbeiten bei Accumotive Liste */ .grid_liste UL { list-style-type: disc; margin: 0 auto; font-size: 1rem; display: flex; flex-wrap: wrap; flex-direction: column; height: 381px; } .grid_liste UL LI { line-height: 1.2; margin-bottom: 0.4rem; width: 50%; } } @media screen and (min-width: 992px) { .breit { max-width: 895px; margin: 0 auto; } } @media screen and (min-width: 1440px) { .breit { max-width: 1370px; margin: 0 auto; } .breit .autogrid_wrapper { max-width: 1145px; margin: 0 auto; } } .volle_breite { margin: 0 auto; max-width: 1410px; padding: 0px 1rem; } @media screen and (min-width: 767px) { .volle_breite { max-width: 940px; } } @media screen and (min-width: 992px) { .volle_breite { max-width: 930px; } } @media screen and (min-width: 1440px) { .volle_breite { max-width: 1370px; } } /* Abstände des 1. Artikel der über dem Slider/ Themengrafik liegt */ #main > .inside > .mod_article.first H1 { margin-top: 40px; margin-bottom: 24px; } #main > .inside > .mod_article.first { padding-top: 0px; padding: 20px 0px !important; } /* Abstände Artikel */ .mod_article { position: relative; } .mod_article.first { margin-bottom: 30px; } .mod_article::before { display: block; content: ""; width: 100vw; position: absolute; height: 100%; z-index: -1; transform: translateX(-50vw); left: 50%; padding-bottom: 0.7rem; margin: 0px; } .mod_article.bg_suche:after { background-image: url("../../files/theme/grafiken/search-motiv.svg"); background-repeat: no-repeat; background-size: cover; bottom: 0; content: ""; opacity: 0.3; position: absolute; right: 0; height: 100%; width: 90%; } @media screen and (min-width: 381px) { .mod_article.bg_suche:after { background-size: 23%; left: 30px; top: 194px; } } @media screen and (min-width: 575px) { .mod_article.bg_suche:after { background-size: 25%; left: -53px; top: 47px; } } @media screen and (min-width: 767px) { .mod_article.bg_suche:after { background-size: 25%; left: -204px; top: 56px; } .mod_article.schmal { padding: 0px 55px; } .mod_article.schmal .mod_newsreader { margin-left: 45px; margin-right: 45px; } /* Arbeiten bei Accumotive Liste */ .grid_liste UL { list-style-type: disc; margin: 0 auto; font-size: 1rem; display: flex; flex-wrap: wrap; flex-direction: column; min-height: 281px; } .grid_liste UL LI { line-height: 1.2; margin-bottom: 0.4rem; width: 50%; } } @media screen and (min-width: 992px) { .mod_article.bg_suche:after { background-size: 23%; left: 41px; top: 77px; } } @media screen and (min-width: 1440px) { .mod_article.bg_suche:after { background-size: 25%; left: -204px; top: 56px; } } .artikelhintergrund_hellgrau::before, .artikelhintergrund_weiss::before, .artikelhintergrund_blau::before, .artikelhintergrund_schwarz::before, .artikelhintergrund_transparent::before { top: 0px; } /* Abstände Text-Bild Bild_Text wechselweise */ .autogrid { padding-left: 3%; padding-right: 3%; } .autogrid_wrapper { padding-bottom: 3.5rem; } .autogrid_wrapper:last-child { padding-bottom: 0px; } @media screen and (min-width: 320px) { .mod_article.schmal > * { margin: 0px 45px; } } @media screen and (min-width: 575px) { .mod_article.schmal > * { margin: 0px 70px; } } @media screen and (min-width: 767px) { .mod_article.schmal > * { margin: 0px 90px; } } @media screen and (min-width: 992px) { .mod_article.schmal > * { margin: 0 auto; margin: 0px 55px; } } @media screen and (min-width: 1440px) { .mod_article.schmal > * { margin: 0px 90px; } } /* Abstände Content-Hintergund */ .mod_article.contenthintergrund_weiss, .mod_article.contenthintergrund_hellgrau, .mod_article.contenthintergrund_schwarz, .mod_article.contenthintergrund_transparent { padding-top: 3rem; padding-bottom: 2rem; position: relative; } .produktslider.artikelhintergrund_schwarz.contenthintergrund_schwarz { padding-top: 0px; padding-bottom: 0px; } .contenthintergrund_blau { padding-top: 1.5rem; margin-top: 1.8rem; } @media screen and (min-width: 992px) { .mod_article.contenthintergrund_weiss, .mod_article.contenthintergrund_hellgrau, .mod_article.contenthintergrund_schwarz, .mod_article.contenthintergrund_transparent { padding-top: 3rem; padding-bottom: 2rem; position: relative; } } /* Liste einspaltig auf blauem Hintergrund */ .mod_article.liste_blau_schmal { margin: 50px 16px 50px 10px; padding-top: 20px; padding-bottom: 30px; } @media screen and (min-width: 380px) { .mod_article.liste_blau_schmal { margin: 50px 20px 50px 21px; } } @media screen and (min-width: 575px) { .mod_article.liste_blau_schmal { margin: 50px auto 50px; } } @media screen and (min-width: 992px) { .mod_article.liste_blau_schmal { margin: 50px auto 50px; width: 500px; } } @media screen and (min-width: 1441px) { .mod_article.liste_blau_schmal { margin: 50px auto 50px; width: 795px; } } .mod_article.schmal.liste_blau_schmal .content-list { margin-left: 3%; width: 99%; } .mod_article.schmal.liste_blau_schmal .content-list H2 { text-align: center; } .mod_article.schmal.liste_blau_schmal .content-list UL { margin-left: 5%; } .mod_article.schmal.liste_blau_schmal .content-list UL LI { line-height: 1; padding-bottom: 10px; } /* Hintergrundfarben der Artikel und Hintergrundfarben des Content */ .contenthintergrund_weiss, .artikelhintergrund_weiss::before { background-color: #FFF; } .contenthintergrund_hellgrau, .artikelhintergrund_hellgrau::before { background-color: #E6E6E6; color: #4E4F4E; border-bottom: 20px solid #E6E6E6; } .contenthintergrund_blau, .artikelhintergrund_blau::before { background-color: #00ADEF; color: #FFF; } .contenthintergrund_schwarz, .artikelhintergrund_schwarz::before { background-color: #000; color: #FFF; } .contenthintergrund_transparent, .artikelhintergrund_transparent::before { background-color: transparent; } /* Artikel mit Hintergrundfoto */ .bg_hintergrundfoto .mod_article { padding: 30px 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; } /* ios kann nicht korrekt mit fixed umgehen, daher wie folgt Hintergrundbild mitscrollen lassen. */ @media screen and (max-width: 575px) { .bg_hintergrundfoto .mod_article { background-attachment: scroll; } } @media screen and (min-width: 381px) { .bg_hintergrundfoto .mod_article { background-image: url("../../files/inhalt/hintergrundfotos/18C0666_149.jpg"); padding: 10px 0px 50px 0px; } } .bg_hintergrundfoto .mod_article > * { margin: 0 auto; width: 100%; position: relative; top: 2px; border: 1px solid transparent; } @media screen and (min-width: 575px) { .bg_hintergrundfoto .mod_article { /* width: 91%;*/ width: 100%; } } .bg_hintergrundfoto .mod_article > .last { bottom: 20px; } .bg_hintergrundfoto .mod_article.bg_arbeiten_bei_accumotive { background-image: url("../../files/inhalt/hintergrundfotos/18C0666_149.jpg"); } /* Accordion */ .content-accordion { margin: 0 auto; } .schmal:has(.content-accordion) { padding: 0; max-width: 610px; & > * { margin: 0; } } .content-accordion h2 { line-height: inherit; margin-top: 0; margin-bottom: 0; width: initial; font-size: inherit; color: inherit; } .content-accordion button { cursor: pointer; margin: 0 0 25px 0px; font-size: 1.1rem; font-weight: 400; color: #4E4F4E; line-height: 1.2; background-color: #E6E6E6; border-bottom: 0 solid rgba(0, 0, 0, 0.125); position: relative; padding: 0; padding-inline-start: 2rem; display: flex; justify-content: space-between; min-height: 3rem; place-items: center; column-gap: 2rem; } .content-accordion button::after { content: "\0047"; color: #00ADEF; font-family: Iconset acu; font-style: normal; background-color: #CCCCCC; height: 5rem; aspect-ratio: 1/1; display: flex; place-content: center; place-items: center; } .content-accordion button:hover { background-color: #CCCCCC; } .content-accordion [class*='_header--open'] { background-color: #E6E6E6; border-bottom: 2px solid #CCCCCC; } .content-accordion [class*='_header--open'] button { margin-bottom: 0; } .content-accordion [class*='_header--open'] button::after { font-family: Iconset acu; content: "\0049"; } .content-accordion [class*='__content_inner'] { background-color: #E6E6E6; padding: 15px 15px; margin-bottom: 20px; position: relative; top: -25px; } /* Footer */ #footer { background-color: #232323; clear: both; } #footer .contenthintergrund_schwarz { background-color: #232323; } #footer NAV A { color: #FFF; } #footer NAV UL { padding-left: 5ch; list-style-type: none; } #footer .inside { padding: 30px 15px; max-width: 1370px; margin: 0 auto; } @media screen and (min-width: 767px) { #footer .spalten { display: table; border-spacing: 16px; width: 100%; } #footer .footer_column_1, #footer .footer_column_2, #footer .footer_column_3 { display: table-cell; box-sizing: border-box; padding: 0.5em; vertical-align: top; width: 25%; } #footer .footer_column_2 { display: none; } #footer .footer_column_3 { width: 25%; } .footer_row_copyright { clear: both; width: 100%; } .footer_row_copyright P { text-align: right; } } @media screen and (min-width: 992px) { #footer .footer_column_2 { width: 50%; display: table-cell; } } /* Nachrichten Startseite */ .mod_newslist IMG { display: block; width: 100%; height: auto; text-align: center; } @media screen and (min-width: 767px) { .mod_newslist > DIV { float: left; width: 47.1%; margin: 10px; } .mod_newslist { display: inline-block; } @supports (display: grid) { .mod_newslist { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1ch; grid-row-gap: 1em; justify-items: center; } .mod_newslist > DIV { float: none; width: auto; margin: 0px; } } } @media screen and (min-width: 992px) { .mod_newslist > DIV { float: left; width: 31%; margin: 10px; } @supports (display: grid) { .mod_newslist { grid-template-columns: 1fr 1fr 1fr; } .mod_newslist > DIV { float: none; width: auto; margin: 0px; } } } #footer { clear: both; } .layout_latest { position: relative; justify-self: stretch; } .layout_latest .bg_nachrichtenteaser { position: absolute; bottom: 1rem; left: -10px; background-color: #00ADEF; width: 80%; color: #FFF; font-weight: 700; padding: 0.9rem 10px; box-decoration-break: clone; margin-left: 10px; } .layout_latest .bg_nachrichtenteaser H2 { font-size: 1em; margin: 0px; font-weight: normal; } .mod_newslist H2 A::after { color: #FFF; display: inline-block; font-family: Iconset acu; content: "\0043"; font-size: 0.836em; font-style: normal; font-weight: 400; line-height: 1; transform: rotate(-45deg); vertical-align: middle; margin-left: 0.4rem; } .layout_latest .bg_nachrichtenteaser P { line-height: 0.6; } .layout_latest .more { display: none; } /* Nachrichten Seite aktuelles */ .mod_newslist .layout_latest A { display: block; } @media screen and (max-width: 767px) { .mod_newslist .layout_latest { margin-bottom: 20px; } } @media screen and (min-width: 1441px) { .layout_latest .image_container PICTURE IMG { display: block; } } /* Nachrichten ausführlich */ .mod_article.button { padding: 0px; } .aktuelles_ausfuehrlich HEADER, .header_blau HEADER { height: 13.6rem; background-color: #00ADEF; background: linear-gradient(45deg, #00ADEF 1%, #0269A1); } .aktuelles_ausfuehrlich .mod_article { margin-top: 2.1rem; } .aktuelles_ausfuehrlich H1 { text-align: center; margin-top: 0px !important; padding-top: 0px !important; } .aktuelles_ausfuehrlich .info { text-align: center; margin-top: 52px; padding-top: 30px; width: 100%; font-size: 1.22rem; font-weight: 400; } @media (max-width: 575px) { .aktuelles_ausfuehrlich IMG { width: 100%; } } .mod_newsreader .back { display: none; } .mod_newsreader { padding-bottom: 50px; } .themengrafik { background-size: cover; height: 22.1rem; background-repeat: no-repeat; width: 100vw; } /* Hintergrundbilder der Themengrafiken */ .themengrafik.ueber_uns { background-image: url(../../files/inhalt/themengrafiken/ueber_uns.jpg); } .themengrafik.karriere { background-image: url(../../files/inhalt/themengrafiken/karriere.jpg); background-position: center 0px; } @media screen and (min-width: 1440px) { .themengrafik.karriere { background-position: center -100px; } } .themengrafik.karriere-schueler { background-image: url(../../files/inhalt/themengrafiken/karriere-schueler.jpg); background-position: center 0px; } .themengrafik.karriere-studenten { background-image: url(../../files/inhalt/themengrafiken/karriere-studenten.jpg); background-position: top center; } .themengrafik.karriere-berufseinsteiger { background-image: url(../../files/inhalt/themengrafiken/karriere-berufseinsteiger.jpg); background-position: top center; } .themengrafik.karriere-berufserfahrene { background-image: url(../../files/inhalt/themengrafiken/karriere-berufserfahrene.jpg); background-position: top center; } .themengrafik.produkte { background-image: url(../../files/inhalt/themengrafiken/produkte.jpg); background-position: center 0px; } @media screen and (min-width: 1440px) { .themengrafik.produkte { background-position: center -50px; } } .themengrafik.produkte-highlight { background-image: url(../../files/inhalt/themengrafiken/produkte-highlight.jpg); background-position: center 0px; } .themengrafik.zukunft-verantwortung { background-position: center -10px; background-image: url(../../files/inhalt/themengrafiken/ueber_uns.jpg); } .themengrafik.aktuelles { background-image: url(../../files/inhalt/themengrafiken/ueber_uns.jpg); background-position: center -10px; } .themengrafik.vorlagen { background-image: url(../../files/inhalt/themengrafiken/vorlagen.jpg); background-position: top center; } .slider_startseite { width: 100vw; /* initialhöhe von original */ height: 25rem; overflow: hidden; } @media (min-width: 992px) { .slider_startseite { height: 27rem; } } @media (min-width: 1100px) { .slider_startseite { height: 29rem; } } @media (min-width: 1300px) { .slider_startseite { height: 32rem; } } .slider_startseite IMG { height: 100%; width: auto; } @media (min-width: 700px) { .slider_startseite IMG { height: auto; width: 100vw; } } /* Allgemeine Artikeleinstellungen */ .willkommen-slider #main { margin-top: -4.2rem; } .header_blau #main { margin-top: -29.5vw; } #main { position: relative; margin-top: -5.2rem; } @media screen and (min-width: 381px) { .header_blau #main { margin-top: -19.4vw; } #main { margin-top: -5.6rem; } } @media screen and (min-width: 480px) { .header_blau #main { margin-top: -15.1vw; } #main { margin-top: -5.2rem; } } @media screen and (min-width: 700px) { .header_blau #main { margin-top: -13.1vw; } #main { margin-top: -5rem; } } @media screen and (min-width: 900px) { .header_blau #main { margin-top: -7.7vw; } #main { margin-top: -4.8rem; } } @media screen and (min-width: 1140px) { .header_blau #main { margin-top: -7.2vw; } #main { margin-top: -4.6rem; } } @media screen and (min-width: 1240px) { #main { margin-top: -4.7rem; } } @media screen and (min-width: 1440px) { .header_blau #main { margin-top: -6vw; } #main { margin-top: -3.9rem; } } @media screen and (min-width: 1600px) { .header_blau #main { margin-top: -6vw; } #main { margin-top: -4.1rem; } } .themengrafik { height: 22rem; } .mod_article.contenthintergrund_weiss, .mod_article.contenthintergrund_hellgrau, .mod_article.contenthintergrund_schwarz, .mod_article.contenthintergrund_transparent { margin-bottom: 1.5rem; } .mod_article.contenthintergrund_weiss{ margin-top: 30px; } .content-gallery ul{ list-style-type:none; margin-left:0px; } /*Navigation mobile*/ @media screen and (max-width: 991px) { .nav_service_header, .desktopmenu { display: none; } .font-size-mobilenav { font-size: 1rem; } label.hamburger { display: block; background: #000; width: 50px; height: 50px; position: absolute; right: 10px; top: 0.48rem; border-radius: 2px; transition: border-radius 0.5s; cursor: pointer; } .hamburger .linie { position: absolute; left: 10px; height: 4px; width: 30px; background: #fff; border-radius: 0px; display: block; transition: 0.5s; transform-origin: center; } .hamburger .linie:nth-child(1) { top: 12px; } .hamburger .linie:nth-child(2) { top: 24px; } .hamburger .linie:nth-child(3) { top: 36px; } #hamburger:checked + .hamburger .linie:nth-child(1) { transform: translateY(12px) rotate(-45deg); } #hamburger:checked + .hamburger .linie:nth-child(2) { opacity: 0; } #hamburger:checked + .hamburger .linie:nth-child(3) { transform: translateY(-12px) rotate(45deg); } input#hamburger { display: none; } #hamburger:checked + .hamburger + .mod_customnav.mobilemenu { max-height: 600px; } /*Navigation mobile*/ .mod_customnav.mobilemenu.block { height: auto; max-height: 0; overflow: hidden; transition: all 1.5s; background-color: #000; width: 100%; top: 71px; color: #fff; } .mod_customnav.mobilemenu ul { margin: 0 15px 35px; width: auto; } .mod_customnav.mobilemenu li { line-height: 2.6; font-size: 1.3rem; list-style-type: none; } .mod_customnav.mobilemenu li.font-size-mobilenav { line-height: 1.5; } .mod_customnav.mobilemenu a { color: #fff; text-decoration: none; /*font-size: 1.3rem;*/ } .mod_customnav.mobilemenu a:hover, .mod_customnav.mobilemenu .active { text-decoration: underline; color: #fff; } /*Servicenavigation abschalten*/ .mod_customnav.nav_service_header { display: none; } } /*Navigation desktop*/ @media screen and (min-width: 992px) { .mobilemenu { display: none; } /*Header Hauptnavigation*/ .mod_navigation.desktop.block { line-height: calc(0.48077vw + 24.46154px); width: 930px; } #header .mod_navigation ul.level_1, .mod_customnav.nav_service_header ul { text-align: right; margin: 0px; padding: 0px; } .mod_navigation.desktopmenu ul li, .mod_customnav.nav_service_header ul li { display: inline-block; } #header .mod_navigation ul.level_1 { position: absolute; bottom: 7px; height: 40px; right: 25px; } #header .mod_navigation ul.level_1 li { margin-left: 0.5rem; margin-right: 0.5rem; font-size: 0.9rem; } #header .mod_navigation ul.level_1 > li::before { content: ""; display: block; position: relative; bottom: -43px; width: 0; right: 55%; left: 55%; border-bottom: 5px solid #00adef; transition: right 0.2s ease-out, left 0.2s ease-out, width 0.2s ease-out; } #header .mod_navigation ul.level_1 li.active, #header .mod_navigation ul.level_1 li.trail { border-bottom: 5px solid #00adef; position: relative; bottom: 0px; padding-bottom: 7px; font-weight: bold; } .ce_image.vereinslogo img { } #header .mod_navigation ul.level_1 > li:hover::before { width: 115%; right: 0%; left: -7.5%; padding-bottom: 0px; bottom: -43px; border-bottom: 5px solid #00adef; transition-duration: 0.2s, 0.2s; transition: width 0.2s ease-out, left 0.2s ease-out; } .mod_navigation.desktopmenu a { color: #000; display: block; font-size: 0.8rem; font-family: CorporateS; } .mod_navigation.desktopmenu a:hover { color: rgba(0, 0, 0, 0.7); } /*Header Servicenavigation*/ #header .mod_customnav li { margin-right: 1.3rem; } #header .mod_customnav a { color: #000; font-size: 0.7rem; } #header .mod_customnav a:hover { color: rgba(0, 0, 0, 0.7); text-decoration: underline; } #header .mod_customnav .active, #header .mod_customnav .trail { color: #000; font-size: 0.7rem; font-weight: bold; } .mod_customnav.nav_service_header { position: absolute; top: 0px; right: 25px; } #header .nav_service_header li:last-child { margin-right: 5px; } #header .nav_service_header li:last-child a, #header .nav_service_header li.active:last-child { background-image: url("../../files/inhalt/icons/icon_suche.png"); background-repeat: no-repeat; display: inline-block; height: 1rem; width: 3ch; vertical-align: middle; color: rgba(255, 255, 255, 0); } .nav_service_header li:last-child a:last-child > span, .nav_service_header li.active:last-child > strong { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } html { font-size: calc(.24038vw + 17.23077px); height: 100%; } body { text-align: left; background-color: #FFF; color: #4E4F4E; font-family: CorporateS, Arial, sans-serif; font-size: 1rem; line-height: calc(.48077vw + 24.46154px); font-weight: 400; overflow-x: hidden; height: 100%; } /* MR/HE Icons in Spalten center setzen */ .bild_headline .image_container.float_above { text-align: center; display: flex; justify-content: center; } .img-count { object-fit: contain; height: 40%; width: 40%; } @media screen and (min-width: 320px) { body { line-height: calc(.48077vw + 24.46154px); } } .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .h1, .h2, .h3, .h4, .h5, .h6, H1, H2, H3, H4, H5, H6 { font-weight: 400; line-height: 1.2; margin-bottom: 0.469rem; margin-top: 0px; /*font-size: calc(2.09181vw + 1.29512rem);*/ font-size: calc(2.09181vw + 0.5rem); } H1 { line-height: 1; margin-top: 0rem; margin-bottom: 1.5rem; /*font-size: 2.4rem;*/ font-size: calc(2.09181vw + 1.1rem); color: #4E4F4E; /*width: 99%;*/ } H1.content-headline.center { margin-bottom: 1.5rem; } H2 { line-height: 1; margin-top: 1.3rem; margin-bottom: 2.2rem; width: 99%; /*font-size: 2.2rem;*/ font-size: calc(2.09181vw + 1rem); color: #4E4F4E; } .contenthintergrund_blau H2, .contenthintergrund_schwarz H2 { color: #FFF; } H2.headline_kontaktform { font-size: 1.4rem; padding-bottom: 12px; } H3 { /*font-size: 2rem;*/ font-size: calc(1.8vw + 0.9rem); } H4 { font-weight: bold; } .bg_zahlen_fakten H2, .bg_zahlen_fakten_karriere H2, .anfahrt_kontakt_right H2 { color: #FFF; text-align: center; } .mod_article > H3 { line-height: 1; margin: 0 auto; margin-top: 1rem; margin-bottom: 18px; } .headline-blau H3, .headline-blau H2 { color: #00ADEF; } A { color: #FFF; text-decoration: none; } .link_blau A { color: #00ADEF; } P { line-height: 1.4; } UL { list-style-type: disc; margin-left: 20px; } SUB { bottom: -0.25em; position: relative; } STRONG { font-weight: bolder; } .center { text-align: center; } .slogan { font-size: 1.22rem; font-weight: 400; } .liste_blau_schmal { margin-bottom: 0.5rem; } .abstand_unten { margin-bottom: 50px; } .autogrid > * { margin: 0 auto; } .cc-banner .cc-message { font-size: 0.6rem; } /*Site Suche*/ .suche #main > .inside > .mod_article.first { margin-top: 50px; } .suche .mod_article.first { margin-bottom: 100px; } .suche .mod_article.first:before { padding-bottom: 55px; } .site_suche .formbody { height: 60px; position: relative; border: 1px solid #757575; width: 90%; margin: 50px auto; } .widget-text.suchfeld INPUT { display: block; width: 90%; height: 60px; border: none; background-color: #FFF; display: block; padding-left: 20px; font-size: 1.4rem; } .btn_lupe_suchfeld { display: none; } .submit.btn_suchfeld { background-color: #000; border: none; color: #FFF; display: block; margin: 10px auto; width: 33%; padding: 10px; } @media screen and (min-width: 470px) { .submit.btn_suchfeld { display: none; } .widget-submit.btn_lupe_suchfeld { display: inline-block; width: 60px; height: 61px; position: absolute; top: 0px; right: 0px; background-color: #000; box-shadow: 0 0 21px #817C7C; } .widget-submit.btn_lupe_suchfeld INPUT { padding: 15px; display: block; } .widget-submit.btn_lupe_suchfeld::before { content: ''; } } .mod_search .formbody { display: none; } .mod_search A > DIV { background-color: #E6E6E6; color: #00ADEF; padding: 10px 25px; margin-bottom: 25px; } .mod_search A > DIV P.context { margin-right: 60px; position: relative; } .mod_search A > DIV P.context::after { color: #00ADEF; display: inline-block; font-family: Iconset acu; content: "\0043"; font-size: 1.636em; font-style: normal; font-weight: 400; line-height: 1; transform: rotate(-45deg); position: absolute; right: -57px; bottom: 43px; } .mod_search A > DIV:hover, .mod_search A > DIV:hover H3, .mod_search A > DIV:hover > P.context::after { background-color: #00ADEF; color: #FFF; } .mod_search A H3 { color: #00ADEF; font-size: 1.7rem; display: block; } /*Pagination*/ .mod_newslist, .mod_search { padding-bottom: 60px; } .pagination { position: absolute; bottom: 0; margin: 0px 0px 17px 0px; text-align: center; width: 100%; } .pagination UL { display: flex; flex-basis: 100%; justify-content: center; } .pagination UL LI { border-radius: 2px; border: 2px solid #000; display: flex; width: 50px; list-style: none; margin-left: 10px; background: transparent; border: 2px solid #232323; border-radius: 2px; height: 2.5rem; width: 2.5rem; text-align: center; line-height: 2.7; position: relative; } .pagination UL LI A { color: #000; flex-basis: 100%; text-align: center; } .pagination UL LI .active { background: #232323; border: 2px solid #232323; color: #FFF; text-decoration: none; width: 100%; } .pagination A.next, .pagination A.previous { display: inline-block; width: 50px; height: 100%; flex-basis: 100%; } .pagination UL LI.next:after { color: #00ADEF; content: "\0043"; font-family: Iconset acu; position: absolute; left: 50%; transform: translatex(-50%); pointer-events: none; } .pagination UL LI.previous:after { color: #00ADEF; content: "\0043"; font-family: Iconset acu; position: absolute; right: 30%; transform: rotate(180deg); pointer-events: none; } .pagination UL LI.last { display: none; } /*Kontaktformular*/ .kontakt .autogrid_wrapper { padding-bottom: 1.4rem; } SELECT { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; font-size: 1em; width: 93%; border: 1px solid #757575; padding: 0.4em 1em 0.4em 1em; background-color: #FFFDFD !important; background-image: url("../../files/inhalt/icons/arrow_select.png"); background-position: right; background-repeat: no-repeat; background-size: contain; height: 2.4rem; margin-bottom: 15px; } @media screen and (min-width: 768px) { SELECT { width: 100%; } } @media screen and (min-width: 1441px) { SELECT { width: 97.4%; } } OPTION { border-top: 1px solid #444; padding: 0.3em 1em 0.3em 1em; } /* hide browser-styling (arrow) in IE10 */ SELECT::-ms-expand { display: none; } .lt-ie10 SELECT { background-image: none; } #kontaktform INPUT { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; background-color: #FFF; border: 1px solid #757575; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); color: #4E4F4E; display: block; font-size: 1rem; line-height: 1.364; padding: 0.5rem 1rem; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; width: 85%; margin-bottom: 15px; } #kontaktform INPUT:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 2px rgba(0,173,239,.25); background-color: #FFF; border-color: #70D7FF; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 2px rgba(0, 173, 239, 0.25); color: #4E4F4E; outline: 0; } #kontaktform .widget:hover LABEL { color: #00ADEF; } #kontaktform LABEL { padding-left: 26px; margin-top: 13px; } @media screen and (min-width: 768px) { #kontaktform .widget.plz { width: 27%; float: left; } #kontaktform .widget.ort { float: right; width: 50%; padding-right: 23px; /*margin-right: 15px;*/ } } @media screen and (min-width: 1440px) { #kontaktform .widget.ort { float: right; width: 61%; padding-right: 23px; } } #kontaktform H2 { text-align: center; padding-bottom: 20px; position: relative; top: 25px; margin-bottom: 15px; } #kontaktform .mandatory.error P.error { font-size: 0.7rem; color: red; } #kontaktform .widget .textarea { width: 93%; } @media screen and (min-width: 768px) { #kontaktform .widget .textarea { width: 100%; } } @media screen and (min-width: 1441px) { #kontaktform .widget .textarea { width: 97.4%; } } #kontaktform { } #kontaktform .widget.widget-textarea { padding-top: 37px; } #kontaktform .submit:after { color: #00ADEF; display: inline-block; font-family: Iconset acu; content: "\0043"; font-size: 1.636em; font-style: normal; font-weight: 400; line-height: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); vertical-align: middle; margin-left: 1.7rem; } #kontaktform BUTTON { border: none; background-color: transparent; } #kontaktform .submit { background-color: #232323; color: #FFF; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); font-size: 1em; font-weight: 600; padding: 0.9rem 1.5rem; margin-top: 50px; z-index: 9; display: block; margin: 0 auto; /*border: 1px solid aqua;*/ } #kontaktform .submit:hover { } /*Artikel mit Inhalte in display flex*/ .mod_article.inhalte-flex { display: flex; flex-wrap: wrap; justify-content: center; column-gap:1ch; /**/ /*clear: both;*/ } @media screen and (min-width: 767px) { .mod_article.inhalte-flex DIV { justify-content: space-evenly; flex-basis: 45%; /*clear: both;*/ } } @media screen and (min-width: 992px) { .mod_article.inhalte-flex > DIV { flex-basis: auto; } .mod_article.inhalte-flex.bewerbung > DIV { flex-basis: 22%; } } /* Nach Update hinzu gefügt */ IMG:not([src*="svg"]) { object-fit: contain; height: auto; width: 100%; } .img-count { object-fit: contain; height: 30%; width: 30%; } .content-autogridWrapperStart .inside { flex-wrap: wrap; } /*Kontakt & Anfahrt*/ /*.maps { display: flex; }*/ .anfahrt_kontakt_right { background-color: #00ADEF; max-width: 390px; max-height: 390px; height: 100%; color: #FFF; text-align: center; font-weight: 200; padding: 50px 50px; margin: 20px auto; } .anfahrt_kontakt_right H2 { font-weight: 600; font-size: 1.6rem; text-align: center; margin-top: -24px; padding-top: 30px; height: 91px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 336.06 500' width='500' height='500' fill='none' stroke='transparent'%3E%3Cg opacity='.3' fill='%23fff'%3E%3Cpath d='M168 0C75.38 0 0 75.38 0 168a166.67 166.67 0 0 0 32.6 99.48l127.31 189a9.79 9.79 0 0 0 16.24 0l127.31-189a166.72 166.72 0 0 0 32.6-99.48C336.06 75.38 260.68 0 168 0zm119.5 256.11l-.36.52L168 433.5 48.91 256.66c-.12-.19-.25-.37-.38-.55A147.27 147.27 0 0 1 19.59 168c0-81.85 66.59-148.44 148.44-148.44S316.47 86.18 316.47 168a147.27 147.27 0 0 1-28.94 88.11z'/%3E%3Cpath d='M236.59 157.2a9.79 9.79 0 0 0-9.79 9.8 58.75 58.75 0 1 1-25.92-48.73 9.803 9.803 0 1 0 11-16.23 78.36 78.36 0 1 0 34.53 65 9.79 9.79 0 0 0-9.82-9.84zM285.4 480.41H50.33a9.8 9.8 0 0 0 0 19.59H285.4a9.8 9.8 0 0 0 0-19.59z'/%3E%3Cpath d='M228.75 125h-.19a9.8 9.8 0 1 0 0 19.59h.19a9.8 9.8 0 1 0 0-19.59z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: 50% 0px; } .anfahrt_kontakt_right .kontakt_phone, .anfahrt_kontakt_right .kontakt_mail { font-weight: 600; font-size: 1.5rem; } .anfahrt_kontakt_right P { margin-bottom: 1.9rem; } .anfahrt_kontakt_right .kontakt_phone { margin-bottom: 1.5rem; padding-top: 34px; height: 35px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 486.05 499.98' width='500' height='500' fill='none' stroke='transparent'%3E%3Cg opacity='.3' fill='%23fff'%3E%3Cpath d='M420.55 65.5A222.17 222.17 0 0 0 262.41 0a17.72 17.72 0 0 0 0 35.44c103.93 0 188.19 84.25 188.2 188.18a17.72 17.72 0 0 0 35.44 0 222.17 222.17 0 0 0-65.5-158.12z'/%3E%3Cpath d='M347.66 223.65a17.72 17.72 0 0 0 35.44 0A120.86 120.86 0 0 0 262.41 103a17.72 17.72 0 0 0 0 35.44 85.37 85.37 0 0 1 85.25 85.21zM308.44 314c-27-1.4-40.77 18.68-47.37 28.33a17.721 17.721 0 1 0 29.26 20c7.79-11.4 11.33-13.19 16.12-13 15.33 1.8 75.74 46.06 81.79 59.9 1.51 4.08 1.46 8.07-.17 12.93-6.34 18.83-16.84 32-30.36 38.25-12.85 5.89-28.61 5.36-45.55-1.54-63.27-25.78-118.54-61.77-164.28-107-45.1-45.7-81-100.9-106.76-164.07-6.9-17-7.43-32.71-1.54-45.56 6.2-13.52 19.42-24 38.23-30.36 4.87-1.63 8.86-1.68 12.9-.18 13.89 6.07 58.15 66.47 59.94 81.63.25 5-1.56 8.51-13 16.29a17.721 17.721 0 0 0 20 29.26c9.66-6.59 29.74-20.31 28.35-47.42-1.54-28.31-56.61-103.28-82.92-112.95-11.7-4.37-24-4.44-36.6-.22-28.33 9.54-48.78 26.55-59.16 49.18-10.07 22-9.75 47.44.93 73.69C35.79 268.81 74.34 328 122.81 377l.36.35c49 48.38 108.11 86.86 175.63 114.38 13.51 5.5 26.83 8.25 39.56 8.25a81.24 81.24 0 0 0 34.11-7.32c22.64-10.37 39.65-30.83 49.19-59.17 4.22-12.57 4.15-24.87-.18-36.52-9.71-26.36-84.68-81.43-113.04-82.97z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: 50% 0px; } .anfahrt_kontakt_right .kontakt_mail { margin-bottom: 0.3rem; padding-top: 34px; height: 37px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 303.82' width='500' height='500' fill='none' stroke='transparent'%3E%3Cpath d='M499.66 25.58A25.65 25.65 0 0 0 474 0L25.57.62A25.61 25.61 0 0 0 0 26.26l.35 252A25.61 25.61 0 0 0 26 303.82l448.43-.62A25.64 25.64 0 0 0 500 277.56zm-53.75.07L250 161.83 53.75 26.19zm-113 161.88L449 277.63l-398.41.55 116.89-90.65a12.81 12.81 0 1 0-15.7-20.24L25.94 264.91l-.31-227 217.13 150.03a12.81 12.81 0 0 0 14.59 0L474.06 37.27l.33 227.61-125.84-97.59a12.805 12.805 0 0 0-15.69 20.24z' fill='%23fff' opacity='.3'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: 50% 5px; } .map_anfahrt IMG { width: 94%; margin-top: 20px; display: block; margin: 0 auto; /*align-items: stretch;*/ object-fit: none; height: 490px; } @media screen and (min-width: 768px) { .map_anfahrt IMG { margin-top: 20px; } } /*Linkschaltfläche*/ .content-hyperlink A:after, .content-text.bild-text-link P A:after, .bild-headline-link H3::after, A.btn_maps::after { color: #00ADEF; display: inline-block; font-family: Iconset acu; content: "\0043"; font-size: 1.4rem; font-style: normal; font-weight: 400; line-height: 1; transform: rotate(-45deg); vertical-align: middle; margin-left: 0.5rem; } #main .content-hyperlink A, #main.content-text P A { background-color: #232323; width: auto; color: #FFF; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); font-size: 1em; font-weight: 600; line-height: 7.864; padding: 1rem 1.5rem; position: relative; z-index: 9; border: 1px solid #00ADEF; border-radius: 2px; } #main .content-hyperlink A:hover, #main.content-text P A:hover, .btn_maps:hover, #kontaktform .submit:hover { background-color: #757575; border-color: #757575; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); } #main .content-hyperlink.transparent A { background-color: transparent; border: 2px solid #232323; max-width: 255px; margin: 0 auto; display: block; color: #232323; box-shadow: none; font-size: 1em; font-weight: 600; line-height: 3.4; padding: 0 1rem; text-align: center; position: relative; z-index: 9; } #main .content-hyperlink.transparent A:hover { color: #00ADEF; transition: color 1s; border-color: #757575; } .content-hyperlink A.hyperlink_txt { margin-top: 34px; } .content-text.bild-text-link P { margin-left: 10px; top: 41%; width: 100%; max-width: 60%; } .content-text.bild-text-link P A { background-color: #00ADEF; width: auto; color: #FFF; font-size: 1.5em; font-weight: normal; line-height: 1.264; padding: 0.4rem 0px; box-shadow: 10px 0 0 #00ADEF, -10px 0 0 #00ADEF; box-decoration-break: clone; margin-top: 0px; } .content-text.bild-text-link P A:hover { background-color: #0088BC; box-shadow: 10px 0 0 #0088BC, -10px 0 0 #0088BC; box-decoration-break: clone; } .content-text.bild-text-link P A:after { color: #FFF; font-size: 1.036em; } @media screen and (min-width: 768px) { .content-text.bild-text-link P { max-width: 86%; top: 59%; line-height: 2; } .content-text.bild-text-link P A { font-size: 1.4rem; } } .content-text.media--above { display: grid; grid-row-gap: 0.5rem; grid-auto-rows: min-content; } .content-text.media--above figure { grid-row: 1; display: flex; justify-content: center; & img { max-height: 100%; height: fit-content; } } /*Button zurück*/ .mod_article .btn-back { padding-top: 0px; } .btn-back A::before { content: "\0041"; display: inline-block; font-family: Iconset acu; font-size: 1.6rem; margin-left: -1rem; margin-right: 2rem; text-decoration: none; color: #00ADEF; vertical-align: middle; } .content-hyperlink.btn-back A:after { content: ''; } #main .content-hyperlink.btn-back A { background-color: transparent; margin-top: 0px; border: 2px solid #4E4F4E; color: #4E4F4E; box-shadow: none; transition: color 0.45s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; font-size: calc(0.8vw + 0.7rem); } #main .content-hyperlink.btn-back A:hover { color: #00ADEF; border: 2px solid #757575; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } /*4 Spalter Bild Headline Link*/ .mod_article.bild-headline-link .content-image { position: relative; } .bild-headline-link > .content-image > H3 { position: absolute; background-color: #00ADEF; color: #FFF; font-size: 1rem; font-weight: bold; padding: 11px 10px; bottom: 11%; top: auto; pointer-events: none; } .bild-headline-link H3::after { color: #FFF; font-size: 1.1rem; margin-left: 9px; } /*Counter, Hintergrundbild Fakten & Zahlen*/ .fakten-zahlen { color: #FFF; text-align: center; max-width: 1370px; margin: 0 auto; display: flex; flex-direction: column; flex-wrap: wrap; width: auto; } .fakten-zahlen > DIV { width: 100%; } @media screen and (min-width: 575px) { .fakten-zahlen { flex-direction: row; } .fakten-zahlen > DIV { justify-content: space-between; width: 50%; } } @media screen and (min-width: 991px) { .fakten-zahlen > DIV { width: 25%; } } .bg_hintergrundfoto .mod_article.bg_zahlen_fakten { background-image: url("../../files/inhalt/hintergrundfotos/image-a0f828.png"); padding: 10px 0px 50px 0px; height: auto; min-height: 100%; } .bg_hintergrundfoto .mod_article.bg_zahlen_fakten_karriere { background-image: url("../../files/inhalt/hintergrundfotos/18C0623_009.jpg"); padding: 10px 0px 50px 0px; height: 100%; min-height: 100%; } .fakten-zahlen > .fakten_counter { flex-basis: 25%; margin: 0 auto; margin-top: 2.4rem; } .fakten-counter { margin-bottom: 20px; } .data-count { color: #00ADEF; font-size: 3rem; padding: 1.2rem; } .fakt-count { font-size: 1rem; } /*Footer*/ #footer { font-size: 0.9rem; } #footer A { color: #00ADEF; } #footer H2 { margin-top: 0; font-size: 24px; color: #FFF; } @media screen and (max-width: 766px) { #footer H2 { margin-bottom: 0px; margin-top: 40px; } } #footer .icon { background-color: #757575; display: inline-block; height: 28px; padding: 2px; border-radius: 5px; margin-left: 15px; } #footer .c_date { color: #757575; font-size: 0.8rem; padding-top: 15px; } #footer .footer_datenschutz_impressum { padding: 1rem 0 0.2rem; } #footer .footer_datenschutz_impressum A { color: #757575; font-size: 0.9rem; } .cookiebar { background-color: #3B3B3B; color: #FFF; padding-top: 10px; text-align: left !important; margin: 0; } .cookiebar__text { margin-right: 50px !important; font-family: Arial, Verdana, sans-serif; font-size: 12px; } .cookiebar__button { font-weight: bold; font-family: Arial, Verdana, sans-serif; text-align: center; font-size: 12px; background: #008D4C; width: 0px; padding-right: 33px; border-radius: 2px; border: 1px solid #000; color: #000000; position: absolute; top: 5px !important; right: 20px; } .content-text IMG { max-width: 100%; height: auto; display: block; } FOOTER .icon IMG { height: 28px; } /*Cookiebar 092022 Linkfarbe*/ .cc-info a { color: gray; } .produktslider { max-height: 970px; min-height: 580px; height: 100dvw; width: 100%; } .produktslider H2 { position: absolute; z-index: 10; margin-top: 28px; } .produktslider H3 { font-size: calc(1.39621vw + 1.19578rem); padding-top: 15px; } .produktslider H4 { font-size: calc(.72573vw + 1.13798rem); } .produktslider .rsts-slide > IMG, .produktslider .content-image > IMG { background: #232323 !important; opacity: 0.4; } .produktslider .rsts-next, .produktslider .rsts-prev { position: absolute; top: 50%; width: 100%; } .produktslider .rsts-next { right: 0; } .produktslider .rsts-prev { left: 0; } .produktslider TABLE { width: 350px; } .produktslider TABLE TD { padding-bottom: 10px; position: relative; } .produktslider TABLE td:first-child { opacity: 0.6; } .produktslider TABLE td:last-child { font-size: calc(.22349vw + 1.07127rem); } .mod_article.produktslider::before { padding-bottom: 0px; } [data-rsts-slide-class*="produkt_slider_content"] { padding: 8em 10px 30px 10px; height: auto; top: -4%; position: absolute !important; } [data-rsts-slide-class*="produkt_slider_content"]{ margin-left:10%; } @media screen and (min-width: 650px) { [data-rsts-slide-class*="produkt_slider_content"] { top: 5%; } } @media screen and (min-width: 767px) { [data-rsts-slide-class*="produkt_slider_content"] { top: 15%; } } @media screen and (min-width: 2000px) { [data-rsts-slide-class*="produkt_slider_content"] { top: 8%; } } [data-rsts-slide-class*="produkt_slider_content"] IMG { width: 75%; height: auto; } @media screen and (min-width: 991px) { [data-rsts-slide-class*="produkt_slider_content"] IMG { width: auto; height: auto; margin-left:10%; } } .produktslider .rsts-nav { width: 100%; text-align: center; } .produktslider .rsts-nav, .produktslider .rsts-nav-tabs { display: none; } .produktslider .rsts-skin-default:hover .rsts-nav-numbers A, .rsts-skin-default:hover .rsts-nav { opacity: 1 !important; } .produktslider .rsts-skin-default .rsts-next, .produktslider .rsts-skin-default .rsts-prev { background-color: #000; font-family: Iconset acu; font-size: 20px; text-indent: 20px; line-height: 60px; color: #FFF; width: 60px; height: 60px; background-image: none; opacity: 0.7; } .mod_rocksolid_slider.produktslider.rsts-no-touch DIV.rsts-nav.rsts-nav-tabs UL { display: block; } .produktslider .rsts-next::before, .produktslider .rsts-prev::before { content: "F"; } .produktslider .rsts-prev { transform: rotate(180deg); } .produktslider .rsts-skin-default .rsts-next-label, .produktslider .rsts-skin-default .rsts-prev-label { color: #000; } @media screen and (orientation: portrait) { .produktslider .default.rsts-touch .rsts-nav-numbers, .produktslider .rsts-skin-default.rsts-touch .rsts-nav-tabs { display: none !important; } } .produktslider .default.rsts-touch .rsts-nav-numbers, .produktslider .rsts-skin-default.rsts-touch .rsts-nav-tabs { display: block; } @media screen and (min-width: 575px) { .produktslider.mod_article{ padding-top: 3.7rem; } .produktslider .rsts-nav.rsts-nav-tabs A { background-color: transparent; opacity: 1; font-size: calc(.02762vw + .88409rem); } .produktslider .rsts-nav-tabs UL LI.rsts-nav-item A { border-radius: 0px; box-shadow: none; } .produktslider .rsts-nav-tabs UL LI.rsts-nav-item A.active { border-bottom: 4px solid #00ADEF; color: #FFF; padding-bottom: 33px; } .produktslider .rsts-nav-tabs UL LI.rsts-nav-item A:hover { color: #757575; } .produkt_slider_content IMG { display: block; height: auto; } } @media screen and (min-width: 650px) { .produktslider .rsts-nav { display: block; position: absolute; top: 4em; background-color: transparent; width: 100%; height: 60px; } } @media screen and (min-width: 1440px) { .produktslider .rsts-nav, .produktslider .rsts-nav-tabs { display: block !important; } .produktslider .rsts-nav-tabs:hover { display: block; } .produktslider .rsts-nav UL LI { margin-right: 54px; } } /* * * SLIDER Im Header * */ .slider_startseite.mod_rocksolid_slider { height: 490px; margin-top: 1rem; } .slider_startseite.mod_rocksolid_slider STRONG { font-weight: bold; } .slider_startseite.mod_rocksolid_slider .rsts-nav { position: absolute; top: 286px; left: 5%; } .slider_startseite.mod_rocksolid_slider .rsts-nav-bullets .rsts-nav-item A { display: none; } .slider_startseite.mod_rocksolid_slider .rsts-nav-prev A, .slider_startseite.mod_rocksolid_slider .rsts-nav-next A { background-image: url("../../files/theme/grafiken/arrow.svg"); transform: rotate(90deg); background-repeat: no-repeat; background-size: 1rem; width: 2.3rem; height: 2.3rem; border: none; box-shadow: none; background-color: #F6F6F6; opacity: 0.8; } .slider_startseite.mod_rocksolid_slider .rsts-nav-next A { transform: rotate(-90deg); } .slider_startseite.mod_rocksolid_slider .content-text { position: relative; z-index: 50; top: 200px; left: 5%; max-width: 290px; padding: 10px; } .slider_startseite.mod_rocksolid_slider .content-text P { background-color: #00ADEF; color: #FFF; width: 50%; position: relative; display: inline; line-height: 1.3; padding: 10px 0px; box-shadow: 10px 0 0 #00ADEF, -10px 0 0 #00ADEF; box-decoration-break: clone; font-size: 1.75rem; } @media screen and (min-width: 381px) { .slider_startseite.mod_rocksolid_slider .rsts-nav { top: 138px; left: 3%; } .slider_startseite.mod_rocksolid_slider .content-text { top: 218px; left: 3%; max-width: 382px; } .slider_startseite.mod_rocksolid_slider .content-text P { font-size: 1.75rem; } } @media screen and (min-width: 575px) { .slider_startseite.mod_rocksolid_slider .rsts-nav { top: 175px; left: 5%; } .slider_startseite.mod_rocksolid_slider .content-text { top: 249px; left: 5%; max-width: 540px; } .slider_startseite.mod_rocksolid_slider .content-text P { width: 174%; font-size: 2.1rem; } } @media screen and (min-width: 767px) { .slider_startseite.mod_rocksolid_slider .rsts-nav { top: 175px; left: 2%; } .slider_startseite.mod_rocksolid_slider .content-text { top: 250px; left: 2%; max-width: 650px; } .slider_startseite.mod_rocksolid_slider .content-text P { font-size: 2rem; } } @media screen and (min-width: 992px) { .slider_startseite.mod_rocksolid_slider .rsts-nav { top: 168px; left: 5%; } .slider_startseite.mod_rocksolid_slider .content-text { top: 250px; left: 5%; max-width: 510px; } .slider_startseite.mod_rocksolid_slider .content-text P { width: 92%; font-size: 1.8rem; } } @media screen and (min-width: 1100px) { .slider_startseite.mod_rocksolid_slider { margin-top: 2rem; } .slider_startseite.mod_rocksolid_slider .rsts-nav { top: 150px; } .slider_startseite.mod_rocksolid_slider .content-text { top: 220px; } } @media screen and (min-width: 1440px) { .slider_startseite.mod_rocksolid_slider { height: 807px; } .slider_startseite.mod_rocksolid_slider .rsts-nav { top: 321px; position: absolute; left: 0%; display: flex; justify-content: center; margin: 0 auto; width: 100vw; } .slider_startseite .rsts-nav UL { width: 1375px; text-align: left; } .slider_startseite.mod_rocksolid_slider .content-text { top: 407px; max-width: 790px; font-size: 2.6rem; margin: 0 auto; left: -5.1em; } .slider_startseite.mod_rocksolid_slider .content-text P { width: 92%; font-size: 2.8rem; } } /* * * SLIDER Im Header ENDE * */ .content-gallery { display: flex; flex-direction: column; container-type: inline-size; align-items: center; & > ul { display: grid; grid-template-columns: 1fr; grid-gap: 0.5rem; max-width: calc(1110px + 1rem); } @container( width > 369px ) { & > ul { grid-template-columns: 1fr 1fr ; } } li { max-width: 100%; } h2 { text-align: center; } img { max-width: 100%; max-height: 100%; height: 100%; object-fit: cover; display: block; } picture, figure { display: contents; } figcaption { visibility: hidden; height: 0; } }