body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* Created on : 05.02.2022 Author : einfach.machen Daniel Kaiser Web : https://www.einfach-machen.berlin */ @font-face { font-family: 'Open Sans'; src: url('../../files/themes/re-vi/font/OpenSans-Regular.ttf') format('truetype'); font-weight: 300; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../files/themes/re-vi/font/OpenSans-Medium.ttf') format('truetype'); font-weight: 400; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../files/themes/re-vi/font/OpenSans-SemiBold.ttf') format('truetype'); font-weight: 500; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../files/themes/re-vi/font/OpenSans-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../files/themes/re-vi/font/OpenSans-ExtraBold.ttf') format('truetype'); font-weight: 900; font-display: swap; } /** * 20-base.css * * - reset & basic defintions **/ a, b, blockquote, body, div, em, fieldset, figure, h1, h2, h3, h4, h5, h6, i, iframe, img, input, li, label, legend, p, textarea, select, strong, table, td, th { margin: 0; padding: 0; outline: 0; line-height: 1.5; border: none; background: transparent; text-rendering: auto; } aside, article, dl, figure, figcaption, footer, header, hgroup, iframe, input, label, legend, nav, ol, p, section, select, textarea, ul { display: block; } html { font-size: 16px; overflow: hidden; overflow-y: scroll; } body, input, textarea, select { font-size: 100%; font-family: 'Open Sans', Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; } blockquote, cite, q { font-family: Georgia, 'Times New Roman', Times, serif; } pre { font-family: monospace; white-space: pre; } body { position: relative; } a { text-decoration: none; } a:hover, a:focus, a:active { text-decoration: underline; } a:active { background: none; } blockquote, em, cite, q { font-style: italic; } cite:before { content: '\201E'; } cite:after { content: '\201D'; } a:active, button:active { outline: none; } fieldset { border: none; } h1, h2, h3, h4, h5, h6 { font-weight: 400; } h1 { font-size: 1.75em; } h2 { font-size: 1.5em; } h3 { font-size: 1.375em; } h4 { font-size: 1.25em; } h5 { font-size: 1.125em; } h6 { font-size: 1em; } img { -ms-interpolation-mode: bicubic; vertical-align: middle; } label[for]:hover { cursor: pointer; } ul, ol, dl, li { margin: 0; } ul, ol, dl { padding: 0 0 0 1.5em; } dd { margin: 0 0 0 1em; } b, strong { font-weight: 500; } textarea { resize: vertical; } nav ul { padding: 0; list-style: none inside; } img { max-width:100%; height: auto; -ms-interpolation-mode: bicubic; /* IE7 */ width: auto\9; /* IE8 */ } figure a { display: block; } figure img { display: block; margin: 0; } figure figcaption { min-width: 100%; max-width: 100%; text-align: center; font-style: italic; } /* @todo: revise label, input, textarea, select { display: inline-block; border: none; width: 70%; vertical-align: top; } */ label { width: 100%; } p, ul, ol, dl { margin: 0 0 1em; } ul ul, ol ul, ol ol { margin: .25em 0; } /** * tables **/ table { width: 100%; border: 1px solid #EEE; border-collapse: collapse; } td, th { border-bottom: 1px solid #E9E9E9; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; color: #555; font-weight: 400; } thead tr { background: #F9F9F9; } thead th { font-weight: 500; } table.sortable thead th { cursor: pointer; } tbody tr { background: #F9F9F9; } tbody tr:nth-child(odd) { background: #F7F7F7; } tbody tr:hover { background: #FFF; } tfoot tr { background: #EEE; } tfoot td { color: #999; font-style: italic; } /** * form elements **/ ::-webkit-input-placeholder { color: #999; } ::-moz-placeholder { color: #999; } /*FF19+*/ :-moz-placeholder { color: #999; } /*FF18-*/ :-ms-input-placeholder { color: #999; } legend { width:100%; display:block; font-weight:500; border:0; } 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"], textarea{ width:100%; display:inline-block; padding:3px 6px; background:#fff; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:inset 0 1px 1px #eee; -webkit-box-shadow:inset 0 1px 1px #eee; box-shadow:inset 0 1px 1px #eee; -moz-transition:all .15s linear; -webkit-transition:all .15s linear; -o-transition:all .15s linear; transition:all .15s linear; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } 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, textarea:focus{ outline:0; background:#fcfcfc; border-color:#bbb; } input[type="file"] { cursor:pointer; } select, input[type="file"] { display:block; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width:auto; } textarea, select[multiple], select[size] { height:auto; } input[type="radio"], input[type="checkbox"] { margin:0 3px 0 0; } input[type="radio"], input[type="checkbox"], label { vertical-align:middle; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background:#eee; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background:transparent; } input[type="submit"], .button{ display:inline-block; padding:4px 15px 4px 14px; margin-bottom:0; text-align:center; vertical-align:middle; line-height: 1.5; font-size: 1em; color:#000; cursor:pointer; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#ececec; background-image:-moz-linear-gradient(top,#fff,#ececec); background-image:-webkit-linear-gradient(top,#fff,#ececec); background-image:-ms-linear-gradient(top,#fff,#ececec); background-image:-o-linear-gradient(top,#fff,#ececec); background-image:linear-gradient(to bottom,#fff,#ececec); background-repeat:repeat-x; -moz-transition:background .15s linear; -webkit-transition:background .15s linear; -o-transition:background .15s linear; transition:background .15s linear } input[type="submit"]:hover, .button:hover { text-decoration:none; background-position:0 -15px!important } input[type="submit"]:active, .button:active { background-color:#e6e6e6; background-position:0 -30px!important } input[type="submit"].blue, .button.blue { background-color:#2f96b4; background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4); background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4); background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4); background-image:-o-linear-gradient(top,#5bc0de,#2f96b4); background-image:linear-gradient(to bottom,#5bc0de,#2f96b4); border-color:#2f96b4; color:#fff } input[type="submit"].blue:active, .button.blue:active { background-color:#2e95b3 } input[type="submit"].green, .button.green { background-color:#51a351; background-image:-moz-linear-gradient(top,#62c462,#51a351); background-image:-webkit-linear-gradient(top,#62c462,#51a351); background-image:-ms-linear-gradient(top,#62c462,#51a351); background-image:-o-linear-gradient(top,#62c462,#51a351); background-image:linear-gradient(to bottom,#62c462,#51a351); border-color:#51a351; color:#fff } input[type="submit"].green:active, .button.green:active { background-color:#4f9f4f } input[type="submit"].orange, .button.orange { background-color:#f89406; background-image:-moz-linear-gradient(top,#fbb450,#f89406); background-image:-webkit-linear-gradient(top,#fbb450,#f89406); background-image:-ms-linear-gradient(top,#fbb450,#f89406); background-image:-o-linear-gradient(top,#fbb450,#f89406); background-image:linear-gradient(to bottom,#fbb450,#f89406); border-color:#f89406; color:#fff } input[type="submit"].orange:active, .button.orange:active { background-color:#f28f04 } input[type="submit"].red, .button.red { background-color:#bd362f; background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f); background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f); background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f); background-image:-o-linear-gradient(top,#ee5f5b,#bd362f); background-image:linear-gradient(to bottom,#ee5f5b,#bd362f); border-color:#bd362f; color:#fff; } input[type="submit"].red:active, .button.red:active { background-color:#be322b; } /** * globals **/ #clear { height:0.1px; font-size:0.1px; line-height:0.1px; clear:both } .block { overflow: hidden; } .custom { display:block; text-align:left } .custom:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear { clear: both; height: auto; font-size: inherit; line-height: inherit; } .first { clear: both; } .invisible { width:0; height:0; left:-1000px; top:-1000px; position:absolute; overflow:hidden; display:inline } .invisible, .hide { display: none; } .show { display: block; } .inside { width: auto; margin: 0 auto; text-align: left; position: relative; } .inside:after { content: ''; clear: both; display: block; height: 0; width: auto; overflow: hidden; } .pagination { clear: both; } .mod_breadcrumb ul, .pagination ul { padding: 0; list-style: none inside; } .mod_breadcrumb li, .pagination li { display: inline; display: inline-block; } /** * experimental **/ embed { max-width: 100%; } /** * 30-layout.css **/ .section_wrapper { margin: 0 auto; max-width: 100%; } .section_header, .section_main, .section_sidebar, .section_footer { margin: 0; } .section_header { margin-top: 0; } .section_header .inside, .section_main .inside, .section_sidebar .inside, .section_footer .inside { padding: 0; } .section_main, .section_sidebar { min-height: 600px; } .centered_wrapper_inside.-fullwidth { max-width: 100%; } /** * 40-elements.css **/ /** * headlines **/ h1, h2, h3, h4, h5, h6 { font-weight: 300; } h1.divider, .divider h1, h2.divider, .divider h2, h3.divider, .divider h3, h4.divider, .divider h4, h5.divider, .divider h5, h6.divider, .divider h6 { margin-top: 32px; margin-top: 2rem; border-bottom: 2px solid #EEE; } .section_sidebar h1, .section_sidebar h2 { font-size: 1.25em; } .section_sidebar h3, .section_sidebar h4 { font-size: 1.125em; } .section_sidebar h5, .section_sidebar h6 { font-size: 1em; } /** * lists **/ ul { list-style-type: disc; } ul ul, ol ul { list-style-type: circle; } ul ul ul, ul ol ul, ol ul ul, ol ol ul { list-style-type: square; } ol, ul ol, ul ul ol, ul ul ul ol { list-style-type: decimal; } ol ol, ul ol ol, ol ul ol, ul ul ol ol, ol ul ul ol, ul ol ul ol { list-style-type: upper-alpha; } ol ol ol, ul ol ol ol, ol ul ol ol, ol ol ul ol { list-style-type: upper-roman; } abbr { position: relative; } abbr:before { display: block; position: absolute; top: -100%; margin: -.25em 0 0; padding: .25em; background: #FFF; border: 1px solid #EEE; border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.3); } abbr:hover:before, abbr:focus:before { content: attr(title); } figure { margin: 0 0 1em; } .media--left figure, figure.float_left { float: left; } .media--right figure, figure.float_right { float: right; } .media--left figure, .media--right figure, figure.float_left, figure.float_right { width: 45%; } .media--left figure, figure.float_left { margin-right: 5%; } .media--right figure, figure.float_right { margin-left: 5%; } blockquote p, .warning, .confirmation { margin: 1em 0; } blockquote p { margin-top: .5em; margin-bottom: .5em; } blockquote em { display: block; font-weight: normal; font-style: normal; } /** * content elements **/ .ce_accordion, .ce_accordion .toggler { border-collapse: collapse; } .ce_accordion { border-width: 0 1px; } .ce_accordion .toggler { border-width: 1px 0; padding: 0 .5em; background: #F9F9F9; cursor: pointer; } .ce_accordion .accordion { padding: .5em; } .ce_tabcontrol .tabcontrol_tabs li, .ce_tabcontrol .tabcontrol_panes { border: 1px solid #EEE; } .ce_tabcontrol .tabcontrol_tabs ul { margin-bottom: 0; padding: 0; list-style: none; } .ce_tabcontrol .tabcontrol_tabs li { display: inline; display: inline-block; padding: .5em; margin: 0 .25em 0 0; cursor: pointer; } .ce_tabcontrol .tabcontrol_tabs li.selected { background: #FFF; border-color: #EEE; border-bottom-color: #FFF; cursor: default; } .ce_tabcontrol .tabcontrol_panes { margin-top: -1px; padding: .5em; min-height: 10em; } .ce_gallery ul { margin: .5em 0; } .ce_gallery li { margin: 0 1% .25em; } .ce_gallery .cols7 li, .ce_gallery .cols8 li, .ce_gallery .cols9 li, .ce_gallery .cols10 li, .ce_gallery .cols11 li, .ce_gallery .cols12 li { margin: 0 .5% .125em; } .ce_gallery .cols1 li { width: 100%; } .ce_gallery .cols2 li { width: 49%; } .ce_gallery .cols3 li { width: 32%; } .ce_gallery .cols4 li { width: 23.5%; } .ce_gallery .cols5 li { width: 18.4%; } .ce_gallery .cols6 li { width: 15%; } .ce_gallery .cols7 li { width: 13.42857142%; } .ce_gallery .cols8 li { width: 11.625%; } .ce_gallery .cols9 li { width: 10.22222222%; } .ce_gallery .cols10 li { width: 9.1%; } .ce_gallery .cols11 li { width: 8.18181818%; } .ce_gallery .cols12 li { width: 7.41666666%; } .ce_gallery li.col_first { margin-left: 0; } .ce_gallery li.col_last { margin-right: 0; } .ce_gallery li.row_last { margin-bottom: 0; } .ce_gallery.rounded img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /** * global elements **/ .information { color: #5685C2; } .warning { color: #EE5F5B; } .confirmation { color: #62C462; } .pagination p, .pagination ul { margin: .125em 0; } .pagination p { float: right; line-height: 2; } .pagination li { margin: 0 .5em 0 0; } .pagination li a, .pagination li span { display: block; padding: 0 .25em; min-width: 1.5em; text-align: center; line-height: 2; } .pagination span.current { background: #EEE; } /* rsce */ .centered_wrapper { position: relative; padding: 3em; overflow: hidden; } .centered_wrapper_inside { position: relative; margin-left: auto; margin-right: auto; max-width: 1200px; } .centered_wrapper_inside.-fullwidth-padded { max-width: 1600px; } .centered-wrapper-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background: scroll no-repeat 50% 50%; background-size: cover; } .centered_wrapper.-height-small { /* min-height: 470px;*/ min-height: 350px; } @media screen and (max-width: 599px) { .centered_wrapper.-height-small { min-height: 200px; } } .centered_wrapper.-height-medium { min-height: 700px; } @media screen and (max-width: 599px) { .centered_wrapper.-height-medium { min-height: 400px; } } .centered_wrapper.-height-large { min-height: 900px; } @media screen and (max-width: 599px) { .centered_wrapper.-height-large { min-height: 600px; } } .centered_wrapper.-viewport-height { min-height: 710px; min-height: calc(100vh - 3.86667em); } @media screen and (max-width: 900px) { .centered_wrapper.-viewport-height { min-height: 100vh; } } @media screen and (max-width: 599px) { .centered_wrapper.-viewport-height { min-height: 500px; min-height: 100vh; } } .centered, .centered_wrapper.-vertical-centered { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .centered { text-align: center; margin-left: auto; margin-right: auto; } .centered figure img, .centered_wrapper.-vertical-centered figure img { margin: 0 auto; } .icon_boxes { overflow: hidden; } .icon_boxes a, .icon_boxes a:hover, .icon_boxes a:active, .icon_boxes a:focus { color: inherit; text-decoration: none; } .icon-boxes-item:hover { } .icon-boxes-item-text { margin: 0 1em; } .icon-boxes-item-icon { display: block; height: 2.5em; width: 2.5em; margin: .5em auto; padding: .25em; color: #FFF; background: #F80; font-size: 3em; line-height: 2em; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } *[data-icon]:before { margin: 0; } .icon-boxes-item { text-align: center; } .icon-boxes-item-link { text-decoration: underline; } .icon-boxes-item:hover .icon-boxes-item-link { text-decoration: none; } .-background-color-dark { } .-background-color-light { background: #f1f7fb; } .-color-inverted, .-color-inverted h1, .-color-inverted h2, .-color-inverted h3, .-color-inverted h4, .-color-inverted h5, .-color-inverted h6, .-color-inverted a { color: #FFF; } .-vertical-centered { text-align: center; } .-color-inverted .-border-top { border-top: 1.5px solid rgba(160,244,240,.2); } .no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .left { float: left; } .right { float: right; } .margin-top-none { margin-top: 0 !important; } @media screen and (max-width: 599px) { .margin-top-none { margin-top: 0 !important; } } .margin-right-none { margin-right: 0 !important; } @media screen and (max-width: 599px) { .margin-right-none { margin-right: 0 !important; } } .margin-bottom-none { margin-bottom: 0 !important; } @media screen and (max-width: 599px) { .margin-bottom-none { margin-bottom: 0 !important; } } .margin-left-none { margin-left: 0 !important; } @media screen and (max-width: 599px) { .margin-left-none { margin-left: 0 !important; } } .padding-top-none { padding-top: 0 !important; } @media screen and (max-width: 599px) { .padding-top-none { padding-top: 0 !important; } } .padding-right-none { padding-right: 0 !important; } @media screen and (max-width: 599px) { .padding-right-none { padding-right: 0 !important; } } .padding-bottom-none { padding-bottom: 0 !important; } @media screen and (max-width: 599px) { .padding-bottom-none { padding-bottom: 0 !important; } } .padding-left-none { padding-left: 0 !important; } @media screen and (max-width: 599px) { .padding-left-none { padding-left: 0 !important; } } .margin-top-xxs { margin-top: 10px !important; } @media screen and (max-width: 599px) { .margin-top-xxs { margin-top: 5px !important; } } .margin-right-xxs { margin-right: 10px !important; } @media screen and (max-width: 599px) { .margin-right-xxs { margin-right: 5px !important; } } .margin-bottom-xxs { margin-bottom: 10px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxs { margin-bottom: 5px !important; } } .margin-left-xxs { margin-left: 10px !important; } @media screen and (max-width: 599px) { .margin-left-xxs { margin-left: 5px !important; } } .padding-top-xxs { padding-top: 10px !important; } @media screen and (max-width: 599px) { .padding-top-xxs { padding-top: 5px !important; } } .padding-right-xxs { padding-right: 10px !important; } @media screen and (max-width: 599px) { .padding-right-xxs { padding-right: 5px !important; } } .padding-bottom-xxs { padding-bottom: 10px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxs { padding-bottom: 5px !important; } } .padding-left-xxs { padding-left: 10px !important; } @media screen and (max-width: 599px) { .padding-left-xxs { padding-left: 5px !important; } } .margin-top-xs { margin-top: 25px !important; } @media screen and (max-width: 599px) { .margin-top-xs { margin-top: 13px !important; } } .margin-right-xs { margin-right: 25px !important; } @media screen and (max-width: 599px) { .margin-right-xs { margin-right: 13px !important; } } .margin-bottom-xs { margin-bottom: 25px !important; } @media screen and (max-width: 599px) { .margin-bottom-xs { margin-bottom: 13px !important; } } .margin-left-xs { margin-left: 25px !important; } @media screen and (max-width: 599px) { .margin-left-xs { margin-left: 13px !important; } } .padding-top-xs { padding-top: 25px !important; } @media screen and (max-width: 599px) { .padding-top-xs { padding-top: 13px !important; } } .padding-right-xs { padding-right: 25px !important; } @media screen and (max-width: 599px) { .padding-right-xs { padding-right: 13px !important; } } .padding-bottom-xs { padding-bottom: 25px !important; } @media screen and (max-width: 599px) { .padding-bottom-xs { padding-bottom: 13px !important; } } .padding-left-xs { padding-left: 25px !important; } @media screen and (max-width: 599px) { .padding-left-xs { padding-left: 13px !important; } } .margin-top-s { margin-top: 50px !important; } @media screen and (max-width: 599px) { .margin-top-s { margin-top: 25px !important; } } .margin-right-s { margin-right: 50px !important; } @media screen and (max-width: 599px) { .margin-right-s { margin-right: 25px !important; } } .margin-bottom-s { margin-bottom: 50px !important; } @media screen and (max-width: 599px) { .margin-bottom-s { margin-bottom: 25px !important; } } .margin-left-s { margin-left: 50px !important; } @media screen and (max-width: 599px) { .margin-left-s { margin-left: 25px !important; } } .padding-top-s { padding-top: 50px !important; } @media screen and (max-width: 599px) { .padding-top-s { padding-top: 25px !important; } } .padding-right-s { padding-right: 50px !important; } @media screen and (max-width: 599px) { .padding-right-s { padding-right: 25px !important; } } .padding-bottom-s { padding-bottom: 50px !important; } @media screen and (max-width: 599px) { .padding-bottom-s { padding-bottom: 25px !important; } } .padding-left-s { padding-left: 50px !important; } @media screen and (max-width: 599px) { .padding-left-s { padding-left: 25px !important; } } .margin-top-m { margin-top: 75px !important; } @media screen and (max-width: 599px) { .margin-top-m { margin-top: 38px !important; } } .margin-right-m { margin-right: 75px !important; } @media screen and (max-width: 599px) { .margin-right-m { margin-right: 38px !important; } } .margin-bottom-m { margin-bottom: 75px !important; } @media screen and (max-width: 599px) { .margin-bottom-m { margin-bottom: 38px !important; } } .margin-left-m { margin-left: 75px !important; } @media screen and (max-width: 599px) { .margin-left-m { margin-left: 38px !important; } } .padding-top-m { padding-top: 75px !important; } @media screen and (max-width: 599px) { .padding-top-m { padding-top: 38px !important; } } .padding-right-m { padding-right: 75px !important; } @media screen and (max-width: 599px) { .padding-right-m { padding-right: 38px !important; } } .padding-bottom-m { padding-bottom: 75px !important; } @media screen and (max-width: 599px) { .padding-bottom-m { padding-bottom: 38px !important; } } .padding-left-m { padding-left: 75px !important; } @media screen and (max-width: 599px) { .padding-left-m { padding-left: 38px !important; } } .margin-top-l { margin-top: 100px !important; } @media screen and (max-width: 599px) { .margin-top-l { margin-top: 50px !important; } } .margin-right-l { margin-right: 100px !important; } @media screen and (max-width: 599px) { .margin-right-l { margin-right: 50px !important; } } .margin-bottom-l { margin-bottom: 100px !important; } @media screen and (max-width: 599px) { .margin-bottom-l { margin-bottom: 50px !important; } } .margin-left-l { margin-left: 100px !important; } @media screen and (max-width: 599px) { .margin-left-l { margin-left: 50px !important; } } .padding-top-l { padding-top: 100px !important; } @media screen and (max-width: 599px) { .padding-top-l { padding-top: 50px !important; } } .padding-right-l { padding-right: 100px !important; } @media screen and (max-width: 599px) { .padding-right-l { padding-right: 50px !important; } } .padding-bottom-l { padding-bottom: 100px !important; } @media screen and (max-width: 599px) { .padding-bottom-l { padding-bottom: 50px !important; } } .padding-left-l { padding-left: 100px !important; } @media screen and (max-width: 599px) { .padding-left-l { padding-left: 50px !important; } } .margin-top-xl { margin-top: 150px !important; } @media screen and (max-width: 599px) { .margin-top-xl { margin-top: 75px !important; } } .margin-right-xl { margin-right: 150px !important; } @media screen and (max-width: 599px) { .margin-right-xl { margin-right: 75px !important; } } .margin-bottom-xl { margin-bottom: 150px !important; } @media screen and (max-width: 599px) { .margin-bottom-xl { margin-bottom: 75px !important; } } .margin-left-xl { margin-left: 150px !important; } @media screen and (max-width: 599px) { .margin-left-xl { margin-left: 75px !important; } } .padding-top-xl { padding-top: 150px !important; } @media screen and (max-width: 599px) { .padding-top-xl { padding-top: 75px !important; } } .padding-right-xl { padding-right: 150px !important; } @media screen and (max-width: 599px) { .padding-right-xl { padding-right: 75px !important; } } .padding-bottom-xl { padding-bottom: 150px !important; } @media screen and (max-width: 599px) { .padding-bottom-xl { padding-bottom: 75px !important; } } .padding-left-xl { padding-left: 150px !important; } @media screen and (max-width: 599px) { .padding-left-xl { padding-left: 75px !important; } } .margin-top-xxl { margin-top: 200px !important; } @media screen and (max-width: 599px) { .margin-top-xxl { margin-top: 100px !important; } } .margin-right-xxl { margin-right: 200px !important; } @media screen and (max-width: 599px) { .margin-right-xxl { margin-right: 100px !important; } } .margin-bottom-xxl { margin-bottom: 200px !important; } @media screen and (max-width: 599px) { .margin-bottom-xxl { margin-bottom: 100px !important; } } .margin-left-xxl { margin-left: 200px !important; } @media screen and (max-width: 599px) { .margin-left-xxl { margin-left: 100px !important; } } .padding-top-xxl { padding-top: 200px !important; } @media screen and (max-width: 599px) { .padding-top-xxl { padding-top: 100px !important; } } .padding-right-xxl { padding-right: 200px !important; } @media screen and (max-width: 599px) { .padding-right-xxl { padding-right: 100px !important; } } .padding-bottom-xxl { padding-bottom: 200px !important; } @media screen and (max-width: 599px) { .padding-bottom-xxl { padding-bottom: 100px !important; } } .padding-left-xxl { padding-left: 200px !important; } @media screen and (max-width: 599px) { .padding-left-xxl { padding-left: 100px !important; } } .font-size-xxs { font-size: 0.6em !important; } @media screen and (max-width: 599px) { .font-size-xxs { font-size: 0.8em !important; } } .font-size-xs { font-size: 0.8em !important; } @media screen and (max-width: 599px) { .font-size-xs { font-size: 0.9em !important; } } .font-size-s { font-size: 0.9em !important; } @media screen and (max-width: 599px) { .font-size-s { font-size: 0.95em !important; } } .font-size-m { font-size: 1.2em !important; } @media screen and (max-width: 599px) { .font-size-m { font-size: 1.1em !important; } } .font-size-l { font-size: 1.5em !important; } @media screen and (max-width: 599px) { .font-size-l { font-size: 1.25em !important; } } .font-size-xl { font-size: 2em !important; } @media screen and (max-width: 599px) { .font-size-xl { font-size: 1.5em !important; } } .font-size-xxl { font-size: 2.5em !important; } @media screen and (max-width: 599px) { .font-size-xxl { font-size: 1.75em !important; } } .-highlight-color { background: #e5eff1; } .inverted .rs-column { float: right; margin-right: 0; margin-left: 7.69231%; } .inverted .rs-column + .rs-column { float: left; margin-left: 0; } .video_container { position: relative; margin-bottom: 1em; padding-bottom: 55%; height: 0; margin-top: 10px; overflow: hidden; } .video_container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /** * 50-modules.css **/ /** * Navigation **/ .mod_navigation_main { float: right; } .mod_rocksolid_mega_menu > .level_1 > li > span, .mod_rocksolid_mega_menu > .level_1 > li > a { padding: 10px 21px 30px 21px; line-height: 94px; } .mod_navigation_main .level_1 > li > span { text-decoration: none; } .mod_navigation_main .level_1 > li > a:hover, .mod_navigation_main .level_1 > li > a:active, .mod_navigation_main .level_1 > li > a:focus { -webkit-transition: color .2s ease-in-out 0s; -moz-transition: color .2s ease-in-out 0s; -o-transition: color .2s ease-in-out 0s; transition: color .2s ease-in-out 0s; text-decoration: underline; } .mod_rocksolid_mega_menu > .level_1 > li { display: inline-block; float: left; } .mega-dropdown-column { height: 600px; } .mod_navigation_main a { color: #00243b; } .mod_navigation_main strong { font-weight: 400; } .mod_navigation_main .active, .mod_navigation_main .trail, .mod_navigation_main a:hover, .mod_navigation_main a:focus, .mod_navigation_main a:active { text-decoration: none; } .mod_navigation_main .level_1 > li.area_search { margin-top: 24px; } .mod_navigation_main .level_1 > li.area_search > a, .mod_navigation_main .level_1 > li.area_search > span { display: inline-block; width: 50px; height: 32px; text-indent: -9999px; white-space: nowrap; background: url("../../files/themes/re-vi/img/icon-search.svg") no-repeat center scroll; background-size: 25px 25px; vertical-align: middle; overflow: hidden; } .mod_navigation_main .level_1 > li.area_search > a:hover, .mod_navigation_main .level_1 > li.area_search > a:active, .mod_navigation_main .level_1 > li.area_search > a:focus, .mod_navigation_main .level_1 > li.area_search > span { background: url("../../files/themes/re-vi/img/icon-search-hover.svg") no-repeat center scroll; background-size: 25px 25px; } /** * Submenu **/ .mod_navigation_main .submenu small, .mod_navigation_main .level_2, .mod_navigation_main .level_3 { position: absolute; visibility: hidden; opacity: 0; top: 0; left: 0; right: 0; background: #FBFBFB; width: 0; } .mod_navigation_main .level_3 { position: fixed; top: 125px; right: 0; left: 0; width: 100%; } .mod_navigation_main .level_1 .submenu:hover .level_3 { visibility: visible; height: auto; opacity: 1; min-height: 600px; -webkit-transition: .3s linear .4s; -moz-transition: .3s linear .4s; -o-transition: .3s linear .4s; transition: .3s linear .4s; } .mod_navigation_main .level_1 .submenu .level_3 { -webkit-transition: .4s linear .4s; -moz-transition: .4s linear .4s; -o-transition: .4s linear .4s; transition: .4s linear .4s; } .mod_navigation { overflow: visible; margin-bottom: 2em; } .mod_navigation ul { margin: 0; } .mega-dropdown-column .mod_navigation li { display: block; } .mega-dropdown-column .mod_navigation .level_1 { max-width: 350px; position: relative; margin-left: -20px; } .mega-dropdown-column h2 { margin-top: 1em; margin-bottom: .5em; margin-bottom: 0; font-size: 1.25em; } .mega-dropdown-column .mod_navigation li span, .mega-dropdown-column .mod_navigation li a { display: block; } .mega-dropdown-column .mod_navigation li span { } .mega-dropdown-column .mod_navigation li.submenu > a:after, .mega-dropdown-column .mod_navigation li.submenu > span:after { content: '>'; display: inline-block; margin-left: .5em; } body.ie .mega-dropdown-column .mod_navigation li.submenu > a:hover:after { content: '>'; display: inline-block; text-decoration: underline; } body.ie .mega-dropdown-column .mod_navigation li.submenu > a:hover:after { text-decoration: none; } .mega-dropdown-column .mod_navigation li span, .mega-dropdown-column .mod_navigation li .trail a, .mega-dropdown-column .mod_navigation li a { padding: 4px 20px 4px 20px; } .mega-dropdown-column .mod_navigation li:hover, .mega-dropdown-column .mod_navigation li:focus, .mega-dropdown-column .mod_navigation li span, .mega-dropdown-column .mod_navigation li .trail{ } .mega-dropdown-column .mod_navigation li:hover a, .mega-dropdown-column .mod_navigation li:focus a { text-decoration: underline; } .mega-dropdown-column .mod_navigation .level_1 > li:hover .level_2 { position: absolute; top: 0; left: 350px; width: 350px; height: 500px; display: block; opacity: 1; visibility: visible; transition: opacity .3s ease-in-out .1s; } .mega-dropdown-column .mod_navigation .level_1 > li .level_2 a { text-decoration: none; } .mega-dropdown-column .mod_navigation .level_1 > li .level_2 span, .mega-dropdown-column .mod_navigation .level_1 > li .level_2 a:hover, .mega-dropdown-column .mod_navigation .level_1 > li .level_2 a:active, .mega-dropdown-column .mod_navigation .level_1 > li .level_2 a:focus { text-decoration: underline; } /** * mod_breadcrumb **/ .area_home .breadcrumb_wrapper { display: none; } .mod_breadcrumb ul { margin-bottom: 0; } .mod_breadcrumb span { float: left; margin-right: .5em; line-height: 36px; } .mod_breadcrumb li.active, .mod_breadcrumb li a { line-height: 36px; font-size: 13px; } .mod_breadcrumb li.active { text-decoration: underline; } .mod_breadcrumb li a:hover, .mod_breadcrumb li a:focus, .mod_breadcrumb li a:active { text-decoration: underline; } .mod_breadcrumb li:after { content: '/'; display: inline; display: inline-block; margin: 0 .25em 0 0; font-size: 13px; } .mod_breadcrumb li.desc:after, .mod_breadcrumb li.last:after { content: ''; margin: 0; } .mod_breadcrumb li.desc { font-weight: 500; margin-right: 8px; font-size: 13px; } /** * mod_newscategories **/ .mod_newscategories { margin-bottom: 35px; text-align: center; } .mod_newscategories .level_1 > li > a > span{ margin-right: 2em; } .mod_newscategories ul { list-style-type: none; padding: 0; display: inline-block; } .mod_newscategories li { display: inline-block; margin-right: 2em; font-weight: 500; } .mod_newscategories li a span { color: #333; text-decoration: none; } .mod_newscategories li a:hover span, .mod_newscategories li a:focus span, .mod_newscategories li a:active span, .mod_newscategories li span { /*color: #F9AE00;*/ text-decoration: underline; } .mod_search .pagination { padding-top: 37px; padding-bottom: 37px; overflow: visible; } .mod_search .pagination li a, .mod_search .pagination li span { padding: 4px 15px; font-size: .875em; font-weight: 500; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .mod_search .pagination li a:hover, .mod_search .pagination li a:focus, .mod_search .pagination li a:active { text-decoration: none; } .mod_search .pagination li span, .mod_search .pagination li a:hover, .mod_search .pagination li a:focus, .mod_search .pagination li a:active { } .mod_search .pagination li.next a:hover, .mod_search .pagination li.next a:focus, .mod_search .pagination li.next a:active { border: 0; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .mod_search .pagination li .next { border: 0; background: transparent; } .mod_search .pagination li .next:hover { text-decoration: underline; } .mod_search .pagination li.first, .mod_search .pagination li.previous, .mod_search .pagination li.last { display: none; } .mod_search input[type="search"]::placeholder { color: #333; } .mod_search input[type="submit"] { margin-top: -4px; } .mod_search .pagination > p { font-size: .875em; } /** * mhg shariff / mod social media **/ .mod_mhg_shariff { margin-top: 75px; } .mod_mhg_shariff h3 { margin-bottom: 40px; } .shariff .orientation-horizontal.col-1 li, .shariff .orientation-horizontal.col-2 li { max-width: 115px; } /** * Socialmedia **/ .socialwrapper .content-text { width: 53%; float: left; margin-top: .5em; } .mod_socialmedia { width: 46%; float: right; margin-top: 2em; } .mod_socialmedia ul { list-style-type: none; padding: 0; } .mod_socialmedia li { display: inline-block; width: 160px; color: #FFF; text-align: center; margin-left: 20px; -webkit-transition: .2s ease-in-out 0s; -moz-transition: .2s ease-in-out 0s; -o-transition: .2s ease-in-out 0s; transition: .2s ease-in-out 0s; } .mod_socialmedia li a { display: block; line-height: 50px; color: #FFF; font-size: .875em; font-weight: 500; text-transform: uppercase; } .mod_socialmedia li a:hover, .mod_socialmedia li a:focus, .mod_socialmedia li a:active { text-decoration: none; color: #FFF; } .mod_socialmedia li i { font-size: 1.25em; margin-right: 11px; } .section_main .shariff a:hover, .section_main .shariff a:active, .section_main .shariff a:focus { color: #FFF; text-decoration: none; } /** * mod_alert **/ .mod_alert { display: none; position: absolute; top: 0; left: 0; right: 0; height: 300px; width: 100%; } /** * To Top Button **/ .mod_scrollup { position: fixed; bottom: 30px; right: 30px; width: 54px; height: 54px; -webkit-border-radius: 27px; -moz-border-radius: 27px; -o-border-radius: 27px; border-radius: 27px; -webkit-transition: .0s ease-in-out 1s; -moz-transition: .0s ease-in-out 1s; -o-transition: .0s ease-in-out 1s; transition: .0s ease-in-out 1s; z-index: 3; } body.header_hidden .mod_scrollup { display: none !important; } .mod_scrollup:hover, .mod_scrollup:active, .mod_scrollup:focus { height: 140px; -webkit-transition: .0s ease-in-out 0s; -moz-transition: .0s ease-in-out 0s; -o-transition: .0s ease-in-out 0s; transition: .0s ease-in-out 0s; } .mod_scrollup a { display: block; } .mod_scrollup .top_phone img, .mod_scrollup .top_mail img { visibility: hidden; opacity: 0; -webkit-transition: .0s ease ease-in-out 1s; -moz-transition: .0s ease ease-in-out 1s; -o-transition: .0s ease ease-in-out 1s; transition: .0s ease ease-in-out 1s; } .mod_scrollup .top_mail img, .mod_scrollup .top_phone img { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 53px; } .mod_scrollup .top_mail img { bottom: 95px; } .mod_scrollup:hover .top_phone img, .mod_scrollup:active .top_phone img, .mod_scrollup:focus .top_phone img { opacity: 1; visibility: visible; } .mod_scrollup:hover .top_mail img, .mod_scrollup:active .top_mail img, .mod_scrollup:focus .top_mail img { opacity: 1; visibility: visible; } .mod_scrollup .top_button img { position: absolute; bottom: 24px; left: 0; right: 0; margin: 0 auto; } .mod_scrollup .top_phone .top_phonecontent { visibility: hidden; opacity: 0; position: absolute; top: 58px; left: -150px; width: 140px; line-height: 36px; padding: 8px; -webkit-transition: .3s ease-in-out 1s; -moz-transition: .3s ease-in-out 1s; -o-transition: .3s ease-in-out 1s; transition: .3s ease-in-out 1s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3); -moz-box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3); -o-box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3); box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3); } .mod_scrollup .top_mail .top_mailcontent { visibility: hidden; opacity: 0; position: absolute; top: 18px; left: -150px; width: 140px; background: #FFF; line-height: 36px; padding: 8px; -webkit-transition: .3s ease-in-out 1s; -moz-transition: .3s ease-in-out 1s; -o-transition: .3s ease-in-out 1s; transition: .3s ease-in-out 1s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3); -moz-box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3); -o-box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3); box-shadow: 0px 10px 15px 0px rgba(0,36,59,0.3); } .mod_scrollup .top_mail .top_mailcontent a, .mod_scrollup .top_phone .top_phonecontent a { font-size: 13px; font-weight: 500; text-align: center; } .mod_scrollup .top_mail:hover .top_mailcontent, .mod_scrollup .top_phone:hover .top_phonecontent { visibility: visible; opacity: 1; -webkit-transition: .3s ease-in-out 0s; -moz-transition: .3s ease-in-out 0s; -o-transition: .3s ease-in-out 0s; transition: .3s ease-in-out 0s; } /** * Mobile Menu **/ .mm-menu.mm-black { } .mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom { z-index: 4; } .mod_mmenu { top: 98px; } .mm-menu .mm-list { padding: 0 0 100px 0; } .mm-menu.mm-vertical .mm-list .mm-panel { padding: 0; } .mm-btn.mm-prev { margin-left: 16px; } .mod_mmenu li a, .mod_mmenu li span { font-size: 16px; padding: 15px 0; } .mod_mmenu .level_1 > li > a, .mod_mmenu .level_1 > li > span { padding-left: 35px; } .mod_mmenu .level_2 > li > a, .mod_mmenu .level_2 > li > span { padding-left: 35px; } .mod_mmenu .level_3 > li > a, .mod_mmenu .level_3 > li > span { padding-left: 35px; } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span, .mod_mmenu .level_1 > li > span { background: #FFF; } .mm-navbar, .mm-listview>li:not(.mm-divider):after { border: 0; } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen { background: transparent; } html.mm-opening .mm-slideout .section_header { z-index: 102 !important; } html.mm-front .mm-slideout { z-index: auto !important; } .mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after { border: 0; } .mm-list a.mm-subopen { right: 30px; width: 60px; } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { padding: 15px 39px; font-weight: 600; /*min-height: 60px;*/ } .mm-menu .mm-list > li:after { } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { margin-left: 0; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { margin-right: 0; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 50px; } .mod_mmenu .level_2.mm-list li a, .mod_mmenu .level_2.mm-list li span { padding: 15px 15px 15px 54px !important; } .mm-menu.mm-black > .level_1 > li { background: #FFF; } .mm-menu.mm-black > .level_1 > li.mm-selected { border-bottom: 0; } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen { background: transparent; } .mm-menu.mm-black > .level_1 > li > a { color: #1d1d1d; } .mod_mmenu .level_2.mm-list li a, .mod_mmenu .level_2.mm-list li span { color: #999; } .mod_mmenu .level_3.mm-list li a, .mod_mmenu .level_3.mm-list li span { padding: 15px 15px 15px 88px !important; } .mod_mmenu .level_3.mm-list li a, .mod_mmenu .level_3.mm-list li span { background: #333; } .mm-list a.mm-subopen:before { border: 0; } .mm-menu.mm-black .level_3.mm-list > li.last:after { border: none; } .mm-navbar { height: 54px; line-height: 27px; } .mm-listview .mm-next { right: 16px; } /** * Socialmedia Sharing **/ .mod_shariff { position: absolute; top: 0; left: 0; } .tag-chain li { margin-bottom: 1em; } body.ie .mod_countdown { /*display: none;*/ } /* Author : einfach.machen Daniel Kaiser Web : https://www.einfach-machen.berlin */ * { box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } html { scroll-behavior: smooth; } body { font-size: 16px; line-height: 1.75; font-family: 'Open Sans', arial, helvetica, sans-serif; color: #383838; min-width: 375px; } strong, b { font-weight: 700; } p, li { font-size: 18px; } .section_main .content-text li { color: #fd7702; line-height: 36px; } .section_main .content-text p, .section_main.content-text li { font-size: 18px; line-height: 32px; } a { color: #fd7802; font-weight: 600; } a:hover, a:active, a:focus { } h1 { } table { box-shadow: 0 10px 40px rgba(0,0,0,.1); } tbody td, thead th { padding: 10px 20px; } tbody td { vertical-align: top; } thead tr { background: #002347; color: #FFF; } thead th { color: #aebccc; font-weight: 900; } tbody tr:nth-child(2n+1) { background: #FFF; } tbody tr td:first-child { font-weight: 500; color: #002347; } tbody tr:nth-of-type(2n+2) { background: #efefef; } .content-text { overflow: visible; } .section_main .content-text tbody td ul { margin-bottom: 0; padding-left: 1em; } .section_main .content-text tbody td li { color: #555; font-size: 14px; line-height: 20px; } .intro_content h1, .intro h1 { position: relative; font-size: 44px; line-height: 56px; font-weight: 500; color: #FFF; margin-bottom: 30px; } .intro_content h1 { font-size: 36px; line-height: 44px; margin-bottom: 24px; } .intro_content { padding-top: 220px; } .intro_content .content-text p, .intro .content-text p { font-size: 20px; } .intro_content .content-text p { color: #aebccc; margin-bottom: 40px; } .intro h1 span.registered { font-size: 16px; margin-left: 5px; } .intro h1 sup { line-height: 0; } .headline-box h2, h2 { color: #00244b; font-size: 36px; line-height: 44px; font-weight: 500; margin-bottom: 30px; } .-background-color-dark .empty, .-background-color-dark .headline-box h2, .-background-color-dark h2 { color: #FFF; } .headline-box h1 sup, .headline-box h2 sup { font-size: 16px; } .headline-box h6 sup { font-size: 12px; } h3 { /* margin-top: 22px;*/ margin-bottom: 25px; font-size: 22px; line-height: 30px; font-weight: 500; color: #002347; } .limited h3 { max-width: 400px; } h4 { } h5 { } h6 { } .intro h6, .headline-box h6 { margin-bottom: 10px; color: #fd7802; font-size: 20px; font-weight: 500; } .intro .content-text.first{ max-width: 640px; padding-top: 17%; margin-bottom: 40px; } .intro p { color: #a7b4c4; font-size: 18px; } .mod_branding_menu, .mod_branding { max-width: 170px; width: 170px; margin-top: 34px; float: left; } .mod_branding_second figure { display: inline; margin-top: 20px; margin-bottom: 50px; } .mod_branding_second figure img { box-shadow: 0 10px 20px rgba(9,31,55,.3); } .mod_changelanguage { margin-top: 52px; float: right; margin-right: 1.5em; } .mod_changelanguage a { color: #FFF; font-weight: 400; } .mod_search_toggle, .mega_menu_toggle { margin-top: 55px; float: right; color: #FFF; } .mod_search_toggle { margin-right: 1.5em; } button.submit, a.more { width: 225px; display: block; line-height: 57px; background: #fe7702; color: #FFF; text-align: center; font-size: 18px; font-weight: 500; border-radius: 40px; transition: .2s ease-in-out 0s; font-family: 'Open Sans', helvetica, arial, sans-serif; } button.submit { border: none; } .centered a.more { margin-left: auto; margin-right: auto; } button.submit:active, button.submit:focus, a.more:active, a.more:focus { text-decoration: none; } button.submit:hover, a.more:hover { text-decoration: none; transition: .2s ease-in-out 0s; box-shadow: 0 5px 20px rgba(255,129,2,.4); cursor: pointer; } .ce_rsce_ks_button_second a { float: left; } a.more + a.more.secondary { float: left; margin-left: 20px; } a.more.secondary { background: transparent; color: #FFF; border: 1px solid #FFF; transition: .2s ease-in-out 0s; } a.more.secondary:hover, a.more.secondary:active, a.more.secondary:focus { background: #FFF; color: #383838; border: 1px solid #FFF; transition: .2s ease-in-out 0s; box-shadow: none; } /* navigation */ .mod_navigation_main { float: right; list-style-type: none; padding: 0; margin-top: 46px; } .header_fixed .mod_navigation_main { margin-top: 28px; } .mod_navigation_main li { display: inline; margin-right: .75em; } .mod_navigation_main li.calltoaction { margin-right: 1.5em; } .mod_navigation_main li a { color: #FFF; font-weight: 300; transition: .2s ease-in-out 0s; } .header_fixed .mod_navigation_main li a { color: #091f37; } .mod_navigation_main li a:hover, .mod_navigation_main li a:active, .mod_navigation_main li a:focus { color: #fe7702; transition: .2s ease-in-out 0s; } .mod_navigation_main li.calltoaction a { display: inline-block; background: #FFF; color: #020f22; border-radius: 20px; line-height: 40px; padding: 0 22px; transition: .2s ease-in-out 0s; font-weight: 500; } .header_fixed .mod_navigation_main li.calltoaction a { background: #fe7702; color: #FFF; } .mod_navigation_main li.calltoaction a:hover, .mod_navigation_main li.calltoaction a:active, .mod_navigation_main li.calltoaction a:focus { background: #fe7702; color: #FFF; transition: .2s ease-in-out 0s; box-shadow: 0 10px 20px rgba(254,119,2,.2); } /* megamenü */ html.menuActive, html.searchActive { overflow: hidden; } html.searchActive .search, html.menuActive .mod_megamenu_wrapper { overflow-y: scroll; } .search, .mod_megamenu_wrapper { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgb(11,36,66); background: -moz-linear-gradient(left, rgba(11,36,66,.99) 0%, rgba(5,21,37,.99) 100%); background: -webkit-linear-gradient(left, rgba(11,36,66,.99) 0%,rgba(5,21,37,.99) 100%); background: linear-gradient(to right, rgba(11,36,66,.99) 0%,rgba(5,21,37,.99) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2442', endColorstr='#051525',GradientType=1 ); z-index: 99; } .header_fixed .mod_megamenu_wrapper { background: rgb(11,36,66); background: -moz-linear-gradient(left, rgba(11,36,66,1) 0%, rgba(5,21,37,1) 100%); background: -webkit-linear-gradient(left, rgba(11,36,66,1) 0%,rgba(5,21,37,1) 100%); background: linear-gradient(to right, rgba(11,36,66,1) 0%,rgba(5,21,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2442', endColorstr='#051525',GradientType=1 ); } .search .content-text { margin: 0 auto; padding-top: 20%; text-align: center; } .search .content-text h3 { color: #fff; font-weight: 500; font-size: 34px; } .search .content-text p { color: #aebccc; font-size: 18px; } .search .mod_search { max-width: 600px; margin: 0 auto; } .search .mod_search input { margin-top: 2em; padding: 10px; background: transparent; border: none; box-shadow: none; border-bottom: 1px solid rgba(212,216,236,.4); color: #FFF; font-size: 28px; font-weight: 500; text-align: center; } .search .mod_search button.submit { margin: 2em auto; } .mod_megamenu_wrapper h4 { color: rgba(174,188,204,.6); color: #FFF; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.1); margin-bottom: 10px; font-size: 20px; } .mod_megamenu_wrapper li { padding: 5px 0; } .mod_megamenu_wrapper ul { margin-bottom: 30px; } .mod_megamenu_wrapper a { color: #aebccc; color: rgba(174,188,204,.6); font-size: 20px; font-weight: 300; } .mod_megamenu_wrapper strong, .mod_megamenu_wrapper a:hover { color: #fd7702; } .mod_megamenu_wrapper strong { font-size: 20px; font-weight: 300; text-decoration: underline; } .search_close, .mega_menu_close { float: right; margin-top: 55px; font-size: 14px; } .search_close a, .mega_menu_close a { font-size: 14px; } .search_close img, .mega_menu_close img { margin-left: 10px; } body.menuActive .mod_megamenu_wrapper { display: block; } body.searchActive .search { display: block; } /* Inputs */ ::-webkit-input-placeholder { color: #062939 !important; font-family: 'Open Sans', arial, helvetica, sans-serif; font-weight: 500; } ::-moz-placeholder { color: #062939 !important; font-family: 'Open Sans', arial, helvetica, sans-serif; font-weight: 500; } :-ms-input-placeholder { color: #062939 !important; font-family: 'Open Sans', arial, helvetica, sans-serif; font-weight: 500; } :-moz-placeholder { color: #062939 !important; font-family: 'Open Sans', arial, helvetica, sans-serif; font-weight: 500; } fieldset.small { width: 31.25%; margin-right: 2.67857%; float: left; } fieldset.large { width: 66.07143%; float: left; } fieldset.middle .widget-text { width: 48.660715%; float: left; margin-right: 2.67857%; } fieldset.middle .widget-text:nth-of-type(2n+2) { margin-right: 0; } .ce_form { overflow: visible; } .mod_personalData input[type="text"], .mod_personalData input[type="password"], .mod_personalData input[type="email"], .mod_personalData input[type="tel"], .mod_login input[type="text"], .mod_login input[type="password"], .mod_login input[type="email"], .ce_form input[type="text"], .ce_form input[type="password"], .ce_form input[type="date"], .ce_form input[type="datetime"], .ce_form input[type="email"], .ce_form input[type="number"], .mod_search_site input[type="search"], .area_search .section_main .mod_search input[type="search"], .ce_form input[type="search"], .ce_form input[type="tel"], .ce_form input[type="time"], .ce_form input[type="url"], .ce_form select { background: #f2f4f6; line-height: 57px; border: 2px solid #f2f4f6; border-radius: 10px; padding: 0 20px; box-shadow: none; display: inline-block; font-family: 'Open Sans', arial, helvetica, sans-serif; color: #062939; font-weight: 500; } .mod_personalData .widget-password, .mod_personalData .widget-text, .ce_form .widget-textarea, .mod_search_site .widget-text, .area_search .section_main .mod_search .widget-text, .mod_login .widget-text, .mod_login .widget-password, .ce_form .widget-text, .ce_form .widget-select { position: relative; margin-bottom: 15px; } .mod_login .widget label, .area_search .section_main .mod_search label, .mod_search_site .widget label, .ce_form .widget label { display: none; } .mod_login { overflow: visible; } .mod_login button.submit, .mod_login_lostPassword p, .mod_lostPassword button.submit { width: 300px; margin-left: auto; margin-right: auto; } .mod_login_lostPassword p { text-align: center; } .mod_login_lostPassword p a { display: block; font-size: 13px; font-weight: 300; margin-top: 2em; } .ce_form select { width: 100%; display: block; height: 60px; } .ce_form textarea { background: #f2f4f6; border: 2px solid #f2f4f6; border-radius: 10px; padding: 20px 20px; box-shadow: none; height: 150px; } .mod_login input[type="text"]:active + label, .mod_login input[type="text"]:focus + label, .mod_login input[type="password"]:active label, .mod_login input[type="password"]:focus label, .ce_form input[type="text"]:active + label, .ce_form input[type="text"]:focus + label, .ce_form input[type="password"]:active label, .ce_form input[type="password"]:focus label, .ce_form input[type="date"]:active + label, .ce_form input[type="date"]:focus + label, .ce_form input[type="datetime"]:active + label, .ce_form input[type="datetime"]:focus + label, .ce_form input[type="email"]:active + label, .ce_form input[type="email"]:focus + label, .ce_form input[type="number"]:active + label, .ce_form input[type="number"]:focus + label, .ce_form input[type="search"]:active + label, .ce_form input[type="search"]:focus + label, .ce_form input[type="tel"]:active + label, .ce_form input[type="tel"]:focus + label, .ce_form input[type="time"]:active + label, .ce_form input[type="time"]:focus + label, .ce_form input[type="url"]:active + label, .ce_form input[type="url"]:focus + label, .ce_form input[type="search"]:active + label, .ce_form input[type="search"]:focus + label, .mod_search_site input[type="search"]:active + label, .mod_search_site input[type="search"]:focus + label, .area_search .section_main .mod_search input[type="search"]:active + label, .area_search .section_main .mod_search input[type="search"]:focus + label, .ce_form textarea:active + label, .ce_form textarea:focus + label{ display: block; position: absolute; font-size: 13px; font-weight: 500; top: 10px; left: 20px; color: #fd7702; } .ce_form .checkbox_container input:hover, .ce_form textarea:hover, .ce_form .widget-select select:hover, .ce_form input[type="text"]:hover, .mod_search_site input[type="search"]:hover, .area_search .section_main .mod_search input[type="search"]:hover, .mod_login .checkbox_container input:hover, .ce_form input[type="search"]:hover, .ce_form input[type="email"]:hover { background: #fff1e5; border: 2px solid #fff1e5; } .ce_form input[type="text"]:active, .ce_form input[type="text"]:focus, .ce_form input[type="email"]:active, .ce_form input[type="email"]:focus, .ce_form input[type="search"]:active, .ce_form input[type="search"]:focus .mod_login input[type="text"]:active, .mod_login input[type="text"]:focus, .mod_login input[type="password"]:active, .mod_login input[type="password"]:focus, .mod_search_site input[type="search"]:active, .mod_search_site input[type="search"]:focus, .area_search .section_main .mod_search input[type="search"]:active, .area_search .section_main .mod_search input[type="search"]:focus { padding-top: 17px; line-height: 40px; background: #fff1e5; border: 2px solid #fd7702; font-weight: 500; } .area_search .section_main .mod_search input[type="search"]:active, .area_search .section_main .mod_search input[type="search"]:focus, .area_search .section_main .mod_search input[type="search"]:hover, .mod_search_site input[type="search"]:active, .mod_search_site input[type="search"]:focus, .mod_search_site input[type="search"]:hover { border-color: #fd7702; background: #fff1e5; } .area_search .section_main .mod_search input[type="search"]:active +label, .area_search .section_main .mod_search input[type="search"]:focus + label, .mod_search_site input[type="search"]:active + label, .mod_search_site input[type="search"]:focus + label { color: #fd7702; } .ce_form textarea:active, .ce_form textarea:focus { padding-top: 25px; background: #fff1e5; border: 2px solid #fd7702; } .ce_form .widget-select:before { position: absolute; top: 0; right: 0; bottom: 0; content: ''; display: block; width: 50px; height: 60px; background: #fd7702 url(../../files/themes/re-vi/img/icon-arrow-down.svg) no-repeat scroll center; background-size: 12.5px 7.5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -o-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; pointer-events: none; } .mod_login .checkbox_container input, .ce_form .checkbox_container input { width: 62px; height: 62px; background: #f1f7fb; background-size: 36px 36px; border: 2px solid #f1f7fb; border-radius: 10px; float: left; margin-right: 16px; } .mod_login .checkbox_container label, .ce_form .checkbox_container label{ max-width: 84%; float: left; font-size: 14px; line-height: 20px; } .ce_form .checkbox_container label { margin-top: 9px; } .ce_form .form_demo .checkbox_container label, .ce_form .form_webinar .checkbox_container label { margin-top: 0; } .explanation p { font-size: 14px; margin-top: 10px; } .mod_login .checkbox_container input:checked, .ce_form .checkbox_container input:checked { background: #f1f7fb url('../../files/themes/re-vi/img/icon-check-input.svg') no-repeat scroll center; background-size: 36px 36px; } .ce_form .checkbox_container a { color: #ff8102; font-weight: 300; } .mod_login button.submit, .ce_form button.submit { margin-top: 20px; } .mod_personalData widget { clear: both; } .mod_personalData label { width: 15%; float: left; line-height: 57px; margin-bottom: 1em; color: #fd7702; font-size: 14px; font-weight: 500; } .mod_personalData input { width: 85%; float: right; margin-bottom: 1em; } .mod_personalData .submit { float: right; margin-bottom: 2em; } @media only screen and (max-width: 767px) { .mod_personalData label, .mod_personalData input { width: 100%; float: none; } .mod_personalData input { margin-bottom: 0; } .mod_personalData label { margin-bottom: 1em; } } /* Tabs */ .ce_tabs ul { list-style-type: none; } .ce_tabs-nav, .ce_tabs .nav { max-width: 735px; margin: 36px auto 70px auto; background: #F6F6F6; padding: 10px; border-radius: 40px; display: flex; } .ce_tabs li { width: 49%; margin-right: 2%; /* width: 27.89116%; margin-right: 8.16326%; */ display: inline-block; text-align: center; } .ce_tabs li:nth-of-type(2n+2) { margin-right: 0; } /*.ce_tabs li:nth-of-type(3n+3) { margin-right: 0; }*/ .ce_tabs li a { display: block; line-height: 58px; padding: 0 38px; background: #FDFDFD; border-radius: 29px; color: #002347; margin: 0 auto; font-weight: 500; transition: .33s ease-in-out 0s; } .ce_tabs li a:hover, .ce_tabs li a:active, .ce_tabs li a:focus { text-decoration: none; background: #002347; color: #FFF; transition: .3s ease-in-out 0s; } .ce_tabs li.ui-state-active a { background: #002347; color: #FFF; } /* Tabs */ .ce_tabs { } .ce_tabs-nav { margin: 40px auto; list-style-type: none; padding: 10px; } .ce_tabs-nav li { float: left; } .ce_tabs-nav a, .ce_tabs-nav a:hover, .ce_tabs-nav a:active, .ce_tabs-nav a:focus { text-decoration: none; } .ce_tabs .tab-link { font-weight: 700; } .ce_tabs .tab-link { border-bottom: 1px solid #FFF; } .ce_tabs .tab-link.active-tab-nav { color: #FFF; border-bottom: 5px solid var(--text-color); background: #002347; } .tab-pane { display: none; } .tab-pane.active-tab { display: block; } /* section header */ .section_header { position: absolute; top: 0; left: 0; right: 0; height: 100px; z-index: 2; } .section_header .inside { position: relative; max-width: 1260px; margin: 0 auto; padding: 0 30px; z-index: 2; } .header_fixed .section_header { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100px; background: #FFF; z-index: 1; box-shadow: 0 1px 5px rgba(0,0,0,.1); transition: top .2s ease-in-out 0s; } .header_hidden .section_header { top: -100px; transition: top .2s ease-in-out 0s; } .header_hidden.header_fixed .section_header { top: -100px; } .mod_login_toggle { float: right; margin-right: 20px; margin-top: 55px; } .mod_login_toggle.logout { margin-top: 57px; } /* section main */ .section_main { } /* section footer */ .section_footer { position: relative; overflow: visible; z-index: 0; } .section_footer .footer_navigation { background: #fbfbfb; } .section_footer .mod_branding, .header_fixed .section_footer .mod_branding { display: block; max-width: 170px; float: left; margin: 0 114px 0 0; } .section_footer .mod_customnav li { line-height: 36px; } .section_footer .mod_customnav strong, .section_footer .mod_customnav a { color: #002347; font-weight: 500; font-size: 16px; } .section_footer .mod_customnav strong { text-decoration: underline; } .section_footer .mod_customnav a:hover, .section_footer .mod_customnav a:active, .section_footer .mod_customnav a:focus { color: #fd7702; text-decoration: underline; } .section_footer .mod_navigation_copyright, .section_footer .mod_copyright { float: left; } .section_footer .mod_agency { float: right; } .section_footer .mod_navigation_copyright p, .section_footer .mod_copyright p, .section_footer .mod_copyright p a, .section_footer .mod_agency p, .section_footer .mod_agency p a { color: #FFF; font-size: 12px; } .section_footer .mod_agency p a { margin-left: 10px; } .section_footer .mod_agency p { opacity: .8; } .section_footer .mod_navigation_copyright ul { margin: -3px 0 0 20px; padding: 0; } .section_footer .mod_navigation_copyright li { display: inline-block; } .section_footer .mod_navigation_copyright li:after { content: ' /'; display: inline-block; margin-left: 6px; color: #FFF; } .section_footer .mod_navigation_copyright li:last-child:after { content: none; } .section_footer .mod_navigation_copyright li strong, .section_footer .mod_navigation_copyright li a { color: #FFF; font-size: 14px; } .section_footer:before { content: ''; position: absolute; right: 0; top: -116px; width: 300px; height: 200px; background: transparent url('../../files/themes/re-vi/img/footer.png') no-repeat scroll center; background-size: 300px 200px; z-index: 1; } /* News */ .mod_newslist_webinars, .mod_newslist_webinars.clear.block, .mod_newslist_home.clear.block { overflow: visible; } .mod_newsreader .back { display: none; } .mod_newsreader .info { background: #002347; color: #aebccc; font-size: 12px; float: right; padding: 6px 16px; border-radius: 5px; font-weight: 700; display: none; } .mod_newsreader h1 { color: #00244b; font-size: 36px; line-height: 44px; font-weight: 500; margin-bottom: 30px; } .mod_newsreader .mod_webinar_date { background: #002347; padding: 20px; border-radius: 6px; color: #FFF; } .mod_newsreader .mod_webinar_date h3 { color: #aebccc; margin-bottom: 10px; } .mod_newsreader .mod_webinar_date p { margin-bottom: 0; } .mod_newsreader .ce_form.limited-small { margin-left: auto; margin-right: auto; } .mod_newslist_webinars .layout_latest, .mod_newslist_home .layout_latest { position: relative; overflow: visible; max-width: 580px; width: 100%; margin-right: 40px; margin-bottom: 40px; background: #0d2d4f; border-radius: 10px; float: left; padding: 40px; border: 2px solid #0d2d4f; transition: .2s ease-in-out 0s; } .mod_newslist_webinars .layout_latest:nth-of-type(2n+2), .mod_newslist_home .layout_latest:nth-of-type(2n+2) { margin-right: 0; } .mod_newslist_webinars .layout_latest:hover, .mod_newslist_webinars .layout_latest:active, .mod_newslist_webinars .layout_latest:focus, .mod_newslist_home .layout_latest:hover, .mod_newslist_home .layout_latest:active, .mod_newslist_home .layout_latest:focus { border-color: #d4d8ec; transition: .2s ease-in-out 0s; cursor: pointer; box-shadow: 0 10px 20px rgba(0,0,0,.3); } .area_news .mod_newslist .layout_latest:hover, .area_news .mod_newslist .layout_latest:active, .area_news .mod_newslist .layout_latest:focus { border-color: #0d2d4f; } .pagination p, .pagination ul { display: none; } .pagination .morenews { margin-top: 3em; text-align: center; display: block; font-size: 16px; font-weight: 500; color: #aebccc; } .mod_newslist .pagination_button a:before { content: url(../../files/themes/re-vi/img/icon-more.svg); display: block; margin: 0 auto 1em auto; text-align: center; width: 35px; height: 35px; transition: .2s ease-in-out 0s; } .mod_newslist .pagination_button:hover a:before { content: url(../../files/themes/re-vi/img/icon-more-active.svg); transition: .2s ease-in-out 0s; } .layout_latest p { color: #aebccc; } .layout_latest .content-text { margin-bottom: 30px; } .layout_latest .more a { position: absolute; bottom: 20px; color: #FFF; font-weight: 500; } .mod_newslist_webinars .layout_latest:hover .more a, .mod_newslist_webinars .layout_latest:active .more a, .mod_newslist_webinars .layout_latest:focus .more a, .mod_newslist_home .layout_latest:hover .more a, .mod_newslist_home .layout_latest:active .more a, .mod_newslist_home .layout_latest:focus .more a { text-decoration: underline; } .layout_latest h2 { margin-top: 20px; margin-bottom: 20px; } .layout_latest h2, .layout_latest h2 a { color: #FFF; font-size: 22px; line-height: 30px; } .layout_latest h2 a { text-decoration: none; } .layout_latest p.info { color: #a7b4c4; margin-bottom: 15px; display: inline-block; font-size: 14px; } .layout_latest .category { position: absolute; top: 20px; right: 20px; font-size: 14px; padding: 0 16px; line-height: 30px; border-radius: 5px; background: #aebccc; color: #002347; font-weight: 700; } /* Breadcrumb */ .mod_breadcrumb { background: #efefef; } .mod_breadcrumb ul { max-width: 1240px; margin: 0 auto; line-height: 60px; padding-left: 20px; padding-right: 20px; } .mod_breadcrumb li a { text-decoration: none; font-weight: 300; letter-spacing: 0; color: #002347; } .mod_breadcrumb li.active { font-weight: 500; text-decoration: none; letter-spacing: 0; } .mod_breadcrumb li { } /* sections */ /* section functions */ .section_function { position: relative; } .section_functions .content { max-width: 555px; background: #0d2e51; border: 2px solid #0d2e51; border-radius: 10px; padding: 32px 36px; margin-bottom: 20px; transition: .2s ease-in-out 0s; } .section_functions .content p { margin-bottom: 0; color: #a7b4c4; font-size: 20px; line-height: 32px; } .section_functions .content p strong { display: block; color: #FFF; margin-bottom: 20px; font-size: 22px; } .section_functions .content:hover { border: 2px solid #a7b4c4; transition: .2s ease-in-out 0s; } .section_functions .content-image { display: none; position: absolute; top: 180px; left: 55%; } .section_functions .content-image.active { display: block; } /* section_calltoaction */ .section_calltoaction { position: relative; overflow: visible; } .section_calltoaction .centered_wrapper_inside { padding: 40px 40px; background: #f6f6f6; border-radius: 25px; height: 285px; } .section_calltoaction.inverse .centered_wrapper_inside { background: #002347; } .section_calltoaction h5 { margin-bottom: 25px; font-size: 22px; color: #002347; font-weight: 500; } .section_calltoaction.inverse h5 { color: #FFF; } .section_calltoaction p { max-width: 620px; margin-bottom: 25px; } .section_calltoaction.inverse p { color: #aebccc; } .section_calltoaction p a { color: #333; } .section_calltoaction.inverse .more.secondary, .section_calltoaction.inverse p a { color: #aebccc; } .section_calltoaction .content-image { position: absolute; top: -27px; right: 0; width: 480px; } /* section login */ .section_login .centered_wrapper_inside { max-width: 400px; margin: 0 auto; } /* section custom/special */ .intro .centered-wrapper-background { animation-name: color_rotation; animation-duration: 4s; animation-iteration-count: 2; animation-delay: 3s; animation-direction: alternate-reverse; } .intro.second .centered-wrapper-background { animation-name: none; /* animation-duration: 4s; animation-iteration-count: 2; animation-delay: 3s; animation-direction: alternate-reverse;*/ } .headline-limited h3 { max-width: 400px; } .rs-column { margin-top: 40px; } @keyframes color_rotation { 0% { filter: hue-rotate(0deg); } 50% { filter: hue-rotate(180deg); } 100% { filter: hue-rotate(0deg); } } .mod_branding.fixed_header, .mega_menu_toggle.fixed_header, .mod_login_toggle.fixed_header, .mod_search_toggle.fixed_header { display: none; } .header_fixed .mod_branding, .header_fixed .mega_menu_toggle, .header_fixed .mod_login_toggle, .header_fixed .mod_search_toggle { display: none; } .header_fixed .mod_changelanguage { margin-top: 35px; } .header_fixed .mod_changelanguage a { color: #020f22; } .header_fixed .mod_branding.fixed_header { display: block; margin-top: 14px; } .header_fixed .mod_login_toggle.fixed_header, .header_fixed .mega_menu_toggle.fixed_header, .header_fixed .mod_search_toggle.fixed_header { display: block; margin-top: 36px; } .header_fixed .mod_login_toggle.fixed_header { margin-top: 37px; } .content-text.columns { column-count: 2; column-gap: 60px; } .content-image.image figure img { max-width: 450px; margin-left: auto; margin-right: auto; } .mod_sitemap .description { font-weight: 300; } /* video */ .ce_tabs, .ce_player { overflow: visible; } .ce_player video { width: 100% !important; } .ce_player > .video_container { box-shadow: 0 10px 30px rgba(0,0,0,.1); border-radius: 10px; } .ce_player > .video_container:hover { cursor: pointer; } /*.ce_player > .video_container:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; margin: -50px auto 0 auto; width: 100px; height: 100px; background: transparent url('../../files/themes/re-vi/img/icon-play.svg') no-repeat scroll center; z-index: 0; }*/ /*.ce_player > .video_container.active:before { content: none; }*/ /* .video_container:after { content: ''; position: absolute; top: 50%; left: 0; right: 0; margin: -90px auto 0 auto; width: 140px; height: 140px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -oborder-radius: 50%; border-radius: 50%; background: url(../../files/themes/re-vi/img/icon-play.svg) no-repeat scroll center; background-size: 150px 150px; z-index: 6; } */ @-moz-keyframes pulse { 0% { -moz-transform: scale(0); opacity: 0.0; } 25% { -moz-transform: scale(0); opacity: 0.1; } 50% { -moz-transform: scale(0.1); opacity: 0.3; } 75% { -moz-transform: scale(0.8); opacity: 0.5; } 100% { -moz-transform: scale(1); opacity: 0.0; } } @-ms-keyframes pulse { 0% { -ms-transform: scale(0); opacity: 0.0; } 25% { -ms-transform: scale(0); opacity: 0.1; } 50% { -ms-transform: scale(0.1); opacity: 0.3; } 75% { -ms-transform: scale(0.8); opacity: 0.5; } 100% { -ms-transform: scale(1); opacity: 0.0; } } @-webkit-keyframes "pulse" { 0% { -webkit-transform: scale(0); opacity: 0.0; } 25% { -webkit-transform: scale(0); opacity: 0.1; } 50% { -webkit-transform: scale(0.1); opacity: 0.3; } 75% { -webkit-transform: scale(0.8); opacity: 0.5; } 100% { -webkit-transform: scale(1); opacity: 0.0; } } .form_explanation p sup { font-size: 10px; color: #a7b4c4; float: right; } /* Cookiebar */ .contao-cookiebar .highlight .cc-btn.success { background: #ff8102; } .cookiebar_simple p { font-size: 14px; } /* area_search */ .area_search .header { margin-top: 50px; font-size: 13px; } .area_search .info { display: none; } .area_search h3 { margin-bottom: 0; font-size: 16px; } .area_search .context { font-size: 14px; } .area_search .odd, .area_search .even { padding-top: 20px; padding-bottom: 20px; margin-bottom: 10px; margin-top: 10px; border-bottom: 1px solid rgba(0,0,0,.05); } /* specials */ .section_main .content-text.color-dark li, .section_main .content-text.color-dark ul { color: #383838; } .shadow { box-shadow: 0 5px 25px rgba(0,0,0,.2); border-radius: 5px; margin-bottom: 20px; } .shadow figure { margin-bottom: 0; } /* Test */ .titelzeile, .videozeile { display: none; } /* LinkedIn */ .centered_wrapper.section_socialmedia { background: #fe7702; min-height: 80px; padding: 0; text-align: center; } .section_socialmedia figure.float_left { width: auto; } .section_socialmedia .content-text { margin-top: 20px; text-align: center; } .section_socialmedia .content-text p { margin-bottom: 0; font-size: 20px; font-weight: 500; line-height: 40px; } .section_socialmedia .content-text a { text-decoration: none; } .section_socialmedia .content-text img { margin-right: 6px; } .section_socialmedia figure.float_left { margin-right: 0px; } .section_socialmedia img { margin-top: -6px; } @media only screen and (max-width: 900px) { .section_socialmedia .content-text { margin-top: 28px; } } /* Created on : 05.02.2022 Author : einfach.machen Daniel Kaiser Web : https://www.einfach-machen.berlin */ /* Slider - Alle */ .mod_rocksolid_slider .rsts-caption { display: none !important; } .mod_rocksolid_slider.benefits, .mod_rocksolid_slider.benefits .rsts-crop, .mod_rocksolid_slider.benefits .rsts-slide { overflow: visible; } .mod_rocksolid_slider.rsts-skin-default .rsts-next, .mod_rocksolid_slider.rsts-skin-default .rsts-prev { width: 45px; height: 45px; background: url('../../files/themes/re-vi/img/icon-arrow-next.svg') no-repeat scroll center; background-size: 45px 45px; border: none; box-shadow: none; } .mod_rocksolid_slider.rsts-skin-default .rsts-prev { background: url('../../files/themes/re-vi/img/icon-arrow-prev.svg') no-repeat scroll center; background-size: 45px 45px; } .mod_rocksolid_slider.rsts-skin-default .rsts-next:hover { background: url('../../files/themes/re-vi/img/icon-arrow-next-active.svg') no-repeat scroll center; } .mod_rocksolid_slider.rsts-skin-default .rsts-prev:hover { background: url('../../files/themes/re-vi/img/icon-arrow-prev-active.svg') no-repeat scroll center; } .-background-color-dark .mod_rocksolid_slider.rsts-skin-default .rsts-next { background: url('../../files/themes/re-vi/img/icon-arrow-next-active.svg') no-repeat scroll center; } .-background-color-dark .mod_rocksolid_slider.rsts-skin-default .rsts-next:hover { background: url('../../files/themes/re-vi/img/icon-arrow-next.svg') no-repeat scroll center; } .-background-color-dark .mod_rocksolid_slider.rsts-skin-default .rsts-prev { background: url('../../files/themes/re-vi/img/icon-arrow-prev-active.svg') no-repeat scroll center; } .-background-color-dark .mod_rocksolid_slider.rsts-skin-default .rsts-prev:hover { background: url('../../files/themes/re-vi/img/icon-arrow-prev.svg') no-repeat scroll center; } /* Slider Vorteile */ .mod_rocksolid_slider.benefits { padding-bottom: 100px; background: #002347; } .mod_rocksolid_slider.rsts-skin-default.benefits .rsts-next, .mod_rocksolid_slider.rsts-skin-default.benefits .rsts-prev { top: -145px; left: 50%; margin-left: 555px; } .mod_rocksolid_slider.rsts-skin-default.benefits .rsts-prev { margin-left: 490px; } .mod_rocksolid_slider.benefits.inverse { background: transparent; } .mod_rocksolid_slider.benefits .content-text { background: #0d2d4f; padding: 30px 40px; border-radius: 10px; border: 2px solid #0d2d4f; transition: .3s ease-in-out 0s; } .mod_rocksolid_slider.benefits.inverse .content-text { background: #f6f6f6; border-color: #f6f6f6; } .mod_rocksolid_slider.benefits .content-text:hover, .mod_rocksolid_slider.benefits .content-text:active, .mod_rocksolid_slider.benefits .content-text:focus { margin-top: -15px; border: 2px solid #d4d8ec; transition: .3s ease-in-out 0s; box-shadow: 0 10px 20px rgba(0,0,0,.3); } .mod_rocksolid_slider.benefits.inverse .content-text:hover, .mod_rocksolid_slider.benefits.inverse .content-text:active, .mod_rocksolid_slider.benefits.inverse .content-text:focus { border: 2px solid #002347; box-shadow: 0 10px 20px rgba(0,0,0,.1); } .mod_rocksolid_slider.benefits p { margin-bottom: 0; } .mod_rocksolid_slider.benefits.inverse p { color: #333; } .mod_rocksolid_slider.benefits h4, .mod_rocksolid_slider.benefits a { color: #FFF; } .mod_rocksolid_slider.benefits.inverse h4, .mod_rocksolid_slider.benefits.inverse a { color: #002347; } .mod_rocksolid_slider.benefits h4 { font-size: 22px; line-height: 30px; font-weight: 500; margin-bottom: 16px; } .mod_rocksolid_slider.benefits p { color: #aebccc; font-size: 19px; } .mod_rocksolid_slider.benefits p a { margin-top: 16px; display: inline-block; font-size: 16px; font-weight: 700; } .mod_rocksolid_slider.benefits.inverse p a { color: #002347; } /* Slider Kundenmeinungen */ .mod_rocksolid_slider.testimonials .rsts-slide, .mod_rocksolid_slider.testimonials .rsts-crop { max-width: 1100px !important; margin-left: auto; margin-right: auto; overflow: hidden; } .mod_rocksolid_slider.rsts-skin-default.testimonials { overflow: visible; } .mod_rocksolid_slider.rsts-skin-default.testimonials .rsts-next, .mod_rocksolid_slider.rsts-skin-default.testimonials .rsts-prev { top: 0px; right: 50%; margin-right: -600px; } .mod_rocksolid_slider.rsts-skin-default.testimonials .rsts-prev { right: inherit; left: 50%; margin-left: -600px; } .mod_rocksolid_slider.testimonials .content-text { max-width: 840px; margin: 0 auto; text-align: center; } .mod_rocksolid_slider.testimonials .content-text p { color: #fd7702; font-size: 16px; font-weight: 500; line-height: 24px; } .mod_rocksolid_slider.testimonials .content-text p em { color: #002347; font-size: 20px; line-height: 32px; font-weight: 300; } /* Author : einfach.machen Daniel Kaiser Web : https://www.einfach-machen.berlin */ .limited-small { max-width: 580px; } .limited-middle { max-width: 800px; } .limited-large { max-width: 960px; } .limited-big { max-width: 1000px; } .limited-huge { max-width: 1120px; } .-background-color-dark { background: #002347; } .-background-color-dark .content-text p, .-background-color-dark .ce_text p { color: #aebccc; } .-highlight-color { /* background: rgb(11,36,66); background: -moz-linear-gradient(left, rgba(11,36,66,1) 0%, rgba(5,21,37,1) 100%); background: -webkit-linear-gradient(left, rgba(11,36,66,1) 0%,rgba(5,21,37,1) 100%); background: linear-gradient(to right, rgba(11,36,66,1) 0%,rgba(5,21,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2442', endColorstr='#051525',GradientType=1 ); */ background: rgb(10,36,64); background: -moz-linear-gradient(left, rgba(10,36,64,1) 0%, rgba(10,36,64,1) 27%, rgba(5,20,37,1) 100%); background: -webkit-linear-gradient(left, rgba(10,36,64,1) 0%,rgba(10,36,64,1) 27%,rgba(5,20,37,1) 100%); background: linear-gradient(to right, rgba(10,36,64,1) 0%,rgba(10,36,64,1) 27%,rgba(5,20,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2440', endColorstr='#051425',GradientType=1 ); } .centered_wrapper.-height-large { height: 100vH; } .intro .centered-wrapper-background { background-position: 100% 60% !important; } .centered_wrapper.-height-large.intro .centered_wrapper_inside { height: 100vH; } /* Effect Shine */ .content-image.animate, .centered_wrapper.intro { position: relative; } .content-image.animate.active:before, .centered_wrapper.intro:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; bottom: 0; content:''; transform:translateX(100%); height: 100%; z-index:1; animation: slide 9s alternate 3s; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.05)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); } .content-image.animate.active:before { animation: slide 3s alternate 0s; } /* Button */ .ce_rsce_dk_button { float: left; margin-right: 20px; } .ce_rsce_dk_button.centered { float: none; margin: 0 auto; } .section_calltoaction .ce_rsce_dk_button .more.secondary { background: none; color: #002347; border: none; } .section_calltoaction .ce_rsce_dk_button .more.secondary:hover, .section_calltoaction .ce_rsce_dk_button .more.secondary:active, .section_calltoaction .ce_rsce_dk_button .more.secondary:focus { background: none; box-shadow: none; text-decoration: underline; border: none; } /* Scroll down */ .header_hidden .icon-scroll { opacity: 0; transition: .5s ease-in-out 0s; } .icon-scroll, .icon-scroll:before { position: absolute; left: 50%; bottom: 150px; } .icon-scroll { width: 40px; height: 60px; margin-left: -20px; margin-top: -35px; box-shadow: inset 0 0 0 2px #FFF; border-radius: 18px; } .icon-scroll:before { content: ''; width: 2px; height: 8px; /*background: #a7b4c4;*/ border: 2px solid #FFF; margin-left: -2.5px; top: 10px; border-radius: 4px; animation-duration: 3s; animation-iteration-count: infinite; animation-name: scroll; } .icon-scroll .desc { position: absolute; bottom: -40px; color: #FFF; width: 112px; left: -36px; font-weight: 300; text-align: center; } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } } @keyframes slide { 0% { transform:translateX(-100%); transform:translateZ(-100%); } 50% { transform:translateX(100%); transform:translateZ(100%); } 100% { transform:translateX(-100%); transform:translateZ(-100%); } } .section_faq .ce_accordion, .section_benefits .ce_accordion { margin-bottom: 30px; overflow: visible; } .ce_accordion .toggler { position: relative; } .section_faq .toggler, .section_benefits .toggler { padding: 16px 30px; font-size: 20px; min-height: 60px; border-radius: 10px; background: #0d2d4f; border: 2px solid #0d2d4f; color: #FFF; font-weight: 700; transition: .3s ease-in-out 0s; } .section_faq .toggler { border-radius: 10px; background: #d4d8ec; border-color: #d4d8ec; font-size: 20px; font-weight: 500; color: #002347; } .section_faq .toggler:hover, .section_faq .toggler.active { border-color: rgba(0,35,71,.3); transition: .3s ease-in-out 0s; box-shadow: 0 10px 20px rgba(0,0,0,.1); } .section_benefits .toggler.ui-state-active, .section_benefits .toggler:hover, .section_benefits .toggler.active { border: 2px solid rgba(212,216,236,.4); transition: .3s ease-in-out 0s; box-shadow: 0 10px 20px rgba(0,0,0,.2); } .ce_accordion .toggler span { display: block; position: absolute; right: 17.5px; top: 17.5px; width: 25px; height: 25px; background: transparent url('../../files/themes/re-vi/img/icon-plus-inverse.svg') no-repeat scroll 98% center; background-size: 25px 25px; } .section_benefits .ce_accordion .toggler span { background: transparent url('../../files/themes/re-vi/img/icon-plus.svg') no-repeat scroll 98% center; background-size: 25px 25px; } .ce_accordion .toggler.active span { background: transparent url('../../files/themes/re-vi/img/icon-plus-inverse.svg') no-repeat scroll 98% center; background-size: 25px 25px; transform: rotate(45deg); } .section_benefits .ce_accordion .toggler.active span { background: transparent url('../../files/themes/re-vi/img/icon-plus.svg') no-repeat scroll 98% center; background-size: 25px 25px; transform: rotate(45deg); } .ce_accordion .toggler:hover span { background: transparent url('../../files/themes/re-vi/img/icon-plus-inverse.svg') no-repeat scroll 98% center; background-size: 25px 25px; } .section_benefits .ce_accordion .toggler:hover span { background: transparent url('../../files/themes/re-vi/img/icon-plus.svg') no-repeat scroll 98% center; background-size: 25px 25px; } .ce_accordion .toggler.active:hover span { transform: rotate(0deg); } .section_faq .accordion, .section_benefits .accordion { padding: 30px 30px 0 30px; } .section_faq .accordion { padding-bottom: 10px; } .section_faq .accordion p, .section_benefits .accordion p{ font-size: 18px; line-height: 32px; } .section_benefits .accordion ul { list-style-type: none; padding: 0; margin-top: 20px; } .section_benefits .accordion li { display: inline-block; } .section_benefits .accordion li { position: relative; font-size: 14px; padding: 0 16px 0 20px; line-height: 21px; /* border-radius: 5px;*/ /* background: rgba(174,188,204,.18);*/ /* border-bottom: 1px solid #aebccc;*/ color: #aebccc; margin: 10px 10px 10px 0; font-weight: 700; } .section_benefits .accordion li:before { content: '✓'; position: absolute; top: 0; left: 0; display: inline-block; font-weight: 900; } /* Contact Person */ .mod_contact { position: relative; border-radius: 10px; overflow: hidden; } .mod_contact figure { margin-bottom: 0; } .mod_contact .rte { background: #002347; padding: 30px 40px; } .mod_contact .rte p { color: #FFF; margin-bottom: 0; font-size: 16px; line-height: 26px; } .mod_contact .rte p strong { font-size: 20px; margin-bottom: 10px; display: block; } .mod_contact .rte p a { color: #aebccc; } /* Knowledgebase */ .mod_knowledge { overflow: visible; } .mod_knowledge .image-boxes-item { position: relative; background: #002347; border-radius: 10px; padding: 1em 1.5em 0 1.5em; width: 31.11111111%; margin-right: 3.33333333333%; margin-top: 40px; transition: .2s ease-in-out 0s; } .mod_knowledge .image-boxes-item:hover { cursor: pointer; box-shadow: 0 10px 20px rgba(0,0,0,.3); transition: .2s ease-in-out 0s; } .mod_knowledge .image-boxes-item a:hover { text-decoration: none; } .mod_knowledge .image-boxes-item:hover .image-boxes-item-link a { text-decoration: underline; } .mod_knowledge .image-boxes-item:nth-of-type(3n+3) { margin-right: 0; } .mod_knowledge .image-boxes-item:last-child { background: #f6f6f6; } .mod_knowledge .image-boxes-item h3 { color: #FFF; font-size: 18px; margin-bottom: 0; } .mod_knowledge .image-boxes-item h4 { position: absolute; top: 10px; right: 16px; color: #aebccc; font-size: 10px; font-weight: 900; } .mod_knowledge .image-boxes-item:last-child h3 { color: #002347; } .mod_knowledge .image-boxes-item-link a { font-size: 14px; font-weight: 300; } .mod_knowledge .image-boxes-item:last-child .image-boxes-item-link a { color: #002347; } @media only screen and (max-width: 900px) { .mod_knowledge .image-boxes-item:nth-of-type(3n+3), .mod_knowledge .image-boxes-item { width: 49%; margin-right: 2%; } .mod_knowledge .image-boxes-item:nth-of-type(2n+2) { margin-right: 0; } .mod_knowledge .image-boxes-item h3 { font-size: 16px; } } @media only screen and (max-width: 599px) { .mod_knowledge .image-boxes-item:nth-of-type(2n+2), .mod_knowledge .image-boxes-item:nth-of-type(3n+3), .mod_knowledge .image-boxes-item { width: 100%; margin-right: 0; } } .mod_format { margin: 50px 0; overflow: visible; } .mod_format .image-boxes-item { width: 15%; margin-right: 1.666666667%; margin-bottom: 50px; display: flex; height: 170px; justify-content: center; align-items: center; background: #d4d8ec; border-radius: 10px; padding: 1em; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,.1); transition: .2s ease-in-out 0s; } .mod_format .image-boxes-item:hover { box-shadow: none; transition: .2s ease-in-out 0s; } .mod_format .image-boxes-item h3 { margin-bottom: 0; } .mod_format .image-boxes-item:last-child { margin-right: 0; background: #aebccc; } .mod_format .image-boxes-item:first-child { background: #f6f6f6; } .mod_format .image-boxes-item a { color: #002347; display: block; } .section_glossar .content-text { margin-top: 3em; } .section_glossar h3 { font-weight: 700; } .section_glossar .content-text p { font-size: 16px; line-height: 30px; } .mod_characters a { line-height: 30px; display: block; float: left; padding: 0 10px; text-align: center; background: #ff8012; color: #FFF; border-radius: 5px; margin-top: 0; margin-right: .25em; margin-bottom: 1em; transition: .2s ease-in-out 0s; } .mod_characters a:hover { margin-top: -2px; text-decoration: none; box-shadow: 0 5px 20px rgba(255,129,2,.4); transition: .2s ease-in-out 0s; } /* additional */ #text-1.content-text, #text-2.content-text { display: none; } #text-1.content-text.active, #text-2.content-text.active { display: block; } /* Created on : 05.02.2022 Author : einfach.machen Daniel Kaiser Web : https://www.einfach-machen.berlin */ @media only screen and (min-width: 1921px) { .intro .centered-wrapper-background { background-size: 40% !important; } } @media only screen and (max-width: 1300px) { .intro .centered-wrapper-background { background-size: 45% !important; background-position: 100% 50% !important; } .centered_wrapper.intro_content .centered-wrapper-background { background-size: 50% !important; background-position: 100% 100% !important; } .section_footer:before { content: ''; position: absolute; right: 0; top: -58px; width: 150px; height: 100px; background: transparent url(../../files/themes/re-vi/img/footer.png) no-repeat scroll center; background-size: 150px 100px; z-index: 1; } .mod_newslist_webinars .layout_latest, .mod_newslist_home .layout_latest { max-width: 48.3333333335%; margin-right: 3.3333333333%; } .mod_newslist_webinars .layout_latest:nth-of-type(2n+2), .mod_newslist_home .layout_latest:nth-of-type(2n+2) { margin-right: 0; } } @media only screen and (max-width: 1250px) { .mod_rocksolid_slider.benefits { padding-bottom: 150px; } .mod_rocksolid_slider.rsts-skin-default.benefits .rsts-next, .mod_rocksolid_slider.rsts-skin-default.benefits .rsts-prev { top: inherit; bottom: -90px; margin-left: 0; } .mod_rocksolid_slider.rsts-skin-default.benefits .rsts-prev { margin-left: -60px; } } @media only screen and (max-width: 1200px) { .intro .content-text.first { max-width: 510px; padding-top: 20%; } .intro_content .centered_wrapper_inside { padding-top: 15%; } .intro_content .centered_wrapper_inside { margin-left: 0; margin-right: 0; } .intro_content h1, .intro h1 { font-size: 36px; line-height: 48px; } .mod_navigation_main li { display: none; } .mod_navigation_main li.calltoaction { display: block; } .centered_wrapper { padding: 3em 30px; } } @media only screen and (max-width: 1100px) { .section_calltoaction .content-image { position: absolute; top: -30px; right: 0; width: 370px; } } @media only screen and (max-width: 1023px) { .intro_content h1 { font-size: 30px; line-height: 40px; } .limited-middle { max-width: 700px; } .intro .centered-wrapper-background { background-size: 60% !important; background-position: 100% 90% !important; } .mod_megamenu_wrapper strong, .mod_megamenu_wrapper h4, .mod_megamenu_wrapper a { font-size: 15px; } .mod_megamenu_wrapper h4 { padding-bottom: 4px; margin-bottom: 4px; } .mod_megamenu_wrapper ul { margin-bottom: 10px; } .mod_megamenu_wrapper li { padding: 1px 0; } .mod_megamenu_wrapper .rs-column { margin-top: 0; } .section_footer .mod_branding, .header_fixed .section_footer .mod_branding { float: none; clear: both; margin-bottom: 20px; } .section_footer p { font-size: 14px; } .section_footer .centered_wrapper.padding-bottom-m { padding-top: 50px !important; } .padding-top-l { padding-top: 75px !important; } .padding-bottom-l { padding-bottom: 75px !important; } .section_calltoaction .content-image { position: absolute; top: -60px; right: 0; width: 330px; } .section_benefits .accordion li { min-height: 30px; line-height: 1.5; padding: 5px 10px 5px 32px; } .section_benefits .accordion li:before { top: 5px; } } @media only screen and (max-width: 950px) { .section_calltoaction .content-image { position: absolute; top: -80px; right: 0; width: 200px; } .section_calltoaction p { max-width: 100%; } } @media only screen and (max-width: 900px) { .intro .centered-wrapper-background { background-size: 60% !important; background-position: 100% 75% !important; } .intro_content h1, .intro h1, .intro .content-text.first { margin-bottom: 16px; } .intro h6, .headline-box h6 { font-size: 17px; } .headline-box h2, h2 { font-size: 30px; line-height: 42px; } .section_main .content-text p, .section_main.content-text li { font-size: 16px; line-height: 28px; } button.submit, a.more { font-size: 15px; line-height: 48px; } .ce_tabs li a, .mod_navigation_main li.calltoaction a { font-size: 15px; } .limited-middle { max-width: 65%; } .limited-large { max-width: 75%; } .padding-bottom-l { padding-bottom: 70px !important; } .padding-top-l { padding-top: 70px !important; } .section_functions .content p strong { margin-bottom: 10px; font-size: 18px; line-height: 26px; } .section_functions .content { padding: 20px; margin-top: 20px; margin-left: auto; margin-right: auto; } #demo .content-image, .section_functions .content-image { position: static; max-width: 75%; margin-left: auto; margin-right: auto; } .ce_player.margin-top-l { margin-top: 0 !important; } .section_calltoaction .centered_wrapper_inside { height: 265px; } .mod_newslist_webinars .layout_latest, .mod_newslist_home .layout_latest { max-width: 100%; margin-right: 0; } } @media only screen and (max-width: 767px) { .centered_wrapper.-height-medium { min-height: initial; } .limited-large, .limited-middle { max-width: 100%; } .icon-scroll, .icon-scroll:before { bottom: 110px; } .icon-scroll .desc { bottom: -30px; left: -26px; font-size: 14px; } .section_footer .mod_branding, .header_fixed .section_footer .mod_branding, .mod_branding_menu, .mod_branding { max-width: 130px; } .search_close, .mega_menu_close, .mod_login_toggle, .mod_search_toggle, .mega_menu_toggle { margin-top: 44px; } .mod_changelanguage { margin-top: 41px; } .header_fixed .section_header { height: 80px; } .header_fixed .mod_changelanguage { margin-top: 24px; } .header_fixed .mod_login_toggle.fixed_header, .header_fixed .mega_menu_toggle.fixed_header, .header_fixed .mod_search_toggle.fixed_header { margin-top: 25px; } .header_fixed .mod_login_toggle.fixed_header { margin-top: 26px; } .mod_navigation_main { margin-top: 36px; } .mod_navigation_main li.calltoaction a { padding: 0 14px; font-size: 12px; } .header_fixed .mod_navigation_main { margin-top: 18px; } .mod_newslist_webinars .layout_latest, .mod_newslist_home .layout_latest { width: 100%; padding: 26px; } .layout_latest p.info { font-size: 10px; } .layout_latest .category { font-size: 12px; padding: 0 8px; line-height: 24px; } .layout_latest .more a { font-size: 13px; } .section_functions .content p strong, .mod_rocksolid_slider.benefits h4, .layout_latest h2, .layout_latest h2 a { font-size: 18px; line-height: 22px; } .mod_rocksolid_slider.benefits p a { font-size: 14px; } .mod_rocksolid_slider.benefits .rsts-slide .content-text { position: relative; min-height: 195px; } .mod_rocksolid_slider.benefits p a { position: absolute; bottom: 20px; left: 20px; } .section_functions .content p strong { margin-bottom: 10px; } .section_functions .content { padding: 20px; } .section_functions .content-image { position: static; max-width: 75%; margin-left: auto; margin-right: auto; } .mod_rocksolid_slider.benefits .content-text { padding: 20px } .intro_content h1, .intro h1 { font-size: 26px; line-height: 32px; } intro .content-text.first { margin-bottom: 0; } .intro h6, .headline-box h6, .section_main .content-text p, .section_main.content-text li { font-size: 14px; line-height: 24px; } .intro h6, .headline-box h6 { line-height: 20px; } .headline-box h2, h2 { font-size: 25px; line-height: 34px; } .section_calltoaction .content-image { position: absolute; top: -60px; right: 0; width: 160px; } .mod_rocksolid_slider.testimonials .content-text p { font-size: 14px; } .mod_rocksolid_slider.testimonials .content-text p em { font-size: 16px; line-height: 24px; } .section_footer .mod_navigation_copyright, .section_footer .mod_copyright, .section_footer .mod_agency { float: none; } .section_footer .mod_customnav li { font-size: 14px; line-height: 22px; } .section_footer .mod_customnav strong, .section_footer .mod_customnav a { font-size: 14px; } .ce_rsce_dk_button { float: none; } .section_calltoaction .centered_wrapper_inside { height: auto; } .ce_tabs li a { padding: 0 10px; line-height: 38px; font-size: 14px; } .mod_breadcrumb { display: none; } } @media only screen and (max-width: 650px) { .section_calltoaction .centered_wrapper_inside { padding: 40px 26px 26px 26px; height: auto; display: block; } } @media only screen and (max-width: 600px) { .intro .centered-wrapper-background { background-size: 60% !important; background-position: 100% 85% !important; } .mod_login_toggle, .mod_search_toggle, .mod_changelanguage, .header_fixed .mod_changelanguage, .header_fixed .mod_login_toggle.fixed_header, .header_fixed .mod_search_toggle.fixed_header { display: none; } .intro_content h1 { font-size: 22px; line-height: 30px; } .intro_content .centered_wrapper_inside { padding-top: 20%; } fieldset.large, fieldset.small { width: 100%; float: none; margin-right: 0; } .ce_form .explanation p, .ce_form .checkbox_container label { font-size: 11px; line-height: 15px; } .ce_form .checkbox_container label { width: 75%; } .ce_form textarea { padding: 20px 15px; } .mod_login input[type="text"], .mod_login input[type="password"], .ce_form input[type="text"], .ce_form input[type="password"], .ce_form input[type="date"], .ce_form input[type="datetime"], .ce_form input[type="email"], .ce_form input[type="number"], .mod_search_site input[type="search"], .ce_form input[type="search"], .ce_form input[type="tel"], .ce_form input[type="time"], .ce_form input[type="url"], .ce_form select { padding: 0 15px; } .section_footer .rs-column.-small-col-1-1 { margin-top: 0; } .ce_tabs li { display: block; width: 100%; margin-right: 0; } .ce_tabs .nav { margin: 18px auto 36px auto; border-radius: 30px; } } @media only screen and (max-width: 550px) { .mod_rocksolid_slider.benefits .rsts-slide .content-text { min-height: 220px; } .mod_rocksolid_slider.benefits .rsts-slide .content-text p { line-height: 22px; } .centered_wrapper { padding: 3em 20px; } .section_header .inside { padding-left: 20px; padding-right: 20px; } .section_faq .toggler, .section_benefits .toggler { font-size: 16px; padding: 16px 60px 16px 16px; } .section_faq .accordion, .section_benefits .accordion { padding: 20px 10px 0 10px; } .content-image.image figure img { max-width: 100%; } } @media only screen and (max-width: 520px) { button.submit, a.more { width: 156px; font-size: 12px; } } @media only screen and (max-width: 400px) { .icon-scroll, .icon-scroll:before { display: none; } .intro .centered-wrapper-background { background-size: 75% !important; background-position: 100% 95% !important; } } /** * 90-print.css **/