.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%; } } #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} :root { --color-text: #262626; --c-p: #476964; --c-p-l: #5d807b; --c-p-d: #34544f; --color-links: #476964; --color-links-hover: #4E746E; --base-font-size: 1.5rem; --base-line-height: 1.7; --base-font-weight: 400; --base-font-family: 'Open Sans'; --headings-line-height: 1; --headings-font-weight: 400; --headings-font-family: 'Open Sans'; --headings-color: #476964; --wrapper-width: 140rem; } /** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* open-sans-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../../files/theme/fonts/open-sans-v44-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('../../files/theme/fonts/open-sans-v44-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../../files/theme/fonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/open-sans-v44-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-800 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../../files/theme/fonts/open-sans-v44-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } @font-face { font-family: 'PT-Mono-Bold'; src:url('../../files/theme/fonts/PT-Mono-Bold.ttf.woff') format('woff'), url('../../files/theme/fonts/PT-Mono-Bold.ttf.svg#PT-Mono-Bold') format('svg'), url('../../files/theme/fonts/PT-Mono-Bold.ttf.eot'), url('../../files/theme/fonts/PT-Mono-Bold.ttf.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } // Slider swipe ergänzen .mod_rocksolid_slider, .mod_rocksolid_slider a { touch-action: pan-y; } #cboxLoadedContent { max-height: 80vh; overflow-y: auto; } #cboxClose { width: 6rem; height: 6rem; background: url("../../files/theme/img/lightbox-close.svg") no-repeat; } @media only screen and (max-width: 800px) { #cboxClose { width: 4rem; height: 4rem; } } html { font-size: 62.5%; } body { overflow-x: hidden; line-height: var(--base-line-height); font-size: var(--base-font-size); font-weight: var(--base-font-weight); font-family: var(--base-font-family); color: var(--color-text); } ::selection { color: #fff; background: var(--c-p); } ::-moz-selection { color: #fff; background: var(--c-p); } ::-webkit-selection { color: #fff; background: var(--c-p); } *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .fadeInUp { animation-name: fadeInUpCustom; } @keyframes fadeInUpCustom { from { opacity: 0; transform: translate3d(0, 15px, 0); /* hier deine Wunschhöhe */ } to { opacity: 1; transform: translate3d(0, 0, 0); } } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em; font-family: var(--headings-font-family); font-weight: var(--headings-font-weight); line-height: var(--headings-line-height); color: var(--headings-color); text-transform: uppercase; } a { transition: 0.35s all; text-decoration: none; color: var(--color-links); } a:hover { color: var(--color-links-hover); } p { margin: 0 0 3rem; } ul, ol { margin: 0 0 3rem; } img { display: block; max-width: 100%; height: auto; } .wrapper { max-width: var(--wrapper-width); margin: 0 auto; padding: 0 3rem; } @media only screen and (max-width: 500px) { .wrapper { padding: 0 2rem; } } .main .mod_article { padding: 8rem 0 6rem; } @media only screen and (max-width: 850px) { .main .mod_article { padding: 6rem 0 4rem; } } .clear::after { content: ""; display: table; clear: both; } .invisible { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .space { float: left; width: 7rem } .text-center { text-align: center; } .teal { color: var(--c-p); } .orange { color: #f39200; } .m-t-60 { margin-top: 6rem !important; } .m-t-50 { margin-top: 5rem !important; } .m-t-40 { margin-top: 4rem !important; } .m-t-30 { margin-top: 3rem !important; } .m-t-20 { margin-top: 2rem !important; } .m-b-60 { margin-bottom: 6rem !important; } .m-b-50 { margin-bottom: 5rem !important; } .m-b-40 { margin-bottom: 4rem !important; } .m-b-30 { margin-bottom: 3rem !important; } .m-b-20 { margin-bottom: 2rem !important; } .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 3%; margin-right: 3%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 48.5%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 31.3333%; } .rs-column.-large-col-3-2 { width: 64.6666%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 20%; } .rs-column.-large-col-4-2 { width: 48.5%; } .rs-column.-large-col-4-3 { width: 77.25%; } .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: 31.3333%; } .rs-column.-large-col-6-3 { width: 48.5%; } .rs-column.-large-col-6-4 { width: 64.6666%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } .rs-column.padding-left { padding-left: 8.5%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 3%; margin-right: 3%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 3%; } .rs-column.-large-first-row { margin-top: 3%; } .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: 48.5%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 31.3333%; } .rs-column.-medium-col-3-2 { width: 64.6666%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 22.75%; } .rs-column.-medium-col-4-2 { width: 48.5%; } .rs-column.-medium-col-4-3 { width: 77.25%; } .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: 31.3333%; } .rs-column.-medium-col-6-3 { width: 48.5%; } .rs-column.-medium-col-6-4 { width: 64.6666%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } .rs-column.padding-left { padding-left: 0%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 3%; margin-right: 3%; } .rs-column.-large-last { margin-right: 3%; } .rs-column.-large-first-row { margin-top: 3%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 3%; } .rs-column.-medium-first-row { margin-top: 3%; } .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: 48.5%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 31.3333%; } .rs-column.-small-col-3-2 { width: 64.6666%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 22.75%; } .rs-column.-small-col-4-2 { width: 48.5%; } .rs-column.-small-col-4-3 { width: 77.25%; } .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: 31.3333%; } .rs-column.-small-col-6-3 { width: 48.5%; } .rs-column.-small-col-6-4 { width: 64.6666%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /*! Pushy - v1.3.0 - 2019-6-25 * Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. * https://github.com/christophery/pushy/ * by Christopher Yee */ /* Menu Appearance */ .pushy { position: fixed; width: 100%; height: 100%; top: 0; z-index: 9999; background: #191918; overflow: auto; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ } .pushy a { display: block; color: #b3b3b1; padding: 15px 30px; text-decoration: none; } .pushy a:hover { color: #FFF; } .pushy ul:first-child { margin-top: 10px; } .pushy.pushy-left { left: 0; } .pushy.pushy-right { right: 0; } .pushy-content { visibility: hidden; } /* Menu Movement */ .pushy-left { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .pushy-open-left #container, .pushy-open-left .push { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .pushy-right { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .pushy-open-right #container, .pushy-open-right .push { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .pushy-open-left .pushy, .pushy-open-right .pushy { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pushy-open-left .pushy-content, .pushy-open-right .pushy-content { visibility: visible; } /* Menu Transitions */ #container, .pushy, .push { transition: transform 0.35s cubic-bezier(0.16, 0.68, 0.43, 0.99); } .pushy-content { transition: visibility 0.35s cubic-bezier(0.16, 0.68, 0.43, 0.99); } /* Site Overlay */ .site-overlay { display: none; } .pushy-open-left .site-overlay, .pushy-open-right .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.5); -webkit-animation: fade 500ms; animation: fade 500ms; } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } /* Submenu Appearance */ .pushy-submenu { /* Submenu Buttons */ /* Submenu Icon */ } .pushy-submenu > ul { transition: max-height 0.35s ease-in-out, visibility 0.35s ease-in-out; } .pushy-submenu > ul .pushy-link { transition: opacity 0.35s ease-in-out; } .pushy-submenu button { width: 100%; color: #b3b3b1; padding: 15px 30px; text-align: left; background: transparent; border: 0; } .pushy-submenu button:hover { color: #FFF; } .pushy-submenu > a, .pushy-submenu > button { position: relative; } /* Submenu Movement */ .pushy-submenu-closed > ul { max-height: 0; overflow: hidden; visibility: hidden; } .pushy-submenu-closed .pushy-link { opacity: 0; } .pushy-submenu-open { /* Submenu Icon */ } .pushy-submenu-open > ul { max-height: 2000px; visibility: visible; } .pushy-submenu-open .pushy-link { opacity: 1; } .pushy-submenu-open > a::after, .pushy-submenu-open > button::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /*# sourceMappingURL=pushy.css.map */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #bfbfbf; opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: #bfbfbf; opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ color: #bfbfbf; opacity: 1; } :-moz-placeholder { /* Firefox 18- */ color: #bfbfbf; opacity: 1; } .widget { position: relative; margin: 0 0 2.5rem; } input, textarea { display: block; width: 100%; padding: 2rem 1.5rem; border: none; font-size: 1.4rem; font-family: inherit; transition: 0.3s all; outline: 0; color: var(--color-text); background: #e5e5e5; box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2); } input:hover, textarea:hover, input:focus-visible { border-color: #999; } input:active, textarea:active { transform: scale(0.95); } textarea { height: 20rem; } button.submit { display: inline-block; border: 0; padding: 1.1rem 3rem; font-size: inherit; font-weight: 700; text-transform: uppercase; color: #fff; cursor: pointer; transition: 0.3s all; background: var(--c-p); } button.submit:hover { background: var(--c-p-l); } label.animate-placeholder { position: absolute; z-index: 10; left: 1.5rem; top: 1.8rem; opacity: 0.4; pointer-events: none; transition: transform 150ms ease-out, font-size 150ms ease-out; } .widget.focused label { transform: translateY(-90%); opacity: 0.3; font-size: 1.2rem; } .custom-checkbox { position: relative; border: none; padding: 0; } .custom-checkbox label { cursor: pointer; padding: 0 0 0 3rem; } .custom-checkbox a:hover { text-decoration: underline; } .custom-checkbox input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; } /* Fake Checkbox */ .custom-checkbox .checkmark { width: 22px; height: 22px; border-radius: 6px; display: inline-block; position: absolute; left: 0; top: 0.2rem; flex-shrink: 0; transition: all 0.25s ease; background: #e5e5e5; box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2); } .custom-checkbox label:hover .checkmark { border-color: var(--c-p); } /* Checked Zustand */ .custom-checkbox input:checked + label .checkmark { background-color: var(--c-p); border-color: var(--c-p); } .custom-checkbox .checkmark::after { content: ""; position: absolute; display: none; } /* Haken sichtbar */ .custom-checkbox input:checked + label .checkmark::after { display: block; } /* Haken Design */ .custom-checkbox .checkmark::after { left: 8px; top: 4px; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* kleiner Klick-Effekt */ .custom-checkbox input:checked + label .checkmark { transform: scale(1.1); } @media only screen and (max-width: 500px) { .custom-checkbox label { font-size: 1.4rem; } } .header-main { position: fixed; z-index: 1000; width: 100%; top: 0; left: 0; background: rgba(0,0,0,0.15); } .header-main.fixed { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); background: rgba(0,0,0,0.55); } .header-main .wrapper { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 2.5rem; padding-bottom: 1.5rem; } .header-main .logo { display: block; text-indent: -999rem; width: 18rem; height: 8.5rem; background: url("../../files/theme/img/logo.svg") no-repeat; background-size: cover; } .header-main .nav-main { margin-left: auto; } .header-main .nav-main ul { display: flex; margin: 0 0 1rem; } .header-main .nav-main ul li a { font-size: 1.7rem; text-transform: uppercase; color: #fff; } .header-main .nav-main ul li a:hover { color: #ccc; } .header-main .nav-main ul li::after { content: " | "; position: relative; top: -2px; margin: 0 1.5rem; color: #fff; } .header-main .nav-main ul li:last-of-type::after { display: none; } .header-main .cta { display: inline-block; margin: 0 0 0.5rem 3rem; padding: 0.6rem 1rem; font-weight: 700; text-transform: uppercase; background: #fff; } @media only screen and (max-width: 950px) { .header-main .wrapper { align-items: center; } .header-main .nav-main { display: none; } .header-main .cta { display: none; } } /* ************************************************ ************ pushy (mobile navigation) ********** *********************************************** */ .menu-burger { display: none; position: relative; top: -0.2rem; width: 4rem; height: 2.6rem; vertical-align: 3px; cursor: pointer; } .menu-burger::before, .menu-burger::after { display: inline-block; position: absolute; left: 0px; width: 100%; height: 0.4rem; background: #fff; content: ''; -moz-transition: width 0.3s; -o-transition: width 0.3s; -webkit-transition: width 0.3s; transition: width 0.3s; } .menu-burger::before { top: 1.3rem; } .menu-burger::after { bottom: -0.4rem; } .menu-burger-line { display: inline-block; position: absolute; left: 0px; right: 0px; height: 0.4rem; background: #fff; top: 0px; vertical-align: top; } .pushy { z-index: 10000000; padding: 0; background: #404040 url("../../files/theme/img/spine-nav.svg") no-repeat left 2rem top 2rem; background-size: 30%; } .pushy > ul { display: flex; flex-direction: column; justify-content: center; margin: 5rem auto 3rem; width: 25rem; height: calc(100vh - 8rem); } .pushy > ul::before { content: "MENÜ"; display: block; margin: 0 0 7rem; font-size: 2.2rem; letter-spacing: 0.1rem; font-weight: 400; color: #fff; } .pushy li { margin: 0 0 1.5rem; width: 100%; } .pushy li a, .pushy li span { display: block; padding: 0; font-size: 1.7rem; color: #fff; cursor: pointer; text-transform: uppercase; } .pushy li:hover > a, .pushy li:hover > span { color: var(--c-p-l); } .pushy li.booking a { margin: 0 0 0.5rem; padding: 0.6rem 1rem; font-weight: 700; text-transform: uppercase; text-align: center; color: var(--c-p); background: #fff; } .pushy .socials { margin: auto 0 2rem; display: flex; gap: 2rem; } .pushy .socials li { width: auto; } .pushy .socials li a { text-indent: -999rem; background: #fff; } .pushy .socials li.icon-fb a { width: 2rem; height: 3.5rem; background: url("../../files/theme/img/icons/facebook-white.svg") no-repeat; background-size: contain; } .pushy .socials li.icon-insta a { width: 3.5rem; height: 3.5rem; background: url("../../files/theme/img/icons/instagram-white.svg") no-repeat; background-size: contain; } .pushy-close { position: absolute; z-index: 10; top: 5.4rem; right: 2.3rem; display: block; padding: 0 !important; width: 2.5rem; height: 2.5rem; cursor: pointer; background: url("../../files/theme/img/pushy-close.svg"); } @media only screen and (max-width: 950px) { .menu-burger { display: block; } } @media only screen and (max-width: 500px) { .pushy-close { right: 1.3rem; } } @media only screen and (orientation: landscape) { .pushy > ul { height: auto; } .pushy .socials { margin-top: 5rem; } } .footer-main { position: relative; overflow: hidden; padding: 6rem 0 0; color: #fff; background: #333; } .footer-main::after { content: ""; position: relative; display: block; height: 0.8rem; background: linear-gradient(to right, #f39100, #ea5c0a); } .footer-main .wrapper { position: relative; } .footer-main .logo { display: block; margin: 0 auto 9rem; text-indent: -999rem; width: 46rem; height: 23rem; background: url("../../files/theme/img/logo.svg") no-repeat; background-size: contain; } .footer-main .scroll-top { position: absolute; top: 0; right: 3rem; color: #fff; } .footer-main .row { display: flex; justify-content: space-between; margin: 0 0 8rem; } .footer-main .col { border-right: 1px solid #505959; } .footer-main .col-1 { padding: 0 3% 0 0; width: 25%; } .footer-main .col-2 { padding: 0 2% 0 6%; width: 30%; } .footer-main .col-3 { padding: 0 6% 0 6%; width: 25%; } .footer-main .col-4 { padding: 0 0 0 6%; width: 20%; border: 0; } .footer-main h6 { margin: 0 0 1.5rem; line-height: 1.3; font-weight: 700; color: #fff; } .footer-main a { color: #fff; } .footer-main a:hover { color: var(--c-p-l); } .footer-main .col-booking ul li { margin: 0 0 0.7rem; list-style: none; } .footer-main .col-booking ul li a { font-size: 1.5rem; font-weight: 700; } .footer-main .logos-wrapper { display: flex; gap: 2rem; margin: 3rem 0 0; } .footer-main .footer-bottom { padding: 2rem 0; text-align: center; } .footer-main .footer-bottom p { margin: 0; } .footer-main .footer-bottom .bo { font-family: 'PT Mono'; font-weight: 700; } @media only screen and (max-width: 1100px) { .footer-main { text-align: center; } .footer-main .logo { margin: 0 auto 6rem; width: 30rem; height: 16rem; } .footer-main .row { display: block; margin: 0; } .footer-main .col { margin: 0 0 5rem; border: none; padding: 0; width: 100%; } .footer-main .space { float: none; } .footer-main .logos-wrapper { justify-content: center; } } @media only screen and (max-width: 700px) { .footer-main .logo { margin: 0 auto 4rem; width: 20rem; height: 11rem; } .footer-main .scroll-top { top: -2rem; } } @media only screen and (max-width: 500px) { .footer-main { padding: 12rem 0 0; } .footer-main .scroll-top { top: -8rem; right: auto; left: 50%; transform: translateX(-50%); } .footer-main .footer-bottom p { font-size: 1.4rem; } } .rsts-skin-default .rsts-nav-bullets { right: auto; left: 50%; transform: translateX(-50%); text-align: center; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .rsts-skin-default .rsts-nav-bullets a { width: 15px; height: 15px; background: #fff; } .rsts-skin-default .rsts-nav-bullets a.active, .rsts-skin-default .rsts-nav-bullets a:hover { background: var(--c-p-l); } @media only screen and (max-width: 500px) { .rsts-skin-default .rsts-nav-bullets { bottom: 7px; } } /** * ================================================== * HERO * ================================================== */ .hero { display: flex; align-items: center; position: relative; background: linear-gradient(to bottom left, #51746f, #395752); } .hero .hero-image { position: absolute; top: 0; left: 50%; width: 50vw; height: 100%; } .hero .hero-image figure { height: 100%; } .hero .hero-image img { width: 100%; height: 100%; object-fit: cover; } .hero .text-col { margin: 22rem 0 8rem; padding-right: 7%; color: #fff; } .hero .text-col h1 { margin: 0 0 5rem; font-weight: 700; color: #c1cbca; } .hero .text-col h1 .white { display: block; color: #fff; } .hero .text-col h1 .big { font-size: 7rem; } .hero .text-col h1 .small { display: block; margin: 0.7rem 0 0; line-height: 1.4; font-size: 2rem; text-transform: none; } .hero .text-col .btn { margin: 5rem 0 0; } @media only screen and (max-width: 1350px) { .hero .text-col { margin: 13vw 0 2vw; } .hero .text-col h1 { margin: 0 0 3.5vw; } .hero .text-col h1 .big { font-size: 5vw; } .hero .text-col h1 .small { font-size: 1.5vw; } } @media only screen and (max-width: 850px) { .hero { display: block; } .hero .rs-columns { display: flex; flex-direction: column-reverse; } .hero .text-col { margin: 6rem 0 5rem; padding: 0; width: 100%; } .hero .rs-column:nth-of-type(2) { width: 100%; } .hero .hero-image { position: static; margin: 10rem 0 0; width: 100%; } .hero .text-col h1 { margin: 0 0 4rem; } .hero .text-col h1 .big { font-size: 5rem; } .hero .text-col h1 .small { font-size: 2rem; } .hero .text-col .btn { margin: 0; } .hero .hero-image figure { height: 50vw; } .hero .hero-image img { display: block; margin: 0 auto; width: 100%; animation-name: fadeInUpCustom; animation-duration: 1s; animation-fill-mode: both; } } @media only screen and (max-width: 750px) { .hero .text-col h1 { margin: 0 0 4rem; } .hero .text-col h1 .big { font-size: 4rem; } .hero .text-col h1 .small { font-size: 1.9rem; } } @media only screen and (max-width: 500px) { .hero .text-col { margin: 4rem 0 5rem; } .hero .text-col h1 { margin: 0 0 3.5rem; line-height: 1.2; } .hero .text-col h1 .big { font-size: 3.5rem; } .hero .text-col h1 .small { margin: 1rem 0 0; font-size: 1.8rem; } } /** * ================================================== * INTRO ELEMENT * ================================================== */ .intro { text-align: center; } .intro h3, .intro h4 { font-size: 5rem; } .intro .rte { margin: 0 auto; max-width: 60rem; } @media only screen and (max-width: 1350px) { .intro h3, .intro h4 { font-size: 4rem; } } @media only screen and (max-width: 850px) { .intro h3, .intro h4 { font-size: 3.5rem; } } @media only screen and (max-width: 600px) { .intro h3, .intro h4 { font-size: 3rem; } } @media only screen and (max-width: 500px) { .intro h3, .intro h4 { font-size: 2.5rem; } } /** * ================================================== * START SECTION * ================================================== */ .main .start { padding: 10rem 0 7rem; } .start h2 { margin: 0 0 9rem; font-size: 5rem; text-align: center; } .start h2 .small { display: block; margin: 1rem 0 0; font-weight: 300; font-size: 2.5rem; color: #262626; text-transform: none; } .start .storyline { position: relative; padding: 8rem 0 0; } .start .storyline-row { display: flex; position: relative; margin: 0 0 15rem; } .start .storyline-row.reverse .rs-column:first-of-type { order: 2; } .start .storyline-row.reverse .rs-column:last-of-type { order: 1; } .start .storyline-row .text-col { min-height: 50rem; padding: 0 12% 0 0; } .start .storyline-row-2 .text-col { min-height: 63rem; } .start .storyline-row.reverse .text-col { padding: 0 0 0 32%; } .start .storyline h3 { margin: 0 0 3rem; font-size: 2.8rem; line-height: 1.4; } .start .storyline h4 { margin: 0 0 3rem; font-weight: 700; font-size: 2.8rem; line-height: 1.4; } .start .storyline-slider.slider-1 { position: relative; left: -35%; width: 110%; } .start .storyline-slider.slider-2 { position: relative; right: -25%; width: 150%; } .start .storyline-slider.slider-2::before { content: ""; position: absolute; left: -2.5rem; bottom: -2.5rem; width: 100%; height: 75%; background: var(--c-p); } .start .storyline .techniken { margin: 0 0 10rem; } .start .storyline .techniken .left-col { padding: 0 12% 0 0; } .start .storyline .techniken .right-col { padding: 0 0 0 12%; } .start .storyline .tabs li { list-style: none; line-height: 2; cursor: pointer; } .start .storyline .tabs li.active { font-weight: 700; } .start .storyline .tabs li::before { content: "» "; } .start .storyline .tab-content { display: none; } .start .storyline .tab-content.active { display: block; } /* circle */ .start .storyline-row::before { content: ""; position: absolute; z-index: 100; top: 0; left: 50%; transform: translateX(-50%); width: 10rem; height: 10rem; border: 2px solid var(--c-p); border-radius: 100%; background: #fff; } /* icon */ .start .storyline-row::after { content: ""; position: absolute; z-index: 100; left: 50%; transform: translateX(-50%); } .start .storyline-row.icon-spine::after { top: 2rem; width: 2.7rem; height: 6rem; background: url("../../files/theme/img/icons/wirbelsaeule.png") no-repeat; background-size: contain; } .start .storyline-row.icon-brain::after { top: 2.6rem; width: 5.6rem; height: 5rem; background: url("../../files/theme/img/icons/gehirn.png") no-repeat; background-size: contain; } .start .storyline-row.icon-flash::after { top: 1.8rem; width: 3.7rem; height: 6.5rem; background: url("../../files/theme/img/icons/blitz.png") no-repeat; background-size: contain; } .start .storyline .cta a { position: relative; z-index: 100; display: flex; justify-content: center; align-items: center; margin: 0 auto; padding: 0 7rem; width: 18rem; height: 18rem; border-radius: 100%; line-height: 1.4; font-weight: 700; font-size: 1.6rem; text-align: center; text-transform: uppercase; color: #fff; background: var(--c-p); } .start .storyline .cta a:hover { background: var(--c-p-l); } .start .storyline .line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; background: #ddd; } .start .storyline .line-fill { position: absolute; left: 0; top: 0; width: 2px; height: 0; background: var(--c-p); } .start .storyline .circle { position: absolute; left: -7px; top: 0; border-radius: 50%; width: 16px; height: 16px; background: var(--c-p); } @media only screen and (max-width: 1600px) { .start .storyline-slider.slider-1 { left: auto; width: 90%; } .start .storyline-slider.slider-2 { right: -10%; width: 90%; } .start .storyline-slider.slider-2::before { left: -1.5rem; bottom: -1.5rem; } /* circle */ .start .storyline-row::before { width: 8rem; height: 8rem; } .start .storyline-row.icon-spine::after { top: 1.8rem; width: 2.2rem; height: 4.5rem; } .start .storyline-row.icon-brain::after { top: 2.1rem; width: 4.5rem; height: 4rem; } .start .storyline-row.icon-flash::after { top: 1.8rem; width: 2.8rem; height: 4.5rem; } .start .storyline-row { margin: 0 0 2rem; } .start .storyline-row.techniken { margin: 8rem 0 0; } .start .storyline-row.reverse .text-col { padding: 0 0 0 16%; } } @media only screen and (max-width: 1350px) { .start h2 { margin: 0 0 7rem; font-size: 4rem; } .start h2 .small { margin: 1rem 0 0; font-size: 2.2rem; } .start .storyline h3 { margin: 0 0 2.5rem; font-size: 2.5rem; } .start .storyline h4 { margin: 0 0 2.5rem; font-size: 2.5rem; } } @media only screen and (max-width: 1050px) { .start h2 { margin: 0 0 5rem; } .start .storyline-slider.slider-1 { left: auto; width: 85%; } .start .storyline-slider.slider-2 { right: -15%; width: 85%; } .start .storyline-slider.slider-2::before { left: -1.5rem; bottom: -1.5rem; } .start .storyline-row.reverse .text-col { padding: 0 0 0 22%; } .start .storyline-row .text-col { padding: 0 6% 0 0; } .start .storyline .techniken .left-col { padding: 0 6% 0 0; } .start .storyline .techniken .right-col { padding: 0 0 0 7.5%; } .start .storyline .cta a { padding: 0 7rem; width: 15rem; height: 15rem; font-size: 1.5rem; } } @media only screen and (max-width: 850px) { .main .start { padding: 8rem 0 5rem; } .start h2 { font-size: 3.5rem; } .start h2 .small { margin: 0.8rem 0 0; font-size: 2rem; } .start .storyline .line { transform: none; left: 3rem; } .start .storyline-row::before { transform: none; left: -1rem; } .start .storyline-row::after { transform: none; } .start .storyline-row.icon-spine::after { left: 2rem; } .start .storyline-row.icon-brain::after { left: 1rem; } .start .storyline-row.icon-flash::after { left: 1.7rem; } .start .storyline-row { display: flex; flex-direction: column; } .start .storyline-row.reverse { flex-direction: column-reverse; } .start .storyline-row .text-col { min-height: 0; } .start .storyline-row .text-col, .start .storyline-row.reverse .text-col { padding: 0 0 0 9rem; } .start .storyline-row-1 { margin: 0 0 8rem; } .start .storyline-row .rs-column { width: 100%; } .start .storyline-slider.slider-1 { width: calc(100% - 9rem); left: 9rem; } .start .storyline-slider.slider-2 { right: auto; margin: 5rem 0 0 9rem; width: calc(100% - 9rem); } .start .storyline .techniken .left-col { padding: 0 0 0 9rem; } .start .storyline .techniken .right-col { padding: 2rem 0 0 9rem; } .start .storyline .cta a { margin: 3rem 0 0 -4.5rem; } } @media only screen and (max-width: 600px) { .start h2 { font-size: 3rem; } .start h2 .small { line-height: 1.5; font-size: 1.8rem; } } @media only screen and (max-width: 500px) { .start .storyline .line { transform: none; left: 1rem; } /* circle */ .start .storyline-row::before { top: 0.4rem; width: 5.5rem; height: 5.5rem; left: -1.7rem; } .start .storyline-row.icon-spine::after { left: 0.4rem; top: 1.6rem; width: 1.7rem; height: 3.2rem; } .start .storyline-row.icon-brain::after { left: -0.5rem; top: 1.7rem; width: 3.2rem; height: 2.9rem; } .start .storyline-row.icon-flash::after { left: 0.2rem; top: 1.6rem; width: 2.2rem; height: 3.2rem; } .start .storyline-slider.slider-1 { width: calc(100% - 6rem); left: 6rem; } .start .storyline-slider.slider-2 { right: auto; margin: 5rem 0 0 6rem; width: calc(100% - 6rem); } .start .storyline .techniken .left-col { padding: 0 0 0 6rem; } .start .storyline-row .text-col, .start .storyline-row.reverse .text-col { padding: 0 0 0 6rem; } .start .storyline .techniken .right-col { padding: 2rem 0 0 6rem; } .start .storyline .cta a { margin: 3rem 0 0 -4.3rem; padding: 0 3rem; width: 11rem; height: 11rem; font-size: 1.4rem; } } /** * ================================================== * CONCEPT / CARDS * ================================================== */ .concept { margin: 4rem 0 0; background: linear-gradient( to bottom, #ededed 0%, #ededed 50%, #fff 50%, #fff 100% ); } .concept .intro .rte { max-width: 85rem; } .cards-wrapper { display: flex; justify-content: space-between; gap: 6%; margin: 8rem 0 12rem; } .card { position: relative; z-index: 10; border-radius: 2.5rem; box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.3); transition: all 0.3s; background: #000; } .card:hover { transform: translateY(-1rem); } .card .content { position: absolute; z-index: 10; bottom: 0; left: 0; padding: 0 8% 2.5rem; width: 100%; } .card .content-inner::before { content: ""; position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 2.5rem; background: linear-gradient( to top, #476964 0%, #476964 50%, rgba(71, 105, 100, 0) 100% ); } .card .content .text { position: relative; max-height: 14.3rem; overflow: hidden; margin: 0 0 2rem; line-height: 1.6; color: #fff; } .card .text::before { content: ""; position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 6rem; pointer-events: none; opacity: 1; transition: 0.3s opacity; background: linear-gradient( to top, #476964 0%, rgba(71, 105, 100, 0.7) 50%, rgba(71, 105, 100, 0) 100% ); } .card.open .text::before { opacity: 0; } .card .content .label { position: relative; margin: 0 0 0.5rem; font-size: 1.7rem; letter-spacing: 0.1rem; text-transform: uppercase; color: #fff; } .card .content h4 { position: relative; margin: 0 0 2.5rem; line-height: 1.2; font-weight: 700; font-size: 2.6rem; color: #fff; } .card .content .text p:last-of-type { margin: 0; } .card .more { position: relative; font-weight: 700; color: #fff; cursor: pointer; } .card img { border-radius: 2.5rem; transition: 0.3s all; } .card.open img { opacity: 0.7; } @media only screen and (max-width: 1300px) and (min-width: 1100px) { .cards-wrapper { gap: 3%; margin: 8rem 0 6rem; } } @media only screen and (max-width: 1180px) and (min-width: 1100px) { .card .content .label { margin: 0 0 0.3rem; font-size: 1.6rem; } .card .content h4 { margin: 0 0 2rem; font-size: 2.3rem; } .card .content .text { line-height: 1.4; font-size: 1.4rem; } } @media only screen and (max-width: 1099px) { .concept { margin: 2rem 0 0; background: #ededed; } .cards-wrapper { display: block; gap: 6%; margin: 5rem 0 5rem; } .cards-wrapper .card { margin: 0 auto 4rem; width: 100%; max-width: 35rem; } } @media only screen and (max-width: 500px) { .card .content .label { margin: 0 0 0.3rem; font-size: 1.5rem; } .card .content h4 { margin: 0 0 2rem; font-size: 2.3rem; } .card .content .text { line-height: 1.4; font-size: 1.4rem; } } /** * ================================================== * PRAXIS SECTION * ================================================== */ .praxis { position: relative; z-index: 0; color: #fff; background: var(--c-p); } .praxis::before { content: "";z-index: -1; position: absolute; right: 2rem; top: -14.5rem; display: block; width: 25rem; height: 173.4rem; background: url("../../files/theme/img/spine-bg.svg") no-repeat; } .praxis .intro .rte { max-width: 92rem; } .praxis h3, .praxis h4, .praxis h5 { color: #fff; } .praxis .content-player { margin: 6rem 0 8rem; padding: 0 7rem; } .praxis .content-player video { border-radius: 3rem; width: 100% !important; height: 100% !important; } .praxis .team-slider-wrapper { position: relative; } .praxis .team-slider { position: relative; margin: 6rem 0 0; padding: 14rem 0 0; animation-name: fadeInUpCustom; animation-duration: 1s; animation-fill-mode: both; } .praxis .rsts-skin-default.rsts-type-fade .rsts-slide { background: none; } .praxis .team-slider .text-col { padding-right: 12.5%; } .praxis .team-slider .image-col { position: relative; padding-left: 13.5%; padding-bottom: 3rem; } .praxis .team-slider h5 { margin: 0 0 2rem; font-size: 1.7rem; letter-spacing: 0.1rem; } .praxis .team-slider h5 strong { display: block; margin: 0.7rem 0 0; font-size: 3rem; } .praxis .team-slider .vita p { margin: 0 0 0.5rem; } .praxis .team-slider .vita strong { text-transform: uppercase; letter-spacing: 0.2rem; } .praxis .team-slider .vita ul li { list-style: none; } .praxis .team-slider .vita ul li::before { content: " • "; margin: 0 0.3rem 0 0; } .praxis .team-slider .image-col img { width: 100%; } .praxis .team-slider .btn { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0.5rem; margin-left: 13.5%; white-space: nowrap; } .praxis .team-slider .btn a { padding: 1rem 5rem; border-radius: 3rem; font-size: 1.8rem; font-weight: 600; text-transform: uppercase; box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3); } .praxis .team-slider .btn a::after { display: none; } .rsts-thumbs-prev, .rsts-thumbs-next { display: none; } .praxis .team-slider .rsts-thumbs-crop { overflow: visible; height: 100% !important; } .praxis .team-slider .rsts-thumbs-slides { transform: none !important; position: static; } .praxis .team-slider .rsts-nav-thumbs { position: absolute; top: 14rem; left: 50%; right: auto; bottom: auto; transform: translateX(-50%); padding: 0; } .praxis .team-slider .rsts-thumbs-slide { position: relative; z-index: 10; transform: none !important; margin: 0 0 4rem 1rem; width: 8rem !important; height: 8rem !important; opacity: 1; } .praxis .team-slider .rsts-thumbs-slide.rsts-thumbs-active-thumb { margin: 0 0 4rem 0; width: 10rem !important; height: 10rem !important; } .praxis .team-slider .rsts-thumbs-slide img { width: 8rem !important; height: 8rem !important; border-radius: 100%; border: 2px solid #fff; filter: grayscale(1); transition: 0.3s filter; } .praxis .team-slider .rsts-thumbs-slide.rsts-thumbs-active-thumb img { width: 10rem !important; height: 10rem !important; filter: none; } .praxis .team-slider .rsts-thumbs-slide:hover img { filter: none; } .praxis .team-slider .rsts-prev, .praxis .team-slider .rsts-next { bottom: auto; top: 50%; transform: translateY(-50%); width: 4rem; height: 4rem; transition: 0.3s all; } .praxis .team-slider .rsts-prev { left: -6rem; } .praxis .team-slider .rsts-next { right: -6rem; } .praxis .praxis-insta a::before { content: ""; position: absolute; left: 0; top: 0.6rem; width: 4rem; height: 4rem; background: url("../../files/theme/img/icons/instagram.svg") no-repeat; } .praxis .praxis-insta a { position: relative; display: block; padding: 0 0 0 5rem; color: #fff; } .praxis .storyline .line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: calc(100% + 9rem); background: #bbb; } .praxis .storyline .line-fill { position: absolute; left: 0; top: 0; width: 2px; height: 0; background: #fff; } .praxis .storyline .circle { position: absolute; left: -7px; top: 0; border-radius: 50%; width: 16px; height: 16px; background: #fff; } @media only screen and (max-width: 1480px) { .praxis .team-slider .text-col { padding-right: 6%; } .praxis .team-slider .rsts-prev, .praxis .team-slider .rsts-next { top: -7rem; transform: none; width: 5rem; height: 5rem; } .praxis .team-slider .rsts-prev { left: 0; } .praxis .team-slider .rsts-next { right: 0; } } @media only screen and (max-width: 1180px) and (min-width: 851px) { .praxis .team-slider .btn a { padding: 1rem 2rem; font-size: 1.6rem; font-weight: 500; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); } } @media only screen and (max-width: 850px) { .praxis::before { top: -8.5rem; width: 15rem; height: 104rem; opacity: 0.7; background-size: contain; } .praxis .content-player { margin: 5rem 0 6rem; padding: 0; } .praxis .team-slider { padding: 5rem 0 0; } .praxis .storyline .line { left: 3rem; transform: none; height: calc(100% + 7rem); } .praxis .team-slider .rsts-nav-thumbs { transform: none; left: -2rem; top: 10rem; } .praxis .team-slider .rs-columns .rs-column:nth-of-type(2) .content-image { display: none; } .praxis .team-slider .text-col { width: 100%; padding: 5rem 0 0 11rem; } .praxis .team-slider .image-col { padding: 0 0 0 11rem; } .praxis .team-slider .btn { position: static; transform: none; margin: 1rem 0 0; } .praxis .praxis-insta a { margin: 0 0 0 11rem; } .praxis .team-slider .rsts-prev, .praxis .team-slider .rsts-next { top: -3rem; width: 5rem; height: 5rem; } .praxis .team-slider .rsts-prev { left: 11rem; } .praxis .team-slider .rsts-next { right: auto; left: 17rem; } } @media only screen and (max-width: 600px) { .praxis::before { opacity: 0.35; } .praxis .team-slider .btn { margin: 0; } .praxis .team-slider .btn a { padding: 1rem 2rem; font-size: 1.6rem; font-weight: 500; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); } .praxis .content-player video { border-radius: 2rem; } } @media only screen and (max-width: 500px) { .praxis .storyline .line { transform: none; left: 1rem; } .praxis .team-slider .rsts-nav-thumbs { left: -2.5rem; } .praxis .team-slider .rsts-thumbs-slide { margin: 0 0 0 1rem; } .praxis .team-slider .rsts-thumbs-slide.rsts-thumbs-active-thumb { margin: 0; } .praxis .team-slider .rsts-thumbs-slide img { width: 5.5rem !important; height: 5.5rem !important; } .praxis .team-slider .rsts-thumbs-slide.rsts-thumbs-active-thumb img { width: 7rem !important; height: 7rem !important; } .praxis .team-slider .rsts-prev, .praxis .team-slider .rsts-next { width: 3.5rem; height: 3.55rem; } .praxis .team-slider .rsts-next { left: 15rem; } .praxis .team-slider .text-col { padding: 5rem 0 0 7rem; } .praxis .team-slider h5 { margin: 0 0 3rem; } .praxis .team-slider h5 strong { margin: 0.5rem 0 0; font-size: 2.5rem; } .praxis .team-slider .image-col { padding: 0 0 0 7rem; } .praxis .team-slider .btn a { padding: 1rem 1.4rem; font-size: 1.4rem; } .praxis .praxis-insta a { margin: 0 0 0 7rem; } .praxis .team-slider .rsts-prev { left: 7rem; } .praxis .team-slider .rsts-next { left: 11rem; } } /** * ================================================== * CONTACT * ================================================== */ .main .contact { padding: 10rem 0; } .contact h5 { font-size: 5rem; font-weight: 700; } .contact .storyline { position: relative; margin: 5rem 0 0; padding: 8rem 0 0; } .contact .storyline-row { display: flex; position: relative; margin: 0 0 15rem; } .contact .storyline-row.last { margin: 0 0 8rem; } .contact .storyline-row .text-col { padding: 0 15% 0 0; } .contact .storyline-row .right-col { padding: 0 0 0 12%; } .contact .storyline h6 { margin: 0 0 3rem; font-size: 3.5rem; line-height: 1.3; } .contact .storyline-slider.slider-1 { position: relative; right: -25%; width: 110%; } /* circle */ .contact .storyline-row::before { content: ""; position: absolute; z-index: 100; top: 0; left: 50%; transform: translateX(-50%); width: 10rem; height: 10rem; border: 2px solid var(--c-p); border-radius: 100%; background: #fff; } /* icon */ .contact .storyline-row::after { content: ""; position: absolute; z-index: 100; left: 50%; transform: translateX(-50%); } .contact .storyline-row.icon-computer::after { top: 3.4rem; width: 4.4rem; height: 3.5rem; background: url("../../files/theme/img/icons/computer.svg") no-repeat; background-size: contain; } .contact .storyline-row.icon-marker::after { top: 2.6rem; width: 3rem; height: 4.5rem; background: url("../../files/theme/img/icons/marker.svg") no-repeat; background-size: contain; } .contact .address a { color: inherit; text-decoration: underline; } .contact .address a:hover { color: var(--c-p); } .contact .address .space + a { text-decoration: none; } .contact .storyline .btn { margin: 0 0 0.8rem; } .contact .storyline .btn a { width: 24rem; color: #fff; text-decoration: none; } .contact .form-note { font-size: 1.2rem; text-align: right; color: #498e8f; } .contact .form-note p { margin: 0 0 1rem; } .contact .contact-insta a::before { content: ""; position: absolute; left: 0; top: 0.6rem; width: 4rem; height: 4rem; background: url("../../files/theme/img/icons/instagram-green.svg") no-repeat; } .contact .contact-insta a { position: relative; display: block; padding: 0 0 0 5rem; } .contact .storyline .line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: calc(100% + 13rem); background: #ddd; } .contact .storyline .line-fill { position: absolute; left: 0; top: 0; width: 2px; height: 0; background: var(--c-p); } .contact .storyline .circle { position: absolute; left: -7px; top: 0; border-radius: 50%; width: 16px; height: 16px; background: var(--c-p); } @media only screen and (max-width: 1600px) { .contact .storyline-slider.slider-1 { right: -10%; width: 90%; } /* circle */ .contact .storyline-row::before { width: 8rem; height: 8rem; } .contact .storyline-row.icon-computer::after { top: 2.5rem; width: 3.7rem; height: 3rem; } .contact .storyline-row.icon-marker::after { top: 2.2rem; width: 2.7rem; height: 4rem; } .contact .storyline-row .right-col { padding: 0 0 0 5%; } } @media only screen and (max-width: 1350px) { .contact h5 { font-size: 4rem; } .contact .storyline h6 { margin: 0 0 2.7rem; font-size: 3rem; } } @media only screen and (max-width: 1050px) { .contact .storyline-row .text-col { padding: 0 6% 0 0; } } @media only screen and (max-width: 850px) { .main .contact { padding: 8rem 0 6rem; } .contact h5 { font-size: 3.5rem; } .contact .storyline h6 { margin: 0 0 2.5rem; font-size: 2.5rem; } .contact .storyline .line { transform: none; left: 3rem; } .contact .storyline-row { display: flex; flex-direction: column; margin: 0 0 8rem; } .contact .storyline-row .rs-column { width: 100%; } .contact .storyline-row::before { transform: none; left: -1rem; } .contact .storyline-row::after { transform: none; } .contact .storyline-row.icon-computer::after { left: 1.2rem; transform: none; } .contact .storyline-row.icon-marker::after { left: 1.7rem; transform: none; } .contact .storyline-row .text-col { padding: 0 0 0 9rem; } .contact .storyline-slider.slider-1 { margin: 3rem 0 0; width: calc(100% - 9rem); left: 9rem; } .contact .storyline-row .right-col { padding: 0 0 0 9rem; } .contact .form-note { margin-top: 5rem; } .contact .contact-insta a { margin: -4rem 0 0 9rem; } } @media only screen and (max-width: 600px) { .contact h5 { font-size: 3rem; } .contact .storyline h6 { margin: 0 0 2.2rem; font-size: 2.3rem; } .contact .storyline .btn a { width: 22rem; font-size: 1.4rem; } } @media only screen and (max-width: 500px) { .contact .storyline .line { transform: none; left: 1rem; } /* circle */ .contact .storyline-row::before { top: 0.4rem; width: 5.5rem; height: 5.5rem; left: -1.7rem; } .contact .storyline-row.icon-computer::after { left: -0.4rem; top: 1.9rem; width: 3rem; height: 2.5rem; } .contact .storyline-row.icon-marker::after { left: -0rem; top: 1.5rem; width: 2.2rem; height: 3.2rem; } .contact .storyline-row .text-col { padding: 0 0 0 6rem; } .contact .storyline-slider.slider-1 { width: calc(100% - 6rem); left: 6rem; } .contact .storyline-row .right-col { padding: 0 0 0 6rem; } .contact .contact-insta a { margin: -4rem 0 0 6rem; } } /** * ================================================== * VITA DETAIL IN LIGHTBOX * ================================================== */ /* .vita-detail .storyline { position: relative; } .vita-detail .storyline .line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; background: #ddd; } .vita-detail .storyline .line-fill { position: absolute; left: 0; top: 0; width: 2px; height: 0; background: var(--c-p); } .vita-detail .storyline .circle { position: absolute; left: -7px; top: 0; border-radius: 50%; width: 16px; height: 16px; background: var(--c-p); }*/ .vita-detail img { margin: 3rem auto 3rem; width: 23rem; height: 23rem; border-radius: 100%; box-shadow: 0 0 3px rgba(0,0,0,0.5); } .vita-detail .vita-header .label { margin: 0; letter-spacing: 0.2rem; text-transform: uppercase; color: var(--c-p); text-align: center; } .vita-detail .vita-header .name { margin: 0; line-height: 1.3; font-size: 5rem; font-weight: 700; text-transform: uppercase; color: var(--c-p); text-align: center; } .vita-detail .vita-header .jobs { margin: 0; text-align: center; color: var(--c-p); } .vita-detail .timeline-wrapper { position: relative; margin: 5rem 0; padding: 4rem 15% 0; } .vita-detail .timeline-wrapper::before { content: ""; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; background: var(--c-p); } .vita-detail .entry { margin: 0 0 4rem; width: 45%; } .vita-detail .entry::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 1.7rem; display: block; width: 4rem; height: 2px; background: var(--c-p); } .vita-detail .entry.odd { float: left; clear: both; padding: 0 10% 0 0; } .vita-detail .entry.even { float: right; margin-top: 7rem; padding: 0 0 0 10%; } .vita-detail .entry .year { margin: 0 0 1rem; font-size: 3.5rem; font-weight: 700; text-transform: uppercase; color: var(--c-p); animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; } .vita-detail .entry .content { animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; } @media only screen and (max-width: 1200px) { .vita-detail img { margin: 3rem auto 3rem; width: 20rem; height: 20rem; } .vita-detail .vita-header .name { font-size: 4.3rem; } .vita-detail .timeline-wrapper { padding: 4rem 10% 0; } .vita-detail .entry.odd { padding: 0 5% 0 0; } .vita-detail .entry.even { padding: 0 0 0 5%; } .vita-detail .entry .year { font-size: 3rem; } } @media only screen and (max-width: 800px) { .vita-detail img { margin: 3rem auto 3rem; width: 15rem; height: 15rem; } .vita-detail .vita-header .name { font-size: 3.5rem; } .vita-detail .vita-header .jobs { margin-top: 0.5rem; padding: 0 10%; } .vita-detail .timeline-wrapper { margin: 5rem 0 2rem; padding: 3rem 5% 0; } .vita-detail .entry::before { margin-top: 1.2rem; } .vita-detail .entry .year { font-size: 2.5rem; } } @media only screen and (max-width: 600px) { .vita-detail img { margin: 3rem auto 3rem; width: 13rem; height: 13rem; } .vita-detail .vita-header .name { font-size: 3rem; } .vita-detail .vita-header .jobs { margin-top: 0.5rem; padding: 0 2rem; font-size: 1.4rem; } .vita-detail .timeline-wrapper { padding: 2rem 2rem 0; } .vita-detail .entry.odd { padding: 0 0.7rem 0 0; } .vita-detail .entry.even { padding: 0 0 0 0.7rem; } .vita-detail .entry::before { margin-top: 1rem; width: 2rem; } .vita-detail .entry .year { font-size: 1.9rem; } .vita-detail .entry .content { font-size: 1.2rem; line-height: 1.5; hyphens: auto; } } .btn a { display: inline-block; padding: 0.9rem 1.5rem; font-weight: 700; color: #fff; background: var(--c-p); } .btn a:hover { background: var(--c-p-l); } .btn a::after { content: " »"; } .btn-grey a { color: var(--c-p); background: #c1cbca; } .btn-grey a:hover { background: #d2dad9; }