body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../bundles/rocksolidslider/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=');-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-prev{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default.rsts-direction-y .rsts-next{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-play{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default .rsts-video-stop{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-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)} .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /* KWER */ :root { --col1: #A7957C; /* gold */ --col2: #f0edeb; /* beige */ --col3: #404040; /* schwarz */ --col4: #AFA59A; /* braun */ --hg: #FFFFFF; --white: #FFFFFF; --grey: #C4C2C0; --black: #404040; --width: 100%; --maxwidth: 1350px; --font1: "orpheuspro", serif; --font2: "pragmatica", sans-serif; } html { scroll-behavior: smooth; } body { font-family: var(--font2); font-size: 1.1em; } .container { padding-left: 50px; padding-right: 50px; } .container-2 { padding-left: 150px; padding-right: 150px; } .relative { position: relative; } .fix-bot { align-content: end; } .fix-center { align-content: center; } .fix .two-grid-right, .fix .two-grid-left-wg { display: grid; } #last .banner-text { display: block; } #main .inside>div { padding-top: 160px; } #full .inside>div { padding-top: 200px; padding-bottom: 200px; } .center{ text-align: center; } .content-text li a { color: var(--black); text-decoration: underline; transition: transform 0.3s ease; } .content-text li a:hover { color: var(--col1); transition: transform 0.3s ease; } .content-text p a { color: var(--col1); text-decoration: underline; transition: transform 0.3s ease; } .mod_changelanguage ul { list-style: none; margin:0px; padding:0px; line-height:1.6; } .content-text p a:hover { color: var(--black); transition: transform 0.3s ease; } .anreise .content-text p a { color: var(--black); text-decoration: underline; transition: transform 0.3s ease; } .anreise .content-text p a:hover { color: var(--col1); transition: transform 0.3s ease; } .rsts-skin-default .rsts-nav { right: 30px; bottom: 30px; left: unset; } .rsts-skin-default .rsts-nav a { border: 1.5px solid var(--col2); border-radius: 0%; background-color: transparent !important; box-shadow: none !important; width: 11px; height: 11px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 12px; } .rsts-skin-default .rsts-nav a.active, .rsts-skin-default .rsts-nav a:hover { background-color: var(--col2) !important; box-shadow: none !important; } /* Cookiebar */ .contao-cookiebar .cc-head h3 { font-size:1.5em; } .contao-cookiebar .cc-head p { font-size:1em; } .contao-cookiebar .highlight .success { background-color:var(--col1); border-color:var(--col1); } .contao-cookiebar .highlight .success:hover { background-color:var(--black); border-color:var(--black); } .braun .stern::before, .braun .stern3 h2::before { background-image: url('/files/grafiken/2451996_3.svg'); } .braun h2, .braun content-text, .braun .button2 a, .braun h1, .braun h3, .braun p, .braun .content-text li { color: var(--col4) !important; } .braun .bild-with-bg { background-color: var(--col4) !important; } .braun .button2 a { border-bottom: 2px solid var(--col4) !important; background-image: url('/files/grafiken/arrow.svg'); } .gold h2, .gold content-text, .gold .button2 a, .gold h1, .gold h3, .gold p, .gold .content-text li { color: var(--col1) !important; } .gold .button2 a { border-bottom: 2px solid var(--col1) !important; background-image: url('/files/grafiken/arrow-gold.svg'); } .gold .two-grid-right h2::before { background-image: url('/files/grafiken/2451996_2.svg'); } .black h2, .black content-text, .black .button2 a, .black h1, .black h3, .black p { color: var(--black) !important; } .black .button2 a, .braun .button2 a:hover, .gold .button2 a:hover { border-bottom: 2px solid var(--black) !important; background-image: url('/files/grafiken/arrow-black.svg'); color: var(--black) !important; } .black .button2 a:hover { color: var(--col1) !important; border-bottom: 2px solid var(--col1) !important; background-image: url('/files/grafiken/arrow-gold.svg'); } .rs-column { margin-top: 0 !important; margin-right: 0!important; } .backg-color { background-color: var(--col2); } .backg-brown { background-color: var(--col3); background-image: url('/files/grafiken/background-element-small.svg'); background-position: bottom right 0; background-repeat: no-repeat; } .backg-beige { background-color: var(--col4); } .backg-beige-light { background-color: var(--col2); background-image: url('/files/grafiken/background-element-small3.svg'); background-position: center top; background-repeat: repeat-x; position: relative; } .backg-beige-light-2 { background-color: var(--col2); position: relative; } .bg-muster { background-image: url('/files/grafiken/background-element-small3.svg'); background-position: center -100px; background-repeat: repeat-x; position: relative; } .rs-column { float: inherit; } /* Allgemeine Stile */ h2, h1 { font-size: 6em; line-height: 1; margin-top: 20px; margin-bottom: 45px; font-weight: 400; font-family: var(--font1); } h3 { font-size: 2em; line-height: 1; margin-top: 40px; margin-bottom: 10px; font-weight: 400; font-family: var(--font1); } a { color: var(--black); text-decoration: none; } p, .content-text li, table { font-size: 1.2em; line-height: 1.55em; font-weight: 300; letter-spacing: 1px; margin-top: 20px; } .content-text li { color: var(--black); list-style-type: square; margin-top: 7px; padding-left: 10px; } .content-text li a:hover { text-decoration: underline; transition: transform 0.3s ease; } .content-text ul { padding-left:20px; } .flex-end { align-content: end; } figure { line-height: 0; } .center { text-align: center; } .right { text-align: right; } .left { text-align: left; } .white.button2 a { color:var(--white); border-color:var(--white); background-image:url('/files/grafiken/arrow-white.svg'); } /* Header Slider */ .start-slider .rsts-slide>div { position: absolute !important; bottom: 0px !important; width: 100%; } .vergnuegen .two-grid-right h2::before { top: 0; right: 20px; left: unset; } .header-text { color: white; font-size: 5.3em; font-family: var(--font1); font-weight: 500; line-height: 1.1em; padding: 160px 80px 80px 80px; background: rgb(29, 29, 29); background: -moz-linear-gradient(0deg, rgba(29, 29, 29, 0.500437675070028) 0%, rgba(29, 29, 29, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(29, 29, 29, 0.500437675070028) 0%, rgba(29, 29, 29, 0) 100%); background: linear-gradient(0deg, rgba(29, 29, 29, 0.500437675070028) 0%, rgba(29, 29, 29, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d", endColorstr="#1d1d1d", GradientType=1); } .header-text p { line-height: 1; font-weight: 400; margin-top: 0; margin-bottom: 0; } /* Breadcrumb */ .mod_breadcrumb { background-color: var(--col2); } .mod_breadcrumb li { list-style: none; display: inline-block; } .two-grid-left-white-zimmer h2 { font-size: 4em; font-weight: 400; } .mod_breadcrumb ul { margin-top: 50px; margin-left: 40px; margin-bottom: 0px; padding-left: 0px; } .mod_breadcrumb .active { font-weight: 500; text-transform: uppercase; } .mod_breadcrumb li:after { content: " | "; } .mod_breadcrumb li:last-child:after { display: none; } /* Overlay */ .overlay { position: fixed; top: 0; z-index: 101; background: var(--white); padding-bottom: 100px; opacity: 0; visibility: hidden; transition: opacity 0.6s ease, visibility 0s linear 0.6s; /* Verzögert visibility-Ausblendung */ height: calc(100% - 200px) !important; padding-left: 3%; padding-right: 3%; padding-top: 220px; width: 100%; background-color: var(--col1); background-image: url('/files/grafiken/background-element-small2.svg'); background-position: right; background-size: 500px auto; background-repeat: repeat-y; } .overlay .mod_navigation { position: relative; } .overlay .mod_navigation li a { display: block!important; } .overlay .mod_navigation.block { overflow: initial!important; } .overlay .mod_navigation .submenu ul.level_2 { position:absolute; top:0px!important; right:-450px; left:initial; min-width:450px; } .restaurant-pictures-right figure { margin-top: 30px !important; } .restaurant-pictures h2 { font-size: 4.5em; } .restaurant-pictures-right img { object-fit: cover; height: 960px !important; padding-bottom: 50px; } .skiurlaub .restaurant-pictures img { object-fit: cover; height: 735px; padding-top: 50px; } .back-to-top { background: var(--col1); color:var(--white); position: fixed; bottom: 20px; right: 20px; padding: 1em; z-index: 100; } body.sidePanelOpen .overlay { opacity: 1; visibility: visible; transition: opacity 0.6s ease; } .unters-slider { filter: brightness(70%); } .sidePanelOpen { overflow: hidden; } .overlay .mod_navigation ul { padding: 0; margin: 0; list-style: none; } .overlay .mod_navigation li { font-family: var(--font1); font-size: 3.5em; line-height: 1.3; position: relative; } .overlay .mod_navigation .level_2 li { padding-top: 3px; padding-bottom: 3px; font-family: var(--font2); font-size: 20px; letter-spacing: 1px; } .overlay .mod_navigation .level_2 li a, .overlay .mod_navigation .level_2 strong.active { padding:5px 50px!important; } .overlay .mod_navigation .level_2 { padding-top: 10px !important; padding-bottom: 20px !important; display: none; top: auto; left: auto; list-style: none; padding: 10px 0; z-index: 1000; height:100%; text-align: left; } .overlay .mod_navigation .level_2 li a { display: block; color: white; text-decoration: none; } .overlay .mod_navigation .level_1 li:hover > .level_2 { display: block !important; } .overlay .mod_navigation li a:hover { color: var(--black); } .two-grid-without-gap-white { background-color: var(--white); padding-top:100px!important; } .overlay .mod_navigation li strong.active { color: var(--black); font-weight: 100!important; } .overlay .mod_navigation li a { transition: all 0.5s ease-out; } .overlay .inner { overflow: auto; width: 100%; height: 100%; } .overlay-grid { display: grid; grid-template-columns: 1fr 1.1fr; padding-top: 80px; padding-bottom: 0; overflow: auto!important; } .overlay-left { padding-left: 15%; text-align: right; } .overlay-middle { display: block; height: auto; /* Höhe wird auf den Viewport minus 80px gesetzt */ width: 100%; background-repeat: no-repeat; overflow: hidden; /* Verhindert das Scrollen */ position: relative; /* Damit das Hintergrundbild korrekt bleibt */ padding-top: 0px; /* Wenn du oben Platz für ein anderes Element reservieren möchtest */ } /* .overlay-middle:before { content:""; background-image: url('/files/bilder/restaurant/IMG_4944.jpg'); background-size: cover; background-position: center center; height: 100%; width: 100%; position: absolute; opacity: 0.5; } */ .overlay-grid { position: relative; height: calc(100vh - 350px) !important; overflow: hidden; } .overlay-last-nav { margin-top: 80px; } .overlay-last-nav ul { margin-left: 0; padding-left: 0; } .overlay-last-nav li { list-style: none; display: inline-block; margin-left: 20px; font-size: 20px; letter-spacing: 1px; } .white .mod_breadcrumb{ background-color: var(--white); } .overlay-last-nav li a:hover { color: var(--black); } body.sidePanelOpen .overlay { display: block; } .ski-left { padding-left: 25%; } .two-grid-zimmer { display: grid; grid-template-columns: 50% 43%; gap: 7%; } .two-grid-zimmer h2 { margin-top: 0px; font-size: 5.2em; } .overlay-grid { color: var(--white); } .button-rotated-unters a { color: var(--col1); padding-right: 0; font-size: 1.2em; font-weight: 500; display: inline-block; } .overlay-grid a { color: var(--white); } /* Header CTA */ .cta { bottom: 100px; right: 0; z-index: 10; position: absolute; display: grid; grid-gap: 10px; } .cta a { color: white; padding: 20px 35px; background-color: var(--black); text-transform: uppercase; letter-spacing: 2px; font-weight: 600; font-size: 0.9em; display: inline-block !important; float: right; } .cta div:nth-child(2) a { background-color: var(--col1); } .cta div:nth-child(1) a:hover, .cta div:nth-child(2) a:hover { background-color: var(--col2); color: var(--black); } /* Hover-Effekte für shuffled-Bilder */ .shuffled-bg { background-image: url('/files/grafiken/background-element-small3.svg'); background-position: center center; background-repeat: repeat-x; } .shuffled-flex { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; text-align: center; margin: auto!important; max-width: 2000px; position: relative; z-index: 2; } .shuffled-flex img { object-fit: cover; } .shuffled-flex .image-text .content-hyperlink figure img { transition: transform 0.3s ease; } .shuffled-flex .image-text .content-hyperlink { overflow: hidden; } .shuffled-flex .image-text .content-hyperlink p, .shuffled-flex .image-text .content-hyperlink img { transition: transform 0.3s ease; } .shuffled-flex .content-hyperlink { position: relative; } .shuffled-flex .image-text:hover .content-hyperlink img { transform: scale(1.1); } .shuffled-flex .image-text .rte { position: absolute; width: 100%; text-align: left; font-size: 2.5em; bottom: 0; font-family: var(--font1); padding-top: 100px; background: rgb(29, 29, 29); background: -moz-linear-gradient(0deg, rgba(29, 29, 29, 0.500437675070028) 0%, rgba(29, 29, 29, 0) 100%); background: -webkit-linear-gradient(0deg, rgba(29, 29, 29, 0.500437675070028) 0%, rgba(29, 29, 29, 0) 100%); background: linear-gradient(0deg, rgba(29, 29, 29, 0.500437675070028) 0%, rgba(29, 29, 29, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d", endColorstr="#1d1d1d", GradientType=1); } .shuffled-flex .image-text .rte p { margin: 0; color: var(--white); padding-bottom: 10px; background-image: url('/files/grafiken/arrow-white.svg'); background-repeat: no-repeat; background-position: center right 30px; } .shuffled-flex .image-text .rte a { color: var(--white); padding-left: 30px; } .shuffled-flex { position: relative; } /* Grid-Layouts */ .grid-element { width: calc(50% - 10px); position: relative; } .grid-element img { width: 100%; height: auto; object-fit: cover; display: block; } .grid-element:nth-child(odd) { padding-top: 50px; } .grid-element-1 img, .grid-element-4 img { width: 850px; height: 550px; } .grid-element-3 img, .grid-element-2 img { height: 550px; width: 700px; } .us .grid-element-3 img, .us .grid-element-2 img { height: 700px; } .shuffled-flex .ofen-logo::after { bottom: unset; top: 0px; background-image: url('/files/grafiken/only-logo-gold.svg'); } /* Einleitung */ .home-text { width: 70%; max-width: 950px; margin: 0 auto; text-align: center; color: var(--black); } .home-text h1 { margin-bottom:30px; margin-top: 0px; } .pad-bot-sm { padding-bottom: 100px; } .content-text.pad-bot-sm { padding-bottom: 80px; } .pad-top-sm { padding-top: 100px; } .pad-bot { padding-bottom: 200px; } .pad-top { padding-top: 200px; } .pad { padding-top: 200px; padding-bottom: 200px; } .pad-left { padding-left: 200px; } .pad-sm { padding-top: 150px; padding-bottom: 150px; } .nopadd { padding-top: 0px !important; padding-bottom: 0px !important; } .nopad-top { padding-top: 0px !important; } .nopad-bot { padding-bottom: 0px !important; } #full .inside > div.nopadd { padding-top: 50px !important; padding-bottom: 50px !important; } /* Navigationsleiste */ .navbar { width: calc(100% - 100px); display: flex; justify-content: space-between; align-items: center; padding-left: 50px; padding-right: 50px; color: white; position: fixed; top: 0; left: 0; z-index: 110; } .anfrageseite .navbar { width: 100%; } #header .navbar { padding-bottom: 0px; background: rgb(29, 29, 29); background: -moz-linear-gradient(180deg, rgba(29, 29, 29, 0.500437675070028) 0%, rgba(29, 29, 29, 0) 100%); background: -webkit-linear-gradient(180deg, rgba(29, 29, 29, 0.500437675070028) 0%, rgba(29, 29, 29, 0) 100%); background: linear-gradient(180deg, rgba(29, 29, 29, 0.500437675070028) 0%, rgba(29, 29, 29, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d", endColorstr="#1d1d1d", GradientType=1); } .navbar.nav-scroll { position:fixed; padding-bottom:20px!important; background: var(--col1)!important; } .navbar.nav-scroll .logo img { max-width:60px!important; } .nav-left { font-weight: bold; text-transform: uppercase; top: 50px; left: 50px; position: absolute; } .nav-center { flex: 1; display: flex; justify-content: center; } .lang-link { text-decoration: none; color: white; padding: 0; } .nav-right { display: flex; gap: 25px; top: 50px; position: absolute; right: 50px; letter-spacing: 1px; font-size: 0.9em; font-weight: 600 !important; } .nav-right .tel img { margin-right: 15px; } .nav-right .icons img { margin: 0 10px 0 10px; } body.sidePanelOpen .logo img, body.sidePanelOpen .navbar.nav-scroll .logo img { max-width: 180px!important; } body.sidePanelOpen .navbar { background:none!important; } .nav-center .logo { text-align: center; } .navbar a { color: var(--white); } /* Footer */ .footer { background-color: var(--col2); padding: 0; color: var(--black); text-align: center; letter-spacing: 0.5px; font-weight: 300; font-size: 1.2em; line-height: 1.55; } .footer-bottom { display: flex; justify-content: space-between; align-items: center; padding: 30px; border-top: 1px solid var(--grey); font-size: 0.8em; } .footer-bottom nav a { margin: 0 10px; text-decoration: none; color: var(--black); } .logo-bottom img { height: 200px; width: auto; } /* Footer: Schriftzug „alpine living“ zentriert unter dem Logo, 90 % der Logobreite */ .logo-bottom { display: flex; flex-direction: column; align-items: center; } .logo-bottom .logo-claim { width: 162px; height: auto; margin-top: 25px; } .footer-content { display: grid; grid-template-columns: repeat(3, auto); grid-template-rows: auto 1fr; justify-content: space-between; padding: 110px 0; max-width: 1100px; margin: 0 auto; } /* Logo-Spalte über beide Zeilen: Kontakt + Buttons enden gemeinsam an der Unterkante der E-Mail-Adresse */ .footer-content > .logo-bottom { grid-row: span 2; } .contact { text-align: left; } .footer strong { font-weight: 600; } .btn:after { content: ""; display: inline-block; width: 22px; height: 16px; margin-top: -5px; background-image: url('/files/grafiken/arrow-black.svg'); background-size: 100%; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; } #ebbeAppWrapper .btn::after { display: none; } .btn:hover:after { background-image: url('/files/grafiken/arrow.svg'); } .bottom-links { align-content: end; } .bottom-links>div { display: block ruby; } .bottom-links a { border-bottom: var(--black) 2px solid; padding-bottom: 10px; } .bottom-links a:hover { border-bottom: var(--col1) 2px solid; color: var(--col1); } .btn-outline { position: relative; } .btn { display: block; margin-top: 20px; text-decoration: none; color: var(--black); font-weight: 500; } .btn { position: relative; padding-right: 50px; } .contact a { font-size: 1em; } .contact a:hover { color: var(--col1); } .footer-bottom a:hover { color: var(--col1) !important; } .footer-bottom { padding-left: 50px; padding-right: 50px; } .social { text-align: right; display: grid; } .nav-center .logo img { max-height: 100%; transition: all 0.3s ease; } .nav-center .logo { margin-top: 30px; } .logo img { max-height: 50px; } .social img { width: 20px; margin-right: 10px; } .copy-right svg { width: 80px; margin-left: 10px; } .copy-right a { font-size: 0.80em; text-decoration: none; color: var(--black); display: inline-block; } /* Last */ .last-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; color: var(--col1); margin-top: 0px !important; } .last-grid h2 { margin-bottom: 0px; } .banner-brown-picture { text-align: center; } .banner-brown-picture img { width: 340px; height: 500px; object-fit: cover; border-radius: 200px 200px 0 0; } .rahmen-over { position: absolute; text-align: center; left: calc(50% - 220px); top: 0; padding-top: 30px; } .banner-text h2 { position: relative; display: inline-block; padding-right:60px; } .banner-text h2:after { content: ""; position: absolute; top: -20px; right: .10px; width: 30px; height: 30px; background-image: url('/files/grafiken/2451996_2.svg'); background-size: cover; background-repeat: no-repeat; } .zimmer-appartments .uebersicht .content-text img { margin-right: 5px; height: 19px; width: auto; } .zimmer-appartments .uebersicht .content-text img.second { margin-left: 35px; } /* Button */ .button { display: inline-block; margin-right:10px; } .button a { color: white; background-color: var(--col1); padding: 20px 65px 20px 35px !important; padding-right: 50px; font-size: 1.2em; color: white; font-weight: 500; background-image: url('/files/grafiken/arrow-white.svg'); background-position: center right 30px; background-repeat: no-repeat; display: inline-block; border-radius: 30px 0px 30px 0px; } #last .button { padding-top: 40px; } #last .button a { background-color: transparent; border: 2px solid var(--col1); color: var(--col1); background-image: url('/files/grafiken/arrow-gold.svg'); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } #last .button a:hover { background-color: var(--col1); color: var(--white); background-image: url('/files/grafiken/arrow-white.svg'); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .button-rotated a { color:var(--col1); padding-right: 0; font-size: 1.2em; font-weight: 500; display: inline-block; letter-spacing: 1px; } .button-rotated a:hover { color:var(--black); } .button-rotated-unters a { color:var(--col1); padding-right: 0; font-size: 1.2em; font-weight: 500; display: inline-block; } .button-rotated-unters a:hover { color:var(--black); } .button-rotated-right a { color:var(--col1); padding-right: 0; font-size: 1.2em; font-weight: 500; display: inline-block; } .button-rotated-right a:hover { color:var(--black); } .button-rotated-right { position: absolute; transform: rotate(-90deg); right: -30px; top: 232px; } .dark.button a { background-color: var(--black); } .button a:hover { background-color: var(--col2); color:var(--black); background-image: url('/files/grafiken/arrow-black.svg'); } .button, .button2 { padding-top: 30px; } .button2 a { color: var(--col1); font-size: 1.2em; font-weight: 500; position: relative; padding: 10px 35px 10px 0px !important; background-image: url('/files/grafiken/arrow.svg'); background-position: center right 0; background-repeat: no-repeat; border-bottom:2px solid var(--col1); letter-spacing: 1px; display: inline-block; } .button3 a { color: var(--black); font-size: 1.2em; font-weight: 500; position: relative; padding: 10px 35px 10px 0px !important; background-image: url('/files/grafiken/arrow-black.svg'); background-position: center right 0; background-repeat: no-repeat; border-bottom:2px solid var(--black); letter-spacing: 1px; display: inline-block; } .button3 a:hover { color: var(--col1); background-image: url('/files/grafiken/arrow.svg'); border-bottom:2px solid var(--col1); } .button2 a:hover { color: var(--black); border-color: var(--black); } .button2 a:hover { background-image: url('/files/grafiken/arrow-black.svg'); } /* Grid */ .two-grid { display: grid; grid-template-columns: 50% 45%; grid-gap: 0%; } .two-grid.left { grid-template-columns: 1fr 1fr; padding-left: 200px; } .switch .two-grid { grid-template-columns: 1.1fr 1fr; } .switch .two-grid .two-grid-left { margin-left: 30% !important; } .switch .two-grid .two-grid-right .content-text, .switch .two-grid .two-grid-right .button2 { margin-left: 40% !important; } .switch .two-grid .two-grid-right { max-width: 100% !important; } .switch .two-grid .two-grid-right h2::before { top: -40px; right: -60px; left: unset; } .switch .two-grid-right h2 { display: inline-block; } .vergnuegen .two-grid { display: grid; grid-template-columns: 55% 45%; grid-gap: 0; } .two-grid2 { display: grid; grid-template-columns: 40% 55%; gap: 5%; padding-bottom:35px; } .two-grid-without-gap { display: grid; grid-template-columns: 50% 50%; gap:0; } .two-grid img { width:100%; height:auto; } /* Gird elemente */ .two-grid-left, .two-grid-left2 { max-width: 75%; position: relative; } .two-grid-left3 { max-width: 80%; position: relative; } .two-grid-left2 figure { margin-bottom:140px; } .two-grid-right, .two-grid-right2 { max-width: 80%; position: relative; } .two-grid-right2 figure { margin-top:140px; } .two-grid-right h2 { position: relative; } .two-grid-right h2:before, .two-grid-right2 h2:before { content: ""; display: block; position: absolute; top: -60px; left: -60px; width: 30px; height: 30px; background-image: url('/files/grafiken/2451996.svg'); background-size: cover; background-repeat: no-repeat; } .two-grid-left-white { color:var(--white); padding-top:50px; } .two-grid-left-wg { width: 80%; max-width: 800px; position: relative; margin-left:auto; margin-right:auto; } .ofen-logo, .ofen-logo2, .frame { position: relative; overflow: visible; } .ofen-logo:after { content: ''; position: absolute; bottom: -90px; left: 50%; transform: translate(-50%, -50%); width: 75px; height: 88px; background-image: url('/files/grafiken/only-logo-brown.svg'); background-size: cover; background-position: center; z-index: 9; } .ofen-logo2:after { content: ''; position: absolute; bottom: -80px; left: 50%; transform: translate(-50%, -50%); width: 75px; height: 88px; background-image: url('/files/grafiken/only-logo.svg'); background-size: cover; background-position: center; z-index: 51; } .frame:after { content: ''; position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); width: 79px; height: 120px; background-image: url('/files/grafiken/rahmen-white.svg'); background-size: cover; background-position: center; z-index: 51; } .bigfont1, .bigfont2, big-font-3 { position:relative; } .bigfont1 h2, .bigfont2 h2, .big-font-3 h2 { margin-top: 0px; } .bigfont1:after { content: ''; position: absolute; left: -130%; bottom:30%; width: 375px; height: 188px; background-image: url('/files/grafiken/wohlfuehlen.svg'); background-size: cover; background-position: center; z-index: -1; } .bigfont1.en:after { background-image: url('/files/grafiken/wohlfuehlen-en.svg'); height: 175px; } .bigfont2:after { content: ''; position: absolute; right: 0; bottom: 310px; width: 375px; height: 328px; background-image: url('/files/grafiken/natur.svg'); background-size: cover; background-position: center; z-index: -1; } .bigfont2.en:after { background-image: url('/files/grafiken/natur-en.svg'); height: 250px; } .big-font-3:after { content: ''; position: absolute; left: 0; top: 80px; width: 205px; height: 178px; background-image: url('/files/grafiken/natur.svg'); background-size: cover; background-position: center; z-index: -1; } .stern { position: relative; } .stern2 { position: relative; text-align: left; padding-top: 0; color: var(--white); display: inline-block; } .stern3 { position: relative; display: inline-block; } .stern3 h2 { position: relative; } .stern2 h2 { margin-top:0px; } .stern:before { content: ""; display: block; position: absolute; top: 25px; left: -50px; width: 30px; height: 30px; background-image: url('/files/grafiken/2451996_2.svg'); background-size: cover; background-repeat: no-repeat; } .stern2:before { content: ""; display: block; position: absolute; top: -30px; right: -60px; width: 30px; height: 30px; background-image: url('/files/grafiken/2451997.svg'); background-size: cover; background-repeat: no-repeat; } .stern3 h2:before { content: ""; display: block; position: absolute; top: -60px; right: 50%; width: 30px; height: 30px; background-image: url('/files/grafiken/2451996_2.svg'); background-size: cover; background-repeat: no-repeat; } .border-rounded-image img { border-radius: 1000px 1000px 0 0; } .border-rounded-image { width: 50%; max-width: 350px; margin-left: auto; } .border-rounded-image-big img { border-radius: 1000px 1000px 0 0; } .small-image img { height: 350px; width: 350px; } .small-image { margin-top: -50px; } /* Ankommen */ .zitat { z-index: 2; } .zitat { max-width: 1400px; margin: 0 auto; text-align: center; color: var(--col1); position: relative; } .bild-with-bg { padding-top: 100px; padding-bottom: 100px; padding-left: 200px; padding-right: 200px; background-color: var(--col1); display: grid!important; height:90vh!important; } .bild-with-bg figure, .bild-with-bg picture { display: grid!important; } .bild-with-bg img { align-content: center; } .button-rotated { position: absolute; transform: rotate(-90deg); left: -30px; top: 105px; } .button-rotated.top { top: 210px; } .bild-with-bg img{ width: 100%; height: auto; max-width: none; max-height: 900px; object-fit: cover; } .cont-sm { margin-left: auto; margin-right: auto; max-width:1600px; padding-left: 50px; padding-right: 50px; } .cont-sm .two-grid { grid-gap: 10%; grid-template-columns: 45% 45%; } .tab-preise table { width: 100%; border-collapse: collapse; margin-bottom: 60px; } .tab-preise td { padding-top: 20px; padding-bottom: 17px; border-bottom: 2px solid var(--black); color: var(--black); text-align: center; } .tab-preise tr:nth-child(2) td, .tab-preise tr:nth-child(3) td, .tab-preise tr:nth-child(5) td, .tab-preise tr:nth-child(6) td { border-bottom: 1px solid var(--black); } .tab-preise td:first-child { text-align: left !important; } .tab-preise span { padding-left: 20px; } .tab-preise tr:first-child strong { font-weight: 600; } .tab-preise tr:first-child td { color: var(--col1); vertical-align: top; } .galerie li { width: calc(25% - 30px); padding: 15px; } .inklusives .two-grid-right h2::before { background-image: url('/files/grafiken/2451996_3.svg'); } .inklusives .two-grid { grid-template-columns: 48% 48%; grid-gap: 4%; } .inklusives .two-grid-left, .inklusives .two-grid-right { max-width: 100%; } .inklusives .content-text li { list-style-type: none; border-bottom: 1px solid var(--col1); padding-top: 12px; padding-bottom: 15px; } .inklusives ul { padding-left:0px; margin-top: 50px; margin-bottom: 50px; } .inklusives .new ul { padding-left: 20px; margin-top: 50px; margin-bottom: 0px; } .inklusives .new .content-text li { border-bottom: 0px; list-style-type: none; padding-top: 2px; padding-bottom: 2px; position: relative; } .inklusives .new .content-text li::before { content: ''; display: inline-block; width: 17px; height: 17px; background-image: url('/files/grafiken/2451996_3.svg'); background-size: contain; background-repeat: no-repeat; vertical-align: middle; left: -22px; top: 9px; position: absolute; } .inklusives .two-grid-right2.new h2::before { background-image: url('/files/grafiken/2451996_3.svg'); } #pricesFrame { max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .just p { text-align: justify; } .preis-easy .EBPRC-box p { font-size: 1.1em; font-weight: 500; letter-spacing: 0px; } .EBPRC-wrapper .EBPRC-result .EBPRC-onecategory .EBPRC-category-title h3 { padding-top: 9px; padding-bottom: 7px; color: var(--white) !important; background-color: var(--col1); font-size: 1.5em !important; letter-spacing: 0.5px; } .EBPRC-button { font-size: 1em; } .EBPRC-wrapper .EBPRC-category-buttons .EBPRC-category-servicetype select { font-size: 1em; margin-bottom: 10px; width: 200px !important; } #ebbeContainer #ebbeAppWrapper #ebbeContent #ebbeSelfAdmin #ebbeStepTwoRooms .selfAdminOneRoom .stepTwoRoomOfferFilter, #ebbeContainer #ebbeAppWrapper #ebbeContent #ebbeSelfAdmin #ebbeStepTwoRooms .stepTwoRoomChoose .stepTwoRoomOfferFilter, #ebbeContainer #ebbeAppWrapper #ebbeContent #ebbeSelfAdmin .selfAdminRoomInfo .selfAdminOneRoom .stepTwoRoomOfferFilter, #ebbeContainer #ebbeAppWrapper #ebbeContent #ebbeSelfAdmin .selfAdminRoomInfo .stepTwoRoomChoose .stepTwoRoomOfferFilter, #ebbeContainer #ebbeAppWrapper #ebbeContent #ebbeStepTwo #ebbeStepTwoRooms .selfAdminOneRoom .stepTwoRoomOfferFilter, #ebbeContainer #ebbeAppWrapper #ebbeContent #ebbeStepTwo #ebbeStepTwoRooms .stepTwoRoomChoose .stepTwoRoomOfferFilter, #ebbeContainer #ebbeAppWrapper #ebbeContent #ebbeStepTwo .selfAdminRoomInfo .selfAdminOneRoom .stepTwoRoomOfferFilter, #ebbeContainer #ebbeAppWrapper #ebbeContent #ebbeStepTwo .selfAdminRoomInfo .stepTwoRoomChoose .stepTwoRoomOfferFilter { color: var(--col1) !important; } @media (min-width: 1500px) and (max-width: 1800px) { h2, h1 { font-size:5em; } .pad-left { padding-left: 120px; } .inklusives .new ul { margin-top: 30px; padding-left: 18px; } .inklusives .new li { font-size:1.1em; } .inklusives .new .content-text li::before { width: 15px; height: 15px; left: -18px; top: 7px; } .pad-top-sm { padding-top: 70px; } .pad-bot-sm { padding-bottom: 70px; } .two-grid-left2.new, .two-grid-right2.new { max-width: 80%; } .header-text { font-size:4.5em; } .nav-center .logo img { max-height:80%; } .shuffled-flex { max-width:1500px; } .grid-element-1 img, .grid-element-4 img { width: 800px; height: 500px; } .grid-element-3 img, .grid-element-2 img { height: 500px; width: 650px; } .bigfont1::after { left: -130%; bottom: 30%; width: 290px; height: 163px; } .bigfont2::after { right: 0; bottom: 200px; width: 230px; height: 200px; } #full .inside > div { padding-top:160px; padding-bottom:160px; } .overlay-left { padding-left:10%; } .pad-bot { padding-bottom:150px; } .bild-with-bg { height:90vh!important; } } /* Tablet-Anpassungen Querformat */ @media (min-width: 1200px) and (max-width: 1500px) { body { font-size: 1em; } .pad-left { padding-left: 90px; } .inklusives .new ul { margin-top: 30px; padding-left: 18px; } .inklusives .new li { font-size:1.1em; } .inklusives .new .content-text li::before { width: 15px; height: 15px; left: -18px; top: 7px; } .pad-top-sm { padding-top: 70px; } .pad-bot-sm { padding-bottom: 70px; } .two-grid-left2.new, .two-grid-right2.new { max-width: 90%; } .overlay-grid { height: calc(100vh - 300px) !important; } .bigfont1::after { left: -140%; bottom: 30%; width: 250px; height: 140px; } .bigfont2::after { right: 0; bottom: 200px; width: 190px; height: 165px; } .two-grid-zimmer { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-bottom: 50px; padding-left: 0px; padding-right: 0px; } .skiurlaub .two-grid{ padding-left: 60px; grid-template-columns: 50% 50%; } .two-grid-zimmer { display: grid; } h2, h1 { font-size:4.5em; } p { font-size:1.1em; } #main .inside > div { padding-top:120px; } #full .inside > div { padding-top:120px; padding-bottom:120px; } .pad-top { padding-top:100px; } .two-grid-left2 figure { padding-bottom:100px; } .pad-sm { padding-top:50px; padding-bottom:50px; } .two-grid2 { grid-template-columns: 1fr 1fr; } .last-grid { grid-template-columns: 1fr 1.4fr; padding-top:100px; padding-bottom:100px; } .nav-center .logo img { max-height:160px!important; } .stern3, .stern { margin-top:70px; } .small-image img { width:200px; height:200px; } .overlay-left { padding-left:10%; } .shuffled-flex { max-width:1000px; } .shuffled-flex.us { max-width:1200px; } .shuffled-flex.us .grid-element-3 img, .shuffled-flex.us .grid-element-2 img { height: 500px; width: 500px; } .grid-element-1 img, .grid-element-4 img { width: 570px; height: 420px; } .grid-element-3 img, .grid-element-2 img { height: 420px; width: 370px; } .shuffled-flex .image-text .rte p { font-size:1em!important; } .header-text { font-size:4.5em; padding:120px 60px 60px 60px; } .cta { bottom:60px; } .zitat h2 { font-size:4em; } .footer-content { padding-top:80px; padding-bottom:80px; } .logo-bottom img { height:150px; } .logo-bottom .logo-claim { width:122px; margin-top:20px; } .bild-with-bg { padding-left:140px; padding-right:140px; } .pad-bot { padding-bottom:120px; } .bild-with-bg { height:90vh!important; } .stern3, .stern { margin-top:0px!important; } .container-2 { padding-left:50px; padding-right:50px; } .pad { padding-bottom:120px; } .two-grid-zimmer h2 { font-size:4em; } .overlay-grid { padding-top:30px; } .two-grid.left { padding-left:80px; } } /* Tablet-Anpassungen Hochformat */ @media (min-width: 800px) and (max-width: 1199px) { body { font-size: 1em; } .pad-left { padding-left: 50px; } .inklusives .new ul { margin-top: 30px; padding-left: 18px; } .inklusives .new li { font-size:1.1em; } .inklusives .new .content-text li::before { width: 15px; height: 15px; left: -18px; top: 7px; } .inklusives .two-grid { grid-template-columns: 100%; grid-gap: 0%; } .border-rounded-image-big img{ padding-left: 0 !important; padding-right: 0; padding-top: 0; } .bigfont1::after, .bigfont2::after { display: none; } .restaurant-pictures-right img{ height: 550px!important; } .homepage .two-grid-left3{ max-width: 100%; } .two-grid-left2 figure{ margin-bottom: 50px; } .two-grid-right2 figure { margin-top: 50px; } .skiurlaub .restaurant-pictures img { height: 550px!important; } .pad-sm { padding-top:80px; padding-bottom:80px; } .border-rounded-image-big { padding-left: 0; } .aktiv-height img{ height: 700px; object-fit: cover; } .ski-left{ padding-left: 0; } .two-grid-left, .two-grid-left2{ max-width: 100%; } .two-grid-without-gap-white{ padding-top:0!important; } .aktiv-bottom { padding-bottom: 100px; } .last-grid { grid-template-columns: 1fr 1fr; } .small-image{ margin-right: 0; margin-bottom:50px; } .small-image img { height: auto; width: 100%; text-align: center; justify-content: center; display: grid; object-fit: cover; } .two-grid-zimmer{ grid-template-columns: 1fr; padding-left: 0; } .skiurlaub .bild-with-bg { padding-top: 100px; padding-bottom: 100px; padding-left: 0; padding-right: 0; background-color: var(--col1); display: grid !important; text-align: center; justify-content: center; } .two-grid-left-wg { padding-bottom: 50px; } .restaurant-pictures h2 { font-size: 3.5em; } .skiurlaub .two-grid{ padding-left: 0; display: grid; grid-template-columns: 65% 50%; grid-gap: 0; } .skiurlaub .two-grid-without-gap { display: grid; grid-template-columns: 1fr; gap: 0; padding-top: 0; } .pad-top{ padding-top: 50px; } h2, h1 { font-size:3.8em; } p { font-size:1.1em; } #main .inside > div { padding-top:120px; } #full .inside > div { padding-top:120px; padding-bottom:120px; } .pad-top { padding-top:100px; } #main .inside > div { padding-top:140px; } .nav-center .logo img { max-height:120px!important; } .overlay-left { padding-left:10%; } .zitat h2 { font-size:3em; } .two-grid2, .two-grid, .two-grid-without-gap { grid-template-columns: 1fr; } .two-grid-right, .two-grid-right2 { max-width: 100%; position: relative; } .skiurlaub .two-grid{ grid-template-columns: 1fr; padding-left: 0; } .border-rounded-image-big img{ height: 600px; width: 100%; border-radius: 0 0 0 0; object-fit: cover; } .border-rounded-image img { height: 600px; width: 100%; border-radius: 0 0 0 0; object-fit: cover; } .header-text{ font-size: 2.5em; padding-bottom: 130px; } .zimmer-appartments .button2 { padding-top:30px; } .overlay-grid { grid-template-columns: 1fr 1fr; padding-top:0px!important; } .overlay-middle { display: none; } .grid-element-1 img, .grid-element-4 img { width: 850px; height: 450px; } .grid-element-3 img, .grid-element-2 img { width: 850px; height: 450px; } .header-text { font-size:2.8em; padding:80px 40px 60px 40px; text-align: left; } .footer-content { padding-top:70px; padding-bottom:70px; } .pad-bot { padding-bottom:80px; } .pad { padding-bottom:80px; } .small-image { margin-top:50px; } .button-rotated-unters{ position: relative; transform: rotate(0deg); left: unset; top: 0px; text-align: center; } .overlay-left { padding-left:0px; } .button-rotated { position: relative; transform: rotate(0deg); left: unset; top: 0px; text-align: center; z-index: 90; } .two-grid-left-wg { padding-bottom:90px; } .logo-bottom img { height:140px; } .logo-bottom .logo-claim { width:113px; margin-top:18px; } .footer-left { text-align: left!important; } .button2 { margin-bottom:50px; } .aktiv-bottom { padding-bottom:0px; } .braun .stern::before, .braun .stern3 h2::before, .two-grid-right h2::before, .two-grid-right2 h2::before, .stern::before { display: none; } .stern2::before { position: relative; top:initial!important; right:initial; text-align: center; display:inherit; } .border-rounded-image { width:100%; max-width:100%; margin-top:30px; } .unters-slider { height:400px!important; } .container-2 { padding-left:40px; padding-right:40px; } .two-grid-zimmer h2 { font-size:3em; } .zimmer-picture { margin-top:40px; } .tab-preise table { font-size:1em; letter-spacing: 0px!important; } .button-rotated.top { top:initial!important; } .two-grid-left-wg { width:80%; } .two-grid.left { padding-left:0px; gap:40px; } .switch .two-grid .two-grid-right .content-text, .switch .two-grid .two-grid-right .button2, .switch .two-grid .two-grid-left { margin-left:0px!important; } .switch .two-grid { grid-gap:40px; } .two-grid-left-wg { padding-bottom:0px; } .pad-top-sm { padding-top:80px; } .nav-right .tel { display: none!important; } .overlay .mod_navigation li { font-size:2.6em; } .overlay .mod_navigation .level_2 li a, .overlay .mod_navigation .level_2 strong.active { padding: 3px 30px!important; } .overlay .mod_navigation .submenu ul.level_2 { min-width:300px; right:-300px; } .overlay .mod_navigation .level_2 li, .overlay-last-nav li { font-size:18px; } } /* Mobile-Anpassungen */ @media (max-width: 799px) { body { font-size: 0.9em; } .content-text li { text-align: left; } .pad-left { padding-left: 20px; } .inklusives .new ul { margin-top: 30px; padding-left: 18px; } .inklusives .new li { font-size:1.1em; } .inklusives .new .content-text li::before { width: 15px; height: 15px; left: -18px; top: 7px; } .inklusives .content-text li { text-align: left; } .inklusives .two-grid { grid-template-columns: 100%; grid-gap: 0%; } .bigfont1::after, .bigfont2::after { display: none; } #storno { margin-bottom: 60px; margin-top: 0px; } .zimmer-appartments .button2 { padding-top: 100px; } .pad-bot{ padding-bottom: 50px; } .aktiv-bottom{ padding-bottom: 100px; } .button{ text-align: center; justify-content: center; display: flex; margin-right: 0; } .banner-brown-picture img{ width: 180px; height: 310px; } .grid-element-1 img, .grid-element-4 img { width: 650px; height: 350px; } .grid-element-3 img, .grid-element-2 img { width: 650px; height: 350px; } .shuffled-flex .image-text .rte a { padding-left:20px; font-size:0.8em; } .shuffled-flex .image-text .rte p{ background-image: none; } .rahmen-over img{ width: 180px; height: 310px; } .rahmen-over{ left: calc(50% - 110px); } .ski-left{ padding-left:0; } .stern{ margin-top: 50px; } .right{ text-align: center; } #main .inside > div { padding-top:60px; } #full .inside > div { padding-top:30px; padding-bottom:30px; } .skiurlaub .bild-with-bg { padding-top: 100px; padding-bottom: 100px; padding-left: 0; padding-right: 0; background-color: var(--col1); display: grid !important; text-align: center; justify-content: center; } .ofen-logo2::after { display: none } .border-rounded-image-big { padding-left: 0; padding-top: 0; } .pad-top{ padding-top: 40px; } .two-grid-left-wg { padding-bottom: 50px; } .skiurlaub .two-grid-without-gap { display: grid; grid-template-columns: 1fr; gap: 0; padding-top: 0; } .nav-center .logo img { max-height:100px!important; } h2, h1 { font-size: 3em; } p, .content-text li { font-size:1em; } .two-grid-zimmer{ grid-template-columns: 1fr; padding-left: 0; } .nav-right .tel, .nav-right .icons { display: none; } .footer-content, .footer-bottom { display: block; text-align: center; } .overlay-grid { display: block; padding-top:0px; } .logo-bottom { margin-top:50px; margin-bottom:50px; } .logo-bottom img { max-width:130px; height:auto; } .logo-bottom .logo-claim { width:117px; margin-top:18px; } .two-grid2, .two-grid, .two-grid-without-gap { display: block!important; } .two-grid-left, .two-grid-left2 { max-width: 100%; } .two-grid-left3 { max-width: 100%; } .content-text{ text-align: center; width: 100%; padding-right: 0; padding-left: 0; } .two-grid-left2 figure { margin-bottom:50px; text-align: center; } .two-grid-right, .two-grid-right2 { max-width: 100%; } .cta { position: fixed; bottom:0; display: grid; grid-template-columns:1fr 1fr; width:100%; gap: 0; } .two-grid img { width: 100%; height: 500px; object-fit: cover; } .cta a { padding-left:0; padding-right:0; display:block; width:100%; text-align: center; } .zitat h2 { font-size:3em; } .small-image { margin-right:0; } .last-grid { display: block; } .social { text-align: center; } footer .contact { text-align: center; } .homepage .button{ justify-content: center; display: grid; margin-right: 0; } .two-grid-left-white{ padding-top: 0; } .last-grid{ padding-left: 0; } .bild-with-bg{ padding-left: 50px; padding-right: 50px; } .footer-bottom{ padding-bottom: 80px; } .rahmen-over{ top: 50px; } .two-grid-left, .two-grid-left2{ max-width: 100%; } .two-grid-right, .two-grid-right2 { max-width: 100%; position: relative; padding-bottom: 50px; } .banner-brown-picture{ padding-top: 50px; } .two-grid-without-gap-white{ padding-top:0 !important; } .skiurlaub .two-grid{ grid-template-columns: 1fr; padding-left: 0; } .restaurant-pictures-right img{ height: 470px!important; } .skiurlaub .restaurant-pictures img { height: 470px!important; } .two-grid-left-wg{ max-width: 100%; padding-left: 50px; padding-right: 50px; } .button-rotated-unters{ position: relative; transform: rotate(0deg); left: unset; top: 50px; text-align: center; } .button-rotated { position: relative; transform: rotate(0deg); left: unset; top: 50px; text-align: center; z-index: 90; } .ski-left{ width: 100%; padding-right: 0px; padding-left: 0px; padding-bottom: 30px; } .zitat{ padding-bottom: 50px; } .home-text{ padding-left: 30px !important; padding-right: 30px !important; width: calc(100% - 60px); } .home-text-zimmer{ width:80%; } .border-rounded-image-big img{ height: 400px; width: 100%; border-radius: 0 0 0 0; object-fit: cover; } .border-rounded-image img { height: 400px; width: 100%; border-radius: 0 0 0 0; object-fit: cover; } .button2 { padding-top: 40px; } .zitat { margin-block: 0; } .last-grid { padding-top: 50px; padding-bottom: 50px; } .header-text { font-size:2.4em; padding:60px 30px 30px 30px; text-align: left; } .two-grid-zimmer { gap: 3%; } .two-grid-left-white-zimmer{ padding-bottom: 50px; } .bottom-navigation { padding-top: 20px; } .bottom-navigation a{ line-height: 1.4 ; display: block; } .copy-right a{ font-size: 1.1em; padding-top: 40px; } .footer-left span{ font-size: 1.1em; } .banner-pad{ padding-left: 20px; padding-right: 20px; } .vergnuegen .two-grid-right h2::before { top: -30px; right: 0px; left: unset; } .start-slider { height:500px!important; } .navbar { width:calc(100% - 50px); padding-left:25px; padding-right:25px; } .clicker .navname { display: none; } .clicker { top:30px!important; left:30px!important; } .overlay .mod_navigation li a { font-size:0.7em; } .overlay .mod_navigation li.active { font-size:2.4em; } .overlay-left { padding-left:5%; } .overlay-middle { display: none; } .overlay { background-size:200px auto; padding-left:0px; padding-right:0px; } .overlay-grid { overflow: auto; height:auto!important; } .overlay-last-nav { margin-top:30px; margin-bottom:130px!important; } .overlay .mod_navigation li { line-height: 1.1; } .overlay-last-nav li { display: block; line-height:1.2; } .sidePanelOpen .nav-center .logo { height:160px; } .overlay { padding-top:180px; } .mod_breadcrumb ul { margin-top:30px; margin-left:30px; } .container { padding-left:30px; padding-right:30px; } .braun .stern::before, .braun .stern3 h2::before, .stern::before { display: none; } .stern2::before { position: relative; top:initial!important; right:initial; text-align: center; display:inherit; } .footer-content { padding-top:60px; padding-bottom:60px; } .pad-sm { padding-top:80px; padding-bottom:80px; } .pad-top-sm { padding-top:50px; } .last-grid { padding-top:0px; padding-bottom:0px; } .small-image { margin-top:30px; margin-bottom:30px; } .button2 { text-align: center; margin-bottom: 40px; } .border-rounded-image { width:100%; max-width:100%; margin-top:30px; } .two-grid-left-wg { padding-left:30px; padding-right:30px; } .button-rotated { top:initial!important; margin-bottom:30px; } .unters-slider { height:300px!important; } .shuffled-flex.us .grid-element-3 img, .shuffled-flex.us .grid-element-2 img { height: 400px; width: 600px; } .two-grid-zimmer { display: block; } .container-2 { padding-left:30px; padding-right:30px; } .zimmer-appartments .button2 { padding-top:30px; } .pad { padding-bottom:60px; } .two-grid-zimmer h2 { font-size:2.5em; } .inklusives .cont-sm, .inklusives .home-text { padding-left:0px!important; padding-right:0px!important; width:100%!important; } .inklusives .two-grid { grid-gap:0px!important; } .tab-preise table { font-size:0.9em; letter-spacing: 0px!important; } .tab-preise { overflow: auto; } .zimmer-picture { margin-bottom:30px; } .uebersicht .content-image { margin-top:30px; } .two-grid.left { padding-left:0px; } .switch .two-grid .two-grid-right .content-text, .switch .two-grid .two-grid-right .button2, .switch .two-grid .two-grid-left { margin-left:0px!important; } .nav-right { top:30px!important; } .nav-center .logo { margin-top:20px!important; } .navbar.nav-scroll .logo img { max-width:50px!important; } .navbar.nav-scroll { padding-bottom:10px!important; } .back-to-top { display: none!important; } .overlay-left { text-align: left!important; } .overlay-last-nav li { margin-left:0px; margin-right:20px!important; } .overlay .mod_navigation .submenu ul.level_2 { position: relative; right:initial; left:0; min-width:100%; } .overlay .mod_navigation .level_2 li a, .overlay .mod_navigation .level_2 strong.active { padding: 1px 0px!important; } .overlay .mod_navigation li a { line-height:1.3; } .overlay .mod_navigation .level_2 li { font-size:24px; } .overlay .mod_navigation .level_2 strong.active { font-size:17px; } } @media (max-width: 400px) { .pad-left { padding-left: 20px; } .cta { position: fixed; bottom:0; display: grid; grid-template-columns:1fr 1fr; width:100%; gap: 0px; } .cta a { padding-left:0; padding-right:0; display:block; width:100%; } .footer-bottom { padding-bottom: 100px; } .two-grid img { height: 400px; } .overlay .mod_navigation li a { font-size:0.6em!important; } .overlay .mod_navigation li { line-height:1.2; } .overlay .mod_navigation li.active { font-size:2.1em; } .nav-center .logo { margin-top:20px!important; } .navbar.nav-scroll .logo img { max-width:50px!important; } .navbar.nav-scroll { padding-bottom:10px!important; } .back-to-top { display: none!important; } .overlay-left { text-align: left!important; } } .clicker{position:absolute;top:50px;left:50px}.navname{color:#FFFFFF;text-transform:uppercase;font-size:1.2em;margin-left:12px;letter-spacing:1px;margin-top:0px !important;font-weight:600;transition:0.3s}.lines-button{padding:2rem 1rem;transition:0.3s;cursor:pointer;background:none;border-radius:0px;padding:0px;border:0px;box-shadow:none !important}.lines-button:hover{opacity:1}.lines-button:active{transition:0}.lines{display:inline-block;width:2rem;height:0.2rem;background:#FFFFFF;transition:0.3s;position:relative;background:transparent;top:-5px}.lines:before,.lines:after{display:inline-block;width:2rem;height:0.2rem;background:#FFFFFF;transition:0.3s;position:absolute;left:0px;content:"";-webkit-transform-origin:0.1428571429rem center;transform-origin:0.1428571429rem center}.lines:before{top:0.4rem}.lines:after{top:-0.4rem}.lines-button:hover .lines{background:transparent}.lines-button:hover .lines:before{top:0.3636363636rem;left:0px;background-color:#404040}.lines-button:hover .lines:after{top:-0.3636363636rem;left:0px;background-color:#404040}.lines-button.close{z-index:1000}.lines-button.arrow.close .lines:before,.lines-button.arrow.close .lines:after{top:0;width:1.1111111111rem}.lines-button.arrow.close .lines:before{-webkit-transform:rotate3d(0, 0, 1, 40deg);transform:rotate3d(0, 0, 1, 40deg)}.lines-button.arrow.close .lines:after{-webkit-transform:rotate3d(0, 0, 1, -40deg);transform:rotate3d(0, 0, 1, -40deg)}.lines-button.arrow-up.close{-webkit-transform:scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);transform:scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg)}.lines-button.minus.close .lines:before,.lines-button.minus.close .lines:after{-webkit-transform:none;transform:none;top:0;width:2rem}.lines-button.x.close .lines{background:transparent}.lines-button.x.close .lines:before,.lines-button.x.close .lines:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0px;left:0px;width:2rem}.lines-button.x.close .lines:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}.lines-button.x.close .lines:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg)}