/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ 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{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}header,footer,nav,section,aside,article,figure,figcaption{display:block}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("../../system/modules/rocksolid-slider/assets/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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-video-ipad>.rsts-video-iframe{padding-top:32px;background-color:#000}.rsts-skin-default-content .rsts-video-ipad>.rsts-video-stop{top:1px;right:1px;left:auto}.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-right: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /* Chosen by Patrick Filler, Jules Janssen, Jonnathan Soares, MIT-style license */ select.chzn-select{visibility:hidden;height:28px!important;min-height:28px!important}.chzn-container{font-size:13px;position:relative;display:inline-block;zoom:1;*display:inline;margin:1px 0;background-color:#fff}.chzn-container .chzn-drop{background:#fff;border:1px solid #aaa;border-top:0;position:absolute;top:29px;left:0;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);-moz-box-shadow:0 4px 5px rgba(0,0,0,.15);-o-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);z-index:999;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.chzn-container-single .chzn-single{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #aaa;display:block;overflow:hidden;white-space:nowrap;position:relative;height:20px;line-height:20px;padding:0 3px;color:#555;text-decoration:none}.firefox .chzn-container-single .chzn-single{top:1px}.chzn-container-single .chzn-single>span{margin-right:26px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:12px}.chzn-container-single .chzn-single div{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#ccc;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ccc),color-stop(.6,#eee));background-image:-webkit-linear-gradient(center bottom,#ccc 0%,#eee 60%);background-image:-moz-linear-gradient(center bottom,#ccc 0%,#eee 60%);background-image:-o-linear-gradient(bottom,#ccc 0%,#eee 60%);background-image:-ms-linear-gradient(top,#ccc 0%,#eee 60%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);background-image:linear-gradient(top,#ccc 0%,#eee 60%);border-left:1px solid #aaa;position:absolute;right:0;top:0;display:block;height:100%;width:15px}.chzn-container-single .chzn-single div b{background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat -1px -2px;display:block;width:100%;height:100%}.chzn-container-single .chzn-search{padding:3px 4px;margin:0;white-space:nowrap}.chzn-container-single .chzn-search input{background:#fff url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat 100% -20px;background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat 100% -20px,-webkit-gradient(linear,left bottom,left top,color-stop(.85,#fff),color-stop(.99,#eee));background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat 100% -20px,-webkit-linear-gradient(center bottom,white 85%,#eee 99%);background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat 100% -20px,-moz-linear-gradient(center bottom,white 85%,#eee 99%);background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat 100% -20px,-o-linear-gradient(bottom,#fff 85%,#eee 99%);background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat 100% -20px,-ms-linear-gradient(top,#fff 85%,#eee 99%);background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat 100% -20px,linear-gradient(top,#fff 85%,#eee 99%);margin:1px 0;padding:4px 20px 4px 5px;outline:0;border:1px solid #aaa;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.chzn-container-single .chzn-drop{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.chzn-container-multi .chzn-choices{background-color:#fff;border:1px solid #aaa;margin:0;padding:0;cursor:text;overflow:hidden;height:auto!important;height:1%;position:relative;max-height:102px;padding:1px 0;overflow-x:hidden;overflow-y:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.chzn-container-multi .chzn-choices li{float:left;list-style:none}.chzn-container-multi .chzn-choices .search-field{white-space:nowrap;margin:0;padding:0}.chzn-container-multi .chzn-choices .search-field input{color:#666;background:0 0!important;border:0!important;padding:5px;margin:1px 0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}.chzn-container-multi .chzn-choices .search-field .default{color:#999}.chzn-container-multi .chzn-choices .search-choice{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#e4e4e4),color-stop(.7,#eee));background-image:-webkit-linear-gradient(center bottom,#e4e4e4 0%,#eee 70%);background-image:-moz-linear-gradient(center bottom,#e4e4e4 0%,#eee 70%);background-image:-o-linear-gradient(bottom,#e4e4e4 0%,#eee 70%);background-image:-ms-linear-gradient(top,#e4e4e4 0%,#eee 70%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 );background-image:linear-gradient(top,#e4e4e4 0%,#eee 70%);color:#333;border:1px solid #b4b4b4;line-height:13px;padding:3px 19px 3px 6px;margin:2px 0 2px 5px;position:relative;top:1px}.chzn-container-multi .chzn-choices .search-choice span{cursor:default}.chzn-container-multi .chzn-choices .search-choice-focus{background:#d4d4d4}.chzn-container-multi .chzn-choices .search-choice .search-choice-close{display:block;position:absolute;right:5px;top:6px;width:8px;height:9px;font-size:1px;background:url(../../assets/mootools/chosen/chosen-sprite.png) right top no-repeat}.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover{background-position:right -9px}.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close{background-position:right -9px}.chzn-container .chzn-results{margin:0 4px 4px 0;max-height:192px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto}.chzn-container-multi .chzn-results{margin:0;padding:0}.chzn-container .chzn-results li{line-height:13px;padding:1px 7px 2px;margin:0;list-style:none}.chzn-container .chzn-results .active-result{cursor:pointer}.chzn-container .chzn-results .highlighted{background:#3875d7;color:#fff}.chzn-container .chzn-results li em{font-style:normal}.chzn-container .chzn-results .highlighted em{background:0 0}.chzn-container .chzn-results .no-results{background:#f4f4f4}.chzn-container .chzn-results .group-result{cursor:default;color:#999;font-weight:700}.chzn-container .chzn-results .group-option{padding-left:20px;white-space:nowrap}.chzn-container-multi .chzn-drop .result-selected{display:none}.chzn-container-active .chzn-single{background-color:#ebfdd7}.chzn-container-active .chzn-single-with-drop{border:1px solid #aaa;-webkit-box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;-o-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.chzn-container-active .chzn-single-with-drop div{background:0 0;border-left:none}.chzn-container-active .chzn-single-with-drop div b{background-position:-19px -1px}.chzn-container-active .chzn-choices{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.chzn-container-active .chzn-choices .search-field input{color:#111!important}.chzn-rtl{direction:rtl;text-align:right}.chzn-rtl .chzn-single{padding-left:0;padding-right:8px}.chzn-rtl .chzn-single span{margin-left:26px;margin-right:0}.chzn-rtl .chzn-single div{left:0;right:auto;border-left:none;border-right:1px solid #aaa;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.chzn-rtl .chzn-choices li{float:right}.chzn-rtl .chzn-choices .search-choice{padding:3px 6px 3px 19px;margin:3px 5px 3px 0}.chzn-rtl .chzn-choices .search-choice .search-choice-close{left:5px;right:auto;background-position:right top}.chzn-rtl.chzn-container-single .chzn-results{margin-left:4px;margin-right:0;padding-left:0;padding-right:4px}.chzn-rtl .chzn-results .group-option{padding-left:0;padding-right:20px}.chzn-rtl.chzn-container-active .chzn-single-with-drop div{border-right:none}.chzn-rtl .chzn-search input{background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat -38px -20px,#fff;background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat -38px -20px,-webkit-gradient(linear,left bottom,left top,color-stop(.85,#fff),color-stop(.99,#eee));background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat -38px -20px,-webkit-linear-gradient(center bottom,white 85%,#eee 99%);background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat -38px -20px,-moz-linear-gradient(center bottom,white 85%,#eee 99%);background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat -38px -20px,-o-linear-gradient(bottom,#fff 85%,#eee 99%);background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat -38px -20px,-ms-linear-gradient(top,#fff 85%,#eee 99%);background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat -38px -20px,-ms-linear-gradient(top,#fff 85%,#eee 99%);background:url(../../assets/mootools/chosen/chosen-sprite.png) no-repeat -38px -20px,linear-gradient(top,#fff 85%,#eee 99%);padding:4px 5px 4px 20px} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ .styled_select{display:inline;margin-top:1px;position:absolute;background:#fff;border:1px solid #aaa;border-radius:3px;padding:0 !important;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:12px;text-align:left;line-height:20px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.styled_select.focused{background-color:#ebfdd7}.webkit .styled_select.focused{outline-offset:-2px;outline:auto 5px -webkit-focus-ring-color}.styled_select.disabled{color:#bbb;background-color:#f9f9f9;border:1px solid #c8c8c8}.tl_subpanel .styled_select{font-size:11px;line-height:18px}.styled_select span{padding:0 3px}.styled_select b{display:block;width:15px;height:100%;position:absolute;top:0;right:0;border-left:1px solid #aaa;background:#eee;background-image:-moz-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-webkit-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-o-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:-ms-linear-gradient(bottom,#ccc 0,#eee 60%);background-image:linear-gradient(bottom,#ccc 0,#eee 60%)}.styled_select b i{display:block;width:100%;height:100%;background:url("../../assets/mootools/stylect/images/select.gif") center center no-repeat} /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* "freight-micro-pro" 300, 400, 500, 600, 700 font-family: "freight-sans-pro",sans-serif; font-style: normal; font-weight: 300, 400 ,500, 600, 700, 900; */ .is-desktop { display: block; } .is-mobile { display: none; } @media screen and (max-width: 48em) { .is-desktop { display: none !important; } .is-mobile { display: block; } } .is--primary { color: #e95313; } .is--dark { color: #646363; } .is--light { color: #efefef; } .is--white { color: #ffffff; } .is--white p { color: #ffffff; } .bg-is--primary { background: #e95313; } .bg-is--dark { background: #646363; } .bg-is--light { background: #efefef; } .bg-is--white { background: #ffffff; } .bg-is--brown { background: #5b3928; } *:focus { outline: none; } * { font-style: normal; color: #646363; } body { font-size: 16px; font-size: 100%; font-family: "freight-sans-pro", sans-serif; font-weight: 300; line-height: 1.3rem; } /* html { overflow-y: scroll;} */ a:hover, a:active { outline: none; } ::-moz-selection { background: #e95313; color: #fff; text-shadow: none; } ::selection { background: #e95313; color: #fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #e95313; } .ie7 img { -ms-interpolation-mode: bicubic; } img { max-width: 100%; height: auto; } #ie8 img { width: 100%; } a, a:visited { color: #646363; transition: all ease-in-out 0.2s; } a:hover { color: #e95313; text-decoration: none; } h4 { color: #000; font-family: "freight-micro-pro"; font-size: 2.7rem; line-height: 1.3; font-weight: 400; margin-bottom: 3rem; } h4 strong { color: #e95313; font-weight: 400; } .style--h3 { color: #000000; font-size: 2rem; margin: 0 0 1rem 0; line-height: 1; text-transform: uppercase; font-weight: 300; } @media screen and (max-width: 1280px) { .style--h3 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .style--h3 { margin-bottom: .8rem; } } @media screen and (max-width: 480px) { .style--h3 { font-size: 1.6rem; } } .style--h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; } @media screen and (max-width: 1280px) { .style--h4 { font-size: 2.7rem; } } .hl--center { text-align: center; margin: 0 auto; max-width: 840px; } p { padding-left: 0; line-height: 1.5rem; font-size: 1.2rem; line-height: 1.7rem; } p strong { font-weight: 500; color: #000; } .link--big { font-size: 1.6rem; color: #e95313; text-decoration: none; font-weight: 500; letter-spacing: .5px; } @media screen and (max-width: 1280px) { .link--big { font-size: 1.4rem; } } .link--big:hover { text-decoration: underline; } .link--big:before { content: "› "; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .reset--appearance { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .wrapper--inner { padding-left: 4rem; padding-right: 4rem; } @media screen and (max-width: 768px) { .wrapper--inner { padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width: 480px) { .wrapper--inner { padding-left: 5%; padding-right: 5%; } } .grid { clear: both; width: 100%; margin: 0 auto; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid:after, .grid:before { content: ""; display: table; clear: both; } [class*='col-'], [class*='gr-'] { float: left; padding-right: 0px; } .fullwidth { margin-left: 0 !important; width: 100% !important; clear: both; margin: 0 auto; overflow: hidden; } .fullwidth > .grid { margin-left: 15% !important; width: 70% !important; clear: both; margin: 0 auto; overflow: hidden; } .col-10 { width: 10%; } .col-20 { width: 20%; } .col-25 { width: 25%; } .col-30 { width: 30%; } .col-30.push-l-r-5 { margin: 0 5%; } .col-33 { width: 33%; } .col-35 { width: 35%; } .col-40 { width: 40%; } .col-45 { width: 45%; } .col-50 { width: 50%; } .col-55 { width: 55%; } .col-60 { width: 60%; } .col-65 { width: 65%; } .col-66 { width: 66%; } .col-70 { width: 70%; } .col-75 { width: 75%; } .col-80 { width: 80%; } .col-85 { width: 80%; } .col-90 { width: 90%; } .col-100 { width: 100%; } .col-50.pad-10 { width: 42%; } .pad-10 { padding: 3% 3% 2% 5%; } /* PADDING RIGHT */ .pad-r-5 { padding-right: 5%; } .pad-r-10 { padding-right: 10%; } .pad-r-15 { padding-right: 15%; } .pad-r-20 { padding-right: 20%; } /* PADDING LEFT */ .pad-l-30 { padding-left: 30%; } .pad-l-35 { padding-left: 35%; } .pad-l-40 { padding-left: 40%; } .pad-l-600 { padding-left: 600px; } .pad-l-r-5 { padding: 0 5%; } .pad-l-1200 { padding-left: 1200px; } .push-50 { margin-left: 50%; } .push-r-5 { margin-right: 5%; } .is--center { text-align: center; } .h520 { height: 32.5rem; } .margin-t-b-50 { margin: 4rem 0; } .no-wrap { white-space: nowrap; } body { background: #eceded; } #wrapper { max-width: 1400px; width: 100%; margin: 0 auto; background: #fff; } body.withslider header { height: auto; } .hl--top-center h4 { color: #000; font-size: 2.4rem; margin: .5rem 0 1rem 0; } .hl--top-center h4 strong { color: #e95313; font-weight: 400; } .nav--top { padding: 1rem .625rem .7rem .625rem; text-align: right; background-color: #eceded; } .nav--top a { color: #646262; font-size: .95rem; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; text-decoration: none; display: inline-block; border-bottom: 2px solid transparent; } @media only screen and (max-width: 822px) { .nav--top a { letter-spacing: 1px; font-size: .95rem; } } .nav--top a + a { margin-left: 2rem; } @media only screen and (max-width: 900px) { .nav--top a + a { margin-left: 1rem; } } @media only screen and (max-width: 822px) { .nav--top a + a { margin-left: .6rem; } } .nav--top a i { color: #e95313; } .nav--top a.link--container { color: #e95313; padding-left: 3.5rem; position: relative; overflow: visible; } .nav--top a.link--container:before { content: ""; width: 3rem; height: 2rem; display: block; background-image: url("../../files/grafiken/link--container.png"); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); transition: all ease-in-out 0.2s; } .nav--top a.link--container:hover { color: #646363; } .nav--top a:hover { color: #e95313; } .nav--top a:hover:before { transform: translate(8%, -50%); } .nav_main { float: left; width: 75%; height: 8rem; line-height: 1.5rem; padding: 4rem 0 2rem 2.5rem; transition: all ease-in-out 0.2s; position: relative; z-index: 1; } .nav_main .is--mobile-nav { display: none; } .is--mobile-nav.order { color: #e95313; font-weight: 700; text-transform: uppercase; } .nav_main ul li { font-family: "freight-micro-pro", serif; text-transform: uppercase; font-weight: 300; font-size: 1.35rem; float: left; height: 1.6rem; margin-right: 1.7rem; margin-bottom: .2rem; text-decoration: none; letter-spacing: 1px; transition: all ease-in-out 0.2s; } .nav_main ul li a { text-decoration: none; } .nav_main ul li .active, .nav_main ul li .trail { font-family: "freight-sans-pro", sans-serif; color: #e95313; font-weight: 600; } .is--logo { float: right; padding: 2rem 2.5rem 2rem 0; } .phone_link, .mail_link { color: #e95313; text-decoration: none; font-weight: 500; display: inline-block; padding: .8rem 0 0 .8rem; } .phone_link:hover, .mail_link:hover { color: #f3966f; } @media only screen and (max-width: 1400px) { .nav_main { padding: 3rem 0 2rem 2.5rem; } } @media only screen and (max-width: 1190px) { .nav_main { width: 65%; } .nav_main ul li { font-size: 1.2rem; } } @media only screen and (max-width: 1015px) { .nav_main ul li { font-size: 1.1rem; } } @media only screen and (max-width: 990px) { .nav_main { width: 60%; height: auto; padding: 2rem 0 2rem 2.5rem; font-size: 1.2rem; } } @media only screen and (max-width: 48em) { .is--logo { float: none; padding: 0; position: absolute; top: 0; width: 24%; left: 50%; transform: translate(-50%, 0); } .welcome_slider { position: relative; z-index: 1; } header { height: 3rem; } } @media only screen and (max-width: 30em) { .is--logo { position: absolute; width: 34%; } } .mobile_menu a { position: fixed; right: -2rem; top: .9rem; z-index: 1000; } .mobile_menu span { position: fixed; margin-right: -1rem; top: 0.55rem; z-index: 0; } .mobile_menu { cursor: pointer; /* padding: 10px 35px 16px 0px; */ } .mobile_menu span { cursor: pointer; border-radius: 1px; height: 2px; width: 20px; background: #e95313; position: absolute; display: block; content: ''; right: 5rem; } .mobile_menu p { position: absolute; right: 96px; top: -3px; color: #e95313; text-decoration: none; font-weight: 500; display: none; } .mobile_menu span:nth-child(4) { margin-top: -8px; } .mobile_menu span:nth-child(5) { margin-top: 8px; } .mobile_menu span:nth-child(2) { display: none; } .mobile_menu span:nth-child(6) { /*OVERLAY*/ height: 40px; width: 40px; background-color: red; opacity: 0; margin: -19px -26px 0 0; } .mobile_menu.active span { background-color: transparent; } .mobile_menu.active { top: 0; } .mobile_menu:hover span { background: #f3966f; } .mobile_menu:hover p { color: #f3966f; } .subnav { background: #e95313; height: 4rem; margin-top: -.3rem; transition: height 0.4s ease; width: 100%; max-width: 1400px; } .subnav ul { text-align: center; position: relative; float: left; left: 50%; margin: 1.2rem auto; padding: 0; } .subnav ul li { position: relative; float: left; right: 50%; margin-right: 0px; padding: 3px 0px; color: #fff; } .subnav ul li:after { content: "|"; margin: 0 1.5rem; color: #fff; } .subnav ul li.last:after { content: ""; color: #fff; } .subnav ul li a, .subnav ul li span.active { font-size: 1.1rem; letter-spacing: 1px; font-weight: 600; color: #fff; text-transform: uppercase; text-decoration: none; } .subnav ul li a:hover, .subnav ul li span.active:hover { text-decoration: underline; } .subnav ul li span.active { text-decoration: underline; color: #fcc1a8; } .subnav.sticky { height: 3rem; position: fixed; width: 1400px; left: 50%; margin-left: -700px; top: 0; z-index: 100; border-top: 0; line-height: 2rem; } .subnav.sticky ul { margin: .5rem auto; } @media screen and (max-width: 64em) { .subnav ul { text-align: center; position: relative; float: left; left: 50%; margin: 1.2rem auto; padding: 0; } .subnav ul li:after { content: "|"; margin: 0 .5rem; color: #fff; } } @media screen and (max-width: 860px) { .subnav { display: none; } } .top-link { position: fixed; z-index: 999; bottom: -1rem; right: 2rem; width: auto; padding: .25rem 2rem 2.5rem 2rem; height: 2rem; background-color: #959595; color: #fff; text-decoration: none; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-size: .85rem; transition: all ease-in-out 0.4s; } .top-link:hover { background: #e95313; color: #fff; bottom: 0rem; } .welcome_slider { background-color: #DBDBDD; /* img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } */ max-height: 560px; overflow: hidden; position: relative; z-index: 0; } .slide_text { float: right; margin-top: -26rem; margin-right: 5rem; position: relative; z-index: 1; width: 50%; border: 10px solid #96d6e1; padding: 2rem; } .slide_text.links { float: left; margin-right: 0rem; margin-left: 5rem; } .slide_text.unten { margin-top: -21rem; } .slide_text p { font-size: 4rem; line-height: 1; color: #fff; font-family: "freight-micro-pro", serif; } .slide_text p strong { color: #e95313; } .slide_text p a { display: inline-block; text-decoration: none; position: absolute; right: 0; bottom: 0; border: 5px solid #fff; } .teaserboxen { margin-top: -4rem; position: relative; z-index: 999; background: transparent; padding: 0 4rem; background-image: url("/files/images/background_teaserboxen_neu.jpg"); background-position: center 4rem; background-repeat: no-repeat; } .teaserboxen img { width: 100%; } .teaserboxen h2 { background: #e95313; color: #fff; height: 4rem; line-height: 4rem; display: block; margin: 0; padding: 0 0 0 1.5rem; font-family: "freight-micro-pro"; letter-spacing: 1px; font-weight: 300; } .teaserboxen p { padding: 1rem 0 .5rem 1.5rem; font-size: 1.3rem; font-weight: 300; line-height: 1.4; width: 90%; color: #646363; } .teaserboxen a { display: inline-block; width: 100%; padding-bottom: .7rem; color: #e95313; font-weight: 400; font-size: 1.2rem; text-decoration: none; } .teaserboxen a:before { content: "› "; } .teaserboxen a:hover { text-decoration: underline; text-underline-offset: 2px; } .teaserboxen .image_container a:before { content: ""; display: none; } .teaserboxen .txt_teaser { margin: 3rem 60% 11rem 60%; width: 40%; } @media only screen and (max-width: 1140px) { .teaserboxen .txt_teaser { margin-left: 55%; width: 55%; } } .teaserboxen .txt_teaser h3 { color: #000; } .teaserboxen .txt_teaser p { padding-left: 0; line-height: 1.5rem; font-size: 1.4rem; line-height: 1.7rem; } .teaserboxen .txt_teaser p strong span { color: #000; } @media only screen and (max-width: 1290px) { .teaserboxen .txt_teaser p a { font-size: 1.2rem; } } @media only screen and (max-width: 1000px) { .teaserboxen .txt_teaser p a { font-size: 1.1rem; } } @media only screen and (max-width: 865px) { .teaserboxen .txt_teaser p a { font-size: 1rem; } } .teaserboxen h3 { color: #646363; font-family: "freight-micro-pro"; font-size: 2.7rem; line-height: 3.5rem; font-weight: 400; margin-bottom: 3rem; } .teaserboxen h3:first-line { color: #e95313; } .teaserboxen.bg-is--light, .content--jobs-ausbildung { background: #efefef; padding-bottom: 6rem; position: relative; } @media screen and (max-width: 768px) { .teaserboxen.bg-is--light, .content--jobs-ausbildung { padding-bottom: 4rem; } } @media screen and (max-width: 480px) { .teaserboxen.bg-is--light, .content--jobs-ausbildung { padding-bottom: 2rem; } } .teaserboxen.bg-is--light:before, .content--jobs-ausbildung:before { content: ""; display: block; width: 100%; height: 4rem; background: #ffffff; position: absolute; top: 0; left: 0; z-index: 1; } .teaserboxen.bg-is--light > *, .content--jobs-ausbildung > * { position: relative; z-index: 2; } @media screen and (max-width: 48em) { .slide_text { display: none; } .teaserboxen { padding: 3rem 0 0 0; margin-top: 0; background-image: none; background-color: #DBDBDD; } .teaserboxen .col-30 { width: 80%; float: none; margin: 0 0 2rem 10%; position: relative; z-index: 1; } .teaserboxen .txt_teaser { margin: -16rem 0 0 0; padding: 29rem 0 2rem 0; position: relative; z-index: 0; width: auto; background-color: #fff; background-image: url("/files/images/background_teaserboxen.jpg"); background-size: contain; background-repeat: no-repeat; } .teaserboxen .txt_teaser .ce_text { padding: 0 10% 0 10%; } .teaserboxen .txt_teaser p { margin: 0; } .teaserboxen .txt_teaser p a { font-size: 1.4rem; } .teaserboxen .col-45 { background-color: #fff; width: 100%; } .teaserboxen .col-45.last { padding: 0 10% 2rem 10% !important; } } @media screen and (max-width: 610px) { .teaserboxen .txt_teaser { padding: 23rem 0 2rem 0; } } @media screen and (max-width: 650px) { .teaserboxen .txt_teaser { margin: -12rem 0 0 0; padding: 23rem 0 2rem 0; } } @media screen and (max-width: 30em) { .teaserboxen { padding: 2rem 0 0 0; } .teaserboxen .col-30 { width: 90%; margin: 0 0 2rem 5%; } .teaserboxen .txt_teaser { margin: -14rem 0 0 0; padding: 23rem 0 2rem 0; width: auto; background-color: #fff; background-size: 149%; } .teaserboxen .txt_teaser .ce_text { padding: 0 10%; } .teaserboxen .txt_teaser p { margin: 0; } .teaserboxen .col-45 { background-color: #fff; width: 100%; } } .is--half .slide-txt-wrapper { padding: 30px 50px; display: table-cell; vertical-align: middle; height: 32.5rem; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; color: #fff; } .is--half .slide-txt-wrapper p, .is--half .slide-txt-wrapper h3, .is--half .slide-txt-wrapper span { color: #fff; } .is--half .slide-txt-wrapper h3 { font-family: "freight-micro-pro"; font-size: 2.2rem; line-height: 3.0rem; font-weight: 300; letter-spacing: 1px; margin-bottom: 1rem; } .is--half .slide-txt-wrapper p { font-size: 1.5rem; line-height: 2rem; font-weight: 300; letter-spacing: 1px; } @media screen and (max-width: 48em) { .is--half .col-50 { width: 100vw; float: none; background-color: transparent; } } .rsts-skin-default .rsts-nav-bullets { position: relative; margin-top: 10px; text-align: center; } .rsts-skin-default .rsts-nav-bullets a { display: inline-block; width: 12px; height: 12px; 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: #646363; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 0 0px #777; -moz-box-shadow: 0 0 0px #777; box-shadow: 0 0 0px #777; } .rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active { background-color: #e95313; -webkit-box-shadow: 0 0 0px #777; -moz-box-shadow: 0 0 0px #777; box-shadow: 0 0 0px #777; } .korn-ist { padding-left: 8%; } .korn-ist h4 { color: #000; font-size: 3rem; } .korn-ist p strong span { color: #000; font-size: 1.4rem; line-height: 2; } .korn-ist p span { font-size: 1.4rem; } .start_mitarbeiter_panel { background-color: #ECECEC; display: block; float: right; width: 30%; margin: 4rem 0 0 0; } .start_mitarbeiter_panel p { display: block; text-align: right; padding: 1rem 1.5rem; } @media screen and (max-width: 48em) { .korn-ist { padding: 0; } .korn-ist h4 { text-align: center; } .korn-ist p strong span { line-height: 1.1; display: inline-block; margin-bottom: 1rem; text-align: center; } .korn-ist p span { text-align: center; display: inline-block; } .korn-ist .col-65 { width: 100vw; float: none; padding: 0 10%; } .start_mitarbeiter_panel { width: 80%; margin: 2rem 0 0 10%; float: none; } } .standorte { margin-top: 4rem; } .standorte h4 { color: #000; font-size: 2.4rem; margin: .5rem 0 1rem 0; } .standorte h5, .standorte h5 strong span { font-size: 1.4rem; text-transform: uppercase; color: #000; font-weight: 400; margin-bottom: 0; } .standorte p, .standorte p span, .standorte .divTableCell { font-size: 1.4rem; letter-spacing: 1px; line-height: 1.5; } .standorte .row_2 { width: 60% !important; } .standorte p em a { margin-right: 2rem; text-decoration: none; color: #e95313; font-weight: 400; font-size: 1.6rem; } .standorte p em a::before { content: "› "; } .standorte p em a:hover { color: #f3966f; } @media only screen and (max-width: 48em) { .standorte .mod_rocksolid_slider.is--desktop { display: none; } } .standorte .mod_rocksolid_slider.is--tablet { display: none; } @media only screen and (max-width: 48em) { .standorte .mod_rocksolid_slider.is--tablet { display: block; } } @media only screen and (max-width: 30em) { .standorte .mod_rocksolid_slider.is--tablet { display: none; } } .standorte .mod_rocksolid_slider.is--phone { display: none; } @media only screen and (max-width: 30em) { .standorte .mod_rocksolid_slider.is--phone { display: block; } } .standorte .padding { padding: 30px 50px; -webkit-box-sizing: padding-box !important; -moz-box-sizing: padding-box !important; box-sizing: padding-box !important; } .standorte .tabcontrol_tabs { text-align: center; margin: 1rem auto 0 auto; } .standorte .tabcontrol_tabs ul { position: relative; float: left; margin: 0 auto; padding: 0; display: flex; justify-content: space-evenly; flex-wrap: wrap; width: 100%; padding: 0 4rem; } @media only screen and (max-width: 620px) { .standorte .tabcontrol_tabs ul { height: auto; } } .standorte .tabcontrol_tabs ul .selected { color: #e95313; border-bottom: 4px solid #e95313; } .standorte .tabcontrol_tabs li { position: relative; float: left; margin: 1rem 1rem 0 1rem; list-style: none; font-size: 1.6rem; padding-bottom: 5px; text-transform: uppercase; border-bottom: 4px solid transparent; } .standorte .tabcontrol_tabs li:hover { color: #e95313; border-bottom: 4px solid #e95313; cursor: pointer; } @media only screen and (max-width: 620px) { .standorte .tabcontrol_tabs li { float: none; margin-bottom: 1rem; } .standorte .tabcontrol_tabs li:hover, .standorte .tabcontrol_tabs li.selected { border-bottom: none; text-decoration: underline; } } .standorte .ce_dlh_googlemaps { -webkit-filter: grayscale(100%); } .standorte .divTable .divTableBody .divTableRow { display: inline-block; width: 100%; float: none; } .standorte .divTable .divTableBody .divTableRow .divTableCell { float: left; width: 30%; } @media screen and (max-width: 64em) { .standorte .col-50 h4 { font-size: 2rem; } .standorte .col-50 h5 { font-size: 1.2; } .standorte .col-50 p, .standorte .col-50 p span, .standorte .col-50 .divTableCell { font-size: 1.2rem; } .standorte .col-50 a { display: block; width: 100%; } } @media screen and (max-width: 48em) { .standorte .ce_text { width: 80%; margin: 0 0 0 10%; } .standorte .mod_rocksolid_slider .ce_text { width: 45%; margin: 0 2.5%; } .standorte .mod_rocksolid_slider .ce_text:nth-child(3) { margin: 2rem 0; position: relative; left: 50%; transform: translate(-50%, 0); } .standorte .ce_dlh_googlemaps { display: none; } .standorte h4 { padding: 0 10%; } .standorte .col-50 { width: 100vw; } .standorte .h520 { height: auto; } .standorte .h520 h4 { font-size: 1.5rem; } .standorte .h520 h5 { font-size: 1.2rem; } .standorte .h520 p, .standorte .h520 p span, .standorte .h520 .divTableCell { font-size: 1.2rem; } .standorte .h520 a { width: 100%; display: block; } .standorte .padding { padding: 1rem 10%; } } @media screen and (max-width: 30em) { .standorte .mod_rocksolid_slider .ce_text { width: 95%; margin: 0 2.5%; } } .jobsservicedownload { margin-top: 4rem; } .jobsservicedownload .txt_acc_panel { float: left; } .jobsservicedownload .txt_acc_panel_1, .jobsservicedownload .txt_acc_panel_2 { margin-left: 5%; width: 22.5%; } .jobsservicedownload .txt_acc_panel_1 h3, .jobsservicedownload .txt_acc_panel_2 h3 { font-size: 2rem; font-family: "freight-micro-pro", serif; color: #5b3928; margin-bottom: 2rem; } .jobsservicedownload .txt_acc_panel_1 p, .jobsservicedownload .txt_acc_panel_2 p { color: #646363; font-size: 1.3rem; font-weight: 300; margin-bottom: 1rem; } .jobsservicedownload .txt_acc_panel_1 span, .jobsservicedownload .txt_acc_panel_2 span { color: #646363; } .jobsservicedownload .txt_acc_panel_1 strong span, .jobsservicedownload .txt_acc_panel_2 strong span { color: #000; } .jobsservicedownload .txt_acc_panel_1 p em, .jobsservicedownload .txt_acc_panel_2 p em { color: #5b3928; text-transform: uppercase; font-weight: 500; } .jobsservicedownload .txt_acc_panel_1 a, .jobsservicedownload .txt_acc_panel_2 a { display: inline-block; width: 100%; text-decoration: none; cursor: pointer; color: #e95313; font-weight: 400; margin-top: .5rem; } .jobsservicedownload .txt_acc_panel_1 a:hover, .jobsservicedownload .txt_acc_panel_2 a:hover { color: #5b3928; } .jobsservicedownload .txt_acc_panel_1 a:before, .jobsservicedownload .txt_acc_panel_2 a:before { content: "› "; } .jobsservicedownload .txt_acc_panel_0 { color: #fff; padding: 2rem 2rem 0 4rem; background-color: #5b3928; width: 35%; } .jobsservicedownload .txt_acc_panel_0 h3 { font-size: 2rem; font-family: "freight-micro-pro", serif; color: #fff; margin-bottom: 2rem; } .jobsservicedownload .txt_acc_panel_0 p, .jobsservicedownload .txt_acc_panel_0 span { color: #fff; font-size: 1.3rem; font-weight: 300; margin-bottom: 2rem; } .jobsservicedownload .txt_acc_panel_0 a, .jobsservicedownload .txt_acc_panel_0 a:link, .jobsservicedownload .txt_acc_panel_0 a:visited { text-decoration: none; font-size: 1.5rem; display: inline-block; float: right; padding-bottom: 2rem; color: #fff; } .jobsservicedownload .txt_acc_panel_0 strong a { text-transform: uppercase; font-size: 1.1rem !important; letter-spacing: 1px; } .jobsservicedownload .txt_acc_panel_0 a:hover { cursor: pointer; color: #e95313; /* color: lighten(@primary, 40%); */ } .jobsservicedownload .mod_newslist { padding-bottom: 2rem; } .jobsservicedownload .mod_newslist .arc_1 a, .jobsservicedownload .mod_newslist .arc_2 a { font-size: 1.2rem; float: left !important; color: #e95313 !important; } .jobsservicedownload .mod_newslist .arc_1 a:hover, .jobsservicedownload .mod_newslist .arc_2 a:hover { color: #fff !important; } .jobsservicedownload .mod_newslist .arc_1 a:before, .jobsservicedownload .mod_newslist .arc_2 a:before { content: "› "; } @media screen and (max-width: 48em) { .jobsservicedownload .ui-accordion-content a:before, .jobsservicedownload .ui-accordion-header a:before { content: "› "; } .mobile_acc_panel, .mobile_acc_toggler { width: 80%; margin-left: 10%; float: none; } .mobile_acc_panel a, .mobile_acc_toggler a { color: #e95313; font-size: 1.2rem; line-height: 1.3; } .mobile_acc_panel_0 { background-color: #5b3928; width: 100%; padding: 10%; margin-left: 0; } .mobile_acc_panel_0 p { color: #fff; } .ui-accordion-header { font-size: 2.5rem; color: #5b3928; padding: 2rem 0; font-family: "freight-micro-pro", serif; font-weight: 400; } } @media only screen and (max-width: 48em) { .slider_half .slide-txt-wrapper { background-color: rgba(233, 83, 14, 0.8); } } @media only screen and (max-width: 1215px) { .slider_half .slide-txt-wrapper h3 { font-size: 1.8rem; } } @media only screen and (max-width: 64em) { .slider_half .slide-txt-wrapper h3 { font-size: 1.6rem; margin-top: 0; margin-bottom: 1rem; line-height: 1.3; } } @media only screen and (max-width: 1215px) { .slider_half .slide-txt-wrapper p { font-size: 1.2rem; } } @media only screen and (max-width: 900px) { .slider_half .slide-txt-wrapper p { line-height: 1.3; } } .slider_half .slide-txt-wrapper p a { color: #fff; text-decoration: none; font-weight: 600; } .slider_half .slide-txt-wrapper p a:hover { color: #fff; text-decoration: underline; } .slider_half .slide-txt-wrapper p a:after { content: " >"; color: currentcolor; } footer { background-color: #e95313; margin-top: 4rem; } .footer_navigation, .footer_contact { color: #fff; padding-left: 5%; } .footer_navigation h3, .footer_contact h3 { font-family: "freight-micro-pro"; font-size: 2.8rem; line-height: 4.0rem; font-weight: 300; letter-spacing: 1px; color: #f6baa0; width: 80%; } .footer_navigation p, .footer_contact p, .footer_navigation span, .footer_contact span, .footer_navigation strong, .footer_contact strong { color: #fff; } .footer_navigation strong, .footer_contact strong { text-transform: uppercase; } .footer_contact { padding-top: 3.5rem !important; padding-bottom: 3rem; } .footer_contact.bg-is--brown { padding-bottom: 2rem; } .footer_contact.bg-is--brown > .ce_text { width: 33.33%; float: left; margin-bottom: 2rem; padding: 0 1rem; } .footer_contact.bg-is--brown > .ce_text:nth-child(4) { clear: both; } @media only screen and (max-width: 48em) { .footer_contact.bg-is--brown > .ce_text { width: 50%; } .footer_contact.bg-is--brown > .ce_text:nth-child(4) { clear: none; } } @media only screen and (max-width: 30em) { .footer_contact.bg-is--brown > .ce_text { width: 100%; } } .footer_contact.bg-is--brown > .ce_text div { line-height: 1; } .footer_contact p { margin-bottom: 0; font-size: 1rem; line-height: 1.3rem; } .footer_contact p span { font-size: 1rem; } .footer_contact p strong span { display: inline-block; margin: 1.3rem 0 .3rem 0; font-size: 1rem; } .footer_contact .divTableCell_footer { font-size: 1rem; } .footer_contact.bg-is--gray { background: #eceded; padding-top: 1rem !important; padding-bottom: 1.5rem; } .footer_contact.bg-is--gray ul li a, .footer_contact.bg-is--gray ul li a span { color: #000; } .footer_nav { background-color: #e95313; } .footer_nav .level_1 li { width: 20%; float: left; } .footer_nav .level_1 li .first { display: none; } .footer_nav .level_1 li:nth-child(2) { width: 23%; } .footer_nav .level_1 li:nth-child(3) { width: 17%; } .footer_nav .level_1 li a, .footer_nav .level_1 li li a, .footer_nav .level_1 li span, .footer_nav .level_1 li span a { color: #fff; display: inline-block; font-size: 1.1rem; font-weight: 600; letter-spacing: 2px; margin-bottom: 1rem; text-decoration: none; text-transform: uppercase; } .footer_nav .level_1 li .level_2 li { float: none; width: 100%; display: inline-block; } .footer_nav .level_1 li .level_2 li .first { display: list-item; } .footer_nav .level_1 li .level_2 li a, .footer_nav .level_1 li .level_2 li li a, .footer_nav .level_1 li .level_2 li span { color: #f8c3ac; margin-bottom: .4rem; text-transform: none; text-decoration: none; line-height: 1.2; font-size: 1.1rem; font-weight: 400; letter-spacing: 0; } .footer_nav .level_1 li .level_2 li a:hover, .footer_nav .level_1 li .level_2 li li a:hover, .footer_nav .level_1 li .level_2 li span:hover { text-decoration: underline; } .footer_nav .level_1 li.is--mobile-nav.order { display: none; } .divTable_footer .divTableBody_footer .divTableRow_footer { display: inline-block; width: 100%; float: none; } .divTable_footer .divTableBody_footer .divTableRow_footer .divTableCell_footer { float: left; width: 50%; color: #fff; font-size: 1rem; font-weight: 300; } .divTable_footer .divTableBody_footer .divTableRow_footer .column_1 { width: 30%; } .nav_footer { width: 100%; } .nav_footer ul { padding-right: 10%; display: flex; flex-wrap: wrap; gap: 2rem; margin: 0; } @media screen and (max-width: 48em) { .nav_footer ul { flex-direction: column; gap: 1rem; } } .nav_footer ul li { font-size: 1.5rem; } .nav_footer ul li a { color: #fff; text-decoration: none; } .nav_footer ul li a span:hover { color: #e95313; } .dev { border: 1px solid red; } .footer--bottom, .footer--bottom.bg-is--gray { display: flex; padding-top: 2rem !important; padding-right: 2rem; } @media screen and (max-width: 48em) { .footer--bottom, .footer--bottom.bg-is--gray { flex-direction: column; gap: 2rem; } } .footer--bottom > *, .footer--bottom.bg-is--gray > * { float: none; } .container--socials ul { display: flex; gap: .2rem; } @media screen and (max-width: 48em) { .container--socials ul { margin-left: 1.8rem; } } .container--socials ul a { opacity: .6; transition: opacity ease .2s; display: inline-block; width: 1.5rem; height: 1.5rem; } .container--socials ul a svg { object-fit: contain; } .container--socials ul a:hover { opacity: .9; } @media screen and (max-width: 48em) { .footer_navigation { padding: 10% 10% 0 10%; } .footer_navigation h3 { font-size: 1.5rem; line-height: 1.3; margin: 0; width: 100%; } .footer_contact { padding-left: 0; } .footer_contact .col-25 { width: 80%; padding-left: 10%; float: none; margin-bottom: 4rem; } .footer_contact .col-20 { width: 100%; } .nav_footer ul li { margin-left: 2rem; } .footer_nav { background-color: #e95313; } .footer_nav .level_1 li { width: 80%; line-height: 1.5; float: none; } .footer_nav .level_1 li ul.level_2 { display: none; } .footer_nav .level_1 li .level_2 li { display: none; } .divTable_footer .divTableBody_footer .divTableRow_footer .divTableCell_footer { width: 70%; font-size: 1rem; } .divTable_footer .divTableBody_footer .divTableRow_footer .column_1 { width: 30%; } } .mod_pageImage { background: #dbdcdc; } .mod_pageImage img { width: 100%; display: block; } .impressum-text { padding: 0 20%; } @media only screen and (max-width: 48em) { .impressum-text { padding: 0 10%; } } @media only screen and (max-width: 30em) { .impressum-text { padding: 0 5%; } } .head--slider .mod_rocksolid_slider .ce_image img { display: block; } .korn-ist-subsite { padding-bottom: 2.5rem; background: #dbdcdc; background: -moz-linear-gradient(top, #dbdcdc 0%, #e6e7e7 100%); background: -webkit-linear-gradient(top, #dbdcdc 0%, #e6e7e7 100%); background: linear-gradient(to bottom, #dbdcdc 0%, #e6e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdcdc', endColorstr='#e6e7e7', GradientType=0); } .korn-ist-subsite h4 { color: #000; font-size: 3rem; } .korn-ist-subsite p strong span { color: #000; font-size: 1.4rem; line-height: 2; } .korn-ist-subsite p span { font-size: 1.4rem; } .korn-rekotrans .ce_text { margin: 6.5rem 0 7.5rem 0; } .korn-rekotrans h4 { color: #000; font-size: 3rem; display: inline-block; } .korn-rekotrans p strong span { color: #000; font-size: 1.4rem; line-height: 2; } .korn-rekotrans p span { font-size: 1.4rem; } .korn-rekotrans img { margin-top: 7rem; } .leitlinien { background-color: #e95313; padding: 2rem 0 4rem 0; } .leitlinien h4 strong { color: #fff; font-weight: 300; font-size: 3rem; } .leitlinien h4 { color: #5A392A; font-weight: 300; font-size: 3rem; } .leitlinien h5 { font-size: 1.8rem; font-weight: 300; text-transform: uppercase; color: #fbdbcd; } .leitlinien .subsite-hl-center { display: inline-block; width: 100%; margin: 0 auto; text-align: center; padding: 0 20%; } .leitlinien p, .leitlinien ul li, .leitlinien ul li em { font-size: 1.5rem; line-height: 1.7; color: #fff; font-weight: 300; position: relative; } .leitlinien ul li strong { position: absolute; left: 0; font-size: 3rem; font-weight: 300; line-height: 1.3; color: #fff; font-family: "freight-micro-pro", serif; } .leitlinien ul li em { display: inline-block; padding: 1rem 0 0 2rem; color: #fbdbcd; } .leitlinien.container--flex { display: flex; align-items: center; padding: 4rem 0; } @media screen and (max-width: 800px) { .leitlinien.container--flex { flex-direction: column; gap: 2rem; } .leitlinien.container--flex:before, .leitlinien.container--flex:after { content: unset; } } .leitlinien.container--flex > * { flex-basis: 50%; } @media screen and (max-width: 800px) { .leitlinien.container--flex > * { width: 100%; margin: unset !important; } } .leitlinien.container--flex h5 { line-height: 1.2; margin-top: 0; font-size: 1.4rem; font-weight: 500; text-transform: none; text-wrap: balance; } .leitlinien.container--flex p { line-height: 1.1; font-size: 1.4rem; } .leitlinien.container--flex.bg-light { background: #efefef; background: linear-gradient(to top, #dbdcdc 0%, #e6e7e7 100%); padding-top: 2rem; } .leitlinien.container--flex.bg-light h5 { color: #000; } .leitlinien.container--flex.bg-light p { color: #646363; } .leitlinien.container--flex .video-wrapper { width: 100%; aspect-ratio: 1.78; } .leitlinien.container--flex .video-wrapper iframe { width: 100%; height: 100%; } .historie h5 { font-size: 1.8rem; font-weight: 300; text-transform: uppercase; color: #808080; margin: 6rem 0 0 8rem; } .historie h4 strong { color: #e95313; } .historie h4 { color: #000; font-weight: 400; font-size: 3.5rem; line-height: 1.5; margin: .5rem 0 4rem 8rem; } .historie .slider_historie { height: 40rem; } .historie .slider_historie .rsts-slides { left: -140px; } .historie .slider_historie .slider_historie_image { height: 30rem; transition: all ease-in-out 0.4s; position: relative; } .historie .slider_historie .slider_historie_image img { width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .historie .slider_historie .slider_historie_text { padding-left: 2rem; transition: all ease-in-out 1s; } .historie .slider_historie .slider_historie_text h3 { font-size: 1.8rem; font-weight: 400; text-transform: uppercase; color: #e95313; font-size: 5rem; font-family: "freight-micro-pro", serif; margin: 1rem 0 4rem 0; } .historie .slider_historie .slider_historie_text h4 { color: #000; font-weight: 400; font-size: 1.5rem; font-family: "freight-sans-pro", sans-serif; margin: 0; } .historie .slider_historie .slider_historie_text p { font-size: 1.7rem; font-weight: 300; line-height: 1.5; color: #808080; } .historie .slider_historie .rsts-inactive { position: relative; } .historie .slider_historie .rsts-inactive .slider_historie_image { height: 98px; width: 10rem; position: absolute; top: 30%; transition: all ease-in-out 0.2s; opacity: .6; } .historie .slider_historie .rsts-inactive .slider_historie_image img { height: 100%; } .historie .slider_historie .rsts-inactive .slider_historie_image:hover { opacity: 1; transition: all ease-in-out 0.2s; } .historie .slider_historie .rsts-inactive .slider_historie_text { opacity: 0; transition: all ease-in-out 0s; } .historie .slider_historie .rsts-next, .historie .slider_historie .rsts-prev { border: 0px; width: 8rem; height: 98px; background-color: #e95313; background-image: url(/files/grafiken/arrows_neg_next.png); background-size: 5rem; background-repeat: no-repeat; overflow: hidden; webkit-box-shadow: none; box-shadow: none; opacity: 1; border-radius: 0; transition: all ease-in-out 0.2s; } .historie .slider_historie .rsts-next:hover, .historie .slider_historie .rsts-prev:hover { background-color: #f3966f; } .historie .slider_historie .rsts-next { position: absolute; right: 0; top: 30%; } .historie .slider_historie .rsts-prev { display: none; } .historie .slider_historie .rsts-nav-tabs ul { width: 100%; border-top: 4px solid #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-image: none; box-shadow: 0; } .historie .slider_historie .rsts-nav ul { display: inline-block; margin: 0 !important; padding: 0 10px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #fff; background-image: none; box-shadow: 0; } .historie .slider_historie .rsts-nav-tabs a { display: inline-block; height: 5px; min-width: 40px; padding: 0.15em 0.5em 0em 0; margin: 0 2px 0px 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; outline: none; font-size: .85rem; color: #999; text-align: right; background-color: transparent; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0); box-shadow: 0 0 0px rgba(0, 0, 0, 0); border: 0; font-family: "freight-micro-pro", serif; transform: rotate(-35deg); } .historie .slider_historie .rsts-nav-tabs a.active { font-weight: 700; color: #e95313; } .historie .slider_historie .rsts-nav-tabs a:after { content: " •"; } .historie .rsts-skin-default .rsts-nav-tabs a { opacity: 1; } .historie .rsts-skin-default .rsts-nav { position: relative; right: 10px; bottom: 12px; left: 10px; text-align: center; padding: 30px 0 30px 0; margin-top: -15px; } .kontaktformular { padding-top: 5rem; } .kontaktformular .widget { padding: 0 10rem 1.5rem 0; font-size: 1.7rem; } .kontaktformular .widget input[type=text] { width: 60%; height: 4rem; border: 0px solid; border-bottom: 1px solid #96d6e1; } .kontaktformular .widget textarea { width: 60%; border: 0px solid; border-bottom: 1px solid #96d6e1; border-top: 1px solid #96d6e1; } .kontaktformular .widget.widget-checkbox { padding: 3rem 0; } .kontaktformular .widget.widget-checkbox legend { padding-bottom: 2rem; color: #e95313; line-height: 2rem; font-size: 2rem; } .kontaktformular .widget.widget-checkbox span { display: inline-block; padding: 0 0 1rem 0; white-space: nowrap; padding-bottom: 1rem; float: none; width: 100%; } .kontaktformular .widget.widget-checkbox label { font-size: 1.7rem; color: #e95313; } .kontaktformular .widget, .kontaktformular .widget.widget-checkbox, .kontaktformular .submit_container { margin: 0 10%; } .kontaktformular input[type=submit] { width: 20%; border: 0px; padding: 1rem 0; margin-top: 1.5rem; background-color: #efefef; transition: ease-in-out 0.5s; color: #e95313; font-size: 2rem; font-weight: 300; } .kontaktformular input[type=submit]:hover { background-color: #e95313; color: #fff; transition: ease-in-out 0.5s; } @media screen and (max-width: 48em) { .korn-ist-subsite .pad-l-30 { padding-left: 0; margin-left: 10%; } .korn-rekotrans { padding-bottom: 2rem; } .korn-rekotrans .ce_text { margin: 0 0 0 10%; text-align: right; } .korn-rekotrans .ce_text p { text-align: center; } .korn-rekotrans img { margin-top: 4rem; } .korn-rekotrans .col-25 { width: 100%; float: none; } .korn-rekotrans .col-50 { width: 80%; } .korn-rekotrans h4 { margin-top: 0; } .leitlinien .col-50 { width: 80%; float: none; } .leitlinien .pad-l-r-5 { padding: 0; margin-left: 10%; } .subsite-hl-center { padding: 0 10% !important; } .historie h5 { font-size: 1.8rem; font-weight: 300; text-transform: uppercase; color: #808080; margin: 2rem 0 1rem 0; } .historie h4 strong { color: #e95313; } .historie h4 { font-weight: 400; font-size: 3rem; line-height: 1.2; margin: 0 0 1rem 0; } .kontaktformular { padding-top: 3rem; } .kontaktformular .widget { padding: 0 0rem 1.5rem 0; font-size: 1.5rem; } .kontaktformular .widget input[type=text] { width: 100%; height: 3.5rem; } .kontaktformular .widget textarea { width: 100%; } .kontaktformular .widget.widget-checkbox { padding: 1.5rem 0; } .kontaktformular .widget.widget-checkbox legend { padding-bottom: 1.5rem; } .kontaktformular input[type=submit] { width: auto; border: 0px; padding: 1rem 3rem; font-size: 1.5rem; } .kontaktformular .submit_container { text-align: center; } } @media screen and (max-width: 48em) { .subsite-hl-center h4, h4 strong, h4 { margin-bottom: 2rem; } } @media screen and (max-width: 30em) { .subsite-hl-center h4, h4 strong, h4 { font-size: 2rem !important; margin-bottom: 1rem; } } .containerentsorgung { padding-top: 2rem; } .containerentsorgung .ce_text { padding: 1rem 4rem; } .containerentsorgung h4 { color: #000; font-size: 3rem; margin-top: 0; } .containerentsorgung p strong span { color: #000; font-size: 1.4rem; line-height: 2; } .containerentsorgung p span { font-size: 1.4rem; } .containerentsorgung img { width: 100%; margin-top: 5rem; } .container_groessen { background-color: #efefef; padding: 3rem 0; } .container_5cbm, .container_7cbm, .container_10cbm { float: left; width: 30%; margin-left: 2.4%; } .container_5cbm .container_label, .container_7cbm .container_label, .container_10cbm .container_label { padding-left: 4rem; } .container_5cbm img, .container_7cbm img, .container_10cbm img { width: 90%; } .container_5cbm a, .container_7cbm a, .container_10cbm a { display: block; text-align: center; width: 80%; margin: 3rem auto 0 auto; background-color: #e95313; padding: .4rem 1rem; font-size: 1rem; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; } .container_5cbm a:hover, .container_7cbm a:hover, .container_10cbm a:hover { background-color: #f3966f; } .tabs_was_darf { padding: 4rem; height: auto; transition: all ease-in-out 0.2s; } .tabs_was_darf .tabcontrol_tabs { float: left; width: 36%; } .tabs_was_darf .tabcontrol_tabs ul li { color: #fff; transition: all ease-in-out 0.1s; cursor: pointer; font-family: "freight-micro-pro", serif; font-size: 2.5rem; padding-bottom: 1.5rem; line-height: 1.3; } .tabs_was_darf .tabcontrol_tabs ul li:hover { color: #f3966f; } .tabs_was_darf .tabcontrol_tabs ul li.selected { color: #e95313; cursor: default; } .tabs_was_darf .darf_rein h3, .tabs_was_darf .darf_nicht h3 { color: #e95313; font-family: "freight-micro-pro", serif; font-size: 1.9rem; font-weight: 300; padding-bottom: 1rem; margin-top: .8em; } .tabs_was_darf .darf_rein ul, .tabs_was_darf .darf_nicht ul { text-indent: -14px; margin-left: 14px; padding-right: 2rem; } .tabs_was_darf .darf_rein ul li, .tabs_was_darf .darf_nicht ul li, .tabs_was_darf .darf_rein ul li span, .tabs_was_darf .darf_nicht ul li span { color: #fff; font-size: 1.15rem; font-weight: 300; letter-spacing: 1px; padding-bottom: .7rem; line-height: 1.3; } .tabs_was_darf .darf_rein, .tabs_was_darf .darf_nicht { width: 50%; float: left; } .tabs_was_darf .darf_rein ul li:before { content: "+ "; } .tabs_was_darf .darf_nicht ul li:before { content: "x "; } .tabs_was_darf .col-30 strong { color: #fff; font-size: 1.6rem; font-weight: 300; } .tabs_was_darf .col-30 p { color: #fff; font-size: 1.3rem; letter-spacing: 1px; } .tabs_was_darf .col-30 p a { color: #fff; } .tabs_was_darf .col-30 p a:hover { color: #f3966f; text-decoration: underline; } .tabs_was_darf .container_size { padding: 0; clear: both; } .tabs_was_darf .container_size h4 { color: #e95313; font-size: 1.9rem; font-weight: 300; margin-bottom: 1rem; } .tabs_was_darf .container_size .ce_image { float: left; } @media only screen and (max-width: 48em) { .containerentsorgung { position: relative; } .containerentsorgung p strong span { line-height: 1.3; display: inline-block; padding-bottom: 1rem; } .containerentsorgung .col-55 { width: 80%; margin-left: 10%; float: none; } .containerentsorgung .ce_text { position: relative; padding: 0; z-index: 1; } .containerentsorgung .ce_image { position: absolute; right: 0; top: 0rem; width: 70%; z-index: 0; opacity: .3; } .container_groessen { padding: 2rem 0 4rem 0; } .container_5cbm, .container_7cbm, .container_10cbm { width: 80%; margin-left: 10%; float: none; } .tabs_was_darf { width: 100%; padding: 0 10% 2rem 10%; } .tabs_was_darf .col-30 { width: 100%; float: none; } .tabs_was_darf .container_size { width: 100%; float: none; padding: 0; } .tabs_was_darf .container_size .ce_image { float: none; } .ce_rsce_containertabtoaccordion { margin-bottom: 2rem; } .tabs_was_darf .ui-accordion-header { color: #fff; line-height: 1.3; padding: 1rem 0; } .ui-accordion-content h3 { color: #e95313; font-family: "freight-micro-pro", serif; font-size: 1.9rem; font-weight: 300; padding-bottom: 0; margin-top: 0; } .ui-accordion-content ul { margin-bottom: 2rem; } .ui-accordion-content ul li { font-size: 1.3rem; color: #fff; letter-spacing: 1px; } .container_size .ce_image figure img { width: 30%; } } .acc_darf_rein ul li:before { content: "+ "; } .acc_darf_nicht ul li:before { content: "x "; } @media only screen and (max-width: 30em) { .container_size .ce_image figure img { width: 50%; } } .leistungen { padding-left: 4rem; padding-right: 4rem; padding-right: 0; margin-bottom: 4rem; display: flex; justify-content: space-between; gap: 2rem; } @media screen and (max-width: 768px) { .leistungen { padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width: 480px) { .leistungen { padding-left: 5%; padding-right: 5%; } } @media screen and (max-width: 768px) { .leistungen { flex-direction: column; padding-left: 0; } } @media screen and (max-width: 480px) { .leistungen { padding-right: 0; } } .leistungen p strong span { color: #000; } .leistungen > * { max-width: 662px; padding-left: 2rem; } @media screen and (max-width: 1200px) { .leistungen > * { max-width: 630px; padding-left: 0; } } @media screen and (max-width: 768px) { .leistungen > * { padding-left: 2rem; padding-right: 2rem; max-width: none; } } @media screen and (max-width: 480px) { .leistungen > * { padding-left: 5%; padding-right: 5%; } } .leistungen > * p a { font-size: 1.6rem; color: #e95313; text-decoration: none; font-weight: 500; letter-spacing: .5px; } @media screen and (max-width: 1280px) { .leistungen > * p a { font-size: 1.4rem; } } .leistungen > * p a:hover { text-decoration: underline; } .leistungen > * p a:before { content: "› "; } .leistungen > * + * { flex-basis: calc(30% + 1rem); padding-left: 0; } @media screen and (max-width: 900px) { .leistungen > * + * { flex-basis: calc(45% + 1rem); } } @media screen and (max-width: 768px) { .leistungen > * + * { padding-left: 0; padding-right: 0; width: 100%; } } @media screen and (max-width: 480px) { .leistungen > * + * { padding-left: 0; padding-right: 0; } } .leistungen ul { background-color: #efefef; padding: 2rem 2rem 1.8rem 2rem; margin-top: 3rem; } @media screen and (max-width: 768px) { .leistungen ul { margin-top: 0; } } .leistungen ul li { position: relative; font-size: .9rem; font-weight: 500; } .leistungen ul li em { display: inline-block; margin: 0 0 .7rem 1.3rem; } .leistungen ul li:before { content: ''; height: 0.8rem; width: .8rem; margin-top: .2rem; position: absolute; background-color: #e95313; } .leistungen ul li:first-child { font-size: 1.1rem; line-height: 1.8rem; padding-bottom: .3rem; } .leistungen ul li:first-child:before { display: none; background-color: red; } .leistungen [class*="col-"] { width: 100%; } .two-colsand { background-color: #e9ddb4; padding: 2rem 0 3rem 0; } .two-colsand .txt_acc_panel { width: 38%; margin-left: 8%; float: left; } .two-colsand h3 { font-size: 1.8rem; font-weight: 300; font-family: "freight-micro-pro", serif; color: #e95313; margin-bottom: 1rem; } .two-colsand.is-jobs { background: #96d6e1; } .two-colsand.is-jobs h3 { line-height: 1.3; width: 80%; } .two-colsand.is-jobs strong { text-transform: uppercase; font-weight: 600; font-size: .95rem; } .two-colsand.is-jobs ul { margin-top: -.5rem; } .two-colsand.is-jobs ul li { color: #333; } .two-colsand.is-jobs ul li:before { content: "+ "; } @media only screen and (max-width: 48em) { .leistungen .col-55 { width: 80%; margin-left: 10%; padding: 0; } .leistungen .col-45 { width: 100%; padding: 0; } .two-colsand .mobile_acc_toggler { color: #e95313; } .two-colsand .mobile_acc_panel_0 { background-color: transparent; } .two-colsand .mobile_acc_panel_0 p { color: inherit; } .two-colsand.is-jobs { background: #96d6e1; } .two-colsand.is-jobs .mobile_acc_toggler, .two-colsand.is-jobs h3 { line-height: 1.3; width: 90%; font-size: 1.5rem; margin-bottom: 0; padding-bottom: 0; } .two-colsand.is-jobs ul li { line-height: 1.3; font-size: 1rem; } } .job_reader .layout_latest { background-color: #ECECEC; float: left; display: block; width: 20%; margin: 0 0 2.5% 4%; padding-bottom: 1rem; position: relative; min-height: 22rem; } .job_reader .layout_latest:hover { transition: all 0.25s ease-in-out; opacity: .85; } .job_reader a { text-decoration: none; transition: all 0.2s ease-in-out; } .job_reader .job_text { padding: .4rem 5% 0 5%; } .job_reader .standort { position: relative; display: inline-block; padding: 0 0 .3rem 0; } .job_reader .standort span, .job_reader .standort strong, .job_reader .standort p { color: #737373; font-size: 1rem; font-weight: 400; } .job_reader .standort strong { font-weight: 400; } .job_reader h2 { font-family: "freight-micro-pro", serif; font-size: 1.5rem; color: #737373; margin: 0 0 2rem 0; line-height: 1.1; } .job_reader .more a { text-align: left; vertical-align: middle; text-decoration: none; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; background: #e95313; width: 100%; color: #fff; position: absolute; bottom: 0; left: 0; display: inline-block; text-align: center; padding: .5rem; font-size: .85rem; } .job_reader .more a:hover { background: #5b3928; } .layout_full { width: 100%; /* min-width: 960px; */ max-width: 1200px; margin: 0 auto; background: #fff; } .layout_full img { width: 100%; } .layout_full h1 { font-size: 2.8rem; color: #e95313; line-height: 1.1; margin-bottom: 2rem; margin-top: 0; padding-top: 0; } @media (max-width: 30em) { .layout_full h1 { font-size: 2rem; margin-bottom: 0; } } .layout_full h3 { font-size: 1.8rem; color: #e95313; margin-bottom: 2rem; } @media (max-width: 30em) { .layout_full h3 { font-size: 1.5rem; } } .layout_full ul { margin-bottom: 3rem; text-indent: -14px; margin-left: 14px; padding-right: 2rem; list-style-type: none; } .layout_full ul li { font-size: 1.1rem; margin-bottom: 1rem; line-height: 1.3; } .layout_full ul li:before { content: "› "; color: #e95313; } .layout_full .is--content { width: 60%; float: left; } @media (max-width: 960px) { .layout_full .is--content { width: 50%; } } @media (max-width: 48em) { .layout_full .is--content { width: 80%; padding: 2rem 0 !important; margin-left: 10%; float: none; } } .layout_full .ap-right { width: 22%; float: left; background: #f0f0f0; padding: 4%; margin-top: 3rem; } @media (max-width: 48em) { .layout_full .ap-right { width: 100%; padding: 2rem 10%; } } @media (max-width: 30em) { .layout_full .ap-right { margin-top: 0; } } @media (max-width: 48em) { .job_reader .layout_latest { width: 26%; margin: 0 0 2.5% 5.5%; } } @media (max-width: 30em) { .job_reader .layout_latest { width: 90%; margin: 0 0 10% 5%; } } /* LANDINGPAGE JOBS */ body.job-landing #wrapper { /* min-width: 960px; */ max-width: 1200px; width: 100%; margin: 0px auto; background: #fff; } .job-landing #wrapper, .job-landing #wrapper1900 { max-width: 1200px !important; width: 100%; background: #fff; } .job-landing #header { margin: 0px 0; height: 70px; padding: 20px 0; overflow: hidden; } @media (max-width: 560px) { .job-landing #header { height: 90px; } } .job-landing #wrapper #main { width: 550px; margin-left: 50px; margin-right: 40px; } .job-landing #header .logo { float: right; margin-right: 40px; } .job-landing #header .logo img { height: 50px; margin-bottom: 4px; } @media (max-width: 860px) { .job-landing #header .logo img { height: 45px; } } @media (max-width: 48em) { .job-landing #header .logo img { height: 40px; } } @media (max-width: 48em) { .job-landing #header .logo { margin-right: 20px; } } @media (max-width: 560px) { .job-landing #header .logo { height: auto; width: 35%; } .job-landing #header .logo img { width: 100%; height: auto; } } .job-landing #header nav.jobsnavtop { float: left; margin-left: 40px; } @media (max-width: 820px) { .job-landing #header nav.jobsnavtop { margin-left: 0; } } @media (max-width: 48em) { .job-landing #header nav.jobsnavtop { width: 60%; } } @media (max-width: 560px) { .job-landing #header nav.jobsnavtop ul { -webkit-padding-start: 0; } } @media (max-width: 560px) { .job-landing .jobangebot ul { -webkit-padding-start: 0; } } .job-landing #header nav.jobsnavtop ul li { float: left; margin-left: 15px; list-style: none; } .job-landing #header nav.jobsnavtop ul li a { font-family: "freight-micro-pro", serif; text-transform: uppercase; font-weight: 300; font-size: 1.1rem; float: left; height: 1.6rem; margin-right: .7rem; margin-bottom: .2rem; text-decoration: none; letter-spacing: 1px; } .job-landing .is--content { padding: 3rem; } .job-landing .weare { color: #fff; font-size: .8em; line-height: 1.4em !important; padding: 25px 3rem; width: 100%; background: #96d6e1; } @media only screen and (max-width: 30em) { .job-landing .weare { padding: 2rem 0; width: 100%; } } @media only screen and (max-width: 30em) { .job-landing .weare h2 { width: 80%; margin-left: 10%; } } .job-landing .weare p { width: 80%; line-height: 1.6em !important; } @media only screen and (max-width: 30em) { .job-landing .weare p { width: 80%; margin-left: 10%; } } .job-landing .weare strong, .job-landing .weare strong span { color: #95c11f; font-weight: 600; } .job-landing .weare a { color: #95c11f; font-weight: 600; } .job-landing .back { display: none; } .job-landing #right .ce_text > img { text-align: right; } .job--benefits h3 { margin-top: 0; } .btn { background: #95c11f; padding: 8px; margin-top: 25px; display: block; text-align: center; color: #fff; font-weight: 400; -moz-transition: all .15s linear; -webkit-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; } .btn a { color: #fff; font-weight: 400; text-decoration: none; } .btn:hover { background: #434641; } #oeffnungszeiten { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 66%); background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 66%); background: linear-gradient(to bottom, #ffffff 0%, #efefef 66%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0); padding-bottom: 3rem; } .standorte .mod_rocksolid_slider { padding: 0 2rem; } .standorte .mod_rocksolid_slider .rsts-prev, .standorte .mod_rocksolid_slider .rsts-next { bottom: inherit; top: 50%; transform: translate(0, -50%); left: 0; right: inherit; border-radius: 0; border: none; box-shadow: none; width: 29px; height: 103px; background-repeat: no-repeat; background-image: url("../../files/grafiken/arrow--left.png"); background-size: contain; opacity: .7; transition: all ease-in-out 0.2s; } .standorte .mod_rocksolid_slider .rsts-prev:hover, .standorte .mod_rocksolid_slider .rsts-next:hover { background-color: transparent; opacity: 1; } .standorte .mod_rocksolid_slider .rsts-next { left: inherit; right: 0; transform: translate(0, -50%) rotate(180deg); } .kontakt_standort, .kontakt_öffnungszeiten { width: 30%; height: 28rem; height: auto; float: left; margin: 3rem 1.666% 0 1.666%; background-color: #fff; } .kontakt_standort h2, .kontakt_öffnungszeiten h2, .kontakt_standort h5, .kontakt_öffnungszeiten h5, .kontakt_standort p, .kontakt_öffnungszeiten p, .kontakt_standort .divTable, .kontakt_öffnungszeiten .divTable { padding: 0 1rem 0 1.7rem; } .kontakt_standort .image_container, .kontakt_öffnungszeiten .image_container { height: 7rem; overflow: hidden; } .kontakt_standort h4, .kontakt_öffnungszeiten h4 { display: inline-block; width: 100%; color: #fff; background-color: #e95313; margin: 0; padding: 1.947rem 1rem; text-align: center; } .kontakt_standort h2, .kontakt_öffnungszeiten h2 { font-size: 1.3rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #5b3928; line-height: 1; padding-bottom: 0; margin-bottom: .3; } .kontakt_standort p, .kontakt_öffnungszeiten p { font-size: 1.1rem; line-height: 1.3; } .kontakt_standort h5, .kontakt_öffnungszeiten h5 { font-size: 1.1rem; line-height: 1.3; text-transform: none; display: inline-block; background: #efefef; width: 100%; margin: 0; padding-bottom: .7rem; } .kontakt_standort h5 strong, .kontakt_öffnungszeiten h5 strong { font-weight: 500; color: #000; } .news-bg, #team { background: #efefef; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 15%); background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 15%); background: linear-gradient(to bottom, #ffffff 0%, #efefef 15%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0); } .ansprechpartner, .team { padding-bottom: 3rem; padding: 0rem 2rem 3rem 3rem; } .ansprechpartner h2, .team h2 { font-size: 2rem; font-family: "freight-micro-pro", serif; line-height: 1.1; margin-bottom: 0; color: #000; } .ansprechpartner h3, .team h3 { padding-top: 2rem; font-family: "freight-micro-pro", serif; } .ansprechpartner p, .team p { font-family: "freight-sans-pro", sans-serif; font-size: 1.125rem; color: #737373; margin-bottom: .2rem; } .ansprechpartner p a, .team p a { font-size: 1.375rem; text-decoration: none; color: #737373; } .ansprechpartner p a strong, .team p a strong { color: #737373; } .zertifikate { padding: 3rem 2rem; width: 70%; background-color: #96d6e1; } .zertifikate .zertifikate_textfelder, .zertifikate .widget.widget-checkbox { width: 44%; float: left; margin-left: 4%; } .zertifikate .widget { font-size: 1.7rem; background-color: #96d6e1; } .zertifikate .widget input[type=text], .zertifikate .widget textarea { font-size: 1.5rem; height: 2.5rem; } .zertifikate .widget input[type=text] { margin-bottom: 2rem; width: 100%; border: 0px solid; background-color: #96d6e1; border-bottom: 2px solid #fff; color: #fff; } .zertifikate .widget input[type=text]::-webkit-input-placeholder { color: #fff; } .zertifikate .widget input[type=text]::-moz-placeholder { color: #fff; } .zertifikate .widget input[type=text]:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .zertifikate .widget input[type=text] :-moz-placeholder { /* Firefox 18- */ color: #fff; } .zertifikate .widget input[type=text].first { margin-top: 1.79rem; } .zertifikate .widget textarea { background-color: #96d6e1; color: #fff; width: 100%; height: 6rem; border: 0; border-bottom: 2px solid #fff; resize: vertical; margin-top: 2.1rem; } .zertifikate .widget textarea::-webkit-input-placeholder { color: #fff; } .zertifikate .widget textarea::-moz-placeholder { color: #fff; } .zertifikate .widget textarea:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .zertifikate .widget textarea :-moz-placeholder { /* Firefox 18- */ color: #fff; } .zertifikate .widget.widget-checkbox input { display: none; } .zertifikate .widget.widget-checkbox input:checked + label { /* color: #fff; background-color: @primary; */ } .zertifikate .widget.widget-checkbox input:checked + label:before { transition: all ease-in-out 0.5s; background-color: #e95313; position: absolute; } .zertifikate .widget.widget-checkbox legend { padding: 0 0 2rem 0; margin-left: 10%; color: #e95313; line-height: 2rem; font-size: 2rem; } .zertifikate .widget.widget-checkbox span { display: inline-block; padding: 0 0 0 0; margin-bottom: 1rem; white-space: nowrap; padding-bottom: 1rem; float: none; width: 100%; } .zertifikate .widget.widget-checkbox label { position: relative; width: 80%; margin-left: 10%; font-size: 1.2rem; color: #e95313; display: inline-block; padding: .8rem 1rem .8rem 3rem; white-space: normal; line-height: 1.1; transition: all ease-in-out 0.2s; background-color: rgba(255, 255, 255, 0.6); font-weight: 500; } .zertifikate .widget.widget-checkbox label:before { transition: all ease-in-out 0.5s; content: ' '; height: 1.7rem; width: 1.7rem; background-color: #fff; position: absolute; top: .62rem; left: .62rem; } .zertifikate .widget.widget-checkbox label:hover { cursor: pointer; } .zertifikate .widget.widget-checkbox label:hover:before { transition: all ease-in-out 0.1s; background-color: #aadee7; } .zertifikate input[type=submit] { float: right; width: 17%; border: 0px; padding: 1rem 0; margin: 1.5rem 8% 0 0; background-color: #fff; transition: ease-in-out 0.5s; color: #e95313; font-size: 1.6rem; font-weight: 300; border-radius: 0; } .zertifikate input[type=submit]:hover { background-color: #e95313; color: #fff; transition: ease-in-out 0.5s; cursor: pointer; } .tabcontrol--mitarbeiter .tabcontrol_tabs { text-align: center; margin: 1rem auto 0 auto; } .tabcontrol--mitarbeiter .tabcontrol_tabs ul { position: relative; float: left; margin: 0 auto; padding: 0; width: 100%; padding: 0 4rem; display: flex; justify-content: space-evenly; flex-wrap: wrap; } @media only screen and (max-width: 620px) { .tabcontrol--mitarbeiter .tabcontrol_tabs ul { height: auto; } } .tabcontrol--mitarbeiter .tabcontrol_tabs ul .selected { color: #e95313; border-bottom: 4px solid #e95313; } .tabcontrol--mitarbeiter .tabcontrol_tabs li { position: relative; float: left; margin-right: 2rem; margin-top: 1rem; list-style: none; font-size: 2rem; padding-bottom: 5px; text-transform: uppercase; border-bottom: 4px solid transparent; } .tabcontrol--mitarbeiter .tabcontrol_tabs li:hover { color: #e95313; border-bottom: 4px solid #e95313; cursor: pointer; } @media only screen and (max-width: 620px) { .tabcontrol--mitarbeiter .tabcontrol_tabs li { float: none; margin-bottom: 1rem; } .tabcontrol--mitarbeiter .tabcontrol_tabs li:hover, .tabcontrol--mitarbeiter .tabcontrol_tabs li.selected { border-bottom: none; text-decoration: underline; } } .nav-f { text-align: center; } .nav-f h3 { text-align: center; color: #d8d8d8; font-family: "freight-micro-pro", serif; font-size: 1.6rem; line-height: 1.4em; font-weight: 300; } .nav-f ul { width: 70%; display: inline-block; } @media only screen and (max-width: 48em) { .nav-f ul { width: 90%; } } @media only screen and (max-width: 30em) { .nav-f ul { width: 95%; } } .nav-f ul li { display: inline-block; } .nav-f ul li a { display: inline-block; padding: 10px; margin: 0 5px 1rem 5px; background-color: rgba(200, 200, 200, 0.2); transition: all .3s ease; text-decoration: none; } @media only screen and (max-width: 30em) { .nav-f ul li a { margin: 0 2px .4rem 2px; padding: 6px; } } .nav-f ul li a:hover { background-color: #777; cursor: pointer; color: #fff; } .nav-f ul li a.is-checked { background-color: #e95313; color: #fff; } #mnsry_container-fb .button-area, .mnsry_container-fb .button-area, #mnsry_container .button-area, #mnsry_container_1 .button-area, #mnsry_container_2 .button-area, #mnsry_container_3 .button-area, #mnsry_container_4 .button-area, #mnsry_container_5 .button-area, #mnsry_container_6 .button-area, .button-area { width: 70%; left: 50%; transform: translate(-50%, 0); position: relative; margin-top: 0rem; padding-bottom: 2rem; text-align: center; } #mnsry_container-fb .button-area h3, .mnsry_container-fb .button-area h3, #mnsry_container .button-area h3, #mnsry_container_1 .button-area h3, #mnsry_container_2 .button-area h3, #mnsry_container_3 .button-area h3, #mnsry_container_4 .button-area h3, #mnsry_container_5 .button-area h3, #mnsry_container_6 .button-area h3, .button-area h3 { text-align: center; color: #d8d8d8; font-family: "freight-micro-pro", serif; font-size: 1.6rem; line-height: 1.4em; font-weight: 300; } #mnsry_container-fb .button-area .button, .mnsry_container-fb .button-area .button, #mnsry_container .button-area .button, #mnsry_container_1 .button-area .button, #mnsry_container_2 .button-area .button, #mnsry_container_3 .button-area .button, #mnsry_container_4 .button-area .button, #mnsry_container_5 .button-area .button, #mnsry_container_6 .button-area .button, .button-area .button, #mnsry_container-fb .button-area .button2, .mnsry_container-fb .button-area .button2, #mnsry_container .button-area .button2, #mnsry_container_1 .button-area .button2, #mnsry_container_2 .button-area .button2, #mnsry_container_3 .button-area .button2, #mnsry_container_4 .button-area .button2, #mnsry_container_5 .button-area .button2, #mnsry_container_6 .button-area .button2, .button-area .button2, #mnsry_container-fb .button-area .button3, .mnsry_container-fb .button-area .button3, #mnsry_container .button-area .button3, #mnsry_container_1 .button-area .button3, #mnsry_container_2 .button-area .button3, #mnsry_container_3 .button-area .button3, #mnsry_container_4 .button-area .button3, #mnsry_container_5 .button-area .button3, #mnsry_container_6 .button-area .button3, .button-area .button3 { display: inline-block; padding: 10px; margin: 0 5px 1rem 5px; background-color: rgba(200, 200, 200, 0.2); border-radius: 0px; cursor: pointer; transition: all .3s ease; } #mnsry_container-fb .button-area .button:hover, .mnsry_container-fb .button-area .button:hover, #mnsry_container .button-area .button:hover, #mnsry_container_1 .button-area .button:hover, #mnsry_container_2 .button-area .button:hover, #mnsry_container_3 .button-area .button:hover, #mnsry_container_4 .button-area .button:hover, #mnsry_container_5 .button-area .button:hover, #mnsry_container_6 .button-area .button:hover, .button-area .button:hover, #mnsry_container-fb .button-area .button2:hover, .mnsry_container-fb .button-area .button2:hover, #mnsry_container .button-area .button2:hover, #mnsry_container_1 .button-area .button2:hover, #mnsry_container_2 .button-area .button2:hover, #mnsry_container_3 .button-area .button2:hover, #mnsry_container_4 .button-area .button2:hover, #mnsry_container_5 .button-area .button2:hover, #mnsry_container_6 .button-area .button2:hover, .button-area .button2:hover, #mnsry_container-fb .button-area .button3:hover, .mnsry_container-fb .button-area .button3:hover, #mnsry_container .button-area .button3:hover, #mnsry_container_1 .button-area .button3:hover, #mnsry_container_2 .button-area .button3:hover, #mnsry_container_3 .button-area .button3:hover, #mnsry_container_4 .button-area .button3:hover, #mnsry_container_5 .button-area .button3:hover, #mnsry_container_6 .button-area .button3:hover, .button-area .button3:hover { background-color: #777; color: #fff; } #mnsry_container-fb .button-area .button.active, .mnsry_container-fb .button-area .button.active, #mnsry_container .button-area .button.active, #mnsry_container_1 .button-area .button.active, #mnsry_container_2 .button-area .button.active, #mnsry_container_3 .button-area .button.active, #mnsry_container_4 .button-area .button.active, #mnsry_container_5 .button-area .button.active, #mnsry_container_6 .button-area .button.active, .button-area .button.active, #mnsry_container-fb .button-area .button2.active, .mnsry_container-fb .button-area .button2.active, #mnsry_container .button-area .button2.active, #mnsry_container_1 .button-area .button2.active, #mnsry_container_2 .button-area .button2.active, #mnsry_container_3 .button-area .button2.active, #mnsry_container_4 .button-area .button2.active, #mnsry_container_5 .button-area .button2.active, #mnsry_container_6 .button-area .button2.active, .button-area .button2.active, #mnsry_container-fb .button-area .button3.active, .mnsry_container-fb .button-area .button3.active, #mnsry_container .button-area .button3.active, #mnsry_container_1 .button-area .button3.active, #mnsry_container_2 .button-area .button3.active, #mnsry_container_3 .button-area .button3.active, #mnsry_container_4 .button-area .button3.active, #mnsry_container_5 .button-area .button3.active, #mnsry_container_6 .button-area .button3.active, .button-area .button3.active, #mnsry_container-fb .button-area .button input.selected, .mnsry_container-fb .button-area .button input.selected, #mnsry_container .button-area .button input.selected, #mnsry_container_1 .button-area .button input.selected, #mnsry_container_2 .button-area .button input.selected, #mnsry_container_3 .button-area .button input.selected, #mnsry_container_4 .button-area .button input.selected, #mnsry_container_5 .button-area .button input.selected, #mnsry_container_6 .button-area .button input.selected, .button-area .button input.selected, #mnsry_container-fb .button-area .button2 input.selected, .mnsry_container-fb .button-area .button2 input.selected, #mnsry_container .button-area .button2 input.selected, #mnsry_container_1 .button-area .button2 input.selected, #mnsry_container_2 .button-area .button2 input.selected, #mnsry_container_3 .button-area .button2 input.selected, #mnsry_container_4 .button-area .button2 input.selected, #mnsry_container_5 .button-area .button2 input.selected, #mnsry_container_6 .button-area .button2 input.selected, .button-area .button2 input.selected, #mnsry_container-fb .button-area .button3 input.selected, .mnsry_container-fb .button-area .button3 input.selected, #mnsry_container .button-area .button3 input.selected, #mnsry_container_1 .button-area .button3 input.selected, #mnsry_container_2 .button-area .button3 input.selected, #mnsry_container_3 .button-area .button3 input.selected, #mnsry_container_4 .button-area .button3 input.selected, #mnsry_container_5 .button-area .button3 input.selected, #mnsry_container_6 .button-area .button3 input.selected, .button-area .button3 input.selected { background-color: #e95313; color: #fff; } #mnsry_container-fb .button-area input[type=checkbox], .mnsry_container-fb .button-area input[type=checkbox], #mnsry_container .button-area input[type=checkbox], #mnsry_container_1 .button-area input[type=checkbox], #mnsry_container_2 .button-area input[type=checkbox], #mnsry_container_3 .button-area input[type=checkbox], #mnsry_container_4 .button-area input[type=checkbox], #mnsry_container_5 .button-area input[type=checkbox], #mnsry_container_6 .button-area input[type=checkbox], .button-area input[type=checkbox] { display: none; } #mnsry_container-fb, .mnsry_container-fb, #mnsry_container, #mnsry_container_1, #mnsry_container_2, #mnsry_container_3, #mnsry_container_4, #mnsry_container_5, #mnsry_container_6 { position: relative; } @media only screen and (min-width: 64em) { #mnsry_container-fb, .mnsry_container-fb, #mnsry_container, #mnsry_container_1, #mnsry_container_2, #mnsry_container_3, #mnsry_container_4, #mnsry_container_5, #mnsry_container_6 { margin-left: 8%; } } #mnsry_container-fb .social-feed-element, .mnsry_container-fb .social-feed-element, #mnsry_container .social-feed-element, #mnsry_container_1 .social-feed-element, #mnsry_container_2 .social-feed-element, #mnsry_container_3 .social-feed-element, #mnsry_container_4 .social-feed-element, #mnsry_container_5 .social-feed-element, #mnsry_container_6 .social-feed-element, #mnsry_container-fb article, .mnsry_container-fb article, #mnsry_container article, #mnsry_container_1 article, #mnsry_container_2 article, #mnsry_container_3 article, #mnsry_container_4 article, #mnsry_container_5 article, #mnsry_container_6 article { background-color: #fff; float: left; display: block; width: 20%; margin: 0 0 2.5% 2%; height: 23rem; /* @media only screen and (min-width: 340px) {height: 24.5rem;} */ } #mnsry_container-fb .social-feed-element img, .mnsry_container-fb .social-feed-element img, #mnsry_container .social-feed-element img, #mnsry_container_1 .social-feed-element img, #mnsry_container_2 .social-feed-element img, #mnsry_container_3 .social-feed-element img, #mnsry_container_4 .social-feed-element img, #mnsry_container_5 .social-feed-element img, #mnsry_container_6 .social-feed-element img, #mnsry_container-fb article img, .mnsry_container-fb article img, #mnsry_container article img, #mnsry_container_1 article img, #mnsry_container_2 article img, #mnsry_container_3 article img, #mnsry_container_4 article img, #mnsry_container_5 article img, #mnsry_container_6 article img { height: auto; width: 100%; } #mnsry_container-fb .social-feed-element .ce_rsce_mitarbeiter_text, .mnsry_container-fb .social-feed-element .ce_rsce_mitarbeiter_text, #mnsry_container .social-feed-element .ce_rsce_mitarbeiter_text, #mnsry_container_1 .social-feed-element .ce_rsce_mitarbeiter_text, #mnsry_container_2 .social-feed-element .ce_rsce_mitarbeiter_text, #mnsry_container_3 .social-feed-element .ce_rsce_mitarbeiter_text, #mnsry_container_4 .social-feed-element .ce_rsce_mitarbeiter_text, #mnsry_container_5 .social-feed-element .ce_rsce_mitarbeiter_text, #mnsry_container_6 .social-feed-element .ce_rsce_mitarbeiter_text, #mnsry_container-fb article .ce_rsce_mitarbeiter_text, .mnsry_container-fb article .ce_rsce_mitarbeiter_text, #mnsry_container article .ce_rsce_mitarbeiter_text, #mnsry_container_1 article .ce_rsce_mitarbeiter_text, #mnsry_container_2 article .ce_rsce_mitarbeiter_text, #mnsry_container_3 article .ce_rsce_mitarbeiter_text, #mnsry_container_4 article .ce_rsce_mitarbeiter_text, #mnsry_container_5 article .ce_rsce_mitarbeiter_text, #mnsry_container_6 article .ce_rsce_mitarbeiter_text { padding: 5%; } #mnsry_container-fb .social-feed-element h2, .mnsry_container-fb .social-feed-element h2, #mnsry_container .social-feed-element h2, #mnsry_container_1 .social-feed-element h2, #mnsry_container_2 .social-feed-element h2, #mnsry_container_3 .social-feed-element h2, #mnsry_container_4 .social-feed-element h2, #mnsry_container_5 .social-feed-element h2, #mnsry_container_6 .social-feed-element h2, #mnsry_container-fb article h2, .mnsry_container-fb article h2, #mnsry_container article h2, #mnsry_container_1 article h2, #mnsry_container_2 article h2, #mnsry_container_3 article h2, #mnsry_container_4 article h2, #mnsry_container_5 article h2, #mnsry_container_6 article h2 { font-family: "freight-micro-pro", serif; font-variant: normal; font-size: 1.4rem; color: #737373; margin: 0 0 1rem 0; line-height: 1.1; } @media only screen and (max-width: 30em) { #mnsry_container-fb .social-feed-element h2, .mnsry_container-fb .social-feed-element h2, #mnsry_container .social-feed-element h2, #mnsry_container_1 .social-feed-element h2, #mnsry_container_2 .social-feed-element h2, #mnsry_container_3 .social-feed-element h2, #mnsry_container_4 .social-feed-element h2, #mnsry_container_5 .social-feed-element h2, #mnsry_container_6 .social-feed-element h2, #mnsry_container-fb article h2, .mnsry_container-fb article h2, #mnsry_container article h2, #mnsry_container_1 article h2, #mnsry_container_2 article h2, #mnsry_container_3 article h2, #mnsry_container_4 article h2, #mnsry_container_5 article h2, #mnsry_container_6 article h2 { margin: 0 0 .5rem 0; } } #mnsry_container-fb .social-feed-element ul li, .mnsry_container-fb .social-feed-element ul li, #mnsry_container .social-feed-element ul li, #mnsry_container_1 .social-feed-element ul li, #mnsry_container_2 .social-feed-element ul li, #mnsry_container_3 .social-feed-element ul li, #mnsry_container_4 .social-feed-element ul li, #mnsry_container_5 .social-feed-element ul li, #mnsry_container_6 .social-feed-element ul li, #mnsry_container-fb article ul li, .mnsry_container-fb article ul li, #mnsry_container article ul li, #mnsry_container_1 article ul li, #mnsry_container_2 article ul li, #mnsry_container_3 article ul li, #mnsry_container_4 article ul li, #mnsry_container_5 article ul li, #mnsry_container_6 article ul li { font-family: "freight-sans-pro", sans-serif; font-size: 1.125rem; color: #737373; } #mnsry_container-fb .social-feed-element ul li a, .mnsry_container-fb .social-feed-element ul li a, #mnsry_container .social-feed-element ul li a, #mnsry_container_1 .social-feed-element ul li a, #mnsry_container_2 .social-feed-element ul li a, #mnsry_container_3 .social-feed-element ul li a, #mnsry_container_4 .social-feed-element ul li a, #mnsry_container_5 .social-feed-element ul li a, #mnsry_container_6 .social-feed-element ul li a, #mnsry_container-fb article ul li a, .mnsry_container-fb article ul li a, #mnsry_container article ul li a, #mnsry_container_1 article ul li a, #mnsry_container_2 article ul li a, #mnsry_container_3 article ul li a, #mnsry_container_4 article ul li a, #mnsry_container_5 article ul li a, #mnsry_container_6 article ul li a { font-size: 1.0rem; text-decoration: none; color: #737373; } #mnsry_container-fb .social-feed-element ul li a:hover, .mnsry_container-fb .social-feed-element ul li a:hover, #mnsry_container .social-feed-element ul li a:hover, #mnsry_container_1 .social-feed-element ul li a:hover, #mnsry_container_2 .social-feed-element ul li a:hover, #mnsry_container_3 .social-feed-element ul li a:hover, #mnsry_container_4 .social-feed-element ul li a:hover, #mnsry_container_5 .social-feed-element ul li a:hover, #mnsry_container_6 .social-feed-element ul li a:hover, #mnsry_container-fb article ul li a:hover, .mnsry_container-fb article ul li a:hover, #mnsry_container article ul li a:hover, #mnsry_container_1 article ul li a:hover, #mnsry_container_2 article ul li a:hover, #mnsry_container_3 article ul li a:hover, #mnsry_container_4 article ul li a:hover, #mnsry_container_5 article ul li a:hover, #mnsry_container_6 article ul li a:hover { text-decoration: underline; } #mnsry_container-fb .social-feed-element ul li a.link--phone, .mnsry_container-fb .social-feed-element ul li a.link--phone, #mnsry_container .social-feed-element ul li a.link--phone, #mnsry_container_1 .social-feed-element ul li a.link--phone, #mnsry_container_2 .social-feed-element ul li a.link--phone, #mnsry_container_3 .social-feed-element ul li a.link--phone, #mnsry_container_4 .social-feed-element ul li a.link--phone, #mnsry_container_5 .social-feed-element ul li a.link--phone, #mnsry_container_6 .social-feed-element ul li a.link--phone, #mnsry_container-fb article ul li a.link--phone, .mnsry_container-fb article ul li a.link--phone, #mnsry_container article ul li a.link--phone, #mnsry_container_1 article ul li a.link--phone, #mnsry_container_2 article ul li a.link--phone, #mnsry_container_3 article ul li a.link--phone, #mnsry_container_4 article ul li a.link--phone, #mnsry_container_5 article ul li a.link--phone, #mnsry_container_6 article ul li a.link--phone { letter-spacing: 1px; } #loading_msg { position: fixed; top: 48%; width: 100%; z-index: -1; } /* @media ( max-width: 1400px ){ // set to 2 column #mnsry_container{ article{ width:30%; } } } */ @media only screen and (max-width: 64em) { .button-area { width: 80%; } } @media (max-width: 48em) { /* #mnsry_container-fb, .mnsry_container-fb, #mnsry_container{ article, .social-feed-element{ width: 47%; margin-left: 5.5; } } */ #mnsry_container_1 article, #mnsry_container_2 article, #mnsry_container_3 article, #mnsry_container_4 article, #mnsry_container_5 article, #mnsry_container_6 article { width: 30%; margin-left: 2.5%; } } /* @media ( max-width : 667px ){ // set to 1 column #mnsry_container{ article{ width:100%; min-height:220px; } } } */ @media only screen and (max-width: 30em) { .button-area { width: 80%; } #mnsry_container_1 article, #mnsry_container_2 article, #mnsry_container_3 article, #mnsry_container_4 article, #mnsry_container_5 article, #mnsry_container_6 article { width: 47%; margin-left: 2%; } } .social-feed-element p.social-feed-text { font-size: .85rem; line-height: 1.35; } .social-feed-element p.social-feed-text a { color: #96d6e1; } .social-feed-element p.social-feed-text a:hover { color: #e95313; } .social-feed-element .muted, .social-feed-element .pull-right { margin-left: 0px !important; font-size: .8rem; font-family: "freight-micro-pro", serif; } @media only screen and (max-width: 48em) { .form-container .ce_text { padding: 0 2rem; } .form-container .col-30, .form-container .ce_form { width: 100%; margin: 0 auto; float: none; } .form-container .col-30 { text-align: center; margin-bottom: 2rem; } .form-container .col-30 h3 { padding-top: 0; } .form-container .ce_form .zertifikate_textfelder { margin-bottom: 2rem; } .form-container .ce_form .zertifikate_textfelder, .form-container .ce_form .widget-checkbox { width: 100%; margin-left: 0; float: none; } } .sponsoring .ce_gallery { width: 80%; margin-left: 10%; /* a:last-child li { margin-left: 25%; @media only screen and (max-width: @480){ margin-left: 20%; } } */ } @media only screen and (max-width: 30em) { .sponsoring .ce_gallery { padding: 0; } } .sponsoring .ce_gallery li { width: 25%; padding: 3rem; } @media only screen and (max-width: 64em) { .sponsoring .ce_gallery li { padding: 2rem; } } @media only screen and (max-width: 30em) { .sponsoring .ce_gallery li { padding: 0; width: 60%; margin: 1rem 0 1rem 20%; } } .sponsoring .ce_gallery li .image_container { width: 100%; } .sponsoring .ce_gallery li .image_container img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all ease-in-out 0.2s; } .sponsoring .ce_gallery li .image_container img:hover { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .sponsoring .ce_text { padding: 0 2rem; } .check--privacy { margin-top: 1rem; } .tabs--form .tabcontrol_tabs ul { width: 100%; display: flex; justify-content: flex-start; margin-bottom: 0; } @media only screen and (max-width: 48em) { .tabs--form .tabcontrol_tabs ul { background: #7b7b7b; } } .tabs--form .tabcontrol_tabs ul li { display: block; padding: 1rem 2.75rem; font-size: 1.6rem; line-height: 1.2; font-weight: 300; color: black; transition: all ease-in-out 0.2s; align-self: center; } @media only screen and (max-width: 48em) { .tabs--form .tabcontrol_tabs ul li { width: 50%; } } .tabs--form .tabcontrol_tabs ul li:hover { background: #96d6e1; cursor: pointer; color: #646363; } .tabs--form .tabcontrol_tabs ul li.selected { background: #efefef; color: #646363; } .tabs--form .tabcontrol_tabs ul li.selected:hover { background: #efefef; cursor: default; } .ce_tabcontrol.tabs--form { width: 80%; max-width: 1000px; margin: 0 auto; } .form--container { padding: 1rem; margin: 0rem; margin-bottom: 4rem; background: #efefef; } @media only screen and (max-width: 48em) { .form--container { padding: 2rem; } } .form--container * { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; } .form--container h1, .form--container .formbody > .widget, .form--container .formbody > .submit_container { padding: 0 2rem; color: #e95313; line-height: 2rem; font-size: 2rem; } .form--container .container { margin-bottom: 4rem; padding: 0 2rem; } @media only screen and (max-width: 48em) { .form--container .container { margin-bottom: 2rem; } } .form--container .container + .widget { clear: both; } .form--container .widget-explanation { margin-top: 2rem; } .form--container .widget-explanation p strong { color: inherit; } .form--container input[type="text"], .form--container input[type="email"] { width: 100%; } .form--container input[type=text], .form--container input[type="email"], .form--container input[type="tel"], .form--container textarea { font-size: 1.5rem; height: 2.5rem; } .form--container input[type=text], .form--container input[type="email"], .form--container input[type="tel"] { margin-bottom: 2rem; width: 100%; border: 0px solid; background-color: transparent; border-bottom: 2px solid rgba(0, 0, 0, 0.7); color: #000; transition: all ease-in-out 0.2s; } .form--container input[type=text]::-webkit-input-placeholder, .form--container input[type="email"]::-webkit-input-placeholder, .form--container input[type="tel"]::-webkit-input-placeholder { color: #ßßß; } .form--container input[type=text]::-moz-placeholder, .form--container input[type="email"]::-moz-placeholder, .form--container input[type="tel"]::-moz-placeholder { color: #ßßß; } .form--container input[type=text]:-ms-input-placeholder, .form--container input[type="email"]:-ms-input-placeholder, .form--container input[type="tel"]:-ms-input-placeholder { /* IE 10+ */ color: #ßßß; } .form--container input[type=text] :-moz-placeholder, .form--container input[type="email"] :-moz-placeholder, .form--container input[type="tel"] :-moz-placeholder { /* Firefox 18- */ color: #ßßß; } .form--container input[type=text].first, .form--container input[type="email"].first, .form--container input[type="tel"].first { margin-top: 1.79rem; } .form--container input[type=text]:focus, .form--container input[type="email"]:focus, .form--container input[type="tel"]:focus { border-color: #e95313; } .form--container .style--checkbox { height: 1.7rem; width: 1.7rem; background: transparent; position: absolute; top: .42rem; left: 0rem; z-index: -1; } .form--container .style--checkbox:checked + label:before { transition: all ease-in-out 0.5s; background-color: #e95313; position: absolute; } .form--container input[type="checkbox"]::-ms-check { display: none; } .form--container .style--label { position: relative; font-size: 1.2rem; color: #e95313; display: inline-block; padding: .6rem 1rem .6rem 2.38rem; white-space: normal; line-height: 1.1; transition: all ease-in-out 0.2s; font-weight: 500; } .form--container .style--label:before { transition: all ease-in-out 0.5s; content: ' '; height: 1.7rem; width: 1.7rem; background-color: #fff; position: absolute; top: .42rem; left: 0rem; } .form--container .style--label:hover { cursor: pointer; } .form--container .style--label:hover:before { transition: all ease-in-out 0.1s; background-color: #aadee7; } .form--container input[type="checkbox"][name="conditionselector"] + label { position: relative; font-size: 1.2rem; color: #e95313; display: inline-block; padding: .6rem 1rem .6rem 2.38rem; white-space: normal; line-height: 1.1; transition: all ease-in-out 0.2s; font-weight: 500; left: -4px; } .form--container input[type="checkbox"][name="conditionselector"] + label:before { transition: all ease-in-out 0.5s; content: ' '; height: 1.7rem; width: 1.7rem; background-color: #fff; position: absolute; top: .42rem; left: 0rem; } .form--container input[type="checkbox"][name="conditionselector"] + label:hover { cursor: pointer; } .form--container input[type="checkbox"][name="conditionselector"] + label:hover:before { transition: all ease-in-out 0.1s; background-color: #aadee7; } .form--container input[type="checkbox"][name="conditionselector"]:checked + label:before { transition: all ease-in-out 0.5s; background-color: #e95313; position: absolute; } .form--container .widget-checkbox, .form--container .widget-radio { position: relative; } .form--container .widget-checkbox input, .form--container .widget-radio input { height: 1.7rem; width: 1.7rem; background: transparent; position: absolute; top: .42rem; left: 0rem; z-index: -1; } .form--container .widget-checkbox input:checked + label:before, .form--container .widget-radio input:checked + label:before { transition: all ease-in-out 0.5s; background-color: #e95313; position: absolute; } .form--container .widget-checkbox legend, .form--container .widget-radio legend { padding: 0 0 2rem 0; margin-left: 10%; color: #e95313; line-height: 2rem; font-size: 2rem; } .form--container .widget-checkbox span, .form--container .widget-radio span { display: inline-block; padding: 0 0 0 0; white-space: nowrap; padding-bottom: 1rem; float: none; width: 100%; } .form--container .widget-checkbox label, .form--container .widget-radio label { position: relative; font-size: 1.2rem; color: #e95313; display: inline-block; padding: .6rem 1rem .6rem 2.38rem; white-space: normal; line-height: 1.1; transition: all ease-in-out 0.2s; font-weight: 500; } .form--container .widget-checkbox label:before, .form--container .widget-radio label:before { transition: all ease-in-out 0.5s; content: ' '; height: 1.7rem; width: 1.7rem; background-color: #fff; position: absolute; top: .42rem; left: 0rem; } .form--container .widget-checkbox label:hover, .form--container .widget-radio label:hover { cursor: pointer; } .form--container .widget-checkbox label:hover:before, .form--container .widget-radio label:hover:before { transition: all ease-in-out 0.1s; background-color: #aadee7; } .form--container .widget-checkbox .float > span, .form--container .widget-radio .float > span { display: block; float: left; margin-right: 1rem; width: auto; } .form--container input[type=submit] { float: left; min-width: 17%; border: 0px; padding: 1rem 2rem; margin: .5rem 8% 2rem 0; background-color: #e95313; transition: ease-in-out 0.5s; color: #fff; font-size: 1.6rem; font-weight: 300; border-radius: 0; } @media only screen and (max-width: 48em) { .form--container input[type=submit] { width: 90%; margin: 0 5% 0 0; } .form--container input[type=submit] + input[type="submit"] { margin-top: 5px; } } .form--container input[type=submit]:hover { background-color: #fff; color: #e95313; transition: ease-in-out 0.5s; cursor: pointer; padding: 1rem 5rem; } .form--container input[type=submit].back { background: #dbdbdb; color: #6c6c6c; } .form--container input[type=submit].back:hover { background: #616161; color: #fff; padding: 1rem 2rem; } .form--container .col-70, .form--container .col-20, .form--container .col-45, .form--container .col-10, .form--container .col-35 { margin-right: 10%; } .form--container .col-70 + .col-45, .form--container .col-20 + .col-45, .form--container .col-45 + .col-45, .form--container .col-10 + .col-45, .form--container .col-35 + .col-45 { margin-right: 0; } .form--container .col-70 + .col-20, .form--container .col-20 + .col-70, .form--container .col-35 + .col-35 { margin-right: 0; } .form--container .jsDatepickerTageszeit span { transition: all ease .2s; } .form--container .jsDatepickerTageszeit span.inactive { opacity: .5; filter: grayscale(1); -webkit-filter: grayscale(1); pointer-events: none; } .form--rueckruf { padding: 1rem; margin: 0rem; margin-bottom: 4rem; background: #efefef; } @media only screen and (max-width: 48em) { .form--rueckruf { padding: 2rem; } } .form--rueckruf * { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; } .form--rueckruf h1, .form--rueckruf .formbody > .widget, .form--rueckruf .formbody > .submit_container { padding: 0 2rem; color: #e95313; line-height: 2rem; font-size: 2rem; } .form--rueckruf .container { margin-bottom: 4rem; padding: 0 2rem; } @media only screen and (max-width: 48em) { .form--rueckruf .container { margin-bottom: 2rem; } } .form--rueckruf .container + .widget { clear: both; } .form--rueckruf .widget-explanation { margin-top: 2rem; } .form--rueckruf .widget-explanation p strong { color: inherit; } .form--rueckruf input[type="text"], .form--rueckruf input[type="email"] { width: 100%; } .form--rueckruf input[type=text], .form--rueckruf input[type="email"], .form--rueckruf input[type="tel"], .form--rueckruf textarea { font-size: 1.5rem; height: 2.5rem; } .form--rueckruf input[type=text], .form--rueckruf input[type="email"], .form--rueckruf input[type="tel"] { margin-bottom: 2rem; width: 100%; border: 0px solid; background-color: transparent; border-bottom: 2px solid rgba(0, 0, 0, 0.7); color: #000; transition: all ease-in-out 0.2s; } .form--rueckruf input[type=text]::-webkit-input-placeholder, .form--rueckruf input[type="email"]::-webkit-input-placeholder, .form--rueckruf input[type="tel"]::-webkit-input-placeholder { color: #ßßß; } .form--rueckruf input[type=text]::-moz-placeholder, .form--rueckruf input[type="email"]::-moz-placeholder, .form--rueckruf input[type="tel"]::-moz-placeholder { color: #ßßß; } .form--rueckruf input[type=text]:-ms-input-placeholder, .form--rueckruf input[type="email"]:-ms-input-placeholder, .form--rueckruf input[type="tel"]:-ms-input-placeholder { /* IE 10+ */ color: #ßßß; } .form--rueckruf input[type=text] :-moz-placeholder, .form--rueckruf input[type="email"] :-moz-placeholder, .form--rueckruf input[type="tel"] :-moz-placeholder { /* Firefox 18- */ color: #ßßß; } .form--rueckruf input[type=text].first, .form--rueckruf input[type="email"].first, .form--rueckruf input[type="tel"].first { margin-top: 1.79rem; } .form--rueckruf input[type=text]:focus, .form--rueckruf input[type="email"]:focus, .form--rueckruf input[type="tel"]:focus { border-color: #e95313; } .form--rueckruf .style--checkbox { height: 1.7rem; width: 1.7rem; background: transparent; position: absolute; top: .42rem; left: 0rem; z-index: -1; } .form--rueckruf .style--checkbox:checked + label:before { transition: all ease-in-out 0.5s; background-color: #e95313; position: absolute; } .form--rueckruf input[type="checkbox"]::-ms-check { display: none; } .form--rueckruf .style--label { position: relative; font-size: 1.2rem; color: #e95313; display: inline-block; padding: .6rem 1rem .6rem 2.38rem; white-space: normal; line-height: 1.1; transition: all ease-in-out 0.2s; font-weight: 500; } .form--rueckruf .style--label:before { transition: all ease-in-out 0.5s; content: ' '; height: 1.7rem; width: 1.7rem; background-color: #fff; position: absolute; top: .42rem; left: 0rem; } .form--rueckruf .style--label:hover { cursor: pointer; } .form--rueckruf .style--label:hover:before { transition: all ease-in-out 0.1s; background-color: #aadee7; } .form--rueckruf input[type="checkbox"][name="conditionselector"] + label { position: relative; font-size: 1.2rem; color: #e95313; display: inline-block; padding: .6rem 1rem .6rem 2.38rem; white-space: normal; line-height: 1.1; transition: all ease-in-out 0.2s; font-weight: 500; left: -4px; } .form--rueckruf input[type="checkbox"][name="conditionselector"] + label:before { transition: all ease-in-out 0.5s; content: ' '; height: 1.7rem; width: 1.7rem; background-color: #fff; position: absolute; top: .42rem; left: 0rem; } .form--rueckruf input[type="checkbox"][name="conditionselector"] + label:hover { cursor: pointer; } .form--rueckruf input[type="checkbox"][name="conditionselector"] + label:hover:before { transition: all ease-in-out 0.1s; background-color: #aadee7; } .form--rueckruf input[type="checkbox"][name="conditionselector"]:checked + label:before { transition: all ease-in-out 0.5s; background-color: #e95313; position: absolute; } .form--rueckruf .widget-checkbox, .form--rueckruf .widget-radio { position: relative; } .form--rueckruf .widget-checkbox input, .form--rueckruf .widget-radio input { height: 1.7rem; width: 1.7rem; background: transparent; position: absolute; top: .42rem; left: 0rem; z-index: -1; } .form--rueckruf .widget-checkbox input:checked + label:before, .form--rueckruf .widget-radio input:checked + label:before { transition: all ease-in-out 0.5s; background-color: #e95313; position: absolute; } .form--rueckruf .widget-checkbox legend, .form--rueckruf .widget-radio legend { padding: 0 0 2rem 0; margin-left: 10%; color: #e95313; line-height: 2rem; font-size: 2rem; } .form--rueckruf .widget-checkbox span, .form--rueckruf .widget-radio span { display: inline-block; padding: 0 0 0 0; white-space: nowrap; padding-bottom: 1rem; float: none; width: 100%; } .form--rueckruf .widget-checkbox label, .form--rueckruf .widget-radio label { position: relative; font-size: 1.2rem; color: #e95313; display: inline-block; padding: .6rem 1rem .6rem 2.38rem; white-space: normal; line-height: 1.1; transition: all ease-in-out 0.2s; font-weight: 500; } .form--rueckruf .widget-checkbox label:before, .form--rueckruf .widget-radio label:before { transition: all ease-in-out 0.5s; content: ' '; height: 1.7rem; width: 1.7rem; background-color: #fff; position: absolute; top: .42rem; left: 0rem; } .form--rueckruf .widget-checkbox label:hover, .form--rueckruf .widget-radio label:hover { cursor: pointer; } .form--rueckruf .widget-checkbox label:hover:before, .form--rueckruf .widget-radio label:hover:before { transition: all ease-in-out 0.1s; background-color: #aadee7; } .form--rueckruf .widget-checkbox .float > span, .form--rueckruf .widget-radio .float > span { display: block; float: left; margin-right: 1rem; width: auto; } .form--rueckruf input[type=submit] { float: left; min-width: 17%; border: 0px; padding: 1rem 2rem; margin: .5rem 8% 2rem 0; background-color: #e95313; transition: ease-in-out 0.5s; color: #fff; font-size: 1.6rem; font-weight: 300; border-radius: 0; } @media only screen and (max-width: 48em) { .form--rueckruf input[type=submit] { width: 90%; margin: 0 5% 0 0; } .form--rueckruf input[type=submit] + input[type="submit"] { margin-top: 5px; } } .form--rueckruf input[type=submit]:hover { background-color: #fff; color: #e95313; transition: ease-in-out 0.5s; cursor: pointer; padding: 1rem 5rem; } .form--rueckruf input[type=submit].back { background: #dbdbdb; color: #6c6c6c; } .form--rueckruf input[type=submit].back:hover { background: #616161; color: #fff; padding: 1rem 2rem; } .form--rueckruf .col-70, .form--rueckruf .col-20, .form--rueckruf .col-45, .form--rueckruf .col-10, .form--rueckruf .col-35 { margin-right: 10%; } .form--rueckruf .col-70 + .col-45, .form--rueckruf .col-20 + .col-45, .form--rueckruf .col-45 + .col-45, .form--rueckruf .col-10 + .col-45, .form--rueckruf .col-35 + .col-45 { margin-right: 0; } .form--rueckruf .col-70 + .col-20, .form--rueckruf .col-20 + .col-70, .form--rueckruf .col-35 + .col-35 { margin-right: 0; } .form--rueckruf .jsDatepickerTageszeit span { transition: all ease .2s; } .form--rueckruf .jsDatepickerTageszeit span.inactive { opacity: .5; filter: grayscale(1); -webkit-filter: grayscale(1); pointer-events: none; } .is--ctl-form-container .datepicker_bootstrap .day6, .is--ctl-form-container .datepicker_bootstrap .day0 { pointer-events: none; color: #eee !important; } @media only screen and (max-width: 64em) { .is--ctl-form-container .ansprechpartner { display: none; } } #custom-overlay { z-index: 9999; position: fixed; top: 0; left: 0; width: 100vw; height: auto; pointer-events: none; } .content--overlay input[type="checkbox"] { display: none; } .content--overlay .container--overlay { display: block; height: 100%; width: auto; display: flex; width: 100%; height: 100vh; justify-content: center; align-items: center; z-index: 999; background-color: rgba(255, 255, 255, 0.3); backdrop-filter: blur(5px); opacity: 0; pointer-events: none; transition: all ease-in-out 0.5s; } @media only screen and (max-width: 768px) { .content--overlay .container--overlay { background-color: rgba(255, 255, 255, 0.8); } } .content--overlay .container--overlay label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; opacity: 0; } .content--overlay .container--overlay label .close { display: block; position: absolute; top: 2rem; right: 2rem; width: 3rem; height: 3rem; border: 1px solid transparent; transition: all ease-in-out 0.2s; } @media only screen and (max-width: 775px) { .content--overlay .container--overlay label .close { top: .625rem; right: .625rem; } } .content--overlay .container--overlay label .close span { width: 2.5rem; height: 3px; display: block; position: absolute; top: 50%; left: 50%; background-color: #000; transform: translate(-50%, -50%) rotate(45deg); } .content--overlay .container--overlay label .close span + span { transform: translate(-50%, -50%) rotate(-45deg); } .content--overlay .container--overlay label .close:hover { border-color: #000; } .content--overlay .container--overlay label:hover { cursor: pointer; } .content--overlay .container--overlay img { height: 100%; width: auto; display: block; max-height: 90vh; height: auto; position: relative; z-index: 10; } @media only screen and (max-width: 775px) { .content--overlay .container--overlay img { max-height: 80vh; } } .content--overlay input:checked + .container--overlay { opacity: 1; pointer-events: all; } .content--overlay input:checked + .container--overlay label { opacity: 1; } .is--ctl-mediathek .content--media-list { display: inline-block; width: 100%; padding: 0 2rem; } @media only screen and (max-width: 480px) { .is--ctl-mediathek .content--media-list { padding: 0; } } .is--ctl-mediathek .content--media-list .item { width: 50%; height: auto; float: left; padding: 0 2rem; } @media only screen and (max-width: 900px) { .is--ctl-mediathek .content--media-list .item { width: 100%; padding: 0; float: none; margin-top: 2rem; } .is--ctl-mediathek .content--media-list .item + .item { margin-top: 4rem; } } .is--ctl-mediathek .content--media-list .title { font-family: "freight-micro-pro", serif; color: #000; font-weight: 400; font-size: 1.4rem; display: block; height: 2.4rem; margin-bottom: 0; white-space: nowrap; } @media only screen and (max-width: 900px) { .is--ctl-mediathek .content--media-list .title { white-space: normal; height: auto; font-size: 1.8rem; margin-bottom: .5rem; } } @media only screen and (max-width: 480px) { .is--ctl-mediathek .content--media-list .title { font-size: 1.4rem; display: inline-block; padding: 0 1rem; } } .is--ctl-mediathek .content--media-list .title strong { color: #e95313; } .is--ctl-mediathek .content--media-list .title a { color: #000; text-decoration: none; } .is--ctl-mediathek .content--media-list .title a:hover { text-decoration: underline; } .is--ctl-mediathek .content--media-list .video_container { position: relative; padding-bottom: 56.25%; width: 100%; height: auto; } .is--ctl-mediathek .content--media-list .video_container video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .divTableCell_footer a { color: white; font-weight: 600; } .content--text-l-r { display: flex; padding-top: 8.75rem; padding-bottom: 12.5rem; } @media screen and (max-width: 768px) { .content--text-l-r { flex-direction: column; text-align: center; padding-top: 4rem; padding-bottom: 4rem; } } .content--text-l-r > * { flex-basis: 50%; } .content--text-l-r > *:first-child { padding-right: 4rem; } @media screen and (max-width: 768px) { .content--text-l-r > *:first-child { padding: 0; } } .content--text-l-r > *:first-child + * { padding-top: 2.9rem; } @media screen and (max-width: 768px) { .content--text-l-r > *:first-child + * { padding-top: 2rem; } } .content--text-l-r h3 { color: #000000; font-size: 2rem; margin: 0 0 1rem 0; line-height: 1; text-transform: uppercase; font-weight: 300; } @media screen and (max-width: 1280px) { .content--text-l-r h3 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .content--text-l-r h3 { margin-bottom: .8rem; } } @media screen and (max-width: 480px) { .content--text-l-r h3 { font-size: 1.6rem; } } .content--text-l-r h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; } @media screen and (max-width: 1280px) { .content--text-l-r h4 { font-size: 2.7rem; } } .content--text-l-r p { font-size: 1.3rem; } @media screen and (max-width: 1280px) { .content--text-l-r p { font-size: 1.17rem; } } .content--text-l-r p a { font-size: 1.6rem; color: #e95313; text-decoration: none; font-weight: 500; letter-spacing: .5px; } @media screen and (max-width: 1280px) { .content--text-l-r p a { font-size: 1.4rem; } } .content--text-l-r p a:hover { text-decoration: underline; } .content--text-l-r p a:before { content: "› "; } .rsts-skin-default .rsts-nav { left: 0; } .content--testimonials .rsts-progress { height: 8px !important; } .content--testimonials .rsts-slide > * { display: flex; background: #e95313; height: 45rem; } @media screen and (max-width: 768px) { .content--testimonials .rsts-slide > * { flex-direction: column; } } .content--testimonials .rsts-slide > * > * { flex-basis: 50%; } .content--testimonials .rsts-slide > * .ce_image .image_container { height: 100%; } .content--testimonials .rsts-slide > * .ce_image img { object-fit: cover; float: left; height: 100%; width: 100%; object-position: center; } .content--testimonials .rsts-slide > * .ce_text { position: relative; padding: 6rem 5rem 4.5rem 7rem; min-height: 490px; } @media screen and (max-width: 1120px) { .content--testimonials .rsts-slide > * .ce_text { padding: 6rem 4rem 4rem 6rem; } } @media screen and (max-width: 900px) { .content--testimonials .rsts-slide > * .ce_text { padding: 6rem 3rem 4rem 4rem; } } @media screen and (max-width: 768px) { .content--testimonials .rsts-slide > * .ce_text { min-height: 0; } } @media screen and (max-width: 480px) { .content--testimonials .rsts-slide > * .ce_text { padding: 4rem 2rem; } } .content--testimonials .rsts-slide > * .ce_text:before { content: ""; width: 122px; height: 94px; display: block; position: absolute; top: 4.5rem; left: 4rem; background: url("../../files/grafiken/anfuehrungszeichen.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; pointer-events: none; } @media screen and (max-width: 1120px) { .content--testimonials .rsts-slide > * .ce_text:before { top: 2.5rem; left: 2.5rem; } } @media screen and (max-width: 900px) { .content--testimonials .rsts-slide > * .ce_text:before { top: 2.2rem; } } @media screen and (max-width: 480px) { .content--testimonials .rsts-slide > * .ce_text:before { top: 1.2rem; left: 1rem; width: 80px; } } .content--testimonials .rsts-slide > * .ce_text * { color: #ffffff; } .content--testimonials .rsts-slide > * .ce_text p { font-size: 1rem; font-weight: 400; line-height: 1.25; } .content--testimonials .rsts-slide > * .ce_text p strong { font-size: 1.5rem; letter-spacing: .5px; line-height: 1.4; font-weight: 400; } @media screen and (max-width: 1280px) { .content--testimonials .rsts-slide > * .ce_text p strong { font-size: 1.35rem; } } @media screen and (max-width: 1100px) { .content--testimonials .rsts-slide > * .ce_text p strong { font-size: 1.2rem; } } @media screen and (max-width: 800px) { .content--testimonials .rsts-slide > * .ce_text p strong { font-size: 1.05rem; } } .content--benefits, .content--benefits-texts { padding-top: 8rem; padding-bottom: 6rem; } @media screen and (max-width: 600px) { .content--benefits, .content--benefits-texts { padding-top: 4rem; padding-bottom: 4rem; } } @media screen and (max-width: 480px) { .content--benefits, .content--benefits-texts { padding-top: 3rem; padding-bottom: 2rem; } } .content--benefits > .ce_text, .content--benefits-texts > .ce_text { text-align: center; margin: 0 auto; max-width: 840px; } .content--benefits h3, .content--benefits-texts h3 { color: #000000; font-size: 2rem; margin: 0 0 1rem 0; line-height: 1; text-transform: uppercase; font-weight: 300; } @media screen and (max-width: 1280px) { .content--benefits h3, .content--benefits-texts h3 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .content--benefits h3, .content--benefits-texts h3 { margin-bottom: .8rem; } } @media screen and (max-width: 480px) { .content--benefits h3, .content--benefits-texts h3 { font-size: 1.6rem; } } .content--benefits h4, .content--benefits-texts h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; } @media screen and (max-width: 1280px) { .content--benefits h4, .content--benefits-texts h4 { font-size: 2.7rem; } } .content--benefits .container--benefits { display: flex; justify-content: space-between; gap: 2rem 3rem; flex-wrap: wrap; max-width: 1000px; margin: 6rem auto 0 auto; } @media screen and (max-width: 600px) { .content--benefits .container--benefits { gap: 2rem; } } @media screen and (max-width: 540px) { .content--benefits .container--benefits { flex-direction: column; align-items: center; margin-top: 4rem; } } .content--benefits .container--benefits > * { flex-basis: calc(33.33% - (6rem / 3)); font-size: 1.2rem; color: #000000; position: relative; line-height: 1.1; display: flex; gap: .6rem; overflow: visible; } @media screen and (max-width: 768px) { .content--benefits .container--benefits > * { flex-basis: calc(50% - (6rem / 2)); } } @media screen and (max-width: 600px) { .content--benefits .container--benefits > * { flex-basis: calc(50% - (4rem / 2)); } } .content--benefits .container--benefits .image_container { display: block; width: 2.5rem; height: 1.8rem; position: relative; top: -0.1rem; } .content--benefits .container--benefits .image_container img { object-fit: none; object-position: right; width: 100%; height: 100%; } .content--benefits-texts .container--benefits { display: flex; justify-content: space-between; gap: 2rem 3rem; flex-wrap: wrap; margin: 6rem auto 0 auto; max-width: 1180px; } @media screen and (max-width: 600px) { .content--benefits-texts .container--benefits { gap: 2rem; } } @media screen and (max-width: 540px) { .content--benefits-texts .container--benefits { flex-direction: column; align-items: center; margin-top: 4rem; } } .content--benefits-texts .container--benefits > * { flex-basis: calc(33.33% - (6rem / 3)); font-size: 1.2rem; color: #000000; position: relative; line-height: 1.1; gap: .5rem; overflow: visible; text-align: center; } @media screen and (max-width: 768px) { .content--benefits-texts .container--benefits > * { flex-basis: calc(50% - (6rem / 2)); } } @media screen and (max-width: 600px) { .content--benefits-texts .container--benefits > * { flex-basis: calc(50% - (4rem / 2)); } } .content--benefits-texts .container--benefits .image_container { width: 2.8rem; height: 2.8rem; display: block; margin: 0 auto .8rem auto; } .content--benefits-texts .container--benefits .image_container img { object-fit: contain; object-position: center; width: 100%; height: 100%; } .content--benefits-texts .container--benefits p strong { text-transform: uppercase; color: #e95313; } .content--einblicke { background: #e95313; text-align: center; padding-top: 6rem; padding-bottom: 4rem; } @media screen and (max-width: 1024px) { .content--einblicke { padding-top: 4rem; padding-bottom: 2rem; } } .content--einblicke .ce_text { text-align: center; margin: 0 auto; max-width: 840px; max-width: 900px; } .content--einblicke h3 { color: #000000; font-size: 2rem; margin: 0 0 1rem 0; line-height: 1; text-transform: uppercase; font-weight: 300; color: #ffffff; } @media screen and (max-width: 1280px) { .content--einblicke h3 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .content--einblicke h3 { margin-bottom: .8rem; } } @media screen and (max-width: 480px) { .content--einblicke h3 { font-size: 1.6rem; } } .content--einblicke h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; color: #ffffff; } @media screen and (max-width: 1280px) { .content--einblicke h4 { font-size: 2.7rem; } } .content--einblicke h4 strong { color: #000000; } .content--einblicke .mod_rocksolid_slider { margin: 4rem auto 0 auto; } @media screen and (max-width: 1024px) { .content--einblicke .mod_rocksolid_slider { margin-top: 2rem; } } .content--einblicke .mod_rocksolid_slider .rsts-view { padding-left: 3.4rem; padding-right: 3.4rem; } @media screen and (max-width: 768px) { .content--einblicke .mod_rocksolid_slider .rsts-view { padding-left: 2rem; padding-right: 2rem; } } @media screen and (max-width: 480px) { .content--einblicke .mod_rocksolid_slider .rsts-view { padding-left: 0; padding-right: 0; } } .content--einblicke .mod_rocksolid_slider .rsts-slide { padding: .8rem; } @media screen and (max-width: 768px) { .content--einblicke .mod_rocksolid_slider .rsts-slide { padding: 0; } } .content--einblicke .mod_rocksolid_slider .rsts-prev, .content--einblicke .mod_rocksolid_slider .rsts-next { position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: transparent; border-radius: 0; border: none; box-shadow: none; width: 3rem; height: 3rem; } @media screen and (max-width: 480px) { .content--einblicke .mod_rocksolid_slider .rsts-prev, .content--einblicke .mod_rocksolid_slider .rsts-next { display: none; } } .content--einblicke .mod_rocksolid_slider .rsts-prev:after, .content--einblicke .mod_rocksolid_slider .rsts-next:after { content: ""; display: block; width: 1.5rem; height: 1.5rem; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(135deg); } .content--einblicke .mod_rocksolid_slider .rsts-prev:hover, .content--einblicke .mod_rocksolid_slider .rsts-next:hover { opacity: .7; } .content--einblicke .mod_rocksolid_slider .rsts-next { left: unset; right: 0; } .content--einblicke .mod_rocksolid_slider .rsts-next:after { transform: translate(-50%, -50%) rotate(-45deg); } .content--einblicke .rsts-skin-default .rsts-nav-bullets a { background-color: #fff; } .content--einblicke .rsts-skin-default .rsts-nav-bullets a:hover, .content--einblicke .rsts-skin-default .rsts-nav-bullets a.active { background-color: #000000; } .content--karriere-kontakt { background: #efefef; display: flex; gap: 2rem; padding-top: 3.875rem; padding-bottom: 8.125rem; } @media screen and (max-width: 1150px) { .content--karriere-kontakt { padding-top: 3rem; padding-bottom: 6rem; } } @media screen and (max-width: 900px) { .content--karriere-kontakt { flex-direction: column; align-items: center; padding: 2rem 0 4rem 0; } } .content--karriere-kontakt > * { flex-basis: calc(25% - 1rem); } .content--karriere-kontakt > * + * { flex-basis: calc(75% - 1rem); } @media screen and (max-width: 900px) { .content--karriere-kontakt > .ce_text { text-align: center; padding: 0 2rem; } } .content--karriere-kontakt > .ce_text h4 { color: #e95313; margin-bottom: 2rem; } .content--karriere-kontakt > .ce_text p { font-size: 1.8rem; line-height: 1.3; } @media screen and (max-width: 1150px) { .content--karriere-kontakt > .ce_text p { font-size: 1.4rem; } } .content--karriere-kontakt .container--flex { display: flex; justify-content: flex-start; gap: 2rem; padding-top: 3.8rem; } @media screen and (max-width: 900px) { .content--karriere-kontakt .container--flex { padding: 0 1rem; gap: 1rem; } } @media screen and (max-width: 600px) { .content--karriere-kontakt .container--flex { flex-wrap: wrap; justify-content: center; } } .content--karriere-kontakt .container--flex > * { flex-basis: calc(33.33% - 0.75rem); } .content--karriere-kontakt .container--flex .item { background: #fff; height: 23rem; } @media screen and (max-width: 600px) { .content--karriere-kontakt .container--flex .item { height: auto; } } .content--karriere-kontakt .container--flex .ce_rsce_mitarbeiter_text { padding: 5%; } .content--karriere-kontakt .container--flex .ce_rsce_mitarbeiter_text a { text-decoration: none; } .content--karriere-kontakt .container--flex h2 { font-size: 1.4rem; line-height: 1.1; margin: 0 0 2rem 0; font-family: "freight-micro-pro", serif; } .content--karriere-kontakt .container--flex li { font-size: 1.125rem; } .content--karriere-kontakt.bg--white { background-color: #ffffff; padding-bottom: 4rem; } @media screen and (max-width: 1150px) { .content--karriere-kontakt.bg--white { padding-bottom: 2rem; } } .content--karriere-kontakt.bg--white .container--flex .item { background-color: #efefef; } .content--siegel { padding-top: 6rem; padding-bottom: 2.5rem; } .content--siegel .ce_text { text-align: center; margin: 0 auto; max-width: 840px; max-width: 900px; } .content--siegel h3 { color: #000000; font-size: 2rem; margin: 0 0 1rem 0; line-height: 1; text-transform: uppercase; font-weight: 300; } @media screen and (max-width: 1280px) { .content--siegel h3 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .content--siegel h3 { margin-bottom: .8rem; } } @media screen and (max-width: 480px) { .content--siegel h3 { font-size: 1.6rem; } } .content--siegel h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; } @media screen and (max-width: 1280px) { .content--siegel h4 { font-size: 2.7rem; } } .content--siegel .ce_gallery { padding-top: 2.315rem; } .content--siegel .ce_gallery ul { display: flex; justify-content: center; align-items: center; gap: 6rem; } @media screen and (max-width: 900px) { .content--siegel .ce_gallery ul { gap: 2rem; flex-wrap: wrap; } } .content--siegel .ce_gallery img { filter: grayscale(1); } .content--jobs-ausbildung > div { display: flex; gap: 3rem; flex-wrap: wrap; } @media screen and (max-width: 1260px) { .content--jobs-ausbildung > div { gap: 2rem; } } .content--jobs-ausbildung > div .layout_ausbildung { flex-basis: calc(33.33% - 2rem); background: #fff; display: flex; flex-direction: column; } @media screen and (max-width: 1260px) { .content--jobs-ausbildung > div .layout_ausbildung { flex-basis: calc(33.33% - 1.3333rem); } } @media screen and (max-width: 900px) { .content--jobs-ausbildung > div .layout_ausbildung { flex-basis: calc(50% - 1rem); } } @media screen and (max-width: 480px) { .content--jobs-ausbildung > div .layout_ausbildung { flex-basis: 100%; } } .content--jobs-ausbildung > div .layout_ausbildung .container--image { display: inline-block; height: 14rem; width: 100%; } @media screen and (max-width: 1420px) { .content--jobs-ausbildung > div .layout_ausbildung .container--image { height: 15vw; min-height: 10rem; } } .content--jobs-ausbildung > div .layout_ausbildung img { float: left; width: 100%; height: 100%; object-fit: cover; object-position: center; } .content--jobs-ausbildung > div .layout_ausbildung .container--text { display: flex; flex-direction: column; padding: 1.5rem 1.5rem 1rem 1.5rem; flex-grow: 1; justify-content: space-between; } .content--jobs-ausbildung > div .layout_ausbildung h2 { margin: 0; font-size: 1.6rem; line-height: 1.3; flex-grow: 1; opacity: .7; } @media screen and (max-width: 1024px) { .content--jobs-ausbildung > div .layout_ausbildung h2 { font-size: 1.4rem; } } .content--jobs-ausbildung > div .layout_ausbildung p.more { display: inline-block; margin-top: 2.75rem; } .content--jobs-ausbildung > div .layout_ausbildung p.more a { font-size: 1.6rem; color: #e95313; text-decoration: none; font-weight: 500; letter-spacing: .5px; font-size: 1.4rem; } @media screen and (max-width: 1280px) { .content--jobs-ausbildung > div .layout_ausbildung p.more a { font-size: 1.4rem; } } .content--jobs-ausbildung > div .layout_ausbildung p.more a:hover { text-decoration: underline; } .content--jobs-ausbildung > div .layout_ausbildung p.more a:before { content: "› "; } .content--jobs-ausbildung > div > .ce_text { flex-basis: auto; max-width: calc(66.66% - 1rem); background-color: #e9ddb4; padding: 3.5rem 3rem 2rem 3rem; } @media screen and (max-width: 1260px) { .content--jobs-ausbildung > div > .ce_text { max-width: calc(66.66% - 0.6666rem); } } @media screen and (max-width: 1024px) { .content--jobs-ausbildung > div > .ce_text { padding: 2.5rem 2rem 2rem 2.5rem; } } @media screen and (max-width: 900px) { .content--jobs-ausbildung > div > .ce_text { max-width: none; } } .content--jobs-ausbildung > div > .ce_text h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; margin-bottom: 2rem; font-size: 2.6rem; line-height: 1.3; } @media screen and (max-width: 1280px) { .content--jobs-ausbildung > div > .ce_text h4 { font-size: 2.7rem; } } @media screen and (max-width: 1024px) { .content--jobs-ausbildung > div > .ce_text h4 { font-size: 2rem; margin-bottom: 1.5rem; } } .content--jobs-ausbildung > div > .ce_text p a { font-size: 1.6rem; color: #e95313; text-decoration: none; font-weight: 500; letter-spacing: .5px; display: inline-block; margin-top: .5rem; } @media screen and (max-width: 1280px) { .content--jobs-ausbildung > div > .ce_text p a { font-size: 1.4rem; } } .content--jobs-ausbildung > div > .ce_text p a:hover { text-decoration: underline; } .content--jobs-ausbildung > div > .ce_text p a:before { content: "› "; } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } .content--video { background-color: #e95313; padding-top: 5rem; padding-bottom: 4rem; } .content--video .ce_text { text-align: center; margin: 0 auto; max-width: 840px; } .content--video h3 { color: #000000; font-size: 2rem; margin: 0 0 1rem 0; line-height: 1; text-transform: uppercase; font-weight: 300; color: #ffffff; } @media screen and (max-width: 1280px) { .content--video h3 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .content--video h3 { margin-bottom: .8rem; } } @media screen and (max-width: 480px) { .content--video h3 { font-size: 1.6rem; } } .content--video h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; } @media screen and (max-width: 1280px) { .content--video h4 { font-size: 2.7rem; } } .content--video .content--media-list { max-width: 940px; margin: 2.5rem auto 0 auto; position: relative; } .content--video .content--media-list .jsPlayButton { display: block; width: 74px; height: 74px; border-style: solid; border-width: 37px 0px 37px 74px; border-color: transparent transparent transparent #e95313; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; } @media screen and (max-width: 480px) { .content--video .content--media-list .jsPlayButton { width: 49px; height: 49px; border-width: 24px 0px 24px 49px; } } .content--faq { padding-top: 6rem; padding-bottom: 4rem; } @media screen and (max-width: 768px) { .content--faq { padding-top: 4rem; padding-bottom: 2rem; } } @media screen and (max-width: 480px) { .content--faq { padding-top: 2rem; padding-bottom: 0; } } .content--faq div.ce_text { text-align: center; margin: 0 auto; max-width: 840px; max-width: 800px; margin-bottom: 4rem; } @media screen and (max-width: 768px) { .content--faq div.ce_text { margin-bottom: 3rem; } } @media screen and (max-width: 480px) { .content--faq div.ce_text { margin-bottom: 2rem; } } .content--faq h3 { color: #000000; font-size: 2rem; margin: 0 0 1rem 0; line-height: 1; text-transform: uppercase; font-weight: 300; } @media screen and (max-width: 1280px) { .content--faq h3 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .content--faq h3 { margin-bottom: .8rem; } } @media screen and (max-width: 480px) { .content--faq h3 { font-size: 1.6rem; } } .content--faq h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; } @media screen and (max-width: 1280px) { .content--faq h4 { font-size: 2.7rem; } } .content--faq .ce_accordion { max-width: 940px; margin-left: auto; margin-right: auto; background: #efefef; } .content--faq .ce_accordion + * { margin-top: 1rem; } .content--faq .ce_accordion .toggler { padding: 1rem 4rem 1rem 3rem; position: relative; font-size: 1.5rem; color: #000000; font-weight: 500; line-height: 1.2; } @media screen and (max-width: 768px) { .content--faq .ce_accordion .toggler { padding-left: 2rem; } } @media screen and (max-width: 480px) { .content--faq .ce_accordion .toggler { padding-left: 1rem; font-size: 1.3rem; } } .content--faq .ce_accordion .toggler:before, .content--faq .ce_accordion .toggler:after { content: "+"; display: block; position: absolute; top: calc(50% - 0.3rem); right: 1rem; transform: translateY(-50%); font-size: 2.5rem; color: #e95313; font-weight: 400; opacity: 1; transition: opacity ease .3s; } .content--faq .ce_accordion .toggler:after { content: "–"; opacity: 0; } .content--faq .ce_accordion .toggler.ui-state-active:before { opacity: 0; } .content--faq .ce_accordion .toggler.ui-state-active:after { opacity: 1; } .content--faq .ce_accordion .toggler:hover { cursor: pointer; } .content--faq .ce_accordion .accordion { padding: 0 4rem .5rem 3rem; } @media screen and (max-width: 768px) { .content--faq .ce_accordion .accordion { padding-left: 2rem; } } @media screen and (max-width: 480px) { .content--faq .ce_accordion .accordion { padding-left: 1rem; } } .content--faq .ce_accordion .accordion p, .content--faq .ce_accordion .accordion li { color: #000000; font-size: 1.2rem; line-height: 1.7; } .content--faq .ce_accordion .accordion li { position: relative; padding-left: 1.5rem; } .content--faq .ce_accordion .accordion li + li { margin-top: .4rem; } .content--faq .ce_accordion .accordion li:before { content: ""; width: 1rem; height: 1rem; background-color: #e95313; position: absolute; top: .55rem; left: 0; } .content--stellenanzeigen { padding-top: 6rem; padding-bottom: 8rem; } @media screen and (max-width: 1024px) { .content--stellenanzeigen { padding-bottom: 6rem; } } @media screen and (max-width: 768px) { .content--stellenanzeigen { padding-bottom: 4rem; } } .content--stellenanzeigen > .ce_text { text-align: center; margin: 0 auto; max-width: 840px; max-width: 1060px; } .content--stellenanzeigen > .ce_text h3 { color: #000000; font-size: 2rem; margin: 0 0 1rem 0; line-height: 1; text-transform: uppercase; font-weight: 300; } @media screen and (max-width: 1280px) { .content--stellenanzeigen > .ce_text h3 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .content--stellenanzeigen > .ce_text h3 { margin-bottom: .8rem; } } @media screen and (max-width: 480px) { .content--stellenanzeigen > .ce_text h3 { font-size: 1.6rem; } } .content--stellenanzeigen > .ce_text h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; } @media screen and (max-width: 1280px) { .content--stellenanzeigen > .ce_text h4 { font-size: 2.7rem; } } .content--stellenanzeigen .tabcontrol_tabs { margin: 5rem 0; } @media screen and (max-width: 1024px) { .content--stellenanzeigen .tabcontrol_tabs { margin: 3.5rem 0; } } .content--stellenanzeigen .tabcontrol_tabs ul { display: flex; justify-content: center; gap: 2.25rem; flex-wrap: wrap; } .content--stellenanzeigen .tabcontrol_tabs li, .content--stellenanzeigen .ui-accordion-header { font-size: 2rem; text-transform: uppercase; color: #000000; opacity: .6; transition: all ease .2s; font-weight: 400; font-family: "freight-sans-pro", sans-serif; } .content--stellenanzeigen .tabcontrol_tabs li:hover, .content--stellenanzeigen .ui-accordion-header:hover { opacity: 1; cursor: pointer; text-decoration: underline; } .content--stellenanzeigen .tabcontrol_tabs li:hover, .content--stellenanzeigen .ui-accordion-header:hover, .content--stellenanzeigen .tabcontrol_tabs li.selected, .content--stellenanzeigen .ui-accordion-header.selected, .content--stellenanzeigen .tabcontrol_tabs li.active, .content--stellenanzeigen .ui-accordion-header.active { opacity: 1; color: #e95313; text-decoration: underline; } .content--stellenanzeigen .ui-accordion-header { padding-bottom: 1rem; } .content--stellenanzeigen .mod_newslist, .content--stellenanzeigen .mod_sorted_news { position: relative; overflow: visible; min-height: 4rem; } .content--stellenanzeigen .empty:before { content: "Derzeit keine Stellen verfügbar"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .content--stellenanzeigen .layout_stellenanzeige { background-color: #efefef; transition: background-color ease 0.2s; max-width: 940px; display: block; margin: 0 auto; } .content--stellenanzeigen .layout_stellenanzeige a { text-decoration: none; } .content--stellenanzeigen .layout_stellenanzeige .container--text { display: flex; align-items: center; gap: 3rem; padding: 1rem 2rem; } @media screen and (max-width: 768px) { .content--stellenanzeigen .layout_stellenanzeige .container--text { gap: 1.5rem; padding: 1rem; } } @media screen and (max-width: 600px) { .content--stellenanzeigen .layout_stellenanzeige .container--text { flex-wrap: wrap; justify-content: space-between; gap: 0; } } .content--stellenanzeigen .layout_stellenanzeige .container--text > p, .content--stellenanzeigen .layout_stellenanzeige .container--text .teaser { min-width: 8rem; } @media screen and (max-width: 600px) { .content--stellenanzeigen .layout_stellenanzeige .container--text > p, .content--stellenanzeigen .layout_stellenanzeige .container--text .teaser { min-width: 1rem; } } .content--stellenanzeigen .layout_stellenanzeige .container--text * { color: #000000; margin: 0; } .content--stellenanzeigen .layout_stellenanzeige .container--text h2 { flex-grow: 1; text-transform: uppercase; font-size: 1.6rem; line-height: 1.15; } @media screen and (max-width: 768px) { .content--stellenanzeigen .layout_stellenanzeige .container--text h2 { font-size: 1.4rem; } } @media screen and (max-width: 600px) { .content--stellenanzeigen .layout_stellenanzeige .container--text h2 { flex-basis: 100%; margin-bottom: 1.5rem; } } .content--stellenanzeigen .layout_stellenanzeige .container--text p { font-weight: 500; font-size: 1rem; } .content--stellenanzeigen .layout_stellenanzeige + * { margin-top: .8rem; } .content--stellenanzeigen .layout_stellenanzeige:hover { background: #e95313; } .content--stellenanzeigen .layout_stellenanzeige:hover * { color: #ffffff; } .content--stellenanzeigen.con-stellen-ausbildung .tabcontrol_tabs { margin-top: 1rem; margin-bottom: 3rem; } .content--bewerbungsprozess { background: #e95313; text-align: center; padding-top: 6rem; padding-bottom: 4rem; } @media screen and (max-width: 1024px) { .content--bewerbungsprozess { padding-top: 4rem; padding-bottom: 2rem; } } .content--bewerbungsprozess > .ce_text { text-align: center; margin: 0 auto; max-width: 840px; max-width: 900px; } .content--bewerbungsprozess > .ce_text a { font-size: 1.6rem; color: #e95313; text-decoration: none; font-weight: 500; letter-spacing: .5px; color: #000000; font-size: 2rem; font-weight: 300; } @media screen and (max-width: 1280px) { .content--bewerbungsprozess > .ce_text a { font-size: 1.4rem; } } .content--bewerbungsprozess > .ce_text a:hover { text-decoration: underline; } .content--bewerbungsprozess > .ce_text a:before { content: "› "; } .content--bewerbungsprozess h3 { color: #000000; font-size: 2rem; margin: 0 0 1rem 0; line-height: 1; text-transform: uppercase; font-weight: 300; color: #ffffff; } @media screen and (max-width: 1280px) { .content--bewerbungsprozess h3 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .content--bewerbungsprozess h3 { margin-bottom: .8rem; } } @media screen and (max-width: 480px) { .content--bewerbungsprozess h3 { font-size: 1.6rem; } } .content--bewerbungsprozess h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; color: #ffffff; } @media screen and (max-width: 1280px) { .content--bewerbungsprozess h4 { font-size: 2.7rem; } } .content--bewerbungsprozess h4 strong { color: #000000; } .content--bewerbungsprozess .container--flex { display: flex; margin-top: 4rem; margin-bottom: 4rem; gap: 2rem; } @media screen and (max-width: 900px) { .content--bewerbungsprozess .container--flex { flex-wrap: wrap; } } @media screen and (max-width: 530px) { .content--bewerbungsprozess .container--flex { flex-direction: column; align-items: center; margin-top: 2rem; margin-bottom: 2rem; } } .content--bewerbungsprozess .container--flex .ce_text { max-width: 337px; overflow: visible; z-index: 2; flex-basis: calc(25% - 1.5rem); } @media screen and (max-width: 900px) { .content--bewerbungsprozess .container--flex .ce_text { flex-basis: calc(50% - 1rem); } } .content--bewerbungsprozess .container--flex h3 { font-size: 3rem; font-weight: 500; position: relative; z-index: 1; } .content--bewerbungsprozess .container--flex h3:after { content: ""; display: block; width: 4rem; height: 100%; background: #e95313; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; pointer-events: none; } .content--bewerbungsprozess .container--flex p { color: #ffffff; font-weight: 300; font-size: 1.2rem; margin-bottom: 0; } .content--bewerbungsprozess .container--flex p strong { text-transform: uppercase; color: #ffffff; font-weight: 400; font-size: 1.2rem; } .content--bewerbungsprozess .container--flex p a { color: #ffffff; font-size: 1.2rem; } .content--bewerbungsprozess .container--flex .ce_text:nth-child(1), .content--bewerbungsprozess .container--flex .ce_text:nth-child(4) { z-index: 1; } .content--bewerbungsprozess .container--flex .ce_text:nth-child(1) h3:before, .content--bewerbungsprozess .container--flex .ce_text:nth-child(4) h3:before { content: ""; display: block; width: 33rem; height: 2px; background: #000000; position: absolute; top: calc(50% + 6px); left: 50%; z-index: -2; pointer-events: none; } .content--bewerbungsprozess .container--flex .ce_text:nth-child(4) h3:before { left: unset; right: 50%; } @media screen and (max-width: 900px) { .content--bewerbungsprozess .container--flex .ce_text:nth-child(1) h3:before, .content--bewerbungsprozess .container--flex .ce_text:nth-child(2) h3:before, .content--bewerbungsprozess .container--flex .ce_text:nth-child(3) h3:before, .content--bewerbungsprozess .container--flex .ce_text:nth-child(4) h3:before { content: ""; display: block; width: 12rem; height: 2px; background: #000000; position: absolute; top: calc(50% + 6px); left: 50%; z-index: -2; pointer-events: none; } .content--bewerbungsprozess .container--flex .ce_text:nth-child(2) h3:before, .content--bewerbungsprozess .container--flex .ce_text:nth-child(4) h3:before { left: unset; right: 50%; } } @media screen and (max-width: 530px) { .content--bewerbungsprozess .container--flex .ce_text:nth-child(1) h3:before, .content--bewerbungsprozess .container--flex .ce_text:nth-child(2) h3:before, .content--bewerbungsprozess .container--flex .ce_text:nth-child(3) h3:before, .content--bewerbungsprozess .container--flex .ce_text:nth-child(4) h3:before { content: none; } } .item--hinweis p { color: #fff; } .container--iframe { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 6rem; padding-bottom: 8rem; } @media screen and (max-width: 1024px) { .container--iframe { padding-bottom: 6rem; } } @media screen and (max-width: 768px) { .container--iframe { padding-bottom: 4rem; } } .container--iframe > .ce_text { text-align: center; margin: 0 auto; max-width: 840px; max-width: 1060px; } .container--iframe > .ce_text h3 { color: #000000; font-size: 2rem; margin: 0 0 1rem 0; line-height: 1; text-transform: uppercase; font-weight: 300; } @media screen and (max-width: 1280px) { .container--iframe > .ce_text h3 { font-size: 1.8rem; } } @media screen and (max-width: 768px) { .container--iframe > .ce_text h3 { margin-bottom: .8rem; } } @media screen and (max-width: 480px) { .container--iframe > .ce_text h3 { font-size: 1.6rem; } } .container--iframe > .ce_text h4 { margin: 0; font-size: 3rem; letter-spacing: 1px; } @media screen and (max-width: 1280px) { .container--iframe > .ce_text h4 { font-size: 2.7rem; } } .container--iframe iframe { margin-top: 4rem; width: 100%; max-width: 940px; border: none; outline: none; } .is--ctl-karriere .hide--ctl-karriere { opacity: 0; pointer-events: none; }