.rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} @charset "UTF-8";/*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp( var(--mm-min-size), var(--mm-size), var(--mm-max-size) )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp( calc(-1 * var(--mm-max-size)), calc(-1 * var(--mm-size)), calc(-1 * var(--mm-min-size)) )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /*! * Contao Open Source CMS * * Copyright (c) 2005-2016 Leo Feyer * * @license LGPL-3.0+ */ /** * Reset the margin and padding of the block elements */ 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; } /** * Basic element formatting */ table { border-spacing:0; border-collapse:collapse; } caption,th,td { text-align:left; text-align:start; /* see #4596 */ 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; } /** * Default font settings */ input,button,textarea,select { font-family:inherit; font-size:99%; font-weight:inherit; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } h1 { font-size:1.8333em; /* 22px */ } h2 { font-size:1.6667em; /* 20px */ } h3 { font-size:1.5em; /* 18px */ } h4 { font-size:1.3333em; /* 16px */ } table { font-size:inherit; } caption,th { font-weight:bold; } /** * Default margins */ 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; /* Should match the font size */ } /** * Flexible images (videos see #4896) * * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries */ img { max-width:100%; height:auto; } .ie7 img { -ms-interpolation-mode:bicubic; } .ie8 img { width:auto; /* see #5789 */ } /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -5px; margin-right: -5px; } /* Start: Custom Config */ .row.equalize { display: flex; } .row.no-col-padding { padding-left: 5px; padding-right: 5px; } .row.no-col-padding > div { padding-left: 0; padding-right: 0; } /* End: Custom Config */ .col-xxs-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xxs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xxs-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xxs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xxs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xxs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xxs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xxs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xxs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xxs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xxs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xxs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; } .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 { float: left; } .col-xxs-12 { width: 100%; } .col-xxs-11 { width: 91.66666667%; } .col-xxs-10 { width: 83.33333333%; } .col-xxs-9 { width: 75%; } .col-xxs-8 { width: 66.66666667%; } .col-xxs-7 { width: 58.33333333%; } .col-xxs-6 { width: 50%; } .col-xxs-5 { width: 41.66666667%; } .col-xxs-4 { width: 33.33333333%; } .col-xxs-3 { width: 25%; } .col-xxs-2 { width: 16.66666667%; } .col-xxs-1 { width: 8.33333333%; } .col-xxs-pull-12 { right: 100%; } .col-xxs-pull-11 { right: 91.66666667%; } .col-xxs-pull-10 { right: 83.33333333%; } .col-xxs-pull-9 { right: 75%; } .col-xxs-pull-8 { right: 66.66666667%; } .col-xxs-pull-7 { right: 58.33333333%; } .col-xxs-pull-6 { right: 50%; } .col-xxs-pull-5 { right: 41.66666667%; } .col-xxs-pull-4 { right: 33.33333333%; } .col-xxs-pull-3 { right: 25%; } .col-xxs-pull-2 { right: 16.66666667%; } .col-xxs-pull-1 { right: 8.33333333%; } .col-xxs-pull-0 { right: auto; } .col-xxs-push-12 { left: 100%; } .col-xxs-push-11 { left: 91.66666667%; } .col-xxs-push-10 { left: 83.33333333%; } .col-xxs-push-9 { left: 75%; } .col-xxs-push-8 { left: 66.66666667%; } .col-xxs-push-7 { left: 58.33333333%; } .col-xxs-push-6 { left: 50%; } .col-xxs-push-5 { left: 41.66666667%; } .col-xxs-push-4 { left: 33.33333333%; } .col-xxs-push-3 { left: 25%; } .col-xxs-push-2 { left: 16.66666667%; } .col-xxs-push-1 { left: 8.33333333%; } .col-xxs-push-0 { left: auto; } .col-xxs-offset-12 { margin-left: 100%; } .col-xxs-offset-11 { margin-left: 91.66666667%; } .col-xxs-offset-10 { margin-left: 83.33333333%; } .col-xxs-offset-9 { margin-left: 75%; } .col-xxs-offset-8 { margin-left: 66.66666667%; } .col-xxs-offset-7 { margin-left: 58.33333333%; } .col-xxs-offset-6 { margin-left: 50%; } .col-xxs-offset-5 { margin-left: 41.66666667%; } .col-xxs-offset-4 { margin-left: 33.33333333%; } .col-xxs-offset-3 { margin-left: 25%; } .col-xxs-offset-2 { margin-left: 16.66666667%; } .col-xxs-offset-1 { margin-left: 8.33333333%; } .col-xxs-offset-0 { margin-left: 0%; } @media (min-width: 480px) { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-xxs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xxs-block, .visible-xxs-inline, .visible-xxs-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 479px) { .visible-xxs { display: block !important; } table.visible-xxs { display: table !important; } tr.visible-xxs { display: table-row !important; } th.visible-xxs, td.visible-xxs { display: table-cell !important; } } @media (max-width: 479px) { .visible-xxs-block { display: block !important; } } @media (max-width: 479px) { .visible-xxs-inline { display: inline !important; } } @media (max-width: 479px) { .visible-xxs-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 479px) { .hidden-xxs { display: none !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* -------------------------------------------------------------------------------- * Globals * ----------------------------------------------------------------------------- */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clear { clear: both; } img { vertical-align: middle; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .hidden { display: none; } /* -------------------------------------------------------------------------------- * Layout * ----------------------------------------------------------------------------- */ #wrapper { background-color: #d9d9d9; } /* --- Header * ---------------------------------------- */ #header { background-color: #fff; border-bottom: 135px solid #1d657d; margin-bottom: -105px; } body.startpage #header { border-bottom: 90px solid #1d657d; margin-bottom: -60px; } .header_top, .header_main, .header_navigation { padding: 0 5px; } .header_top { background-color: #f0f0f0; padding: 10px; font-size:13px; font-size:0.8125rem; text-align: right; } .header_main { background-color: #fff; height: 100px; overflow: visible; position: relative; width: 100%; z-index: 1000; } .header_top > .inside, .header_main > .inside, .header_navigation > .inside { height: 100%; margin: auto; max-width: 1200px; position: relative; width: 100%; } .header_top span { margin-left: 30px; background-position: left center; background-repeat: no-repeat; background-size: 15px 15px; padding-left: 20px; } .header_top span > a { color: #333333; } .header_top span.telefon { background-image: url("../../files/theme/layout/icons/autoprofi_icon-telefon-grau.svg"); background-size: 12px 12px; } .header_top span.email { background-image: url("../../files/theme/layout/icons/autoprofi_icon-mail-grau.svg"); } .header_top span.oeffnungszeiten { background-image: url("../../files/theme/layout/icons/autoprofi_icon-oeffnungszeiten.svg"); } .header_top span.login { background-image: url("../../files/theme/layout/icons/autoprofi_icon-login.svg"); background-size: 12px 12px; } .header_main .logo { float: left; height: auto; margin: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header_main .logo img { display: block; height: auto; width: 320px; } .header_main .slogan { float: right; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header_main .slogan img { display: block; height: 40px; width: 320px; } .header_navigation { clear: both; display: block; width: 100%; } .header_navigation .mod_navigation { display: -webkit-flex; display: flexbox; display: flex; float: left; height: 100%; } .header_navigation .mod_customnav { float: right; height: 100%; } #header .mod_article .ce_image { text-align:center; background-color:#1d657d; } /* --- Container before / after * ---------------------------------------- */ #leading, #section { width: 100%; } /* --- Container * ---------------------------------------- */ #container, #container_before, #container_after { clear: both; overflow: hidden; position: relative; } #container > .inside, #container_before > .inside, #container_after > .inside { margin-left: auto; margin-right: auto; max-width: 1210px; overflow: hidden; height: 100%; } #container > .inside > div > .inside, #container_before > .inside > div > .inside, #container_after > .inside > div > .inside { overflow: hidden; clear: both; position: relative; } /* --- Main * ---------------------------------------- */ body.main-column-sidebar #main { float: left; width: 66.6666%; } #main > .inside > .article-wrapper > div, #main > .inside > .module-wrapper > div { /* position: relative; */ } #main > .inside > .article-wrapper > div:after, #main > .inside > .module-wrapper > div:after { /* background-color: #fff; content: ""; height: 100%; left: 0; position: absolute; width: 100%; z-index: 0; */ } /* --- Right * ---------------------------------------- */ body.main-column-sidebar #right { float: left; width: 33.3333%; } #right > .inside > .article-wrapper > div, #right > .inside > .module-wrapper > div { min-height: 573px; } #right > .inside > .article-wrapper > div:after, #right > .inside > .module-wrapper > div:after { /* background-color: #fff; content: ""; height: 100%; left: 0; position: absolute; width: 100%; z-index: 0; */ } body.contentpage #right > .inside > div:first-child { margin-top: 45px; } body.startpage #right > .inside, body.startpage #right .module-wrapper { height: 100%; } /* --- Footer * ---------------------------------------- */ #footer { background-color: #fff; border-top: 90px solid #1d657d; margin-top: -60px; } .footer_main, .footer_bottom { padding: 0 15px; } .footer_bottom { background-color: #1d657d; padding: 5px; } .footer_main > .inside, .footer_bottom > .inside { height: 100%; margin: auto; max-width: 1200px; position: relative; width: 100%; } .footer_main > .inside { padding-bottom: 45px; padding-top: 45px; } #footer .kontakt { display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; } #footer .kontakt-adresse { -webkit-flex: 0 1 200px; flex: 0 1 200px; line-height: 2; margin-top: 25px; padding-right: 15px; } #footer .kontakt-adresse .telefon, #footer .kontakt-adresse .email { background-position: left center; background-repeat: no-repeat; background-size: 15px 15px; padding-left: 20px; } #footer .kontakt-adresse .telefon { background-image: url("../../files/theme/layout/icons/autoprofi_icon-telefon-gelb.svg"); } #footer .kontakt-adresse .email { background-image: url("../../files/theme/layout/icons/autoprofi_icon-mail-gelb.svg"); } #cookiebar { padding: 15px; z-index: 9999; } #cookiebar button { background-color: #eeb818; border: 1px solid #eeb818; border-radius: 3px; font-size: 0.8125rem; height: auto; line-height: 1; padding: 5px 25px; } /* -------------------------------------------------------------------------------- * Article * ----------------------------------------------------------------------------- */ .article-wrapper.article-wrapper-boxed, .module-wrapper { float: left; padding-left: 5px; padding-right: 5px; } .module-wrapper:not([class*="col-"]) { width: 100%; } .article-wrapper.article-one-third, .module-wrapper.module-one-third { float: left; width: 33.3333%; } .article-wrapper.article-one-half, .module-wrapper.module-one-half { float: left; width: 50%; } .module-wrapper.border-bottom > div { border-bottom: 10px solid #eeb818; } /* Artikel ---------- */ body.startpage .article-wrapper.article-wrapper-boxed > .mod_article, body.main-column-sidebar .article-wrapper.article-wrapper-boxed > .mod_article { background-color: #fff; padding: 50px; } .article-wrapper.article-wrapper-boxed > .mod_article.no-padding { padding: 0; } .article-wrapper.article-wrapper-boxed > .mod_article.orange { background-color: #eeb818; } .article-wrapper.article-wrapper-background > .mod_article { background-color: #fff } #header .article-wrapper { border-top: 10px solid #eeb818; clear: both; } #container .article-wrapper, #container_after .article-wrapper { margin-top: 25px; width: 100%; } .mod_article.leading { background-image: url("../../files/theme/layout/icons/autoprofi_icon-auto.svg"); background-repeat: no-repeat; background-position: calc(100% - 50px) calc(0% + 50px); background-size: 200px; } .mod_article.border-bottom { border-bottom: 10px solid #eeb818; } /* Module ---------- */ #right .module-wrapper, #container_after .module-wrapper { margin-top: 25px; } .module-wrapper > div { background-color: #fff; } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Medium devices - Desktops * ---------------------------------------- */ @media only screen and (max-width: 1199px) { /* body.bugfixing #wrapper { background-color: rgba(255, 0, 0, 0.1); } */ body.startpage .article-wrapper.article-wrapper-boxed > .mod_article, body.main-column-sidebar .article-wrapper.article-wrapper-boxed > .mod_article { padding: 40px; } body.startpage #right { height: 670px; } } /* --- Small devices - Tablets * ---------------------------------------- */ @media only screen and (max-width: 991px) { /* body.bugfixing #wrapper { background-color: rgba(0, 255, 0, 0.1); } */ body.startpage .article-wrapper.article-wrapper-boxed > .mod_article, body.main-column-sidebar .article-wrapper.article-wrapper-boxed > .mod_article { padding: 30px 20px; } .header_main .logo img { width: 290px; } .header_main .slogan { display: none; } body.main-column-sidebar #main { float: none; width: 100%; } body.main-column-sidebar #right { float: none; width: 100%; } body.startpage #right { height: 100%; } #main .mod_article, #right .mod_article { min-height: 1px; } } /* --- Extra small devices - Phones * ---------------------------------------- */ @media only screen and (max-width: 767px) { /* body.bugfixing #wrapper { background-color: rgba(0, 0, 255, 0.1); } */ .header_main .logo img { width: 265px; } .header_top .email { display: none; } } /* --- Extra small devices - Mobile * ---------------------------------------- */ @media only screen and (max-width: 479px) { /* body.bugfixing #wrapper { background-color: rgba(255, 255, 0, 0.1); } */ #topbar_nav { text-align: left; } .header_main .logo img { width: 240px; } #footer .kontakt { display: block; } } /* -------------------------------------------------------------------------------- * Globals * ----------------------------------------------------------------------------- */ @font-face { font-family: "RockSolid Icons"; src: url("../../files/theme/fonts/rocksolid-icons.eot"); src: url("../../files/theme/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/theme/fonts/rocksolid-icons.woff") format('woff'), url("../../files/theme/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/theme/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; } html { font-size: 16px; } body { font-family: "informapro"; font-size: 16px; font-size: 1rem; font-weight: 400; } body.startpage h1 { font-size:50px; font-size:3.125rem; font-weight: 700; } h1 { font-size: 40px; font-size: 2.5rem; font-weight: 700; } body.startpage h2 { font-size: 40px; font-size: 2.5rem; font-weight: 700; } h2 { font-size:28px; font-size:1.75rem; font-weight: 700; } h3 { font-size:21px; font-size:1.3125rem; font-weight: 700; } .ce_text > h2, .ce_list > h2, .ce_text > h3, .ce_list > h3 { margin-top: 25px !important; } body.startpage h3, #footer h4 { font-size:28px; font-size:1.75rem; font-weight: 700; } #footer h4 { margin-top: 25px; margin-bottom: 25px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } [class^="teaser-boxes-item-icon"], [class*=" teaser-boxes-item-icon"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'RockSolid Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #1d657d; } a:hover, a:focus { color: inherit; text-decoration: none; outline: none; } table { table-layout: fixed; width: 75%; } td, th { padding: 0 5px 5px 0; } .leading .ce_text { width: 50%; } .ce_text li, .ce_list li { background-image: url("../../files/theme/layout/icons/autoprofi_icon-haken.svg"); background-position: left 8px; background-repeat: no-repeat; background-size: 15px 15px; line-height: 2; padding-left: 20px; } .ce_hyperlink .hyperlink_txt { background-color: rgb(29, 101, 125); background-color: rgba(29, 101, 125, 1); background-image: none; border: 1px solid #1d657d; border-radius: 3px; color: #fff; display: inline-block; line-height: 1; margin-top: 25px; padding: 5px 10px; } .ce_hyperlink .hyperlink_txt:hover, .ce_hyperlink .hyperlink_txt:focus { background-color: rgba(29, 101, 125, 0.8); color: #fff; } /* -------------------------------------------------------------------------------- * Module * ----------------------------------------------------------------------------- */ #main .ce_image { margin-bottom: 25px; } .ce_hyperlink.box-orange { display: table; height: 643px; /* temporär */ width: 100%; } .ce_hyperlink.box-orange > a { background-color: #eeb818; border: 0 none; border-radius: 0; color: #fff; display: table-cell; font-size: 40px; font-size: 2.5rem; font-weight: 700; height: 100%; padding: 50px; text-align: center; vertical-align: middle; } .ce_hyperlink.box-orange > a:hover { background-color: rgba(238, 184, 24, 0.85); } /* --- Galerie * ---------------------------------------- */ .ce_gallery > ul.cols_2 li { width: 50%; } .ce_gallery > ul.cols_3 li { width: 33.3333%; } .ce_gallery > ul.cols_4 li { width: 25%; } .ce_gallery > ul.cols_5 li { width: 20%; } /* --- RockSolid Slider * ---------------------------------------- */ #header .mod_article { background-color:#1d657d; } #header .mod_rocksolid_slider { /*border-top: 10px solid #eeb818;*/ clear: both; } #header .mod_rocksolid_slider { width:100%; max-width:1920px; margin-left:auto; margin-right:auto; } .slide_item_content_wrapper { position: relative; } .slide_item_content_wrapper:before { background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 60%; } .slide_item_content { bottom: 0; left: 0; margin-bottom: 50px; position: absolute; right: 0; } .slide_item_content_inner { margin: auto; max-width: 1210px; padding-left: 5px; padding-right: 5px; } .slide_item_content_inner > h1 { color: #fff; font-size:50px; font-size:3.125rem; font-weight: 700; line-height: 1.2; width: 55%; position: relative; } .slide_item_content_inner > .item_content_teaser { color: #fff; font-size:20px; font-size:1.25rem; font-weight: 400; margin-bottom: 30px; width: 55%; } .item_content_more { background-color: rgb(238,184,24); background-color: rgba(238,184,24,1); color: #fff; display: inline-block; font-size: 20px; font-size: 1.25rem; font-weight: 700; padding: 15px 50px; } .item_content_more:hover, .item_content_more:focus { color: #fff; background-color: rgba(238,184,24,0.8); } /* --- Google Maps * ---------------------------------------- */ .ce_dlh_googlemaps { margin-top: 50px; padding-bottom: 56.25%; /* 16:9 */ position: relative; } .dlh_googlemap { position: absolute; } .routinglink > form { display: -webkit-flex; display: flex; width: 100%; margin-top: 15px; } .gm-style .gm-style-iw { font-family: "informapro"; font-size:14px; font-size:0.875rem; font-weight: 400; } .gm-style .gm-style-iw .telefon, .gm-style .gm-style-iw .telefax, .gm-style .gm-style-iw .email { background-position: left center; background-repeat: no-repeat; background-size: 15px 15px; display: block; padding-left: 20px; line-height: 2; } .gm-style .gm-style-iw .telefon { background-image: url("../../files/theme/layout/icons/autoprofi_icon-telefon-gelb.svg"); } .gm-style .gm-style-iw .telefax { background-image: url("../../files/theme/layout/icons/autoprofi_icon-fax.svg"); } .gm-style .gm-style-iw .email { background-image: url("../../files/theme/layout/icons/autoprofi_icon-mail-gelb.svg"); } /* -------------------------------------------------------------------------------- * Formulare * ----------------------------------------------------------------------------- */ body.main-column .ce_form { background-color: #fff; margin-bottom: 25px; padding: 50px; } body.main-column-sidebar .ce_form { margin-top: 25px; } .formbody { clear: both; overflow: hidden; position: relative; } .ce_form .formbody, .ce_metamodels_frontendfilter .formbody { margin-left: -15px; margin-right: -15px; } .ce_metamodels_frontendfilter { margin-top: 15px; } .widget { float: left; padding-left: 15px; padding-right: 15px; margin-bottom: 25px; width: 100%; position: relative; } body.startpage #fahrzeugsuche .widget { width: 50%; } body.startpage #fahrzeugsuche .widget.mandatory, body.startpage #fahrzeugsuche .widget.mm_select.fahrzeugmarke { margin-right: 50%; } body.contentpage #fahrzeugsuche .widget { width: 33.3333%; } body.contentpage #fahrzeugsuche .widget.mm_preis { width: 66.6667%; } body.contentpage #fahrzeugsuche .widget.mm_preis > input#ctrl_mm_preis_0 { display: inline; margin-right: 15px; width: 50%; width: calc(50% - 15px); } body.contentpage #fahrzeugsuche .widget.mm_preis > input#ctrl_mm_preis_1 { display: inline; margin-left: 15px; width: 50%; width: calc(50% - 15px); } #fahrzeugsuche .widget.mandatory > label { visibility: hidden; } body.startpage #fahrzeugsuche .widget.mandatory > label { display: none; } #fahrzeugsuche .submit_container { display: block; padding-left: 15px; padding-right: 15px; /*text-align: right;*/ width: 100%; } .submit_container { float: left; } .ce_form .submit_container { padding-left: 15px; padding-right: 15px; } label { display: block; width: 100%; } .widget.widget-headline > h3 { margin: 0; margin-top: 25px; } .widget.widget-upload > label { display: inline-block; width: 150px; } .widget.widget-checkbox span { display: block; margin-top: 5px; } .widget.widget-radio span { margin-right: 15px; } .widget.widget-calendarfield .CalendarFieldIcon { position: absolute; right: 25px; top: 35px; } input, button, select, textarea { margin-top: 5px; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #333333; border: 1px solid #d9d9d9; border-radius: 0; box-shadow: none; padding: 5px; width: 100%; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input:focus:not([type]), textarea:focus { background-color: #fff; } input[type="checkbox"], input[type="radio"] { margin-right: 5px; } input.disabled { background-color: #f0f0f0; pointer-events: none; } input[type="submit"] { background-color: rgb(29, 101, 125); background-color: rgba(29, 101, 125, 1); background-image: none; border-radius: 3px; border: 1px solid #1d657d; color: #fff; padding: 5px 10px; line-height: 1; } input[type="submit"]:hover, input[type="submit"]:focus { background-color: rgba(29, 101, 125, 0.8); } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url("../../files/theme/layout/icons/select-arrow.png"); background-position: right center; background-repeat: no-repeat; border: 1px solid #d9d9d9; border-radius: 0; color: #333333; padding-bottom: 5px; padding-top: 5px; width: 100%; } fieldset { border: 0 none; margin: 0; padding: 0; } .mod_login { margin-top: 50px; } .mod_login input { margin-bottom: 25px; } /* -------------------------------------------------------------------------------- * Custom Elements * ----------------------------------------------------------------------------- */ /* --- Headline Extended * ---------------------------------------- */ /* --- Boxes * ---------------------------------------- */ .mhce_teaser-boxes.columns-2 > div, .mhce_teaser-boxes.columns-3 > div, .mhce_teaser-boxes.columns-4 > div { float: left; padding-left: 15px; padding-right: 15px; } .mhce_teaser-boxes.columns-2 > div { width: 50%; } .mhce_teaser-boxes.columns-3 > div { width: 33.3333%; } .mhce_teaser-boxes.columns-4 > div { width: 25%; } .mhce_teaser-boxes > .teaser-boxes-item { margin-top: 50px; } /* Styling Version 1 - Headline with Icon ---------- */ .mhce_teaser-boxes.box-styling-1 > .teaser-boxes-item.image-left { position: relative; } .mhce_teaser-boxes.box-styling-1 > .teaser-boxes-item.image-left > .teaser-boxes-item-image { position: absolute; } .mhce_teaser-boxes.box-styling-1 > .teaser-boxes-item.image-left > .teaser-boxes-item-content h3 { margin-top: 0; padding-left: 1.5em; } /* --- Kontakt Box * ---------------------------------------- */ .mhce_contact-box > h2 { line-height: 1.2; margin-bottom: 0; } .mhce_contact-box.contact-box-v3 { padding: 50px; } .mhce_contact-box > .contact-box-content { clear: both; overflow: hidden; } .mhce_contact-box.contact-box-v1 > .contact-box-content, .mhce_contact-box.contact-box-v2 > .contact-box-content { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; padding: 50px; } .mhce_contact-box > .contact-box-content > h3 { -webkit-flex: 0 1 100%; flex: 0 1 100%; margin-bottom: 0; } .mhce_contact-box > .contact-box-content > h4 { margin-bottom: 0; margin-top: 15px; } .mhce_contact-box > .contact-box-content > p { -webkit-flex: 1 1 37.5%; flex: 1 1 37.5%; margin-top: 25px; margin-bottom: 0; line-height: 2; } .mhce_contact-box > .contact-box-content > .contact-box-content-beschreibung, .mhce_contact-box > .contact-box-content > .contact-box-content-list, .mhce_contact-box > .contact-box-content > .contact-box-content-adresse, .mhce_contact-box > .contact-box-content > .contact-box-content-standort, .mhce_contact-box > .contact-box-content > .contact-box-link-container { margin-top: 25px; } .mhce_contact-box > .contact-box-content > .contact-box-beschreibung { -webkit-flex: 0 0 auto; flex: 0 0 auto; line-height: 1.42857; } .mhce_contact-box > .contact-box-content > .contact-box-content-list, .mhce_contact-box > .contact-box-content > .contact-box-content-adresse { -webkit-flex: 1 1 50%; flex: 1 1 50%; } .mhce_contact-box > .contact-box-content > .contact-box-content-list li, .mhce_contact-box > .contact-box-content > .contact-box-content-adresse p, .mhce_contact-box > .contact-box-content > .contact-box-content-standort p { line-height: 2; } .mhce_contact-box > .contact-box-content > .contact-box-content-list > ul { margin-bottom: 0; } .mhce_contact-box > .contact-box-content > .contact-box-content-list li { background-image: url("../../files/theme/layout/icons/autoprofi_icon-haken.svg"); background-position: left 8px; background-repeat: no-repeat; background-size: 15px 15px; line-height: 2; padding-left: 20px; } .mhce_contact-box.contact-box-v1 > .contact-box-content > .contact-box-link-container { text-align: right; -webkit-flex: 1 1 25%; flex: 1 1 25%; -webkit-align-self: flex-end; align-self: flex-end; } .mhce_contact-box > .contact-box-content .contact-box-telefon, .mhce_contact-box > .contact-box-content .contact-box-telefax, .mhce_contact-box > .contact-box-content .contact-box-email, .mhce_ansprechpartner .ansprechpartner-info .telefon, .mhce_ansprechpartner .ansprechpartner-info .telefax, .mhce_ansprechpartner .ansprechpartner-info .email { background-position: left center; background-repeat: no-repeat; background-size: 15px 15px; display: block; padding-left: 20px; } .mhce_contact-box > .contact-box-content .contact-box-telefon, .mhce_ansprechpartner .ansprechpartner-info .telefon { background-image: url("../../files/theme/layout/icons/autoprofi_icon-telefon-gelb.svg"); } .mhce_contact-box > .contact-box-content .contact-box-telefax, .mhce_ansprechpartner .ansprechpartner-info .telefax { background-image: url("../../files/theme/layout/icons/autoprofi_icon-fax.svg"); } .mhce_contact-box > .contact-box-content .contact-box-email, .mhce_ansprechpartner .ansprechpartner-info .email { background-image: url("../../files/theme/layout/icons/autoprofi_icon-mail-gelb.svg"); } .mhce_contact-box.contact-box-v1 > .contact-box-content .contact-box-link:before { background-image: url("../../files/theme/layout/icons/autoprofi_icon-anfahrt.svg"); background-position: center top; background-repeat: no-repeat; background-size: 40px 50px; content: ""; cursor: default; height: 60px; left: 0; position: absolute; top: -60px; width: 100%; } /* --- Ansprechpartner * ---------------------------------------- */ .mhce_ansprechpartner { margin-bottom: 30px; margin-top: 30px; } .mhce_ansprechpartner .ansprechpartner { overflow: hidden; padding-bottom: 15px; padding-top: 15px; } .mhce_ansprechpartner .ansprechpartner-bild { max-width: 150px; } .mhce_ansprechpartner .name, .mhce_ansprechpartner .position .mhce_ansprechpartner .telefon, .mhce_ansprechpartner .telefax, .mhce_ansprechpartner .e-mail-adresse { display: block; line-height: 2; } .mhce_ansprechpartner .name { font-weight: 700; } /* Buttons ---------- */ .mhce_teaser-boxes .teaser-boxes-item-link, .mhce_contact-box .contact-box-link, .button_link { background-color: rgb(29, 101, 125); background-color: rgba(29, 101, 125, 1); border-radius: 3px; border: 1px solid #1d657d; color: #fff; display: inline-block; line-height: 1; padding: 5px 10px; position: relative; } .mhce_teaser-boxes .teaser-boxes-item-link { margin-top: 25px; } .mhce_contact-box .contact-box-link { padding: 5px 25px; } .mhce_teaser-boxes .teaser-boxes-item-link:hover, .mhce_teaser-boxes .teaser-boxes-item-link:focus, .mhce_contact-box .contact-box-link:hover, .mhce_contact-box .contact-box-link:focus, .button_link:hover, .button_link:focus { background-color: rgba(29, 101, 125, 0.8); } /* --- Fahrzeuge * ---------------------------------------- */ /* Fahrzeugliste ---------- */ body:not(.startpage) .ce_metamodels_frontendfilter { background-color: #fff; margin-bottom: 25px; padding: 50px; } .ce_metamodel_content.car-list .item { background-color: #fff; border-bottom: 10px solid #eeb818; margin-top: 25px; overflow: hidden; position: relative; } .ce_metamodel_content.car-list .item .field.div_carimage_open { float: left; width: 33.3333%; line-height: 0; } .ce_metamodel_content.car-list .item .field.div_carcontent_open { float: left; padding: 50px 25px 25px 50px; width: 66.6667%; line-height: 0; } .ce_metamodel_content.car-list .item .field.div_carcontent_description_open { border-right: 1px solid; float: left; padding-right: 25px; width: 60%; line-height: 0; } .ce_metamodel_content.car-list .item .field.div_carcontent_price_open { float: left; padding-left: 50px; width: 40%; line-height: 0; } .ce_metamodel_content.car-list .item .field.div_carcontent_description_open > .field, .ce_metamodel_content.car-list .item .field.div_carcontent_price_open > .field { line-height: 1.42857; } body.startpage .mod_metamodel_list.car-list .layout_full { margin-left: -5px; margin-right: -5px; } body.startpage .mod_metamodel_list.car-list .item { float: left; margin-top: 25px; padding-left: 5px; padding-right: 5px; width: 50%; } body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_open, body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_link { background-color: #fff; padding-left: 50px; padding-right: 25px; } body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_open { padding-top: 50px; padding-bottom: 25px; } body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_link { padding-bottom: 50px; } body.startpage .mod_metamodel_list.car-list .item .field.mm_list_image > .value { height: 0; overflow: hidden; padding-bottom: 44.79%; position: relative; } body.startpage .mod_metamodel_list.car-list .item .field.mm_list_image > .value img { height: auto; position: absolute; top: 47.5%; transform: translateY(-52.5%); width: 100%; } body.startpage .mod_metamodel_list.car-list .item .field.div_carimage_open, body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_open, body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_description_open, body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_price_open { line-height: 0!important; } body.startpage .mod_metamodel_list.car-list .item .field.div_carimage_open > .field, body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_open > .field, body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_description_open > .field, body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_price_open > .field { line-height: 1.42857; } body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_description_open { border-bottom: 1px solid; border-right: 0 none; float: none; margin-bottom: 25px; padding-bottom: 25px; padding-right: 0; width: 100%; } /* Fahrzeugdetails ---------- */ .ce_metamodel_content.car-details .item { margin-left: -5px; margin-right: -5px; overflow: hidden; } .ce_metamodel_content.car-details .item .field.div_carimage_open { float: left; padding-left: 5px; padding-right: 5px; position: relative; width: 66.6667%; line-height: 0; } .ce_metamodel_content.car-details .item .field.div_carcontent_overview_open { float: left; padding-left: 5px; padding-right: 5px; width: 33.3333%; line-height: 0; } .ce_metamodel_content.car-details .item .field.div_carcontent_details_open { clear: left; float: left; margin-top: 25px; padding-left: 5px; padding-right: 5px; width: 100%; line-height: 0; } .ce_metamodel_content.car-details .item .field.div_carimage_gallery_open { clear: left; float: left; margin-top: 25px; padding-left: 5px; padding-right: 5px; width: 100%; line-height: 0; } .ce_metamodel_content.car-details .item .field.div_carimage_inside_open, .ce_metamodel_content.car-details .item .field.div_carcontent_overview_inside_open, .ce_metamodel_content.car-details .item .field.div_carcontent_details_inside_open, .ce_metamodel_content.car-details .item .field.div_carimage_gallery_inside_open { background-color: #fff; overflow: hidden; } .ce_metamodel_content.car-details .item .field.div_carcontent_overview_inside_open, .ce_metamodel_content.car-details .item .field.div_carcontent_details_inside_open { padding: 50px; } .ce_metamodel_content.car-details .item .field.div_carcontent_overview_inside_open > .field, .ce_metamodel_content.car-details .item .field.div_carcontent_price_open > .field { line-height: 1.42857; } .ce_metamodel_content.car-details .item .field.div_carcontent_description_open { border-right: 1px solid; float: left; line-height: 0; padding-right: 25px; width: 75%; } .ce_metamodel_content.car-details .item .field.div_carcontent_price_open { float: left; padding-left: 50px; line-height: 0; width: 25%; } #fahrzeug-detailansicht .ce_text { background-color: #fff; margin-top: 25px; padding: 25px 50px; } #fahrzeug-detailansicht .ce_text > p { font-size: 13px; font-size: 0.8125rem; } /* MetaModels Global ---------- */ .mod_metamodel_list .item .field.div_carimage_close, .mod_metamodel_list .item .field.div_carcontent_close, .mod_metamodel_list .item .field.div_carcontent_description_close, .mod_metamodel_list .item .field.div_carcontent_price_close, .ce_metamodel_content .item .field.div_carimage_close, .ce_metamodel_content .item .field.div_carimage_inside_close, .ce_metamodel_content .item .field.div_carimage_main_close, .ce_metamodel_content .item .field.div_carimage_gallery_close, .ce_metamodel_content .item .field.div_carimage_gallery_inside_close, .ce_metamodel_content .item .field.div_carcontent_close, .ce_metamodel_content .item .field.div_carcontent_description_close, .ce_metamodel_content .item .field.div_carcontent_overview_close, .ce_metamodel_content .item .field.div_carcontent_overview_inside_close, .ce_metamodel_content .item .field.div_carcontent_details_close, .ce_metamodel_content .item .field.div_carcontent_details_inside_close, .ce_metamodel_content .item .field.div_carcontent_price_close { display: none; position: relative; height: 0; line-height: 0; width: 0; } .mod_metamodel_list .item .field:not(.mm_list_image) > .label, .mod_metamodel_list .item .field:not(.mm_list_image) > .value, .ce_metamodel_content .item .field:not(.mm_list_image) > .label, .ce_metamodel_content .item .field:not(.mm_list_image) > .value { display: inline-block; line-height: 0; } .mod_metamodel_list .item .field:not(.mm_list_image) > .value > .text, .ce_metamodel_content .item .field:not(.mm_list_image) > .value > .text { line-height: 1.42857; } .mod_metamodel_list .item .field.div_carimage_open > .label, .mod_metamodel_list .item .field.div_carimage_close > .label, .mod_metamodel_list .item .field.div_carcontent_open > .label, .mod_metamodel_list .item .field.div_carcontent_close > .label, .mod_metamodel_list .item .field.div_carcontent_description_open > .label, .mod_metamodel_list .item .field.div_carcontent_description_close > .label, .mod_metamodel_list .item .field.div_carcontent_price_open > .label, .mod_metamodel_list .item .field.div_carcontent_price_close > .label, .mod_metamodel_list .item .field.mm_list_image > .label, .mod_metamodel_list .item .field.mm_fahrzeug > .label, .mod_metamodel_list .item .field.mm_preis_m_vat > .label, .ce_metamodel_content .item .field.div_carimage_open > .label, .ce_metamodel_content .item .field.div_carimage_close > .label, .ce_metamodel_content .item .field.div_carimage_inside_open > .label, .ce_metamodel_content .item .field.div_carimage_inside_close > .label, .ce_metamodel_content .item .field.div_carimage_main_open > .label, .ce_metamodel_content .item .field.div_carimage_main_close > .label, .ce_metamodel_content .item .field.div_carimage_gallery_open > .label, .ce_metamodel_content .item .field.div_carimage_gallery_close > .label, .ce_metamodel_content .item .field.div_carimage_gallery_inside_open > .label, .ce_metamodel_content .item .field.div_carimage_gallery_inside_close > .label, .ce_metamodel_content .item .field.div_carcontent_open > .label, .ce_metamodel_content .item .field.div_carcontent_close > .label, .ce_metamodel_content .item .field.div_carcontent_description_open > .label, .ce_metamodel_content .item .field.div_carcontent_description_close > .label, .ce_metamodel_content .item .field.div_carcontent_overview_open > .label, .ce_metamodel_content .item .field.div_carcontent_overview_close > .label, .ce_metamodel_content .item .field.div_carcontent_overview_inside_open > .label, .ce_metamodel_content .item .field.div_carcontent_overview_inside_close > .label, .ce_metamodel_content .item .field.div_carcontent_details_open > .label, .ce_metamodel_content .item .field.div_carcontent_details_close > .label, .ce_metamodel_content .item .field.div_carcontent_details_inside_open > .label, .ce_metamodel_content .item .field.div_carcontent_details_inside_close > .label, .ce_metamodel_content .item .field.div_carcontent_price_open > .label, .ce_metamodel_content .item .field.div_carcontent_price_close > .label, .ce_metamodel_content .item .field.mm_list_image > .label, .ce_metamodel_content .item .field.mm_list_gallery > .label, .ce_metamodel_content .item .field.mm_fahrzeug > .label, .ce_metamodel_content .item .field.mm_preis_m_vat > .label, .ce_metamodel_content .item .field.mm_verbrauch > .label, .ce_metamodel_content .item .field.mm_beschreibung > .label, .ce_metamodel_content .item .field.mm_kontakt_link > .label, .ce_metamodel_content .item .field.label_fahrzeug_eigenschaften > .label, .ce_metamodel_content .item .field.label_fahrzeug_beschreibung > .label { display: none; } .mod_metamodel_list .item .field.mm_fahrzeug, .mod_metamodel_list .item .field.mm_list_image, .ce_metamodel_content .item .field.mm_fahrzeug, .ce_metamodel_content .item .field.mm_list_image { margin-top: -5px; } .ce_metamodel_content .item .field.mm_fahrzeug .value h3 { font-size: 21px; font-size: 1.3125rem; font-weight: 700; margin-bottom: 25px; } .ce_metamodel_content.car-details .item .field.mm_fahrzeug .value { display: block; margin: 0; font-size: 40px; font-size: 2.5rem; padding: 35px 50px; } .ce_metamodel_content .item .field.mm_fahrzeug .value h1, .ce_metamodel_content .item .field.mm_fahrzeug .value h3 { margin: 0; } .ce_metamodel_content .item .field.label_fahrzeug_eigenschaften .value, .ce_metamodel_content .item .field.label_fahrzeug_beschreibung .value { line-height: 1.25; margin-bottom: 12px; } .ce_metamodel_content .item .field.label_fahrzeug_eigenschaften .value h2, .ce_metamodel_content .item .field.label_fahrzeug_beschreibung .value h2 { font-size: 36px; font-size: 1.75rem; } .ce_metamodel_content .item .field.mm_beschreibung h3 { margin-top: 1em; } .ce_metamodel_content .item .field.mm_beschreibung li { background-image: url("../../files/theme/layout/icons/autoprofi_icon-haken.svg"); background-position: left 8px; background-repeat: no-repeat; background-size: 15px 15px; line-height: 2; padding-left: 20px; } .ce_metamodel_content .item .field.mm_beschreibung b { font-weight: 400 !important; } .ce_metamodel_content .item .field.mm_leistung .value > .text:after { content: " PS"; } .ce_metamodel_content .item .field.mm_hubraum .value > .text:after { content: " cm³"; } .mod_metamodel_list .item .field.mm_kilometerstand .value > .text:after, .ce_metamodel_content .item .field.mm_kilometerstand .value > .text:after { content: " km"; } .ce_metamodel_content .item .field.mm_preis .label { font-weight: 700; } .mod_metamodel_list .item .field.mm_preis .value > .text:after, .ce_metamodel_content .item .field.mm_preis .value > .text:after { content: " €"; } .mod_metamodel_list .item .field.mm_preis_m_vat, .ce_metamodel_content .item .field.mm_preis_m_vat { margin-bottom: 12px; } .mod_metamodel_list .item .field.mm_preis_m_vat .value > .text, .ce_metamodel_content .item .field.mm_preis_m_vat .value > .text { color: #eeb818; font-size: 21px; font-size: 1.3125rem; font-weight: 700; } .ce_metamodel_content.car-details .item .field.mm_preis_m_vat .value > .text { font-size:28px; font-size:1.75rem; } .mod_metamodel_list .item .field.mm_preis_m_vat .value span.price_var, .ce_metamodel_content .item .field.mm_preis_m_vat .value span.price_var { display: block; color: #333333; font-size: 14px; font-size: 0.8125rem; font-weight: 400; } .ce_metamodel_content.car-list .item .field.mm_list_image { float: left; } .ce_metamodel_content.car-details .item .field.mm_list_image .value { height: 0; overflow: hidden; padding-bottom: 53.65%; position: relative; } .ce_metamodel_content.car-details .item .field.mm_list_image .value img { height: auto; left: auto; position: absolute; right: auto; top: 50%; transform: translateY(-50%); width: 100%; } .ce_metamodel_content .item .field.mm_list_gallery { margin: 0 5px; } .ce_metamodel_content .item .field.mm_list_gallery > .value { width: 100%; } .ce_metamodel_content .item .field.mm_list_gallery > .value > .cboxElement { float: left; padding: 5px; width: 20%; } .ce_metamodel_content .item .field.mm_list_gallery > .value > .cboxElement:nth-last-child(-n+3) { display: none !important; } .ce_metamodel_content .item .field.div_carcontent_link { display: block; float: left; margin-left: 33.3333%; margin-top: -75px; margin-bottom: 25px; padding-left: 50px; padding-right: 50px; position: relative; width: 66.6667%; } .ce_metamodel_content .item .field.div_carcontent_link > .value { margin-left: 60%; padding-left: 65px; width: 40%; } .mod_metamodel_list .item .car-content-link, .ce_metamodel_content .item .car-content-link { background-color: rgba(29, 101, 125, 1); background-image: none; border: 1px solid #1d657d; border-radius: 3px; color: #fff; display: inline-block; line-height: 1; padding: 5px 10px; position: relative; } .mod_metamodel_list .item .field.mm_kontakt_link, .ce_metamodel_content .item .field.mm_kontakt_link { margin-top: 25px; } .ce_metamodel_content .pagination { background-color: #fff; font-size: 13px; margin-top: 25px; overflow: hidden; padding: 25px 50px; } .pagination li { display: inline-block; margin-left: 5px; margin-right: 5px; } .pagination li > a, .pagination li > span { border-radius: 3px; color: #fff; padding: 5px 10px; display: block; } .pagination li > .link, .pagination li > .next, .pagination li > .last { background-color: #1d657d; } .pagination li > .current { background-color: #eeb818; } /* -------------------------------------------------------------------------------- * Include Fahrzeugsuche * ----------------------------------------------------------------------------- */ body.contentpage.include #container > .inside, body.contentpage.include #container_before > .inside, body.contentpage.include #container_after > .inside { max-width: 1390px; } body.contentpage.include #container .mod_article { background-color: #fff; margin-bottom: 25px; padding: 50px; } /* -------------------------------------------------------------------------------- * Cookiebar * ----------------------------------------------------------------------------- */ .cookiebar { padding: .5em 1em; background-color: #f0f0f0; color: #333333; z-index: 9999; } .cookiebar__text { max-width: 1060px; } .cookiebar__message { margin-right: 0; } .cookiebar__link { color: #333333; } .cookiebar button { background-color: rgb(29, 101, 125); background-color: rgba(29, 101, 125, 1); border-radius: 3px; border: 1px solid #1d657d; color: #fff; display: inline-block; line-height: 1; padding: 5px 10px; font-weight: normal; position: relative; } .cookiebar button:hover, .cookiebar button:focus { background-color: rgb(29, 101, 125); } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Medium devices - Desktops * ---------------------------------------- */ @media only screen and (max-width: 1199px) { body.contentpage h1 { font-size:36px; font-size:2.25rem; } h2 { font-size:36px; font-size:2.25rem; } h3, #footer h4 { font-size:26px; font-size:1.625rem; } .ce_hyperlink.box-orange { height: 604px; } .ce_hyperlink.box-orange > a { font-size:36px; font-size:2.25rem; padding: 40px; } .slide_item_content { margin-bottom: 25px; } .slide_item_content_inner > h1 { width: 75%; font-size: 45px; font-size: 2.8125rem; } .slide_item_content_inner > .item_content_teaser { margin-bottom: 15px; width: 75%; } .item_content_more { padding: 10px 25px; } .mhce_contact-box.contact-box-v1 > .contact-box-content, .mhce_contact-box.contact-box-v2 > .contact-box-content, .mhce_contact-box.contact-box-v3 { padding: 40px; } .ce_metamodel_content .item .field.div_carcontent_link { margin-top: -50px; } } /* --- Small devices - Tablets * ---------------------------------------- */ @media only screen and (max-width: 991px) { body.startpage h1 { font-size: 40px; font-size: 2.5rem; } h1 { font-size: 30px; font-size: 1.875rem; } body.startpage h2 { font-size: 30px; font-size: 1.875rem; } h2 { font-size: 24px; font-size: 1.5rem; } h3 { font-size:18px; font-size: 1.125rem; } body.startpage h3, #footer h4 { font-size: 24px; font-size: 1.5rem; } .ce_hyperlink.box-orange { height: auto; } .ce_hyperlink.box-orange > a { padding: 30px 20px; } .slide_item_content_inner > .item_content_teaser { display: none; } .mhce_contact-box.contact-box-v1 > .contact-box-content, .mhce_contact-box.contact-box-v2 > .contact-box-content, .mhce_contact-box.contact-box-v3 { padding: 30px 20px; } .mhce_contact-box > .contact-box-content > p { -webkit-flex: 1 1 50%; flex: 1 1 50%; } .mhce_contact-box > .contact-box-content > .contact-box-content-beschreibung, .mhce_contact-box > .contact-box-content > .contact-box-content-list, .mhce_contact-box > .contact-box-content > .contact-box-content-adresse, .mhce_contact-box > .contact-box-content > .contact-box-content-standort, .mhce_contact-box > .contact-box-content > .contact-box-link-container, .mhce_contact-box > .contact-box-content > p { margin-top: 15px; } .mhce_contact-box > .contact-box-content > .contact-box-content-standort { float: left; width: 50%; } .mhce_contact-box > .contact-box-content > .contact-box-link-container { float: left; width: 100%; } .mhce_contact-box.contact-box-v1 > .contact-box-content > .contact-box-link-container { text-align: left; } .mhce_contact-box.contact-box-v1 > .contact-box-content .contact-box-link:before { background-image: none; height: 0; left: auto; position: relative; top: auto; width: 0; } .ce_metamodel_content.car-details .item .field.div_carimage_open { float: none; width: 100%; } .ce_metamodel_content.car-details .item .field.div_carcontent_overview_open { float: none; margin-top: 25px; width: 100%; } .ce_metamodel_content.car-details .item .field.div_carcontent_overview_inside_open, .ce_metamodel_content.car-details .item .field.div_carcontent_details_inside_open { padding: 30px 20px; } .ce_metamodel_content.car-details .item .field.div_carcontent_description_open { width: 66.6667%; } .ce_metamodel_content.car-details .item .field.div_carcontent_price_open { width: 33.3333%; } .ce_metamodel_content.car-details .item .field.div_carcontent_details_open { float: none; } .ce_metamodel_content.car-list .item .field.div_carcontent_price_open { padding-left: 25px; } .ce_metamodel_content.car-details .item .field.mm_fahrzeug .value { padding: 30px 20px; } .ce_metamodel_content .item .field.div_carcontent_link { margin-top: -25px; } .ce_metamodel_content .item .field.div_carcontent_link > .value { padding-left: 40px; } .ce_metamodel_content .item .field.mm_list_gallery > .value > .cboxElement { width: 25%; } } /* --- Extra small devices - Phones * ---------------------------------------- */ @media only screen and (max-width: 767px) { table { width: 100%; } .leading .ce_text { width: 75%; } body.contentpage #fahrzeugsuche .widget { width: 50%; } body.contentpage #fahrzeugsuche .widget.mm_preis { width: 100%; } .slide_item_content_inner > h1 { width: 100%; } .mhce_contact-box.contact-box-v1 > .contact-box-content { display: block; } .ce_metamodel_content.car-list .item .field.div_carimage_open { width: 40%; } .ce_metamodel_content.car-list .item .field.div_carcontent_open { width: 60%; } body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_open { padding-top: 30px; } body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_open, body.startpage .mod_metamodel_list.car-list .item .field.div_carcontent_link { padding-left: 20px; padding-right: 20px; } .ce_metamodel_content.car-list .item .field.div_carcontent_description_open, .ce_metamodel_content.car-details .item .field.div_carcontent_description_open { border-bottom: 1px solid; border-right: 0 none; float: none; margin-bottom: 25px; padding-bottom: 25px; padding-right: 0; width: 100%; } .ce_metamodel_content.car-list .item .field.div_carcontent_price_open, .ce_metamodel_content.car-details .item .field.div_carcontent_price_open { float: none; padding-left: 0; width: 100%; } .ce_metamodel_content .item .field.div_carcontent_link { margin-top: 0; margin-left: 40%; padding-right: 25px; padding-bottom: 25px; width: 60%; } .ce_metamodel_content .item .field.div_carcontent_link > .value { margin-left: 0; padding: 0; width: 100%; } .ce_metamodel_content .item .field.mm_list_gallery > .value > .cboxElement { width: 33.3333%; } } /* --- Extra small devices - Mobile * ---------------------------------------- */ @media only screen and (max-width: 479px) { .leading .ce_text { width: 100%; } body.main-column .ce_form { padding: 25px; } body.startpage #fahrzeugsuche .widget, body.contentpage #fahrzeugsuche .widget { width: 100%; } body.startpage #fahrzeugsuche .widget.mandatory { margin-right: 0; } body.contentpage #fahrzeugsuche .widget.mm_preis > input#ctrl_mm_preis_0, body.contentpage #fahrzeugsuche .widget.mm_preis > input#ctrl_mm_preis_1 { margin: 5px 0 10px; width: 100%; } .slide_item_content { display: none; } .mhce_teaser-boxes.columns-2 > div { width: 100%; } .mhce_teaser-boxes.columns-2 > div, .mhce_teaser-boxes.columns-3 > div, .mhce_teaser-boxes.columns-4 > div { padding-left: 0; padding-right: 0; } .mhce_contact-box > .contact-box-content > .contact-box-content-standort { width: 100%; } body:not(.startpage) .ce_metamodels_frontendfilter { padding: 25px; } .ce_metamodel_content.car-list .item .field.div_carimage_open, .ce_metamodel_content.car-list .item .field.div_carcontent_open { clear: both; float: none; width: 100%; } .ce_metamodel_content.car-list .item .field.div_carcontent_open, .ce_metamodel_content.car-details .item .field.div_carcontent_overview_inside_open, .ce_metamodel_content.car-details .item .field.div_carcontent_details_inside_open { padding: 25px; } .ce_metamodel_content .item .field.div_carcontent_link { float: none; margin: 0; padding: 0 25px 25px; width: 100%; } .ce_metamodel_content .item .field.mm_list_image .value img { height: auto; width: 100%; } .ce_metamodel_content .item .field.mm_list_gallery > .value > .cboxElement { width: 50%; } .ce_metamodel_content .item .field.mm_list_gallery > .value > .cboxElement:nth-child(2n+1) { clear: left; } } /* -------------------------------------------------------------------------------- * Main Navigation * ----------------------------------------------------------------------------- */ .mod_navigation, .mod_navigation ul, .mod_navigation ul li, .mod_navigation ul li a, .mod_navigation ul li strong { border: 0 none; box-sizing: border-box; display: block; line-height: 1; list-style: outside none none; margin: 0; padding: 0; position: relative; } .mod_navigation ul li:hover a { text-decoration: none; } #navigation_main.mod_navigation { overflow: visible; } #navigation_main.mod_navigation > ul { height: 45px; } #navigation_main.mod_navigation > ul.level_1 {} #navigation_main.mod_navigation > ul.level_1 > li { float: left; background-color: #fff; border-top: 5px solid transparent; position: relative; padding-left: 10px; padding-right: 10px; } #navigation_main.mod_navigation > ul.level_1 > li > a, #navigation_main.mod_navigation > ul.level_1 > li > strong { color: #333333; display: block; font-weight: 700; line-height: 40px; } #navigation_main.mod_navigation > ul.level_1 > li:hover { border-top: 5px solid #1d657d; } #navigation_main.mod_navigation > ul.level_1 > li.trail { border-top: 5px solid #1d657d; } #navigation_main.mod_navigation ul.level_2 { left: -9999px; padding-top: 1px; position: absolute; z-index: 999; } #navigation_main.mod_navigation ul.level_2 > li { background-color: #fff; min-width: 160px; transition: all 0.25s ease 0s; } #navigation_main.mod_navigation ul.level_2 li > a, #navigation_main.mod_navigation ul.level_2 li > strong { padding: 10px 15px; } #navigation_main.mod_navigation ul.level_2 li > strong { background-color: #eeb818; color: #fff; } #navigation_main.mod_navigation ul.level_1 li:hover > ul.level_2 { left: auto; margin-left: -15px; } #navigation_main.mod_navigation ul.level_1 li.last:hover > ul.level_2 { /* left: auto; right: 0; margin-right: -15px; text-align: right; */ } #navigation_main.mod_navigation ul.level_2 > li:hover { background-color: #eeb818; } #navigation_main.mod_navigation ul.level_2 > li:hover > a, #navigation_main.mod_navigation ul.level_2 > li:hover > strong { color: #fff; } .mod_mmenu li.active strong, .mod_mmenu li.trail strong { padding-top: 14px; padding-bottom: 14px; padding-left: 20px; color:#1d657d; } .mod_mmenu li.trail { font-weight:600; color:#1d657d; } /* -------------------------------------------------------------------------------- * Sidebar Navigation * ----------------------------------------------------------------------------- */ #navigation_sidebar.mod_navigation { margin-top: 45px; padding-left: 5px; padding-right: 5px; width: 100%; } #navigation_sidebar.mod_navigation > .inside { background-color: #fff; padding: 50px; } #navigation_sidebar.mod_navigation a { color: #333; } #navigation_sidebar.mod_navigation a:hover { color: #1d657d; } #navigation_sidebar.mod_navigation span { color: #1d657d; } #navigation_sidebar.mod_navigation ul.level_1 > li { border-top: 1px solid; font-size: 21px; font-size: 1.3125rem; font-weight: 700; padding-bottom: 10px; padding-top: 10px; } #navigation_sidebar.mod_navigation ul.level_1 > li:first-child { border: medium none; } #navigation_sidebar.mod_navigation ul.level_2 { margin-left: 25px; margin-top: 10px; } #navigation_sidebar.mod_navigation ul.level_2 > li { padding-top: 5px; padding-bottom: 5px; font-size:16px; font-size:1rem; } /* -------------------------------------------------------------------------------- * Custom Navigation * ----------------------------------------------------------------------------- */ .header_navigation .mod_customnav > ul { height: 45px; margin-bottom: 0; } .header_navigation .mod_customnav li { background-color: #eeb818; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 2px solid #fff; float: left; } .header_navigation .mod_customnav li:hover { background-color: rgba(238, 184, 24, 0.7); } .header_navigation .mod_customnav li > a { color: #fff; display: block; font-weight: 700; line-height: 35px; padding: 5px 30px; } .footer_main .mod_customnav > ul { margin-bottom: 0; } .footer_main .mod_customnav li { line-height: 1.8; } .mod_customnav.copyright > ul { clear: both; margin-bottom: 0; overflow: hidden; text-align: center; } .mod_customnav.copyright li { float: left; font-size: 0.8125rem; margin: 0 5px; } .mod_customnav.copyright a { color: #fff; } /* -------------------------------------------------------------------------------- * Navigationspfad * ----------------------------------------------------------------------------- */ .mod_breadcrumb, .mod_booknav { clear: both; height: 20px; padding-left: 5px; padding-right: 5px; } .mod_booknav { margin-top: 25px; } .mod_breadcrumb, .mod_breadcrumb a, .mod_booknav, .mod_booknav a { color: #fff; } .mod_breadcrumb > ul, .mod_booknav > ul { clear: both; height: 20px; margin-bottom: 0; overflow: hidden; } .mod_breadcrumb li, .mod_booknav li { float: left; font-size: 0.8125rem; line-height: 20px; } .mod_breadcrumb li { margin-right: 20px; } .mod_booknav li.next { float: right; } .mod_breadcrumb li:not(:last-child) { background-image: url("../../files/theme/layout/icons/autoprofi_icon-pfeil-weiss.svg"); background-position: right center; background-repeat: no-repeat; background-size: 16px 24px; margin-right: 10px; padding-right: 20px; } /* -------------------------------------------------------------------------------- * Mobile Navigation * ----------------------------------------------------------------------------- */ #header .navbar-toggle { display: none; } /* -------------------------------------------------------------------------------- * Responsive Design * ----------------------------------------------------------------------------- */ /* --- Medium devices - Desktops * ---------------------------------------- */ @media only screen and (max-width: 1199px) { #navigation_sidebar.mod_navigation > ul.level_1 { padding: 40px; } } /* --- Small devices - Tablets * ---------------------------------------- */ @media only screen and (max-width: 991px) { #navigation_main, .mod_customnav.standorte { display: none; } #header .navbar-toggle { border: 0 none; display: block; float: right; margin-right: 30px; padding: 10px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #header .icon-bar { background-color: #1d657d; display: block; height: 3px; width: 25px; } #header .icon-bar + .icon-bar { margin-top: 6px; } #navigation_sidebar.mod_navigation { display: none; } #navigation_sidebar.mod_navigation { margin-top: 25px; } #navigation_sidebar.mod_navigation ul.level_1 > li { font-size:25px; font-size:1.5625rem } #navigation_sidebar.mod_navigation ul.level_2 > li { font-size:22px; font-size:1.375rem; } } /* --- Extra small devices - Phones * ---------------------------------------- */ @media only screen and (max-width: 767px) { } /* --- Extra small devices - Mobile * ---------------------------------------- */ @media only screen and (max-width: 479px) { #header .navbar-toggle { margin-right: 15px; } } .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout { -webkit-transform: unset; transform: unset; } .ncoi---behind { z-index:9999; background-color: #8d8d8d40; } .ncoi---behind .ncoi---container { border-radius:0px; border: 2px solid #1d657d; max-width:600px; width:90%; margin-bottom:40px; } .ncoi---container { padding: 20px!important; } .ncoi---container .ncoi---hint { display: block; float: left; width: 100%; box-sizing: border-box; padding: .35rem .5rem; font-size: 14px!important; line-height: 20px!important; margin: 0; } .ncoi---container label.ncoi---sliding { font-size: 14px; line-height: 19px; } .ncoi---container .ncoi---cookie-groups { display: flex; float: left; align-items: flex-start; justify-content: center; flex-wrap: wrap; width: 100%; box-sizing: border-box; border-top: 0px solid grey!important; border-bottom: 0px solid grey!important; padding: 1rem 0; margin: 1rem 0; font-size: 14px; line-height: 19px; } .ncoi---container .ncoi---actions .ncoi---action button { border-radius: 0px!important; font-size: 14px!important; height: 2.4rem!important; } .ncoi---container #ncoi---allowed--all { background: #1d657d; color: #fff; border: 1px solid #1d657d; padding-bottom:3px; } .ncoi---container #ncoi---allowed, .ncoi---container #ncoi---infos--show{ padding-bottom:3px; } .ncoi---container #ncoi---allowed, .ncoi---container #ncoi---infos--show, .ncoi---container #ncoi---allowed:hover, .ncoi---container #ncoi---infos--show:hover { background: white!important; color: #1d657d!important; border: 1px solid #1d657d!important; } .ncoi---behind .ncoi---container .ncoi---actions .ncoi---action button { padding-top:5px; } .ncoi---container button:after{ content:""; } .ncoi---behind .ncoi---container .ncoi---cookie-groups { margin-bottom:24px; } .ncoi---behind .ncoi---footer { margin-top:24px; } .ncoi---behind .ncoi---container .ncoi---footer .ncoi---split, .ncoi---behind .ncoi---container .ncoi---footer a { font-size:.8rem!important; color:#1d657d!important; } .ncoi---behind .ncoi---container .ncoi---footer a:hover { color:#1d657d!important; } .ncoi---behind .ncoi---table .ncoi---link { color:#1d657d!important; } .ncoi---container h2 { font-weight: 100; font-size: 23px!important; line-height: 23px!important; margin-top: 9px!important; margin-bottom: 9px!important; color:#1d657d!important; font-style: normal; font-weight: 700!important; margin-bottom: 16px!important; font-size: 1.4em!important; position:relative; } .ncoi---behind .ncoi---container .ncoi---table table tbody tr th, .ncoi---behind .ncoi---container .ncoi---table table tbody tr td { padding: .30rem .50rem; font-size: 0.8rem; line-height: 1; word-wrap: break-word; } .ncoi---behind .ncoi---container .ncoi---table table tbody tr th { font-weight:400; } .ncoi---behind .ncoi---container .ncoi---table table tbody { border-top: 1px solid grey; } .mod_cookieOptInRevoke { margin-bottom:24px; } .ncoi---actions { flex-wrap:wrap; } .ncoi---actions > div { width:50%; } .ncoi---actions > div:nth-child(1) { order:1; } .ncoi---actions > div:nth-child(3) { order:2; } .ncoi---actions > div:nth-child(2) { order:3; } .ncoi---actions > div:nth-child(4) { order:4; } .ncoi---container #ncoi---allowed, .ncoi---container #ncoi---infos--show, .ncoi---container #ncoi---allowed:hover, .ncoi---container #ncoi---infos--show:hover { border:unset!important; border: unset!important; color: grey!important; text-align: right; } .ncoi---container #ncoi---infos--show, .ncoi---container #ncoi---infos--show:hover { text-align:left; } #footer .mod_cookieOptInRevoke { margin:unset; } a.ncoi---revoke--button { cursor:pointer; } .ncoi---blocked { background: #e5e5e5; border: 1px solid #333; min-height: 400px; } .ncoi---blocked .ncoi---consent-box { padding:1.5rem; } .ncoi---blocked .ncoi---consent-box .ncoi---blocked-disclaimer { font-size:0.9rem; } @media only screen and (max-width: 576px) { .ncoi---behind .ncoi---container { max-height:80vh; } .ncoi---actions > div { width:100%; } .ncoi---container #ncoi---allowed, .ncoi---container #ncoi---infos--show, .ncoi---container #ncoi---allowed:hover, .ncoi---container #ncoi---infos--show:hover { text-align:center; } }