.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%; } } .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} :root { --color-grey-1: #808080; --color-grey-2: #9a9391; --color-primary: #f2b800; --color-primary-lighter: #fccb2b; --color-primary-darker: #f2b601; --color-links: #000; --color-links-hover: #555; --base-font-size: 1.8rem; --base-line-height: 1.6; --base-font-weight: 300; --base-font-family: 'Josefin Sans', sans-serif; --headings-line-height: 1.2; --headings-font-weight: 500; --headings-font-family: 'Bodoni Moda', serif; --headings-color: var(--color-grey-2); --wrapper-width: 150rem; } /** * 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; } /* bodoni-moda-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: 'Bodoni Moda'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/bodoni-moda-v23-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/bodoni-moda-v23-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* bodoni-moda-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: 'Bodoni Moda'; font-style: normal; font-weight: 500; src: url('../../files/theme/fonts/bodoni-moda-v23-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/bodoni-moda-v23-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* josefin-sans-200 - 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: 'Josefin Sans'; font-style: normal; font-weight: 200; src: url('../../files/theme/fonts/josefin-sans-v32-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/josefin-sans-v32-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* josefin-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: 'Josefin Sans'; font-style: normal; font-weight: 300; src: url('../../files/theme/fonts/josefin-sans-v32-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/josefin-sans-v32-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* josefin-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: 'Josefin Sans'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/josefin-sans-v32-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/josefin-sans-v32-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* josefin-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: 'Josefin Sans'; font-style: normal; font-weight: 500; src: url('../../files/theme/fonts/josefin-sans-v32-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/josefin-sans-v32-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* josefin-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: 'Josefin Sans'; font-style: normal; font-weight: 600; src: url('../../files/theme/fonts/josefin-sans-v32-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/josefin-sans-v32-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* josefin-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: 'Josefin Sans'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/josefin-sans-v32-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/josefin-sans-v32-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-slab-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: 'Roboto Slab'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/roboto-slab-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-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: 'Roboto'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../../files/theme/fonts/roboto-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } .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.5s cubic-bezier(0.16, 0.68, 0.43, 0.99); } .pushy-content { transition: visibility 0.5s 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.5s ease-in-out, visibility 0.5s ease-in-out; } .pushy-submenu > ul .pushy-link { transition: opacity 0.5s 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 */ /*! jQuery.Flipster, v1.1.5 (built 2020-10-17) */.flipster{display:block;overflow-x:hidden;overflow-y:visible;position:relative}.flipster:focus{outline:none}.flipster__container,.flipster__item{margin:0;padding:0;list-style-type:none;position:relative}.flipster__container{display:block;white-space:nowrap;word-spacing:-0.25em;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flipster__item{display:inline-block;white-space:normal;word-spacing:normal;vertical-align:bottom}.flipster--click .flipster__item--past,.flipster--click .flipster__item--future{cursor:pointer}.flipster__item img{max-width:100%}.flipster__button{position:absolute;top:50%;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;z-index:999;cursor:pointer;font-size:15px;opacity:.5;-webkit-transition:opacity 500ms ease;-o-transition:opacity 500ms ease;transition:opacity 500ms ease;margin:-1em 2em}.flipster__button svg{width:2em;stroke:currentColor;fill:transparent;stroke-width:3;stroke-linecap:round}.flipster__button:hover,.flipster__button:focus{opacity:1}.flipster__button--prev{left:0}.flipster__button--next{right:0}.flipster__nav,.flipster__nav__item{list-style-type:none;margin:0;padding:0}.flipster__nav{display:block;margin:0 0 4em;text-align:center;position:relative}.flipster__nav__item{display:inline-block;margin:0 .25em}.flipster__nav__link{display:block;color:inherit;padding:.5em 1em;position:relative;overflow:hidden;-webkit-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out;-webkit-transition-timing-function:cubic-bezier(.56, .12, .12, .98);-o-transition-timing-function:cubic-bezier(.56, .12, .12, .98);transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster__nav__link::after{content:'';display:block;background:#232221;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-transform:translateY(100%) translateY(-0.25em);-ms-transform:translateY(100%) translateY(-0.25em);transform:translateY(100%) translateY(-0.25em);-webkit-transition:inherit;-o-transition:inherit;transition:inherit}.flipster__nav__item--current>.flipster__nav__link,.flipster__nav__link:hover,.flipster__nav__link:focus{color:#FFF}.flipster__nav__item--current>.flipster__nav__link::after,.flipster__nav__link:hover::after,.flipster__nav__link:focus::after{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.flipster__nav__child{display:none;position:absolute;top:100%;left:0;right:0;margin-top:-1px;padding:.5em;background:#4e4441;z-index:1}.flipster__nav__child .flipster__nav__link{color:#FFF}.flipster__nav__child .flipster__nav__link::after{background:#FFF}.flipster__nav__child .flipster__nav__item--current>.flipster__nav__link,.flipster__nav__child .flipster__nav__link:hover,.flipster__nav__child .flipster__nav__link:focus{color:#232221}.flipster__nav__item--current .flipster__nav__child{display:block}.flipster--carousel .flipster__container,.flipster--carousel .flipster__item,.flipster--carousel .flipster__item__content{-webkit-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;-webkit-transition-timing-function:cubic-bezier(.56, .12, .12, .98);-o-transition-timing-function:cubic-bezier(.56, .12, .12, .98);transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster--carousel .flipster__item{-webkit-perspective:800px;perspective:800px}.flipster--carousel .flipster__item--past,.flipster--carousel .flipster__item--future{opacity:0;-webkit-transition-delay:115ms;-o-transition-delay:115ms;transition-delay:115ms}.flipster--carousel .flipster__item--past-2,.flipster--carousel .flipster__item--future-2{opacity:.6;-webkit-transition-delay:90ms;-o-transition-delay:90ms;transition-delay:90ms}.flipster--carousel .flipster__item--past-1,.flipster--carousel .flipster__item--future-1{opacity:.8;-webkit-transition-delay:60ms;-o-transition-delay:60ms;transition-delay:60ms}.flipster--carousel .flipster__item--past .flipster__item__content{-webkit-transform:translateX(100%) rotateY(-20deg) scale(.5);transform:translateX(100%) rotateY(-20deg) scale(.5)}.flipster--carousel .flipster__item--past-2 .flipster__item__content{-webkit-transform:translateX(25%) rotateY(40deg) scale(.65);transform:translateX(25%) rotateY(40deg) scale(.65)}.flipster--carousel .flipster__item--past-1 .flipster__item__content{-webkit-transform:rotateY(45deg) scale(.8);transform:rotateY(45deg) scale(.8)}.flipster--carousel .flipster__item--future .flipster__item__content{-webkit-transform:translateX(-100%) rotateY(20deg) scale(.5);transform:translateX(-100%) rotateY(20deg) scale(.5)}.flipster--carousel .flipster__item--future-2 .flipster__item__content{-webkit-transform:translateX(-25%) rotateY(-40deg) scale(.65);transform:translateX(-25%) rotateY(-40deg) scale(.65)}.flipster--carousel .flipster__item--future-1 .flipster__item__content{-webkit-transform:rotateY(-45deg) scale(.8);transform:rotateY(-45deg) scale(.8)}.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content{-webkit-transform:translateX(175%) scale(.5);-ms-transform:translateX(175%) scale(.5);transform:translateX(175%) scale(.5)}.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content{-webkit-transform:translateX(25%) scale(.65);-ms-transform:translateX(25%) scale(.65);transform:translateX(25%) scale(.65)}.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content{-webkit-transform:translateX(0%) scale(.8);-ms-transform:translateX(0%) scale(.8);transform:translateX(0%) scale(.8)}.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content{-webkit-transform:translateX(-175%) scale(.5);-ms-transform:translateX(-175%) scale(.5);transform:translateX(-175%) scale(.5)}.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content{-webkit-transform:translateX(-25%) scale(.65);-ms-transform:translateX(-25%) scale(.65);transform:translateX(-25%) scale(.65)}.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content{-webkit-transform:translateX(0%) scale(.8);-ms-transform:translateX(0%) scale(.8);transform:translateX(0%) scale(.8)}.flipster--carousel .flipster__item--current .flipster__item__content{-webkit-transform:translateX(0) rotateY(0deg) scale(1);transform:translateX(0) rotateY(0deg) scale(1);-webkit-transition-delay:60ms;-o-transition-delay:60ms;transition-delay:60ms}.flipster--coverflow .flipster__container,.flipster--coverflow .flipster__item,.flipster--coverflow .flipster__item__content{-webkit-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;-webkit-transition-timing-function:cubic-bezier(.56, .12, .12, .98);-o-transition-timing-function:cubic-bezier(.56, .12, .12, .98);transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster--coverflow .flipster__item{-webkit-perspective:800px;perspective:800px}.flipster--coverflow .flipster__container{padding-bottom:5%}.flipster--coverflow .flipster__item__content{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;box-reflect:below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255,255,255,0.12)), color-stop(.2, transparent));-webkit-box-reflect:below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255,255,255,0.12)), color-stop(.2, transparent))}.flipster--coverflow .flipster__item__content img:only-child{display:block}.flipster--coverflow .flipster__item--past .flipster__item__content{-webkit-transform-origin:0% 50%;-ms-transform-origin:0% 50%;transform-origin:0% 50%;-webkit-transform:scale(.75) rotateY(55deg);transform:scale(.75) rotateY(55deg)}.flipster--coverflow .flipster__item--future .flipster__item__content{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:scale(.75) rotateY(-55deg);transform:scale(.75) rotateY(-55deg)}.flipster--coverflow .flip-current .flipster__item__content{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flipster--flat .flipster__container,.flipster--flat .flipster__item,.flipster--flat .flipster__item__content{-webkit-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out}.flipster--flat .flipster__item--past,.flipster--flat .flipster__item--future{opacity:.5}.flipster--flat .flipster__item--past .flipster__item__content{-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.flipster--flat .flipster__item--future .flipster__item__content{-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.flipster--wheel{overflow:hidden}.flipster--wheel .flipster__container,.flipster--wheel .flipster__item__content{-webkit-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;-webkit-transition-timing-function:cubic-bezier(.56, .12, .12, .98);-o-transition-timing-function:cubic-bezier(.56, .12, .12, .98);transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster--wheel .flipster__container{padding-bottom:20%}.flipster--wheel .flipster__item__content{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.flipster--wheel .flipster__item--past .flipster__item__content{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.flipster--wheel .flipster__item--future .flipster__item__content{-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%}.flipster--wheel .flipster__item__content img:only-child{display:block}.flipster--wheel .flipster__item--past .flipster__item__content{opacity:0;-webkit-transform:rotateZ(-80deg) translate(-170%, 110%);-ms-transform:rotate(-80deg) translate(-170%, 110%);transform:rotateZ(-80deg) translate(-170%, 110%)}.flipster--wheel .flipster__item--future .flipster__item__content{opacity:0;-webkit-transform:rotateZ(80deg) translate(170%, 110%);-ms-transform:rotate(80deg) translate(170%, 110%);transform:rotateZ(80deg) translate(170%, 110%)}.flipster--wheel .flipster__item--past-3 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(-60deg) translate(-70%, 75%);-ms-transform:rotate(-60deg) translate(-70%, 75%);transform:rotateZ(-60deg) translate(-70%, 75%)}.flipster--wheel .flipster__item--future-3 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(60deg) translate(70%, 75%);-ms-transform:rotate(60deg) translate(70%, 75%);transform:rotateZ(60deg) translate(70%, 75%)}.flipster--wheel .flipster__item--past-2 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(-40deg) translate(-17%, 30%);-ms-transform:rotate(-40deg) translate(-17%, 30%);transform:rotateZ(-40deg) translate(-17%, 30%)}.flipster--wheel .flipster__item--future-2 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(40deg) translate(17%, 30%);-ms-transform:rotate(40deg) translate(17%, 30%);transform:rotateZ(40deg) translate(17%, 30%)}.flipster--wheel .flipster__item--past-1 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(-20deg);-ms-transform:rotate(-20deg);transform:rotateZ(-20deg)}.flipster--wheel .flipster__item--future-1 .flipster__item__content{opacity:1;-webkit-transform:rotateZ(20deg);-ms-transform:rotate(20deg);transform:rotateZ(20deg)}.flipster--wheel .flip-current .flipster__item__content{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)} html { overflow-x: hidden; 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: #272626; } body.subpage { padding: 10rem 0 0; } @media only screen and (max-width: 1000px) { body { font-size: 1.6rem; } } ::selection { color: #fff; background: var(--color-grey-1); } ::-moz-selection { color: #fff; background: var(--color-grey-1); } ::-webkit-selection { color: #fff; background: var(--color-grey-1); } *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .flipster--coverflow .flipster__item__content { -webkit-box-reflect: inherit; box-reflect: inherit; } 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); letter-spacing: 0.2rem; } a { text-decoration: none; transition: 0.3s all; } p, ul, ol { margin: 0 0 3rem; } .wrapper, .mod_article .inside { margin: 0 auto; padding: 0 3rem; max-width: var(--wrapper-width); } #headerbild .wrapper { max-width: none; padding: 0; } #headerbild img { width: 100%; height: auto; } @media only screen and (max-width: 1000px) { .wrapper, .mod_article .inside { padding: 0 2rem; } } .headline-box { margin: 0 0 4.5rem; } .headline-box.centered { text-align: center; } .headline-box .ce_headline { margin: 0; font-size: 5rem; text-transform: uppercase; } .headline-box .label { display: inline-block; margin: 0.5rem 0 0; font-size: 2.6rem; color: var(--headings-color); } @media only screen and (max-width: 1000px) { .headline-box { margin: 0 0 3.5rem; } .headline-box .ce_headline { font-size: 4rem; } .headline-box .label { marign: 0.2rem 0 0; font-size: 2.3rem; } } @media only screen and (max-width: 800px) { .headline-box .ce_headline { font-size: 3.4rem; } .headline-box .label { font-size: 2rem; } } @media only screen and (max-width: 600px) { .headline-box .ce_headline { font-size: 2.8rem; } .headline-box .label { font-size: 1.9rem; } } .main { position: relative; } body.specials-page .main { padding: 0 0 16rem; } body.subpage .main { padding: 8rem 0 20rem; } body.subpage .main .wrapper { margin: 0 auto; max-width: 140rem; } body.subpage.imprint .main .wrapper { text-align: center; } body.subpage .main ul { list-style: inside; } body.subpage .main h1 { font-size: 5rem; text-transform: uppercase; } body.subpage .main a { color: var(--color-primary); } body.subpage .main a:hover { color: inherit; } body.subpage.disclaimer .main h2 { margin: 4rem 0 1rem; font-size: 3rem; } body.subpage.disclaimer .main h3 { letter-spacing: 0.1rem; margin: 4rem 0 1rem; font-size: 2.2rem; } body.subpage.disclaimer .main h2 +ul { margin-top: -2rem; } body.subpage.disclaimer .main ul ul { list-style: inside !important; } @media only screen and (max-width: 1000px) { body.subpage .main h1 { font-size: 4rem; } } @media only screen and (max-width: 700px) { body.subpage .main h1 { font-size: 3.5rem; letter-spacing: 0.1rem; } body.subpage.disclaimer .main h2 { font-size: 2.3rem; letter-spacing: 0; } body.subpage.disclaimer .main h3 { font-size: 1.8rem; letter-spacing: 0; } } @media only screen and (max-width: 550px) { body.subpage .main h1 { font-size: 2.6rem; } } .scroll-top { display: block; position: absolute; z-index: 10; bottom: -0.5rem; right: 15rem; width: 7rem; height: 7rem; border-radius: 100%; border: 1px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); transition: 0.5s all; background: url("../../files/theme/img/scroll-top.svg"); } .scroll-top:hover { -webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); } body.subpage .scroll-top { display: none; } @media only screen and (max-width: 1000px) { .scroll-top { right: auto; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); } } @media only screen and (max-width: 700px) { .scroll-top { bottom: -3rem; } } @media only screen and (max-width: 600px) { .scroll-top { -webkit-transform: translateX(-50%) scale(0.85);-ms-transform: translateX(-50%) scale(0.85);transform: translateX(-50%) scale(0.85); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .maps-wrapper { margin: -4rem 0 0; } .ce_dlh_googlemaps { padding: 0 0 17rem; } .dlh_googlemap p { margin: 0; font-size: 1.4rem; line-height: 1.5; } .dlh_googlemap p a { color: var(--color-primary-darker); } .dlh_googlemap .cc-module { position: absolute; top: 0; left: 0; padding: 0 2rem; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; background: var(--color-grey-1); } .dlh_googlemap .cc-module p { position: relative; z-index: 10; margin: 0 0 3rem; width: 100%; font-size: 1.8rem; color: #fff; } .dlh_googlemap .cc-module button { position: relative; z-index: 10; display: inline-block; padding: 1.7rem 3rem; border: 2px solid transparent; font-size: 1.5rem; font-weight: 600; color: #000; text-transform: uppercase; text-align: center; cursor: pointer; transition: 0.3s all; background: #fff; } .dlh_googlemap .cc-module button:hover { color: #fff; background: var(--color-primary); } @media only screen and (max-width: 45em) { .dlh_googlemap { padding-bottom: 85% !important; } .dlh_googlemap .cc-module p { font-size: 1.6rem; } } .contao-cookiebar { z-index: 99999999999 !important; } .contao-cookiebar .cc-inner { max-width: 500px; } .contao-cookiebar h3 { margin: 0 0 2rem; font-size: 2.2rem; font-weight: 600; color: #222; font-family: var(--base-font-family); } .cookiebar_default .cc-info > a { font-size: 1.6rem; } .cookiebar_default .cc-info > a + a:before { margin-left: 2px; } .cookiebar_default .cc-cookies > p { font-size: 1.6rem; } .cookiebar_default p { font-size: 1.7rem; color: #000; } .contao-cookiebar label { font-size: 1.5rem; } .contao-cookiebar input + label { padding: 12px 13px 12px 50px; } .cookiebar_default a { color: var(--color-primary-darker); } .contao-cookiebar .cc-info > a { color: #444; } .cookiebar_default .cc-group .cc-detail-btn { font-size: 1.4rem; color: #8e8e8e; } .cookiebar_default .cc-group .cc-detail-btn:focus { outline: 1px solid blue; } .cookiebar_default .cc-cookies .cc-cookie p { font-size: 1.5rem; } .cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info { font-size: 1.5rem; } .mod_cookiebarOpener a { position: fixed; z-index: 99999; bottom: 2rem; right: 2rem; display: block; width: 5rem; height: 5rem; text-indent: -999rem; background: url("../../files/theme/img/cookies.svg") no-repeat; } body.nav-open .mod_cookiebarOpener a { display: none; } .ce_hyperlink.btn a { display: inline-block; margin-top: 3rem; padding: 2rem 4rem; font-weight: 700; color: #fff!important; background: var(--color-primary); } .ce_hyperlink.btn-center { text-align: center; } .clear::after { content: ""; display: table; clear: both; } .invisible { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .space { float: left; width: 9rem } .text-short { margin: 0 auto 5rem; max-width: 105rem; } .text-center { text-align: center; } .m-t-80 { margin-top: 8rem !important; } .m-t-70 { margin-top: 7rem !important; } .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-t-10 { margin-top: 1rem !important; } .m-b-80 { margin-bottom: 8rem !important; } .m-b-70 { margin-bottom: 7rem !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; } .m-b-10 { margin-bottom: 1rem !important; } .header { position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 10rem; background: #fff; } .header .wrapper { height: 10rem; } .header .logo { position: absolute; top: -1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 26rem; height: 20rem; border-radius: 100%; transition: 0.2s all; background: #fff; } .header .logo img { margin-top: -3rem; width: 18rem; transition: 0.2s width; } .header.fixed { box-shadow: 0 0 5px rgba(0,0,0,0.2); } .header.fixed .logo { top: 0.5rem; width: auto; height: auto; } .header.fixed .logo img { margin: 0; width: 12rem; } .nav-main ul { display: -webkit-box;display: -ms-flexbox;display: flex; } .nav-main ul li { position: relative; display: inline; width: 22rem; line-height: 10rem; text-align: center; } .nav-main ul li:nth-of-type(4) { margin-right: 35rem; } .nav-main ul li:nth-of-type(7) { margin-left: 2rem; } .nav-main ul li:nth-of-type(8) { margin-left: 2rem; } .nav-main ul li a, .nav-main ul li strong { color: #0b0b0c; font-weight: 300; font-size: 1.6rem; text-transform: uppercase; transition: 0.3s color; white-space: nowrap; } .nav-main ul li a:hover, .nav-main ul li a:focus, .nav-main ul li.active a { border-bottom: 2px solid var(--color-primary); } .nav-main li.shop a { font-weight: 700; } .nav-main ul li.submenu > a::after { content: ""; display: inline-block; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); margin: 0 0 0 1rem; width: 0; height: 0; border-style: solid; border-width: 7px 5px 0 5px; border-color: #000000 transparent transparent transparent; } .nav-main ul ul { opacity: 0; visibility: hidden; display: block; position: absolute; z-index: 1000; left: -1rem; top: 10rem; width: 28rem; transition: 0.3s all; box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-clip-path: inset(0px -10px -10px -10px);clip-path: inset(0px -10px -10px -10px); background: #fff; } .nav-main ul li:hover ul, .nav-main ul li.open ul { opacity: 1; visibility: visible; } .nav-main ul ul li { display: block; margin: 0 !important; width: auto; line-height: normal; } .nav-main ul ul li a { display: block; padding: 1.3rem 2rem; text-transform: none; text-align: left; transition: 0.3s all; } .nav-main ul ul li a:hover { color: #fff; background: var(--color-primary); } .nav-main ul ul li a:hover, .nav-main ul ul li.active a { border-bottom: none; } .nav-mobile { display: none; } .toggle-menu { display: none; position: absolute; z-index: 100000; top: 2.7rem; right: 3rem; width: 4.5rem; height: 4.5rem; border: 1px solid #000; border-radius: 100%; text-indent: -999rem; -webkit-animation: fadeIn forwards; animation: fadeIn forwards; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .toggle-menu.scroll { border-color: #222; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2); background: #222; } .toggle-menu::before, .toggle-menu::after { content: ""; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); width: 2rem; height: 0.2rem; transition: 0.35s all; background: #000; } .toggle-menu::before { top: 2.4rem; } .toggle-menu::after { bottom: 2.4rem; } .toggle-menu:hover::before { top: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); } .toggle-menu:hover::after { top: 50%; bottom: auto; -webkit-transform: translate(-50%,-50%) rotate(90deg);-ms-transform: translate(-50%,-50%) rotate(90deg);transform: translate(-50%,-50%) rotate(90deg); } .toggle-menu.open { border-color: var(--color-primary); background: rgba(0,0,0,0.5); } .toggle-menu.open::before { top: 50%; -webkit-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg); background: #fff; } .toggle-menu.open::after { top: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg); background: #fff; } .nav-mobile { display: none; overflow-y: auto; position: fixed; z-index: 1000; top: 0; left: 0; width: 100% !important; height: 100% !important; background: #000; } .nav-mobile .logo-mobile { position: absolute; z-index: 10; left: 50%; top: 0.5rem; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); } .nav-mobile .logo-mobile img { width: 12rem; } .nav-mobile ul { padding: 12rem 6rem 0 0; } .nav-mobile ul li { margin: 0 0 1rem; list-style: none; text-align: right; opacity: 0; } .nav-mobile.open ul li { -webkit-animation: slideUp forwards; animation: slideUp forwards; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .nav-mobile.open ul li:nth-of-type(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .nav-mobile.open ul li:nth-of-type(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .nav-mobile.open ul li:nth-of-type(4) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .nav-mobile.open ul li:nth-of-type(5) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .nav-mobile.open ul li:nth-of-type(6) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .nav-mobile.open ul li:nth-of-type(7) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .nav-mobile.open ul li:nth-of-type(8) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .nav-mobile ul li a, .nav-mobile ul li span { position: relative; font-size: 3rem; color: #fff; opacity: 0.5; cursor: pointer; transition: 0.3s all; } .nav-mobile ul li a:hover, .nav-mobile ul li.active a, .nav-mobile ul li a:focus, .nav-mobile ul li span:hover, .nav-mobile ul li.active span { opacity: 1; } .nav-mobile ul li a:hover, .nav-mobile ul li span:hover { padding-right: 5vw; } .nav-mobile ul li span::after { content: ""; display: inline-block; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); margin: 0 0 0 1rem; width: 0; height: 0; border-style: solid; border-width: 7px 5px 0 5px; border-color: #fff transparent transparent transparent; } .nav-mobile ul ul { display: none; padding: 1rem 0 0; transition: 0.3s all; } .nav-mobile ul ul li a, .nav-mobile ul ul li span { font-size: 2.2rem; } .nav-mobile .info { display: block; -webkit-animation: slideUp forwards; animation: slideUp forwards; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; opacity: 0; margin: 5rem 0 0; padding: 0 14rem 3rem 0; } .nav-mobile .info .item { margin: 0 0 2rem; font-size: 2.6rem; color: #fff; text-align: right; } .nav-mobile .info .item:last-of-type { margin: 0; } .nav-mobile .info .item span { display: block; padding: 0.3rem 0 0; font-size: 2.2rem; opacity: 0.5; } .nav-mobile .info a { position: relative; display: block; color: #fff; } .nav-mobile .info a:hover { color: var(--color-primary); } .nav-mobile .info a::before { content: ""; position: absolute; right: -8.5rem; top: 0.7rem; width: 6.5rem; height: 6.5rem; border-radius: 100%; background: var(--color-primary); } .nav-mobile .info .item.phone a::before { background: url("../../files/theme/img/nav-phone.png") no-repeat; background-size: contain; } .nav-mobile .info .item.mail a::before { background: url("../../files/theme/img/nav-mail.png") no-repeat; background-size: contain; } @media only screen and (max-width: 1450px) { .nav-main ul li:nth-of-type(4) { margin-right: 25%; } } @media only screen and (max-width: 1315px) { .nav-main ul li:nth-of-type(7) { margin-left: 1rem; } .nav-main ul li:nth-of-type(8) { margin-left: 1rem; } .nav-main ul li a, .nav-main ul li strong { font-size: 1.5rem; } } @media only screen and (max-width: 1200px) { .header .logo { top: 0.5rem; width: auto; height: auto; display: inline-block; } .header .logo img { margin: 0; width: 12rem; } .nav-main ul li { width: 21rem; } .nav-main ul li:nth-of-type(4) { margin-right: 18%; } .nav-main ul li a, .nav-main ul li strong { font-size: 1.3rem; } } @media only screen and (max-width: 1000px) { .nav-main { display: none; } .header .logo { position: static; -webkit-transform: none;-ms-transform: none;transform: none; margin: 0.5rem 0 0; } .toggle-menu { display: block; } } @media only screen and (max-width: 600px) { .nav-mobile ul { padding: 12rem 4rem 0 0; } .nav-mobile .info { padding: 0 12rem 3rem 0; } .nav-mobile .info .item { margin: 0 0 1.7rem; font-size: 2.2rem; } .nav-mobile .info .item span { padding: 0; } .nav-mobile .info a::before { right: -8rem; top: 0.7rem; width: 5.5rem; height: 5.5rem; } .nav-mobile ul li a, .nav-mobile ul li span { font-size: 2.5rem; } } @media only screen and (max-width: 450px) { .nav-mobile .info { padding: 0 10rem 3rem 0; } .nav-mobile .info .item { font-size: 1.7rem; } .nav-mobile .info .item span { font-size: 1.7rem; } .nav-mobile .info a::before { right: -6.5rem; top: 0.4rem; width: 5rem; height: 5rem; } } .footer { position: relative; overflow: hidden; padding: 0 0 5rem; color: #fff; font-size: 1.9rem; text-align: center; background: var(--color-grey-1); } .footer::before { content: ""; position: absolute; z-index: 0; right: 5vw; bottom: -19vw; width: 30vw; height: 40vw; background: url("../../files/theme/img/flower-coaching.svg") no-repeat; background-size: contain; } .footer-waves { position: absolute; left: 50%; bottom: -1px; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); width: 105%; height: 12.7rem; background: url("../../files/theme/img/waves-footer.svg") no-repeat center bottom; } .footer .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .col-address { margin: 0 9% 0 0; width: 30%; } .footer a { color: #fff; } .footer a:hover { color: var(--color-primary); } .footer .logo { display: inline-block; margin: 0 0 3rem; width: 35rem; } .footer .logo img { width: 100%; } .footer .col-address .big { margin: 0 0 1.5rem; line-height: 1.3; font-size: 2.8rem; } .footer .col-address strong { display: block; margin-top: 1.5rem; } .footer h6 { padding: 0 0 0.7rem; border-bottom: 1px solid #fff; font-size: 2.8rem; font-weight: 400; font-family: var(--base-font-family); color: #fff; text-transform: uppercase; } .footer .col-sitemap { padding: 16.7rem 0 0; width: 22%; } .footer nav { margin: 0 0 3rem; } .footer nav ul { margin: 0 0 1.5rem; } .footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 2rem 8rem 2rem 3rem; font-weight: 400; font-size: 1.5rem; color: #fff; font-family: 'Roboto', sans-serif; text-align: center; background: #000; } .footer-bottom p { margin: 0; } .footer-bottom a { font-weight: 700; color: #fff; font-family: 'Roboto Slab', serif; } .footer-bottom a .orange { color: #de8400; } .footer-bottom a:hover { color: #de8400; } @media only screen and (max-width: 1200px) { .footer .col-address { margin: 0 9% 0 0; width: 40%; } .footer::before { right: -5vw; } } @media only screen and (max-width: 1000px) { .footer .col-address { margin: 5rem 0 3rem; width: 100%; } .footer .col-sitemap { padding: 0; width: 100%; } .footer::before { right: -5vw; } .footer .logo { width: 25rem; } .footer .col-address .big { margin: 0 0 3rem; font-size: 2.5rem; } .footer h6 { display: inline-block; margin: 0 0 3rem; padding: 0 3rem 0.7rem; font-size: 2.6rem; } .footer-bottom { display: block; padding: 2rem 2rem 6rem 2rem; } .footer-bottom p { margin: 1rem 0; } } @media only screen and (max-width: 800px) { .footer { font-size: 1.8rem; } .footer-bottom { font-size: 1.7rem; } } @media only screen and (max-width: 600px) { .footer-bottom { font-size: 1.5rem; } } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 1; } :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1; } .mod_article.start { padding: 10rem 0 7rem; } .startslider::before { content: ""; display: block; position: absolute; z-index: 100; left: -58%; top: 35rem; width: 100%; height: 0.4rem; background: var(--color-primary); } .startslider::after { content: ""; display: block; position: absolute; left: 0; bottom: -4rem; width: 100%; height: 14.3rem; background: url("../../files/theme/img/waves-slider.png") no-repeat center bottom; background-size: contain; } .startslider img { width: 100%; height: auto; } .startslider .ce_text { position: absolute; top: 16rem; left: 8rem; text-transform: uppercase; font-size: 6.2rem; font-weight: 200; line-height: 1.3; color: #808080; } .startslider .ce_text.text-white { color: #fff; } .startslider .ce_text strong { font-size: 6.5rem; font-weight: 700; font-family: var(--headings-font-family); letter-spacing: 0.2rem; } .startslider .ce_text p + p { margin-top: 5rem; font-size: 3.5rem; font-weight: 500; } .startslider .rsts-nav { z-index: 1000; right: auto; bottom: 2.5rem; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); text-align: left; } .startslider .rsts-nav li { margin: 0 0.3rem; } .startslider .rsts-nav-bullets a { margin: 0; border: 2px solid var(--color-grey-2); height: 14px; width: 14px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .startslider .rsts-nav-bullets a:hover, .startslider .rsts-nav-bullets a.active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: var(--color-grey-2); } .startslider .rsts-nav-bullets a:focus { outline: 2px solid blue; transition: 0s all; } @media only screen and (max-width: 1470px) { .startslider::before { left: -58%; top: 23.5vw; height: 0.4rem; } .startslider .ce_text { top: 10.5vw; left: 5.7vw; font-size: 4.3vw; } .startslider .ce_text strong { font-size: 4.5vw; } .startslider .ce_text p + p { margin-top: 3.5vw; font-size: 3vw; } .startslider .rsts-nav { bottom: 0; } } @media only screen and (max-width: 1000px) { .startslider::after { height: 10rem; background-position: center center; } .startslider .rsts-nav { bottom: -1rem; } } @media only screen and (max-width: 880px) { .startslider { margin-left: -2rem; margin-right: -2rem; } .startslider::after { display: none; } .startslider .rsts-nav { bottom: 2rem; } .startslider .rsts-nav li { margin: 0 0.5rem; } .startslider .rsts-nav-bullets a { height: 17px; width: 17px; } .startslider .ce_text { font-weight: 300; } } @media only screen and (max-width: 500px) { .startslider .ce_text p + p { margin-top: -2vw; font-size: 4vw; } } .iconteaser { margin: 2rem 0 0; text-align: center; } .iconteaser > a { display: block; margin: 0 0 12rem; } .iconteaser .icon-wrapper { position: relative; display: inline-block; align-items: center; justify-content: center; margin: 4rem auto 0; width: 19.5rem; height: 19.5rem; border-radius: 100%; background: var(--color-grey-2); } .iconteaser .icon-wrapper:hover { animation: pulse 2s infinite; } .iconteaser .icon-wrapper::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); border: 3px solid var(--color-primary); border-radius: 100%; width: 23.5rem; height: 23.5rem; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } .iconteaser .icon-wrapper img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); max-width: 10rem; } .iconteaser .ce_headline { margin: 0 0 0.35em; font-size: 4.8rem; letter-spacing: 2px; text-align: center; text-transform: uppercase; } @media only screen and (max-width: 1400px) { .iconteaser > a { margin: 0 0 6rem; } .iconteaser .icon-wrapper { margin: 0 auto; width: 16rem; height: 16rem; } .iconteaser .icon-wrapper::before { width: 20.5rem; height: 20.5rem; } .iconteaser .ce_headline { font-size: 4rem; } .iconteaser .icon-wrapper img { max-width: 7rem; } } @media only screen and (max-width: 1120px) { .iconteaser { font-size: 1.6rem; } .iconteaser > a { margin: 0 0 5rem; } .iconteaser .icon-wrapper { width: 14rem; height: 14rem; } .iconteaser .icon-wrapper::before { width: 18.5rem; height: 18.5rem; } .iconteaser .ce_headline { font-size: 3.5rem; } .iconteaser .icon-wrapper img { max-width: 6rem; } } @media only screen and (max-width: 899px) { .iconteaser { margin: 0 0 6rem; font-size: 1.8rem; } .iconteaser.last { margin: 0; } .iconteaser > a { margin: 0 0 4rem; } .iconteaser .ce_headline { font-size: 3.8rem; } } @media only screen and (max-width: 700px) { .iconteaser { font-size: 1.6rem; } .iconteaser:nth-last-of-type { margin: 0; } .iconteaser .icon-wrapper { width: 12rem; height: 12rem; } .iconteaser .icon-wrapper::before { width: 15rem; height: 15rem; } .iconteaser .ce_headline { font-size: 3rem; } } .courses { position: relative; margin: 16rem 0 0; padding: 8rem 0 6rem; background: var(--color-grey-2); } .courses::before { content: ""; display: block; position: absolute; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); left: 50%; top: -11.9rem; width: 105%; height: 12rem; background: url("../../files/theme/img/waves-courses-top.jpg") no-repeat center bottom; background-size: contain; } .courses::after { content: ""; display: block; position: absolute; left: 0; bottom: -12rem; width: 100%; height: 12rem; background: url("../../files/theme/img/waves-courses-bottom.jpg") no-repeat center top; background-size: contain; } .courses .headline-box h2, .courses .headline-box .label { color: #fff; } .courses .ce_text { color: #fff; } .flipster { overflow: hidden; padding-top: 2rem; } .flipster__container { height: auto !important; } .flipster--carousel .flipster__item--past-1, .flipster--carousel .flipster__item--future-1 { opacity: 0.6; } .flipster__item { vertical-align: top; } .flipster__item--current { width: 60rem; } .flipster__item.is-workshop .flipster__item__content { position: relative; } /* .flipster__item.is-workshop .flipster__item__content::after { content: "Workshop"; position: absolute; top: 1.7rem; right: 1.7rem; display: flex; align-items: center; justify-content: center; height: 12rem; width: 12rem; border-radius: 100%; font-size: 1.6rem; font-weight: 500; box-shadow: 2px 2px 2px rgba(0,0,0,0.3); text-transform: uppercase; color: #fff; background: var(--color-primary); }*/ .flipster__item .content { display: none; } .flipster__item--current .content { display: block; } .flipster .image-wrapper { position: relative; margin: 0 0 2rem; } .flipster img { width: 100%; height: auto; } .flipster h3 { position: absolute; bottom: 10%; left: 6%; margin: 0; width: 50%; font-size: 5rem; line-height: 1; text-transform: uppercase; text-shadow: 0 0 5px rgba(0,0,0,1); color: #fff; } .flipster .content { padding: 1rem 0 0 4rem; border-left: 1px solid #fff; color: #fff; } .flipster .text { margin: 0 0 1.5rem; line-height: 1.8; color: #fff; } .flipster .text::before { content: ""; display: block; margin: -1.5rem 0 2rem; width: 4rem; height: 2px; background: #fff; } .flipster .text .hide { display: none; } .flipster .text .show { display: inline; } .flipster .flipster-more { display: block; margin: 1rem 0 2.5rem; font-weight: 500; cursor: pointer; color: #fff; } .flipster .flipster-more:hover { padding: 0; } .flipster .content a:focus { color: var(--color-primary); } .flipster .type { margin: 0 0 1rem; text-transform: uppercase; } .flipster .title { margin: 0 0 2rem; font-size: 2.4rem; font-weight: 700; } .flipster h4 { margin: 0 0 1rem; font-size: 2.1rem; font-weight: 500; text-transform: none; letter-spacing: 0; font-family: var(--base-font-family); color: #fff; } .flipster table { margin: 0 0 3rem; width: 100%; } .flipster td { width: 50%; line-height: 1.8; white-space: nowrap; } .flipster td:first-of-type { padding: 0 1rem 0 0; } .flipster a { font-weight: 700; color: #fff; } .flipster a::before { content: "» "; } .flipster a:hover { padding-left: 2rem; color: var(--color-primary); } .flipster__button { top: 26rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 6rem; height: 6rem; opacity: 1; box-shadow: 0 0 10px rgba(0,0,0,0.3); background: var(--color-primary); } .flipster__button--prev { left: -3rem; } .flipster__button--next { right: -3rem; } .flipster__button svg { width: 1.5em; stroke: #fff; } @media only screen and (max-width: 1200px) { .courses { margin: 10rem 0 0; } .flipster__item--current { width: 50rem; } } @media only screen and (max-width: 1000px) { .courses { margin: 8rem 0 0; } .flipster__item--current { width: 40rem; } .flipster h3 { font-size: 4rem; } .flipster .content { padding: 1rem 0 0 2rem; } .flipster h4 { font-size: 2.4rem; } .flipster .text { line-height: 1.7; font-size: 1.6rem; } } @media only screen and (max-width: 800px) { .flipster { margin-top: -3rem; } .flipster__item--current { margin-top: 2rem; width: 35rem; } .flipster .content { padding: 1rem 0 2.5rem 2rem; border: 0; } .flipster .type { margin: 0; } .flipster td { white-space: normal; } .flipster__button { top: 47vw; width: 4.5rem; height: 4.5rem; } .flipster__button svg { width: 1.2em; } } @media only screen and (max-width: 700px) { .courses { margin: 6rem 0 0; } } @media only screen and (max-width: 650px) { .flipster__item--current, .flipster__item { width: 50vw; } .flipster__item--current { margin-top: 0; } .flipster h3 { font-size: 5vw; } .flipster .content { margin: 0 -8rem 0 -8rem; padding: 3rem 0 0.5rem 1.5rem; } .flipster h4 { font-size: 2.2rem; } .flipster .text { line-height: 1.6; font-size: 1.5rem; } } .workshops { padding: 18rem 0 0; } .workshops-wrapper { margin: 7rem 0 0; } .workshops .entry { position: relative; overflow: hidden; float: left; margin: 0 3.5% 3.5% 0; width: 31%; } .workshops .entry:nth-of-type(3n) { margin-right: 0; } .workshops .entry:nth-of-type(3n + 1) { clear: left; } .workshops .entry img { display: block; width: 100%; height: auto; transition: 0.3s all; -webkit-filter: brightness(80%); filter: brightness(80%); } .workshops .entry h3 { position: absolute; z-index: 1; margin: 0; left: 0; bottom: 7%; padding: 0 5% 0 7%; font-size: 4rem; line-height: 1; text-transform: uppercase; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.6); } .workshops .entry .text { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-align: center; background: rgba(0,0,0,0.7); opacity: 0; transition: 0.2s opacity; } .workshops .entry:hover .text { opacity: 1; } .workshops .entry:hover img { -webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); } .workshops .entry .text .inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width: 100%; padding: 0 2rem; } .workshops .entry .text h4 { margin: 0; font-size: 2.8rem; font-weight: 700; font-family: var(--base-font-family); color: #fff; } .workshops .entry .text p { margin: 0 0 1.2rem; font-size: 2.8rem; } .workshops .entry .text a { font-weight: 700; font-size: 1.9rem; color: #fff; } .workshops .entry .text a:hover { padding: 0 0 0 2rem; color: var(--color-primary); } .workshops .entry .text a::before { content: "» "; } .workshops .entry .text .no-date { margin: 2rem 0 0; } @media only screen and (max-width: 1400px) { .workshops { padding: 14rem 0 0; } .workshops-wrapper { margin: 5rem 0 0; } .workshops .entry h3 { font-size: 3vw; } .workshops .entry .text h4 { font-size: 2.3vw; } .workshops .entry .text p { font-size: 1.8vw; } .workshops .entry .text a { font-size: 1.7rem; } } @media only screen and (max-width: 1100px) { .workshops .entry .text .no-date { font-size: 1.5rem; } } @media only screen and (max-width: 900px) { .workshops .entry .text .inner { padding: 0 1rem; } .workshops .entry .text .no-date { font-size: 1.4rem; } } @media only screen and (max-width: 800px) { .workshops { padding: 11rem 0 0; } .workshops .entry { float: none; margin: 0 0 3rem; width: 100%; } .workshops .entry h3 { bottom: 7%; font-size: 6vw; } .workshops .entry .text h4 { font-size: 4vw; } .workshops .entry .text p { font-size: 3vw; } .workshops .entry .text a { font-size: 1.8rem; } .workshops .entry .text .no-date { font-size: 3vw; } } @media only screen and (max-width: 600px) { .workshops .entry h3 { font-size: 7vw; } .workshops .entry .text h4 { font-size: 6vw; } .workshops .entry .text p { font-size: 5vw; } .workshops .entry .text a { font-size: 1.8rem; } .workshops .entry .text .no-date { font-size: 4vw; } } .coaching { position: relative; margin: 10rem 0 0; padding: 14rem 0 2rem; color: #fff; background: var(--color-grey-2); } .coaching::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 12rem; background: url("../../files/theme/img/waves-courses-top.jpg") no-repeat center top; background-size: contain; } .coaching::after { content: ""; display: block; position: absolute; left: 0; bottom: -12rem; width: 100%; height: 12rem; background: url("../../files/theme/img/waves-courses-bottom.jpg") no-repeat center top; background-size: contain; } .coaching .ce_rs_column_start { padding-right: 2%; } .coaching .headline-box .ce_headline { color: #fff; } .coaching .headline-box .label { color: #fff; } .coaching .ce_text { font-size: 1.9rem; line-height: 1.7; } .coaching .ce_text a { color: var(--color-primary); } .coaching .ce_text a:hover { color: var(--color-primary-lighter); } .coaching .ce_hyperlink + .ce_hyperlink { margin: 2rem 0 0; } .coaching .ce_hyperlink a { font-weight: 700; color: #fff; } .coaching .ce_hyperlink a:hover { padding-left: 2rem; color: var(--color-primary); } .coaching .ce_hyperlink a::before { content: "» "; } .coaching figure { position: relative; margin: -15rem 0 0; } .coaching figure::after { content: ""; display: block; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid var(--color-primary); border-radius: 2rem; -webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg); } .coaching figure::before { content: ""; position: absolute; z-index: 0; right: -12vw; bottom: -13vw; width: 30vw; height: 40vw; background: url("../../files/theme/img/flower-coaching.svg") no-repeat; background-size: contain; } .coaching img { position: relative; z-index: 10; width: 100%; height: auto; } .coaching .quote { margin: 9rem 0 0; text-align: center; } .coaching .quote .small { margin: 0 0 1rem; font-weight: 400; } .coaching .quote .big .top::before { content: "»"; } .coaching .quote .big .top { line-height: 1; font-size: 6rem; font-weight: 200; text-transform: uppercase; } .coaching .quote .big .bottom { margin: 0 0 0 1rem; font-size: 6.5rem; font-weight: 700; text-transform: uppercase; font-family: var(--headings-font-family); letter-spacing: 0.2rem; } .coaching .quote .big .bottom::after { content: "«"; font-size: 6rem; font-weight: 300; font-family: var(--base-font-family); } @media only screen and (max-width: 1350px) { .coaching .ce_rs_column_start { margin-top: -5rem; } .coaching .quote .small { margin: 0; } .coaching .quote .big .top { font-size: 4.5rem; } .coaching .quote .big .bottom { font-size: 5rem; } } @media only screen and (max-width: 1100px) { .coaching figure { margin: -5rem 0 0; } } @media only screen and (max-width: 899px) { .coaching { margin: 6rem 0 0; } .coaching .ce_text { font-size: 1.7rem; line-height: 1.6; } .coaching figure { max-width: 50rem; margin: 4rem auto; } .coaching figure::before { content: ""; position: absolute; z-index: 0; right: -25vw; bottom: -22vw; width: 50vw; height: 60vw; } .coaching .quote { margin: 4rem 0 0; padding: 0 10%; } .coaching .quote .small { margin: 0 0 1.5rem; } .coaching .quote .big .top { font-size: 5.5vw; } .coaching .quote .big .bottom { font-size: 6vw; line-height: 1; } .coaching .quote .big .bottom::after { font-size: 5rem; } } @media only screen and (max-width:600px) { .coaching .ce_text { font-size: 1.6rem; } .coaching .quote { margin: 3rem 0 0; padding: 0 2rem; } .coaching .quote .big .top { font-size: 4rem; } .coaching .quote .big .bottom { margin: 0 0 0 3.5rem; font-size: 4.5rem; line-height: 1.5; } .coaching .quote .big .bottom::after { font-size: 4rem; } } @media only screen and (max-width: 500px) { .coaching .quote { margin: 2rem 0 0; } .coaching .quote .big .top { font-size: 2.5rem; } .coaching .quote .big .bottom { margin: 0 0 0 3.5rem; font-size: 3rem; } .coaching .quote .big .bottom::after { font-size: 3rem; } } .news { padding: 16rem 0 12rem; } .news .headline-box { margin: 0 0 7rem; } .news .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .news .socials li { margin: 0 0 0 2rem; list-style: none; } .news .socials a { display: block; border-radius: 1.2rem; width: 5rem; height: 5rem; text-indent: -999rem; } .news .socials a.facebook { background: url("../../files/theme/img/fb-icon.svg"); } .news .socials a.insta { background: url("../../files/theme/img/insta-icon.svg"); } .news .socials a:hover { animation: pulse 1s infinite; } .news .cc-module { text-align: center; } .news .cc-module p { display: inline-block; border-radius: 1rem; font-weight: 400; font-size: 1.7rem; color: #555; } .news .cc-module button { display: block; margin: 0 auto; padding: 1.5rem 4rem; border: 0; font-size: 1.6rem; transition: 0.2s all; cursor: pointer; color: #fff; background: var(--color-primary); } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } @keyframes pulse { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { -webkit-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } @media only screen and (max-width: 1000px) { .news { padding: 12rem 0 10rem; } } @media only screen and (max-width: 700px) { .news { padding: 10rem 0 8rem; } } .retreat-content-2, .retreat-content-3, .retreat-prices-2, .retreat-prices-3 { display: none; } body.retreat .main { padding-bottom: 15rem; } body.retreat .startslider::before { display: none; } body.retreat .intro .text-short { max-width: 130rem; } @media only screen and (max-width: 1400px) { body.retreat .intro { font-size: 1.8rem; font-weight: 300; } } @media only screen and (max-width: 800px) { body.retreat .intro { font-size: 1.6rem; } } .quicklinks-wrapper { display: flex; justify-content: center; } .quicklink { margin: 0 0 0; width: 30%; text-align: center; cursor: pointer; } .quicklink .icon-wrapper { position: relative; display: inline-block; align-items: center; justify-content: center; margin: 4rem auto 2rem; width: 28.5rem; height: 28.5rem; border-radius: 100%; border: 2px solid var(--color-primary); background: none; } .quicklink:hover .icon-wrapper img { animation: pulse 2s infinite; } .quicklink .icon-wrapper::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); border: 2px solid var(--color-primary); border-radius: 100%; width: 24.5rem; height: 24.5rem; } .quicklink .days { margin: 0; opacity: 0.8; } .quicklink .location { margin: -0.2rem 0 0; color: var(--headings-color); letter-spacing: 0.2rem; font-size: 4rem; font-weight: 700; font-family: var(--headings-font-family); text-transform: uppercase; } .quicklink .date { margin: 0 0 0.3rem; font-size: 2rem; font-weight: 600; } .quicklink .more { color: var(--headings-color); transition: 0.3s all; } .quicklink:hover .more { color: var(--color-primary) } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } } .quicklink .icon-wrapper img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); border-radius: 100%; max-width: calc(100% - 2rem); } @media only screen and (max-width: 1100px) { .quicklink { margin: 0 2rem 0; } .quicklink .icon-wrapper { width: 23.5rem; height: 23.5rem; } .quicklink .icon-wrapper::before { width: 19.5rem; height: 19.5rem; } .quicklink .location { margin: -0.4rem 0 0; font-size: 3rem; } .quicklink .date { font-size: 1.8rem; font-weight: 500; } } @media only screen and (max-width: 800px) { .quicklinks-wrapper { margin: -4rem 0 0; } .quicklink { margin: 0 1rem 0; } .quicklink .icon-wrapper { margin-bottom: 1rem; width: 15.5rem; height: 15.5rem; } .quicklink .icon-wrapper::before { width: 10.5rem; height: 10.5rem; } .quicklink .location { margin: -0.3rem 0 0; font-size: 2.6rem; } .quicklink .date { margin: 0; font-size: 1.7rem; } .quicklink .icon-wrapper img { max-width: calc(100% - 1rem); } } @media only screen and (max-width: 600px) { .quicklinks-wrapper { margin: -6rem -1.5rem 0; } .quicklink .icon-wrapper { margin-bottom: 0; width: 12.5rem; height: 12.5rem; } .quicklink .icon-wrapper::before { width: 7.5rem; height: 7.5rem; } .quicklink .days { font-size: 1.6rem; } .quicklink .location { font-size: 2.3rem; } .quicklink .date { white-space: nowrap; font-size: 1.6rem; } } @media only screen and (max-width: 500px) { .quicklinks-wrapper { margin: -6rem -1.5rem 0; padding: 0 1.5rem; } .quicklink .icon-wrapper { width: 10rem; height: 10rem; } .quicklink .icon-wrapper::before { width: 5rem; height: 5rem; } .quicklink .days { font-size: 1.4rem; } .quicklink .location { font-size: 2rem; } .quicklink .date { font-size: 1.2rem; } .quicklink .more { font-size: 1.4rem; } } .retreat-content { position: relative; margin: 20rem 0 16rem; padding: 8rem 0 0; background: var(--color-grey-2); } .retreat-content-3 { padding-bottom: 8rem; } @media only screen and (max-width: 1400px) { .retreat-content { margin: 14rem 0 14rem; } } @media only screen and (max-width: 1100px) { .retreat-content { margin: 14rem 0 14rem; } } @media only screen and (max-width: 800px) { .retreat-content { margin: 12rem 0 12rem; } } @media only screen and (max-width: 500px) { .retreat-content { margin: 8rem 0 8rem; padding: 6rem 0 0; } .retreat-content-3 { padding-bottom: 6rem; } } .retreat-content::before { content: ""; display: block; position: absolute; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); left: 50%; top: -11.9rem; width: 105%; height: 12rem; background: url("../../files/theme/img/waves-courses-top.jpg") no-repeat center bottom; background-size: contain; } .retreat-content::after { content: ""; display: block; position: absolute; left: 0; bottom: -12rem; width: 100%; height: 12rem; background: url("../../files/theme/img/waves-courses-bottom.jpg") no-repeat center top; background-size: contain; } .retreat-content .wrapper { max-width: none; padding: 0; } .retreat-content .col-wrapper { display: flex; flex-wrap: wrap; } .retreat-content .left-col { padding: 0 5% 0 10%; width: 50%; color: #fff; } .retreat-content .ce_image { width: 50%; } .retreat-content figure img { width: 100%; height: auto; } .retreat-content .retreat-header .days { margin: 0; font-size: 3.2rem; } .retreat-content .retreat-header h2 { font-size: 6.5rem; text-transform: uppercase; color: #fff; } .retreat-content .retreat-header .date { display: inline-block; margin: 0 0 8rem; padding: 1.3rem 3rem; font-size: 2.4rem; font-weight: 600; border-radius: 4rem; background: var(--color-primary); } .retreat-content .left-col .ce_text ul { margin-top: -2rem; } .retreat-content .left-col .ce_text li { list-style: inside; } .retreat-content .left-col .ce_text strong { margin-top: 6rem; display: block; text-transform: uppercase; } .retreat-content .left-col .ce_text--dahme strong { margin-top: 4rem; } .retreat-content .left-col .ce_text--dahme ul { margin-top: -2rem; } .retreat-content .left-col .ce_text--dahme ul li { margin: 0 0 0.5rem; list-style: none; } .retreat-content .left-col .ce_text--dahme a { color: #fff; } .retreat-content .left-col .ce_text--dahme a:hover { text-decoration: underline; } .retreat-content .left-col .ce_text--dahme a::after { content: ""; position: relative; top: 0.5rem; margin: 0 0 0 1rem; display: inline-block; width: 2rem; height: 2rem; background: url("../../files/theme/img/open-link.png") no-repeat; } @media only screen and (max-width: 1400px) { .retreat-content .left-col { padding: 0 5% 0 3rem; width: 50%; } .retreat-content .retreat-header h2 { font-size: 5rem; } .retreat-content .retreat-header .date { display: inline-block; margin: 0 0 5rem; padding: 1.2rem 2.5rem; font-size: 2.2rem; } } @media only screen and (max-width: 1000px) { .retreat-content .left-col { padding: 0 3rem; width: 100%; } .retreat-content .ce_image { padding: 0 3rem; width: 100%; } } @media only screen and (max-width: 800px) { .retreat-content .retreat-header h2 { font-size: 4rem; } } @media only screen and (max-width: 500px) { .retreat-content .retreat-header h2 { font-size: 3.5rem; } .retreat-content .retreat-header .date { padding: 1rem 1.8rem; font-size: 1.7rem; } } .retreat-content .schedule-wrapper { margin: 10rem auto 0; padding: 0 3rem; max-width: var(--wrapper-width); } .retreat-content .schedule-wrapper h4 { margin: 0 0 4rem; font-size: 3.3rem; font-family: var(--base-font-family); color: #fff; text-align: center; text-transform: uppercase; } .retreat-content .schedule-wrapper h5 { margin: 0; padding: 2.2rem 2rem 1.5rem; text-align: center; font-size: 3rem; font-family: var(--base-font-family); text-transform: uppercase; background: #fff; } .retreat-content .schedule-wrapper table { margin: 0 0 10%; width: 100%; border: 1px solid #fff; color: #fff; } .retreat-content .schedule-wrapper table td { border-bottom: 1px solid #fff; padding: 1rem 2rem; } .retreat-content .schedule-wrapper table td:first-of-type { font-weight: 600; width: 14rem; } .retreat-content .schedule-wrapper table tr:first-of-type td { padding-top: 2.5rem; } .retreat-content .schedule-wrapper table tr:last-of-type td { padding-bottom: 2.5rem; } @media only screen and (max-width: 1400px) { .retreat-content .schedule-wrapper { margin: 6rem auto 0; } .retreat-content .schedule-wrapper h4 { margin: 0 0 3rem; font-size: 2.8rem; } .retreat-content .schedule-wrapper table td:first-of-type { width: 12rem; } .retreat-content .schedule-wrapper table td { padding: 1rem 1.8rem; line-height: 1.4; } .retreat-content .schedule-wrapper table tr:first-of-type td { padding-top: 2rem; } .retreat-content .schedule-wrapper table tr:last-of-type td { padding-bottom: 2rem; } } @media only screen and (max-width: 1100px) { .retreat-content .schedule-wrapper { margin: 5rem auto 0; } } @media only screen and (max-width: 899px) { .retreat-content .schedule-wrapper { margin: 7rem auto 0; padding: 0 2rem; } .retreat-content .schedule-wrapper table { margin: 0 0 4rem; } .retreat-content .schedule-wrapper table td:first-of-type { width: 13rem; } } @media only screen and (max-width: 600px) { .retreat-content .schedule-wrapper table td { font-size: 1.6rem; } } .prices-wrapper { margin: 10rem auto 0; padding: 0; max-width: var(--wrapper-width); } .prices-wrapper h5 { margin: 0; padding: 3rem 4rem 2.3rem; font-size: 3rem; font-family: var(--base-font-family); text-transform: uppercase; color: #fff; background: var(--color-grey-2); } .prices-wrapper table { margin: 0 0 10%; width: 100%; border: 1px solid var(--color-grey-2); text-align: center; } .prices-wrapper table td { border-bottom: 1px solid var(--color-grey-2); padding: 1.5rem 2rem; font-weight: 300; -ms-hyphens: none; -webkit-hyphens: none; hyphens: auto; } .prices-wrapper table tr:first-of-type td { padding-top: 2.5rem; } .prices-wrapper table tr:last-of-type td { padding-bottom: 2.5rem; } .prices-wrapper .last-table table { text-align: left; } .prices-wrapper table strong { white-space: nowrap; } .prices-wrapper table small { margin-top: -1rem; display: block; font-size: 1.3rem; } @media only screen and (max-width: 1400px) { .prices-wrapper { margin: 6rem auto 0; } .prices-wrapper h5 { padding: 2.5rem 1rem 2rem; font-size: 2.5rem; text-align: center; } .prices-wrapper table td { padding: 1rem 1.8rem; line-height: 1.4; } .prices-wrapper table tr:first-of-type td { padding-top: 2rem; } .prices-wrapper table tr:last-of-type td { padding-bottom: 2rem; } } @media only screen and (max-width: 1100px) { .prices-wrapper { margin: 5rem auto 0; } .prices-wrapper h5 { font-size: 2rem; } } @media only screen and (max-width: 899px) { .prices-wrapper { margin: -3rem auto 0; padding: 0; } .prices-wrapper table { margin: 0 0 4rem; } } @media only screen and (max-width: 600px) { .prices-wrapper .last-table table { margin: 0; } .prices-wrapper table td { font-size: 1.6rem; } } #swiper-246 { margin-bottom: -8rem; } .swiper-button-next::after, .swiper-button-prev::after { color: #fff; text-shadow: 0 0 10px #000; } .swiper-button-prev { left: 25px; } .swiper-button-next { right: 25px; text-shadow: 5px 5px 5px rgba(0,0,0,0.2); } @media only screen and (max-width: 600px) { #swiper-246 { margin-bottom: -12rem; } .swiper-button-next::after, .swiper-button-prev::after { font-size: 30px; } .swiper-button-prev { left: 10px; } .swiper-button-next { right: 10px; } } .retreat-slider { position: relative; left: 50%; right: 50%; margin: 0 -50vw 10rem; width: 100vw; } .retreat-slider img { width: 100%; height: auto; } .retreat-h4 { margin: 0 0 4rem; font-size: 3rem; font-family: var(--base-font-family); color: var(--headings-color); text-align: center; text-transform: uppercase; } .retreat-content-1 .schedule-wrapper .-large-last::after { content: ""; display: block; margin: 20rem 0 0; padding-bottom: 70%; height: 0; background: url("../../files/theme/img/klangschalen.png") no-repeat; background-size: contain; } @media only screen and (max-width: 900px) { .retreat-content-1 .schedule-wrapper .-large-last::after { margin: 8rem auto 5rem; padding: 0; width: 450px; height: 262px; } } @media only screen and (max-width: 550px) { .retreat-content-1 .schedule-wrapper .-large-last::after { margin: 6rem auto 4rem; padding: 0; width: 300px; height: 175px; } } .kartendeck-intro .text-col { padding: 0 0 0 5%; } .kartendeck-intro .ce_image { margin: -5rem 0 0; padding: 0 0 0 10%; } .kartendeck-intro figure { position: relative; height: 0; padding-bottom: 100%; border-radius: 100%; background: -webkit-linear-gradient(top, #fef1d7, #fadb93); /* Safari und Chrome */ background: -moz-linear-gradient(top, #fef1d7, #fadb93); /* Firefox */ background: -o-linear-gradient(top, #fef1d7, #fadb93); /* Opera */ background: linear-gradient(to bottom, #fef1d7, #fadb93); /* Standard */ } .kartendeck-intro img { position: absolute; left: 75%; top: 50%; transform: translate(-60%,-50%); width: 100%; height: auto; } @media only screen and (max-width: 900px) { .kartendeck-intro { margin: 0 0 -5rem; } .kartendeck-intro .text-col { padding: 0; } .kartendeck-intro .ce_image { margin: 0 auto; padding: 0; max-width: 60rem; } } .kartendeck-main { position: relative; margin: 15rem 0 25rem; padding: 5rem 0 8rem; color: #fff; background: var(--color-grey-2); } .kartendeck-main::before { content: ""; display: block; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: -11.9rem; width: 105%; height: 12rem; background: url("../../files/theme/img/waves-courses-top.jpg") no-repeat center bottom; background-size: contain; } .kartendeck-main::after { content: ""; display: block; position: absolute; left: 0; bottom: -12rem; width: 100%; height: 12rem; background: url("../../files/theme/img/waves-courses-bottom.jpg") no-repeat center top; background-size: contain; } .kartendeck-main .headline-box { display: flex; flex-direction: column; } .kartendeck-main .headline-box .label { order: 1; color: #fff; } .kartendeck-main .headline-box h1 { order: 2; color: #fff; } .kartendeck-main h2 { margin: 5rem 0 1.5rem; font-weight: 700; font-size: 2rem; font-family: var(--base-font-family); text-transform: uppercase; letter-spacing: 0; color: #fff; } .kartendeck-main h3 { font-weight: 700; font-size: 1.8rem; font-family: var(--base-font-family); letter-spacing: 0; color: #fff; } .kartendeck-main ul { display: flex; flex-wrap: wrap; } .kartendeck-main ul li { width: 50%; list-style: inside; } .kartendeck-main .slider-col { padding: 6.5rem 0 0 10%; } .kartendeck-main .slider-col h4 { display: inline; padding: 1rem 3rem; font-size: 2.2rem; color: #4a4948; font-weight: 700; text-transform: uppercase; background: var(--color-primary); } .kartendeck-main .slider-col .swiper-container { margin: 8rem 0 0; padding: 0 0 6rem; } .kartendeck-main .slider-col .swiper-container img { width: 100%; height: auto; } .kartendeck-main .slider-col .swiper-button-next, .kartendeck-main .slider-col .swiper-button-prev { left: 7rem; top: auto; bottom: 0; margin: 0; width: 5rem; height: 5rem; border-radius: 100%; background: #fff; } .kartendeck-main .slider-col .swiper-button-next::after, .kartendeck-main .slider-col .swiper-button-prev::after { font-size: 3rem; color: var(--color-grey-2); text-shadow: none; } .kartendeck-main .slider-col .swiper-button-prev { left: 0; } .kartendeck-main .slider-col .swiper-button-next { right: auto; } @media only screen and (max-width: 1500px) { .kartendeck-main { margin: 15rem 0 15rem; } } @media only screen and (max-width: 1200px) { .kartendeck-main .slider-col h4 { padding: 1rem 2rem; font-size: 2rem; } .kartendeck-main .slider-col .swiper-container img { width: 120%; } } @media only screen and (max-width: 900px) { .kartendeck-main { margin: 15rem 0 10rem; } .kartendeck-main .slider-col { padding: 3rem 0 0; } .kartendeck-main .slider-col .swiper-container { margin: 8rem 0 0 30%; padding: 0 0 5rem 0; } .kartendeck-main .slider-col .swiper-container img { width: 100%; } .kartendeck-main .slider-col .swiper-button-prev { left: calc(25% - 3rem); } .kartendeck-main .slider-col .swiper-button-next { left: calc(25% + 3rem); } } @media only screen and (max-width: 600px) { .kartendeck-main .slider-col .swiper-container { margin: 8rem 0 0 22%; padding: 0 0 5rem 0; } .kartendeck-main .slider-col .swiper-container img { width: 115%; } .kartendeck-main .slider-col .swiper-button-prev { left: calc(27% - 3rem); } .kartendeck-main .slider-col .swiper-button-next { left: calc(27% + 3rem); } } .kartendeck-reseller { margin: 0 0 7rem; } .kartendeck-reseller .text-col { padding: 0 0 0 5%; } .kartendeck-reseller .headline-box { display: flex; flex-direction: column; } .kartendeck-reseller .headline-box h1 { order: 2; } .kartendeck-reseller .headline-box .label { order: 1; } .kartendeck-reseller .addon { margin: -3.5rem 0 1rem; font-size: 3rem; font-weight: 500; color: var(--headings-color); text-transform: uppercase; } .kartendeck-reseller .ce_image { margin: -5rem 0 0; padding: 0 0 0 10%; } .kartendeck-reseller figure { position: relative; height: 0; padding-bottom: 100%; border-radius: 100%; background: -webkit-linear-gradient(top, #fef1d7, #fadb93); /* Safari und Chrome */ background: -moz-linear-gradient(top, #fef1d7, #fadb93); /* Firefox */ background: -o-linear-gradient(top, #fef1d7, #fadb93); /* Opera */ background: linear-gradient(to bottom, #fef1d7, #fadb93); /* Standard */ } .kartendeck-reseller img { position: absolute; left: 60%; top: 50%; transform: translate(-60%,-50%); width: 105%; height: auto; } .kartendeck-reseller .big-button { margin: 5rem 0 0; display: block; } .kartendeck-reseller .big-button:hover { padding: 0 0 0 2rem; } .kartendeck-reseller .big-button .label { display: inline-block; position: relative; top: 0.7rem; margin: 0 0 0 2rem; padding: 0.8rem 1rem 0.5rem; font-size: 1.7rem; font-weight: 700; text-transform: uppercase; color: #fff; background: var(--headings-color); } .kartendeck-reseller .big-button .main-text { display: inline-block; padding: 1.5rem 2rem 1rem; font-size: 2.5rem; font-weight: 700; text-transform: uppercase; color: #4a4948; background: var(--color-primary); } @media only screen and (max-width: 1300px) and (min-width: 900px) { .kartendeck-reseller .addon { font-size: 2.5rem; } .kartendeck-reseller .big-button .label { padding: 0.8rem 1rem 0.5rem; font-size: 1.5rem; } .kartendeck-reseller .big-button .main-text { padding: 1.5rem 1.5rem 1rem; font-size: 2rem; } } @media only screen and (max-width: 900px) { .kartendeck-reseller { margin: 0; } .kartendeck-reseller .ce_image { margin: 0 auto 3rem; padding: 0; max-width: 60rem; } .kartendeck-reseller .addon { font-size: 2.5rem; } } @media only screen and (max-width: 600px) { .kartendeck-reseller .big-button .label { padding: 0.8rem 1rem 0.5rem; font-size: 1.5rem; } .kartendeck-reseller .big-button .main-text { padding: 1.5rem 1.5rem 1rem; font-size: 2rem; } } @media only screen and (max-width: 500px) { .kartendeck-reseller .big-button .label { padding: 0.8rem 1rem 0.5rem; font-size: 1.3rem; } .kartendeck-reseller .big-button .main-text { padding: 1.5rem 1.2rem 1rem; font-size: 1.7rem; } }