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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} .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}.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;-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 .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';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%;margin:auto}.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%;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 .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}} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /*! jQuery UI - v1.13.2 - 2024-02-02 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=&bgImgOpacityHighlight=&bgImgOpacityActive=&bgImgOpacityHover=&bgImgOpacityDefault=&bgImgOpacityContent=&bgImgOpacityHeader=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23c4c3c3&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23ffffff&fcHighlight=%23ffffff&borderColorHighlight=%234f5750&bgTextureHighlight=flat&bgColorHighlight=%234f5750&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%234f5750&bgTextureActive=flat&bgColorActive=%234f5750&iconColorHover=%23ffffff&fcHover=%23ffffff&borderColorHover=%2368746a&bgTextureHover=flat&bgColorHover=%234f5750&iconColorDefault=%23ffffff&fcDefault=%23ffffff&borderColorDefault=%2368746a&bgTextureDefault=flat&bgColorDefault=%2368746a&iconColorContent=%23ffffff&fcContent=%23ffffff&borderColorContent=%2368746a&bgTextureContent=flat&bgColorContent=%2368746a&iconColorHeader=%23ffffff&fcHeader=%23ffffff&borderColorHeader=%2368746a&bgTextureHeader=flat&bgColorHeader=%2368746a&cornerRadius=3px&fwDefault=normal&fsDefault=1.1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #68746a}.ui-widget-content{border:1px solid #68746a;background:#68746a;color:#fff}.ui-widget-content a{color:#fff}.ui-widget-header{border:1px solid #68746a;background:#68746a;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #68746a;background:#68746a;font-weight:normal;color:#fff}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#fff;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #68746a;background:#4f5750;font-weight:normal;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#fff;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #4f5750;background:#4f5750;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#4f5750;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #4f5750;background:#4f5750;color:#fff}.ui-state-checked{border:1px solid #4f5750;background:#4f5750}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#fff}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../../files/theme/js/jquery-ui-1.13.2.custom/images/ui-icons_ffffff_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../../files/theme/js/jquery-ui-1.13.2.custom/images/ui-icons_ffffff_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../../files/theme/js/jquery-ui-1.13.2.custom/images/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../../files/theme/js/jquery-ui-1.13.2.custom/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../../files/theme/js/jquery-ui-1.13.2.custom/images/ui-icons_ffffff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../../files/theme/js/jquery-ui-1.13.2.custom/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../../files/theme/js/jquery-ui-1.13.2.custom/images/ui-icons_ffffff_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#c4c3c3;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /** * Swiper 11.2.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 3, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* * MWFewoManager * * @author Küstenweb GmbH * @copyright mwfewomanager.de */ :root { --font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif; --font-size-base: 16px; --line-height: 1.5; /* Core */ --color-primary: #0072ce; --color-primary-hover: #005fa3; --color-secondary: #6b7280; --color-secondary-hover: #4b5563; --color-bg: #ffffff; --color-surface: #ffffff; --white: #ffffff; --border-color: #e3e8ee; --color-border: var(--border-color); --color-text: #1f2937; --color-muted: #6b7280; /* Forms */ --form-label-color: var(--color-text); --color-success: #10b981; --color-danger: #ef4444; --color-warning: #f59e0b; --color-info: #3b82f6; --radius-card: 16px; --border-radius: 8px; --radius-button: var(--border-radius); --radius-lg: 16px; --shadow-card: 0 4px 12px rgba(0, 0, 0, .08); /* -------------------------------------------------- Picker Tokens (shared) -------------------------------------------------- */ /* Tooltip (Datepicker) */ --tooltip-bg: var(--color-text); --tooltip-fg: var(--white); /* -------------------------------------------------- Calendar Theme Tokens (project overrides) -------------------------------------------------- */ --calendar-cell-width: 46px; --calendar-cell-height: 46px; --calendar-check-label-fg: var(--white); --calendar-price-on-check-fg: var(--white); --calendar-day-hover-bg: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)); /* === Kalenderfarben: Hintergründe === */ --calendar-bg-free: #eaf7ef; --calendar-bg-booked: #f6d2d2; --calendar-bg-blocked: #e0e0e0; --calendar-bg-owner: #ffe5b4; --calendar-bg-edit: #fff7d1; --calendar-bg-selected: #eaf3ff; --calendar-bg-check: #0072ce; /* === Kalenderfarben: Schrift/Iconfarben === */ --calendar-fg-free: #46594d; --calendar-fg-booked: #e2a1a1; --calendar-fg-blocked: #bcbcbc; --calendar-fg-owner: #f3b97e; --calendar-fg-edit: #f0c36d; --calendar-fg-selected: #82b5f7; --calendar-fg-check: #fff; /* === Kalenderfarben: Rahmen (Borders) === */ --calendar-border-free: #b3dfc1; --calendar-border-booked: #e2a1a1; --calendar-border-blocked: #bcbcbc; --calendar-border-owner: #f3b97e; --calendar-border-edit: #f0c36d; --calendar-border-selected: #82b5f7; --calendar-border-check: #0059a8; /* -------------------------------------------------- Headings (Typography Tokens) -------------------------------------------------- */ --font-family-heading: var(--font-family-sans-serif); --heading-color: var(--color-text); --font-size-h1: 2rem; --font-size-h2: 1.75rem; --font-size-h3: 1.5rem; --font-size-h4: 1.25rem; --font-size-h5: 1.125rem; --font-size-h6: 1rem; /* -------------------------------------------------- Links (Color Tokens) -------------------------------------------------- */ --link-color: var(--color-primary); --link-hover-color: var(--color-primary-hover); --link-visited-color: color-mix(in srgb, var(--color-primary) 70%, #6b7280); --link-active-color: var(--color-primary-hover); --link-decoration: underline; --link-hover-decoration: underline; --link-focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent); /* -------------------------------------------------- Buttons (Color Tokens) -------------------------------------------------- */ /* Primary */ --btn-primary-bg: var(--color-primary); --btn-primary-bg-hover: var(--color-primary-hover); --btn-primary-text: var(--white); --btn-primary-text-hover: var(--white); --btn-primary-border: var(--color-primary); /* Secondary */ --btn-secondary-bg: var(--color-secondary); --btn-secondary-bg-hover: var(--color-secondary-hover); --btn-secondary-text: var(--white); --btn-secondary-text-hover: var(--white); --btn-secondary-border: var(--color-secondary); /* Clear */ --btn-clear-bg: transparent; --btn-clear-text: var(--color-muted); --btn-clear-border: var(--border-color); /* Cancel */ --btn-cancel-bg: transparent; --btn-cancel-text: var(--color-text); --btn-cancel-border: var(--border-color); /* Apply (Success) */ --btn-apply-bg: var(--color-success); --btn-apply-bg-hover: color-mix(in srgb, var(--color-success) 85%, #000 10%); --btn-apply-text: var(--white); --btn-apply-text-hover: var(--white); --btn-apply-border: var(--color-success); /* Book */ --btn-book-bg: var(--color-primary); --btn-book-bg-hover: var(--color-primary-hover); --btn-book-text: var(--white); --btn-book-text-hover: var(--white); --btn-book-border: var(--color-primary); /* Request */ --btn-request-bg: var(--color-warning); --btn-request-bg-hover: color-mix(in srgb, var(--color-warning) 85%, #000 10%); --btn-request-text: var(--white); --btn-request-text-hover: var(--white); --btn-request-border: var(--color-warning); /* Danger */ --btn-danger-bg: var(--color-danger); --btn-danger-bg-hover: color-mix(in srgb, var(--color-danger) 85%, #000 10%); --btn-danger-text: var(--white); --btn-danger-text-hover: var(--white); --btn-danger-border: var(--color-danger); /* Increment / Decrement (Stepper) */ --btn-stepper-bg: var(--color-surface); --btn-stepper-bg-hover: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)); --btn-stepper-text: var(--color-text); --btn-stepper-border: var(--border-color); } /* * MWFewoManager * * @author Küstenweb GmbH * @copyright mwfewomanager.de */ /* -------------------------------------------------- Toast (global) -------------------------------------------------- */ #toast-container { position: fixed; top: 1rem; right: 1rem; z-index: 9999; display: flex; flex-direction: column; gap: .75rem; pointer-events: none; } .toast { position: relative; pointer-events: auto; min-width: 280px; max-width: 380px; background: var(--frontend-core-color-surface); color: var(--frontend-core-color-text); border-radius: .75rem; padding: 1rem 1.2rem 1rem 1rem; box-shadow: var(--frontend-core-shadow-light); border-left: 4px solid var(--frontend-core-color-info); display: flex; align-items: flex-start; gap: .8rem; opacity: 0; transform: translateY(-10px); animation: toast-in .3s ease forwards; } .toast--success { border-left-color: var(--frontend-core-color-success); } .toast--error { border-left-color: var(--frontend-core-color-danger); } .toast--info { border-left-color: var(--frontend-core-color-info); } .toast--warn { border-left-color: var(--frontend-core-color-warning); } .toast__icon { flex-shrink: 0; font-size: 1.4rem; margin-top: .2rem; } .toast__body { flex: 1; display: flex; flex-direction: column; } .toast__title { font-weight: 600; margin-bottom: .25rem; font-size: .95rem; color: var(--frontend-core-color-text); } .toast__message { line-height: 1.4; color: var(--frontend-core-color-muted); font-size: .9rem; } .toast__counter { position: absolute; top: .6rem; right: 2rem; font-size: .8rem; color: var(--frontend-core-color-muted); font-variant-numeric: tabular-nums; font-weight: 500; } .toast__close { position: absolute; top: .4rem; right: .4rem; background: transparent; border: none; font-size: 1.1rem; color: var(--frontend-core-color-muted); cursor: pointer; padding: .2rem; transition: color .2s; } .toast__close:hover { color: var(--frontend-core-color-text); } @keyframes toast-in { to { opacity: 1; transform: translateY(0); } } @keyframes toast-out { to { opacity: 0; transform: translateY(-10px); } } /* -------------------------------------------------- Buttons – Base Layout -------------------------------------------------- */ :root { --btn-bg: transparent; --btn-color: var(--color-text); --btn-border: var(--border-color); } /*:is(a, button, input[type="submit"]).btn,*/ /*button.submit {*/ /* --btn-bg: transparent;*/ /* --btn-color: var(--color-text);*/ /* --btn-border: var(--border-color);*/ /* display: inline-flex;*/ /* align-items: center;*/ /* justify-content: center;*/ /* gap: .5rem;*/ /* min-height: 2.5rem;*/ /* padding: .5rem 1rem;*/ /* font-size: .95rem;*/ /* font-weight: 500;*/ /* line-height: 1;*/ /* border-radius: var(--border-radius);*/ /* border: 1px solid var(--btn-border);*/ /* background: var(--btn-bg);*/ /* color: var(--btn-color);*/ /* transition: background-color .15s ease,*/ /* border-color .15s ease,*/ /* color .15s ease,*/ /* box-shadow .15s ease,*/ /* transform .05s ease;*/ /*}*/ /*:is(a, button, input[type="submit"]).btn:hover {*/ /* background: color-mix(in srgb, var(--btn-bg) 90%, #000 5%);*/ /* color: var(--btn-color);*/ /*}*/ /*:is(a, button, input[type="submit"]).btn:active {*/ /* transform: translateY(1px);*/ /*}*/ /*:is(a, button, input[type="submit"]).btn:focus-visible {*/ /* outline: 2px solid var(--color-primary);*/ /* outline-offset: 2px;*/ /*}*/ :is(a, button, input[type="submit"]).btn:disabled, :is(a, button, input[type="submit"]).btn[disabled] { opacity: .6; cursor: not-allowed; } /* Variants */ :is(a, button, input[type="submit"]).btn--primary { --btn-bg: var(--btn-primary-bg); --btn-color: var(--btn-primary-text); --btn-border: var(--btn-primary-border); } :is(a, button, input[type="submit"]).btn--primary:hover { --btn-bg: var(--btn-primary-bg-hover); --btn-border: var(--btn-primary-bg-hover); } /*button.submit {*/ /* --btn-bg: var(--btn-primary-bg);*/ /* --btn-color: var(--btn-primary-text);*/ /* --btn-border: var(--btn-primary-border);*/ /*}*/ /*button.submit:hover {*/ /* --btn-bg: var(--btn-primary-bg-hover);*/ /* --btn-border: var(--btn-primary-bg-hover);*/ /*}*/ :is(a, button, input[type="submit"]).btn--secondary { --btn-bg: var(--btn-secondary-bg); --btn-color: var(--btn-secondary-text); --btn-border: var(--btn-secondary-border); } :is(a, button, input[type="submit"]).btn--secondary:hover { --btn-bg: var(--btn-secondary-bg-hover); } :is(a, button, input[type="submit"]).btn--clear { --btn-bg: var(--btn-clear-bg); --btn-border: var(--btn-clear-border); --btn-color: var(--btn-clear-text); } :is(a, button, input[type="submit"]).btn--cancel { --btn-bg: var(--btn-cancel-bg); --btn-border: var(--btn-cancel-border); --btn-color: var(--btn-cancel-text); } :is(a, button, input[type="submit"]).btn--apply { --btn-bg: var(--btn-apply-bg); --btn-border: var(--btn-apply-border); --btn-color: var(--btn-apply-text); } :is(a, button, input[type="submit"]).btn--apply:hover { --btn-bg: var(--btn-apply-bg-hover); } :is(a, button, input[type="submit"]).btn--prev, :is(a, button, input[type="submit"]).btn--next, :is(a, button, input[type="submit"]).btn--close { background: var(--btn-bg); color: var(--btn-color); } :is(a, button, input[type="submit"]).btn--next:hover, :is(a, button, input[type="submit"]).btn--close:hover{ background: color-mix(in srgb, var(--btn-bg) 90%, #000 5%); color: var(--btn-color); } /* Booking */ :is(a, button, input[type="submit"]).btn--book { --btn-bg: var(--btn-book-bg); --btn-border: var(--btn-book-border); --btn-color: var(--btn-book-text); } :is(a, button, input[type="submit"]).btn--book:hover { --btn-bg: var(--btn-book-bg-hover); --btn-border: var(--btn-book-bg-hover); } /* Request */ :is(a, button, input[type="submit"]).btn--request { --btn-bg: var(--btn-request-bg); --btn-border: var(--btn-request-border); --btn-color: var(--btn-request-text); } :is(a, button, input[type="submit"]).btn--request:hover { --btn-bg: var(--btn-request-bg-hover); --btn-border: var(--btn-request-bg-hover); } /* Danger */ :is(a, button, input[type="submit"]).btn--danger { --btn-bg: var(--btn-danger-bg); --btn-border: var(--btn-danger-border); --btn-color: var(--btn-danger-text); } :is(a, button, input[type="submit"]).btn--danger:hover { --btn-bg: var(--btn-danger-bg-hover); --btn-border: var(--btn-danger-bg-hover); } /* Stepper Buttons */ :is(a, button, input[type="submit"]).btn--increment, :is(a, button, input[type="submit"]).btn--decrement { width: var(--personpicker-stepper-min-width); height: var(--personpicker-stepper-min-width); padding: 0; font-size: 1.1rem; /*border-radius: 50%;*/ --btn-bg: var(--btn-stepper-bg); --btn-border: var(--btn-stepper-border); --btn-color: var(--btn-stepper-text); } :is(a, button, input[type="submit"]).btn--increment:hover, :is(a, button, input[type="submit"]).btn--decrement:hover { --btn-bg: var(--btn-stepper-bg-hover); } /* Legacy aliases */ .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-muted { color: var(--frontend-core-color-muted); } .text-center { text-align: center; } .text-right { text-align: right; } .hidden { display: none; } /* Legacy grid helpers */ .row { display: flex; flex-wrap: wrap; margin-left: -1rem; margin-right: -1rem; } .col { padding-right: 1rem; padding-left: 1rem; flex: 1 1 0; max-width: 100%; position: relative; width: 100%; min-height: 1px; } .error { color: var(--color-danger); font-size: 0.9rem; } .price-range { display: flex; align-items: center; gap: .5rem; } /* ===== uh-owner v1: Vermieter-Portal — größere Überschrift + Desktop-Schrift (Selektoren nur im Owner-Frontend vorhanden) ===== */ .main__headline{font-size:44px !important;font-weight:700;} @media (max-width:880px){.main__headline{font-size:34px !important;}} @media (min-width:881px){ .main__content,.list-table{font-size:16.5px;} .list-table th{font-size:15.5px;} } /* ============================================================= Kulinarik-Rubrik /erlebnisse/kulinarik – Rezeptseiten + Übersicht Eingefügt 2026-07-21 (Markenfarben statt Platzhalter) ============================================================= */ .kulinarik-artikel{max-width:720px;margin-inline:auto;padding-inline:1rem;color:#4e4639;font-size:1rem;line-height:1.7} .kulinarik-artikel__zutat-link{color:#4f7a36;text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px;transition:color .15s ease,text-decoration-color .15s ease} .kulinarik-artikel__zutat-link:hover{color:#3e6129;text-decoration-thickness:2px} .kulinarik-artikel__zutat-link:focus-visible{outline:2px solid #4f7a36;outline-offset:2px;border-radius:2px;box-shadow:0 0 0 3px rgba(79,122,54,.35)} .daniels-tipp{margin-block:1.5rem;padding:1rem 1.25rem;background-color:#f4eede;border-left:4px solid #4f7a36;border-radius:0 4px 4px 0} .daniels-tipp__titel{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:#3e6129} .daniels-tipp p:last-child{margin-bottom:0} .andenken-box{margin-block:1.5rem;padding:1rem 1.25rem;background-color:#f4eede;border:1px solid #ddd4bf;border-radius:4px} .andenken-box__titel{margin:0 0 .75rem;font-size:1.05rem;font-weight:700;color:#3e6129} .andenken-box__liste{margin:0;padding:0;list-style:none} .andenken-box__liste li{padding-block:.35rem} .andenken-box__liste li+li{border-top:1px solid #ddd4bf} .andenken-box__link{color:#4e4639;text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease} .andenken-box__link:hover{color:#3e6129;border-bottom-color:#4f7a36} .andenken-box__link:focus-visible{outline:2px solid #4f7a36;outline-offset:2px;border-radius:2px;box-shadow:0 0 0 3px rgba(79,122,54,.35)} .saison-hinweis{display:flex;align-items:baseline;gap:.5rem;margin-block:1.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;color:#4e4639;background-color:#f4eede;border-radius:4px} .saison-hinweis__icon,.saison-hinweis svg:first-child{flex:0 0 auto;width:1em;height:1em;color:#4f7a36;transform:translateY(.15em)} .saison-hinweis a{color:#4f7a36;font-weight:600;text-decoration:underline;text-underline-offset:.15em} .saison-hinweis a:hover{color:#3e6129} .saison-hinweis a:focus-visible{outline:2px solid #4f7a36;outline-offset:2px;border-radius:2px;box-shadow:0 0 0 3px rgba(79,122,54,.35)} @media (min-width:768px){.kulinarik-artikel{padding-inline:0;font-size:1.0625rem}.daniels-tipp,.andenken-box{padding:1.25rem 1.75rem}} .kulinarik-uebersicht{max-width:none;margin-inline:auto;padding-inline:1rem;color:#4e4639} .kulinarik-uebersicht__intro{max-width:720px;margin:0 auto 2rem;text-align:center;line-height:1.6} .kulinarik-uebersicht__verweise{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.5rem} .kulinarik-uebersicht__verweise a{color:#4f7a36;font-weight:600;text-decoration:underline;text-underline-offset:.15em} .kulinarik-uebersicht__verweise a:hover{color:#3e6129} .kulinarik-uebersicht__verweise a:focus-visible{outline:2px solid #4f7a36;outline-offset:2px;border-radius:2px;box-shadow:0 0 0 3px rgba(79,122,54,.35)} .kulinarik-kachelraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem} .kulinarik-kachelraster + .kulinarik-uebersicht__intro{margin-top:3rem} .kulinarik-kachel{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:#4e4639;background-color:#fff;border:1px solid #ddd4bf;border-radius:4px;transition:transform .15s ease,box-shadow .15s ease} .kulinarik-kachel:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.08)} .kulinarik-kachel:focus-visible{outline:2px solid #4f7a36;outline-offset:2px;box-shadow:0 0 0 3px rgba(79,122,54,.35)} .kulinarik-kachel__bild{width:100%;aspect-ratio:3/2;object-fit:cover;display:block} .kulinarik-kachel__label{margin:.85rem 1rem 0;font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#4f7a36} .kulinarik-kachel__titel{margin:.25rem 1rem 0;font-size:1.2rem} .kulinarik-kachel__teaser{margin:.35rem 1rem 1rem;font-size:.95rem;line-height:1.5} .kulinarik-artikel__hero-bild{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px;margin:0 0 1.25rem;display:block} .kulinarik-artikel__stimmung{margin:1.75rem 0} .kulinarik-artikel__stimmung img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px;display:block} .kulinarik-artikel__stimmung figcaption{margin:.5rem 0 0;font-size:.85rem;line-height:1.4;color:#6b6152;text-align:center} .kulinarik-kachel__label{display:inline-flex;align-items:center;gap:.45rem} .kulinarik-kachel__flag{flex:0 0 auto;width:1.5em;line-height:0;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.2)} .kulinarik-kachel__flag svg{display:block;width:100%;height:auto} /*btnverweise*/ .kulinarik-uebersicht__verweise{gap:1rem} .kulinarik-uebersicht__verweise a{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:#fff;color:#a06f1c;font-weight:800;text-decoration:none;border:2px solid #b98a3d;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease} .kulinarik-uebersicht__verweise a::after{content:'\2192';font-weight:700;font-size:1.05em} .kulinarik-uebersicht__verweise a:hover{background:#b98a3d;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.16);text-decoration:none} .kulinarik-uebersicht__verweise a:focus-visible{outline:2px solid #a06f1c;outline-offset:3px} /*saisonkalender*/ .saisonkalender{max-width:none;margin-inline:auto;padding-inline:1rem;color:#4e4639} .saisonkalender__intro{max-width:720px;margin:0 auto 1.5rem;text-align:center;line-height:1.6} .saisonkalender__intro h2{margin:0 0 .5rem} .saisonkalender__filter{display:flex;flex-direction:column;gap:.8rem;align-items:center;margin-bottom:1.75rem} .saisonkalender__filtergruppe{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center} .saisonkalender__chip{font:inherit;font-size:.88rem;font-weight:600;color:#4e4639;background:#fff;border:1px solid #ddd4bf;border-radius:999px;padding:.4rem .9rem;cursor:pointer;transition:background .12s,color .12s,border-color .12s} .saisonkalender__chip:hover{border-color:#b98a3d} .saisonkalender__chip.is-active{background:#4f7a36;border-color:#4f7a36;color:#fff} .saisonkalender__chip--kulinarik.is-active{background:#a86a2c;border-color:#a86a2c} .saisonkalender__chip--freizeit.is-active{background:#3b6ea5;border-color:#3b6ea5} .saisonkalender__chip--erlebnisse.is-active{background:#b34836;border-color:#b34836} .saisonkalender__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem} .saisonkalender__karte{display:flex;flex-direction:column;background:#fff;border:1px solid #ddd4bf;border-radius:6px;padding:1rem 1.1rem;text-decoration:none;color:#4e4639;transition:transform .15s,box-shadow .15s} .saisonkalender__karte:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.08)} .saisonkalender__karte[hidden]{display:none!important} .saisonkalender__label{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;padding:.15rem .5rem;border-radius:4px;margin-bottom:.55rem} .saisonkalender__label--waldgold{background:#4f7a36} .saisonkalender__label--kulinarik{background:#a86a2c} .saisonkalender__label--freizeit{background:#3b6ea5} .saisonkalender__label--erlebnisse{background:#b34836} .saisonkalender__titel{margin:0 0 .3rem;font-size:1.08rem} .saisonkalender__text{margin:0 0 .7rem;font-size:.9rem;line-height:1.45;flex:1} .saisonkalender__saison{font-size:.8rem;font-weight:600;color:#b98a3d} .saisonkalender__leer{text-align:center;color:#6c6257;font-style:italic;margin:1rem 0} /*saisonkalender-auf*/ .saisonkalender__karte--auf{padding:0;overflow:hidden} .saisonkalender__kopf{width:100%;text-align:left;background:none;border:0;padding:1rem 1.1rem;margin:0;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;align-items:stretch} .saisonkalender__kopf .saisonkalender__label{align-self:flex-start;margin-bottom:.55rem} .saisonkalender__kopf .saisonkalender__titel{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:1.08rem;font-weight:700;margin:0 0 .3rem} .saisonkalender__kopf .saisonkalender__text{font-size:.9rem;line-height:1.45;margin:0 0 .5rem;color:#4e4639} .saisonkalender__kopf .saisonkalender__saison{font-size:.8rem;font-weight:600;color:#b98a3d} .saisonkalender__chevron{width:.55em;height:.55em;border-right:2px solid #b98a3d;border-bottom:2px solid #b98a3d;transform:rotate(45deg);transition:transform .18s ease;flex:0 0 auto} .saisonkalender__karte.is-open .saisonkalender__chevron{transform:rotate(-135deg)} .saisonkalender__detail{padding:0 1.1rem 1.1rem;border-top:1px solid #eee6d5} .saisonkalender__detail[hidden]{display:none} .saisonkalender__detail p{font-size:.92rem;line-height:1.55;margin:.85rem 0 0} .saisonkalender__tipp{background:#f4eede;border-left:3px solid #4f7a36;padding:.55rem .75rem;border-radius:0 4px 4px 0} .saisonkalender__tipp strong{color:#3e6129} .saisonkalender__mehr{display:inline-block;margin-top:.85rem;color:#a06f1c;font-weight:800;text-decoration:none} .saisonkalender__mehr:hover{text-decoration:underline} .saisonkalender__karte--auf:hover{transform:none;box-shadow:0 4px 14px rgba(0,0,0,.06)} /*saisonkalender-video*/ .saisonkalender__video{display:inline-flex;align-items:center;gap:.4rem;margin:.85rem .6rem 0 0;padding:.5rem 1rem;background:#4f7a36;color:#fff;border:0;border-radius:999px;font:inherit;font-weight:700;font-size:.85rem;cursor:pointer} .saisonkalender__video:hover{background:#3e6129} .saisonkalender__monatsintro{max-width:720px;margin:-.4rem auto 1.6rem;text-align:center;font-size:1.02rem;line-height:1.55;color:#4e4639} .saisonkalender__monatsintro[hidden]{display:none} .sk-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px} .sk-lightbox[hidden]{display:none} .sk-lightbox__box{background:#000;width:min(900px,100%);position:relative;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.5)} .sk-lightbox__content iframe,.sk-lightbox__ph{width:100%;aspect-ratio:16/9;display:block;border:0} .sk-lightbox__ph{background:#2a2620;color:#f4eede;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;font-size:1.05rem;line-height:1.6} .sk-lightbox__close{position:absolute;top:6px;right:10px;background:rgba(0,0,0,.55);color:#fff;border:0;font-size:1.7rem;line-height:1;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:2} /*jk-monatsblock*/ .jk-detail,.jk-detail p,.jk-tipp{text-indent:0} .jk-item{position:relative;cursor:pointer;padding-right:1.7rem;border-radius:4px;transition:background .12s} .jk-item:hover{background:rgba(79,122,54,.07)} .jk-chevron{position:absolute;right:.4rem;top:.62em;width:.5em;height:.5em;border-right:2px solid #4f7a36;border-bottom:2px solid #4f7a36;transform:rotate(45deg);transition:transform .18s ease} .jk-item.is-open .jk-chevron{transform:rotate(-135deg)} .jk-detail{margin:.45rem 0 .65rem} .jk-detail[hidden]{display:none} .jk-detail p{margin:.45rem 0 0;font-size:.95rem;line-height:1.55} .jk-tipp{background:#f4eede;border-left:4px solid #4f7a36;padding:.55rem .85rem;border-radius:0 6px 6px 0;font-size:.9rem;margin:.55rem 0 0;box-sizing:border-box} .jk-tipp strong{color:#3e6129} .jk-mehr{display:inline-block;margin-top:.55rem;color:#a06f1c;font-weight:800;text-decoration:none} .jk-mehr:hover{text-decoration:underline} /* Ende Kulinarik */ /*tile50-desc*/ a.tile.tile-has-desc{cursor:pointer} a.tile .image{position:relative;overflow:hidden} .tile-desc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.1rem;background:linear-gradient(160deg,rgba(31,46,22,.92),rgba(31,46,22,.84));color:#fff;opacity:0;visibility:hidden;transition:opacity .22s ease} .tile.is-open .tile-desc{opacity:1;visibility:visible} .tile-desc__txt{font-size:.98rem;line-height:1.5;text-align:center;max-height:100%;overflow:auto} .tile-hint{position:absolute;top:.55rem;right:.55rem;width:1.55rem;height:1.55rem;border-radius:50%;background:rgba(255,255,255,.92);color:#4f7a36;font-weight:800;font-style:italic;font-family:Georgia,serif;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 5px rgba(0,0,0,.35);pointer-events:none;transition:opacity .2s} .tile.is-open .tile-hint{opacity:0} /*saisonkalender-anordnung*/ .sk-count{text-align:center;color:#6b6b6b;font-size:.9rem;margin:.2rem 0 1rem;font-weight:600} .sk-more{display:none;margin:1.4rem auto 0;padding:.65rem 1.6rem;border:2px solid #b98a3d;background:#fff;color:#a06f1c;font-weight:800;border-radius:999px;cursor:pointer;font-size:1rem;transition:background .15s,color .15s} .sk-more:hover{background:#b98a3d;color:#fff} @media(max-width:767px){ .saisonkalender__karte.sk-capped{display:none !important} .sk-more.is-needed{display:inline-flex;align-items:center;justify-content:center} } /*region-wappen*/ .kulinarik-kachel__flag{display:none !important} .region-wappen{display:inline-flex;align-items:center;height:26px;width:auto;flex:0 0 auto} .region-wappen svg{height:26px;width:auto;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))} /*saisonkalender-promoted*/ .saisonkalender--promoted{background:#f6f1e5;border:1px solid #e4dcc6;border-radius:16px;padding:1.8rem 1.6rem 2rem;margin:1.2rem auto 1.5rem;box-shadow:0 4px 18px rgba(79,122,54,.08)} .jk-monate-titel{text-align:center;margin:2.6rem 0 1.2rem;font-size:1.7rem} @media(max-width:767px){.saisonkalender--promoted{padding:1.2rem .9rem 1.4rem;border-radius:12px}} /* uh-fs-prominenz: Merkmals-Slider als abgesetzte Aktions-Zone */ .uh-fs{background:#faf8f4;border:1px solid #ece7dd;border-top:4px solid #e2761b;border-radius:16px;padding:clamp(1.4rem,3vw,2.4rem);box-shadow:0 8px 28px rgba(39,60,35,.07)} @media (max-width:600px){.uh-fs{border-radius:12px}} /* uh-fs-layout: Desktop = Grid; Mobile = Wisch-Slider (Slider nur auf Magazin-Seiten) */ @media (min-width:768px){ .uh-fs__track{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;overflow:visible !important;scroll-snap-type:none !important} .uh-fs__nav{display:none !important} .uh-fs__card{flex:1 1 150px !important;min-width:0 !important;max-width:250px !important} } /* uh-fs: Huetten-Zahlen ausblenden */ .uh-fs__count{display:none !important} .uh-fs__foot{justify-content:flex-end !important} /* uh-fs Abstaende um den Slider-Artikel auf Desktop straffen (mobil unveraendert) */ @media (min-width:768px){ .mod_article .inside:has(.uh-fs){padding-top:2.4rem !important;padding-bottom:2.4rem !important} .uh-fs{margin-top:0 !important} .mod_article:has(+ .mod_article .uh-fs) .inside{padding-bottom:2.4rem !important} .mod_article:has(+ .mod_article .uh-fs) .inside > *:last-child{margin-bottom:0 !important} } /* ============================================================ uh-dyn v1 (25.07.2026) — Marker: __uhDynV1-css Styles für Sofortausgabe, rotierende Kuration, Kurzfristig frei. Mobil (<900px): manueller Wisch-Slider · Desktop: Kachel-Grid. Rückbau: diesen Block löschen (gehört zum uh-dyn-Block in custom.js). ============================================================ */ .uh-dyn{ padding:44px 0; background:#f4eede; border-top:4px solid #6b8532; } .uh-dyn--laden{ border-top-color:#d6cbb4; } .uh-dyn__wrap{ width:min(1120px,92%); margin:0 auto; } .uh-dyn__kick{ font-size:13px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:#b98a3d; margin:0 0 6px; font-family:Ubuntu,Arial,Helvetica,sans-serif; } .uh-dyn__h2{ font-family:Lora,Georgia,serif; font-weight:700; font-size:clamp(26px,3.2vw,40px); color:#6b8532; line-height:1.2; margin:0; } .uh-dyn__chip{ display:inline-block; background:#fff; border:1px solid #d6cbb4; color:#4f7a36; font-size:13px; font-weight:700; font-family:Ubuntu,Arial,Helvetica,sans-serif; padding:3px 11px; margin-left:10px; vertical-align:middle; } .uh-dyn__sub{ color:#6c6257; font-size:14.5px; margin:6px 0 0; max-width:760px; } .uh-dyn__sub a{ color:#4f7a36; font-weight:600; } .uh-dyn__cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:24px; } .uh-dyn__card{ background:#fff; border:1px solid rgba(0,0,0,.06); box-shadow:0 4px 14px rgba(0,0,0,.08); overflow:hidden; border-radius:16px; } .uh-dyn__imgwrap{ position:relative; display:block; aspect-ratio:4/3; overflow:hidden; background:#ddd4c0; } .uh-dyn__imgwrap img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; } .uh-dyn__card:hover .uh-dyn__imgwrap img{ transform:scale(1.05); } .uh-dyn__badge{ position:absolute; left:10px; top:10px; background:#4f7a36; color:#fff; font-size:13px; font-weight:700; font-family:Ubuntu,Arial,Helvetica,sans-serif; padding:5px 10px; box-shadow:0 2px 8px rgba(0,0,0,.25); z-index:2; } .uh-dyn__badge--luecke{ background:#b98a3d; } .uh-dyn__body{ padding:14px 16px 16px; } .uh-dyn__name{ font-family:Lora,Georgia,serif; font-weight:700; font-size:18px; line-height:1.3; margin:0; color:#4e4639; } .uh-dyn__ort{ color:#6c6257; font-size:14px; margin:2px 0 0; } .uh-dyn__cta{ display:block; text-align:center; background:#4f7a36; color:#fff !important; font-weight:600; font-family:Ubuntu,Arial,Helvetica,sans-serif; font-size:15px; padding:11px; text-decoration:none; margin-top:12px; transition:background .15s; border-radius:0; } .uh-dyn__cta:hover{ background:#416529; } .uh-dyn__foot{ text-align:center; margin:28px 0 0; } .uh-dyn__btn{ display:inline-block; background:#4f7a36; color:#fff !important; font-weight:600; font-family:Ubuntu,Arial,Helvetica,sans-serif; font-size:16px; padding:13px 26px; text-decoration:none; border-radius:0; transition:background .15s; } .uh-dyn__btn:hover{ background:#416529; } .uh-dyn__hint{ text-align:center; font-size:13.5px; color:#6c6257; margin:12px 0 0; } .uh-dyn__lade{ font-size:15px; color:#6c6257; font-family:Ubuntu,Arial,Helvetica,sans-serif; } .uh-dyn__spin{ display:inline-block; width:20px; height:20px; border:3px solid #d6cbb4; border-top-color:#4f7a36; border-radius:50%; animation:uhdynsp .8s linear infinite; vertical-align:-4px; margin-right:10px; } @keyframes uhdynsp{ to{ transform:rotate(360deg); } } @media (max-width:899px){ .uh-dyn__cards{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; gap:14px; padding-bottom:10px; scrollbar-width:none; } .uh-dyn__cards::-webkit-scrollbar{ display:none; } .uh-dyn__card{ flex:0 0 78vw; max-width:340px; scroll-snap-align:start; } } @media (max-width:560px){ .uh-dyn{ padding:34px 0; } } /* v1.1: Merkliste-Herz auf Karten */ .uh-dyn__fav{ position:absolute; right:10px; top:10px; z-index:3; width:42px; height:42px; border-radius:50%; border:0; cursor:pointer; background:rgba(255,255,255,.92); color:#5b6779; display:flex; align-items:center; justify-content:center; padding:0; box-shadow:0 2px 8px rgba(0,0,0,.2); transition:color .15s, transform .15s; } .uh-dyn__fav svg{ width:22px; height:22px; display:block; } .uh-dyn__fav--an svg{ fill:currentColor; } .uh-dyn__fav:hover{ transform:scale(1.08); } .uh-dyn__fav--an{ color:#e2456b; } /* v1.1: Pills (Kategorie + Highlight) */ .uh-dyn__pill{ position:absolute; left:10px; top:10px; z-index:2; background:#fff; color:#4f7a36; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-family:Ubuntu,Arial,Helvetica,sans-serif; padding:5px 11px; border-radius:999px; box-shadow:0 2px 8px rgba(0,0,0,.18); } .uh-dyn__pill--hl{ top:auto; bottom:10px; } .uh-dyn__badge ~ .uh-dyn__pill--hl{ } /* v1.1: Inspirations-Kacheln (taeglich wechselnd) */ .uh-dyn__tiles{ margin-top:26px; } .uh-dyn__tile{ text-decoration:none; color:#4e4639; display:flex; flex-direction:column; } .uh-dyn__tile .uh-dyn__imgwrap{ aspect-ratio:16/10; } .uh-dyn__tiletitel{ display:block; font-family:Lora,Georgia,serif; font-weight:700; font-size:20px; color:#4f7a36; margin:0 0 4px; } .uh-dyn__tiletext{ display:block; font-size:14.5px; color:#6c6257; line-height:1.5; } .uh-dyn__weiter{ display:inline-block; margin-top:10px; font-weight:700; font-size:14px; color:#4f7a36; text-decoration:underline; } .uh-dyn__tile:hover .uh-dyn__weiter{ color:#4e4639; } /* v1.2 (Phase 2): Sterne-Fix + Wiederkehrer + Flexi + Melder + Anlass-Fenster */ #article-681 .uh-kick{ display:none !important; } /* doppelte Sternenzeile unter "Das sagen unsere Gäste" */ /* Wiederkehrer v2: Karte statt Banner (unveroeffentlicht, siehe custom.js AKTIV-Flag) */ .uh-dyn__wwrap{ width:min(720px,92%); margin:18px auto 0; font-family:Ubuntu,Arial,Helvetica,sans-serif; } .uh-dyn__wcard{ position:relative; background:#fff; border:1px solid rgba(0,0,0,.06); border-top:3px solid #d3822f; border-radius:16px; box-shadow:0 4px 14px rgba(0,0,0,.08); padding:16px 20px 18px; } .uh-dyn__wkick{ font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#b98a3d; margin:0 0 4px; } .uh-dyn__wrow{ display:flex; align-items:center; gap:14px 20px; flex-wrap:wrap; } .uh-dyn__wtitel{ font-family:Lora,Georgia,serif; font-weight:700; font-size:18px; color:#4e4639; margin:0; } .uh-dyn__wdaten{ font-size:14.5px; color:#6c6257; margin:2px 0 0; } .uh-dyn__wgo{ margin-left:auto; background:#4f7a36; color:#fff; border:0; border-radius:0; font-family:Ubuntu,Arial,Helvetica,sans-serif; font-weight:600; font-size:15px; padding:11px 24px; cursor:pointer; transition:background .15s; } .uh-dyn__wgo:hover{ background:#416529; } .uh-dyn__wx{ position:absolute; top:6px; right:10px; background:none; border:0; font-size:22px; line-height:1; color:#b9b0a0; cursor:pointer; padding:4px; } .uh-dyn__wx:hover{ color:#6c6257; } .uh-dyn__wimg{ flex:0 0 auto; display:block; width:104px; height:78px; border-radius:10px; overflow:hidden; } .uh-dyn__wimg img{ width:100%; height:100%; object-fit:cover; display:block; } .uh-dyn__wtext{ flex:1 1 240px; } .uh-dyn__wtipp{ font-family:Lora,Georgia,serif; font-weight:700; font-size:17px; color:#4e4639 !important; text-decoration:none; } .uh-dyn__wtipp:hover{ color:#4f7a36 !important; } .uh-dyn__wklein{ font-size:12.5px; color:#8a8073; } .uh-dyn__wacts{ display:flex; align-items:center; gap:10px 18px; flex-wrap:wrap; margin-top:14px; } .uh-dyn__wlink{ color:#4f7a36 !important; font-weight:600; font-size:14.5px; text-decoration:underline; } @media (max-width:560px){ .uh-dyn__wgo{ margin-left:0; width:100%; } .uh-dyn__wimg{ width:88px; height:66px; } } .uh-dyn__flexi{ margin-top:14px; background:#fff; border-left:4px solid #b98a3d; border-radius:0 12px 12px 0; padding:12px 16px; font-size:15px; } .uh-dyn__flexi a{ color:#4f7a36; text-decoration:none; } .uh-dyn__flexi a:hover{ text-decoration:underline; } .uh-dyn__melder{ background:#fff; border:2px solid #4f7a36; border-radius:16px; padding:20px 22px; margin-top:22px; display:flex; gap:16px; align-items:center; flex-wrap:wrap; } .uh-dyn__melder-t{ flex:1 1 320px; font-size:15px; } .uh-dyn__anlgrid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); gap:14px; margin-top:22px; } .uh-dyn__anlchip{ background:#fff; border:1px solid rgba(0,0,0,.06); border-top:3px solid #d3822f; border-radius:16px; box-shadow:0 3px 10px rgba(0,0,0,.07); padding:16px; text-decoration:none; color:#4e4639; transition:transform .15s, box-shadow .15s; display:block; } .uh-dyn__anlchip:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.12); } .uh-dyn__anlname{ display:block; font-family:Lora,Georgia,serif; font-weight:700; font-size:17px; color:#4e4639; } .uh-dyn__anlwann{ display:block; font-size:13px; color:#6c6257; margin:1px 0 8px; } .uh-dyn__anlfrei{ display:block; font-size:14px; font-weight:700; color:#4f7a36; } .uh-dyn__anlfrei--knapp{ color:#a4552e; } .uh-dyn__anlbar{ display:block; height:6px; background:#f4eede; border:1px solid #d6cbb4; border-radius:99px; margin-top:8px; overflow:hidden; } .uh-dyn__anlbar i{ display:block; height:100%; background:#4f7a36; } .uh-dyn__anlbar i.knapp{ background:#c07040; } @media (max-width:960px){ .uh-dyn__anlgrid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:560px){ .uh-dyn__anlgrid{ grid-template-columns:1fr; } } /* ===== uh-dyn v1 CSS ENDE ===== */ #top .mod_article.p-b-0>.inside{padding-bottom:0}#top .mod_article.p-t-0>.inside{padding-top:0}html{--color-default: #ff5636;--color-gray-dark: #222;--color-gray: #555;--color-gray-light: #ccc;--color-brand: var(--color-default);--color-highlight: var(--color-brand);--color-page-background: #fff;--color-text: var(--color-gray-dark);--color-text-inverted: var(--color-page-background);--color-error: rgba(255, 0, 0, 1);--color-error-light: rgba(255, 0, 0, 0.5);--base-font-size-xs: 0.875rem;--base-font-size: 1rem;--base-font-size-xl: 1.125rem;--base-line-height: 1.625;--base-font-weight: 400;--base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;--base-spacing-unit: 1rem;--base-spacing-unit-xs: calc(var(--base-spacing-unit) / 4);--base-spacing-unit-sm: calc(var(--base-spacing-unit) / 2);--base-spacing-unit-lg: calc(var(--base-spacing-unit) * 2);--base-spacing-unit-xl: calc(var(--base-spacing-unit) * 4);--base-border-radius: 4px;--base-border-width: 1px;--base-border-color: var(--color-gray-light);--base-border: var(--base-border-width) solid var(--base-border-color);--grid-columns: 12;--grid-gutter: 1.875rem;--grid-gutter-half: calc(var(--grid-gutter) / 2);--layout-spacing-sides: var(--base-spacing-unit);--layout-wrapper-background: transparent;--layout-header-background: var(--color-page-background);--layout-header-color: var(--color-text);--layout-footer-background: transparent;--layout-footer-color: var(--color-text);--article-spacing-sides: var(--grid-gutter-half);--article-spacing-top: var(--base-spacing-unit);--article-spacing-bottom: var(--base-spacing-unit);--headings-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;--headings-font-weight: 700;--headings-color: "currentColor";--h1-font-family: var(--headings-font-family);--h1-font-weight: var(--headings-font-weight);--h1-color: var(--headings-color);--h1-font-size: 2rem;--h1-font-size-sm: 2rem;--h1-font-size-md: 2.25rem;--h1-font-size-lg: 2.25rem;--h1-font-size-xl: 2.25rem;--h1-line-height: 1.55;--h1-spacing-top: 0;--h1-spacing-bottom: 0.5rem;--h2-font-family: var(--headings-font-family);--h2-font-weight: var(--headings-font-weight);--h2-color: var(--headings-color);--h2-font-size: 1.625rem;--h2-font-size-sm: 1.625rem;--h2-font-size-md: 1.75rem;--h2-font-size-lg: 1.75rem;--h2-font-size-xl: 1.75rem;--h2-line-height: 1.5;--h2-spacing-top: 0;--h2-spacing-bottom: 0.5rem;--h3-font-family: var(--headings-font-family);--h3-font-weight: var(--headings-font-weight);--h3-color: var(--headings-color);--h3-font-size: 1.375rem;--h3-font-size-sm: 1.375rem;--h3-font-size-md: 1.5rem;--h3-font-size-lg: 1.5rem;--h3-font-size-xl: 1.5rem;--h3-line-height: 1.25;--h3-spacing-top: 0;--h3-spacing-bottom: 0.5rem;--h4-font-family: var(--headings-font-family);--h4-font-weight: var(--headings-font-weight);--h4-color: var(--headings-color);--h4-font-size: 1.125rem;--h4-font-size-sm: 1.125rem;--h4-font-size-md: 1.25rem;--h4-font-size-lg: 1.25rem;--h4-font-size-xl: 1.25rem;--h4-line-height: 1;--h4-spacing-top: 0;--h4-spacing-bottom: 0.5rem;--h5-font-family: var(--headings-font-family);--h5-font-weight: var(--headings-font-weight);--h5-color: var(--headings-color);--h5-font-size: 1rem;--h5-font-size-sm: 1rem;--h5-font-size-md: 1rem;--h5-font-size-lg: 1rem;--h5-font-size-xl: 1rem;--h5-line-height: 1;--h5-spacing-top: 0;--h5-spacing-bottom: 0.5rem;--h6-font-family: var(--headings-font-family);--h6-font-weight: var(--headings-font-weight);--h6-color: var(--headings-color);--h6-font-size: 0.875rem;--h6-font-size-sm: 0.875rem;--h6-font-size-md: 0.875rem;--h6-font-size-lg: 0.875rem;--h6-font-size-xl: 0.875rem;--h6-line-height: 1;--h6-spacing-top: 0;--h6-spacing-bottom: 0.5rem;--paragraph-link-color: var(--links-color);--paragraph-link-decoration: underline;--paragraph-link-decoration-hover: none;--code-color: var(--color-highlight);--selection-background: var(--color-brand);--pre-color-background: var(--color-gray);--pre-color: var(--color-text-inverted);--selection-color: var(--color-text-inverted);--hr-border: var(--base-border);--gallery-gutter: var(--grid-gutter);--gallery-gutter-half: calc(var(--gallery-gutter) / 2);--links-color: var(--color-highlight);--links-color-hover: var(--color-highlight);--links-color-visited: var(--links-color);--links-outline-focus: 2px dotted var(--links-outline-color, var(--color-highlight));--links-outline-active: none;--button-color: var(--color-text-inverted);--button-background: var(--color-highlight);--button-color-hover: var(--button-color);--button-background-hover: var(--color-highlight);--button-spacing: var(--base-spacing-unit-sm) var(--base-spacing-unit);--button-border-radius: var(--base-border-radius);--button-border-width: var(--base-border-width);--button-font-family: var(--base-font-family);--button-font-weight: 400;--button-font-size: var(--base-font-size);--button-line-height: var(--base-line-height);--nav-item-padding: var(--base-spacing-unit);--slider-arrow-color: inherit;--slider-arrow-size: 2rem;--slider-arrow-font-family: "Arial";--slider-menu-point-size: 2rem;--slider-menu-point-color: inherit;--slider-menu-point-color-active: var(--color-brand);--news-grid-columns-sm: 2;--news-grid-columns-md: 2;--news-grid-columns-lg: 3;--news-grid-columns-xl: 3;--news-border: var(--base-border);--events-grid-columns-sm: 1;--events-grid-columns-md: 2;--events-grid-columns-lg: 3;--events-grid-columns-xl: 3;--forms-input-border-width: var(--base-border-width);--forms-input-border-radius: var(--base-border-radius);--forms-input-border-color: rgba(0, 0, 0, 0.25);--forms-input-background: var(--color-page-background);--forms-input-line-height: normal;--forms-mandatory-color: var(--color-brand);--accordion-spacing: var(--base-spacing-unit);--accordion-content-spacing: var(--base-spacing-unit-sm);--accordion-content-background: var(--color-gray-light);--accordion-toggler-font-size: 1.5rem;--accordion-toggler-background: var(--color-highlight);--accordion-toggler-color: var(--color-text-inverted);--accordion-toggler-color-hover: var(--color-brand-primary);--accordion-toggler-spacing: var(--base-spacing-unit-xs);--accordion-toggler-border: 2px solid transparent;--download-link-color: inherit;--download-link-decoration: none;--table-border-width: 1px;--table-border-style: solid;--table-border-color: #ccc;--table-background-light: #eee;--newsletter-list-border: var(--base-border);--newsletter-reader-width: 600px;--newsletter-reader-border: var(--base-border);--faq-border: var(--base-border);--search-relevance-color: var(--color-gray);--search-url-color: var(--color-gray)}:root{--color-gray-dark: #554236;--color-gray-darker: #000000;--color-gray: #555555;--color-gray-light: #f1f1f1;--color-green-lighter: #ebedd7;--color-green-light: #c2cd27;--color-green: #9ba238;--color-green-dark: #777c2b;--color-turquoise: #228080;--color-turquoise-dark: #185959;--color-tint: var(--color-green-lighter);--color-brand-light: var(--color-green-light);--color-brand: var(--color-green);--color-brand-dark: var(--color-green-dark);--color-brand-secondary: #4e4639;--color-brand-secondary-dark: #312c23;--color-highlight: var(--color-green-lighter);--color-text: var(--color-brand-secondary);--base-font-size-xl: 1.25rem;--base-font-family-serif: "Galada", Georgia, "Times New Roman", serif;--base-font-family-sans-serif: "Ubuntu", Arial, Helvetica, sans-serif;--base-font-family: var(--base-font-family-sans-serif);--base-line-height: 1.6em;--base-spacing-unit: 1.5rem;--base-border-radius: 0px;--base-border-width: 1px;--base-border-color: rgba(0, 0, 0, 0.2);--base-overlay-background: rgba(255, 255, 255, 0.7);--base-overlay-background-brand: rgba(167, 214, 15, 0.7);--base-box-shadow: 0 2px calc(var(--base-spacing-unit) / 4) rgba(0, 0, 0, 0.6);--base-text-shadow: 0.125em 0.125em var(--base-spacing-unit) rgba(0, 0, 0, 0.3);--grid-gutter: 1rem;--headings-font-family: var(--base-font-family-serif);--headings-font-weight: 700;--headings-color: var(--color-brand-secondary);--h1-font-size: 1.5rem;--h1-font-size-sm: 1.5rem;--h1-font-size-md: 2.5rem;--h1-font-size-lg: 2.5rem;--h1-font-size-xl: 2.75rem;--h1-line-height: 1.25;--h1-spacing-top: 0;--h1-spacing-bottom: 2.5rem;--h2-font-size: 2rem;--h2-font-size-sm: 2rem;--h2-font-size-md: 2rem;--h2-font-size-lg: 2rem;--h2-font-size-xl: 2rem;--h2-line-height: 1.25;--h2-spacing-top: 0;--h2-spacing-bottom: 2rem;--h3-font-size: 1.125rem;--h3-font-size-sm: 1.125rem;--h3-font-size-md: 1.25rem;--h3-font-size-lg: 1.25rem;--h3-font-size-xl: 1.375rem;--h3-line-height: 1.25;--h3-spacing-top: 0;--h3-spacing-bottom: 1rem;--h4-font-size: 1.125rem;--h4-font-size-sm: 1.125rem;--h4-font-size-md: 1.25rem;--h4-font-size-lg: 1.25rem;--h4-font-size-xl: 1.25rem;--h4-line-height: 1.25;--h4-spacing-top: 0;--h4-spacing-bottom: 0.5rem;--h5-font-size: 1rem;--h5-font-size-sm: 1rem;--h5-font-size-md: 1rem;--h5-font-size-lg: 1rem;--h5-font-size-xl: 1rem;--h5-line-height: 1.25;--h5-spacing-top: 0;--h5-spacing-bottom: 0.5rem;--h6-font-size: 0.875rem;--h6-font-size-sm: 0.875rem;--h6-font-size-md: 0.875rem;--h6-font-size-lg: 0.875rem;--h6-font-size-xl: 0.875rem;--h6-line-height: 1.25;--h6-spacing-top: 0;--h6-spacing-bottom: 0.5rem;--alert-background: var(--color-brand);--alert-border: var(--color-alert-background);--code-background: var(--color-gray-light);--code-color: var(--color-highlight);--paragraph-link-color: var(--color-links);--paragraph-link-decoration: underline;--paragraph-link-decoration-hover: none;--pre-color-background: var(--color-gray);--pre-color: var(--color-text-inverted);--list-icon-size: 1em;--list-icon-margin: 0.5rem;--layout-header-background: var(--color-page-background);--layout-footer-background: var(--color-brand-secondary);--layout-footer-color: var(--color-text-inverted);--article-highlight-background: var(--color-highlight);--article-highlight-text: var(--color-text-inverted);--article-tint-background: var(--color-tint);--article-dark-background: var(--color-gray-dark);--article-dark-text: var(--color-text-inverted);--article-spacing-top: var(--base-spacing-unit);--article-spacing-bottom: var(--base-spacing-unit);--gallery-background: var(--color-brand);--gallery-gutter: 2px;--links-color: var(--color-brand);--links-color-hover: var(--color-brand-dark);--button-border-radius: 0;--button-spacing: 0.125rem 0.5rem;--button-background-hover: var(--color-brand-dark);--button-secondary-color: var(--color-brand);--button-secondary-color-hover: var(--color-brand-dark);--button-secondary-background: transparent;--button-secondary-background-hover: transparent;--nav-main-item-padding: var(--base-spacing-unit) 1.5rem;--nav-main-item-padding-sm: var(--base-spacing-unit-sm);--nav-main-font-family: var(--base-font-family);--nav-main-font-weight: 700;--nav-main-color: var(--color-brand-secondary);--nav-main-border-color: var(--color-brand);--nav-mobile-color-background: var(--base-overlay-background);--nav-icon-width: 1.75rem;--nav-icon-stroke: 3px;--swiper-navigation-size: 2rem;--swiper-navigation-color: var(--color-text-inverted);--swiper-pagination-bullet-size: 0.5rem;--swiper-pagination-bullet-inactive-color: var(--color-text-inverted);--swiper-pagination-color: var(--color-brand);--input-spacing-unit: var(--base-spacing-unit-xs) var(--base-spacing-unit-sm);--accordion-spacing: var(--base-spacing-unit-sm);--accordion-border-radius: 0;--accordion-toggler-font-size: inherit;--accordion-toggler-font-weight: inherit;--accordion-toggler-background: transparent;--accordion-toggler-color: var(--color-brand-secondary);--accordion-toggler-color-hover: var(--color-brand-secondary-dark);--accordion-toggler-spacing: var(--base-spacing-unit-xs);--accordion-toggler-border: var(--base-border);--accordion-toggler-spacing: var(--base-spacing-unit-xs) var(--base-spacing-unit-sm);--accordion-toggler-icon-size: 1.25;--accordion-toggler-border-radius: 0;--accordion-content-spacing: var(--base-spacing-unit-sm) var(--base-spacing-unit-sm) var(--base-spacing-unit);--accordion-content-background: transparent;--accordion-content-border: var(--base-border);--hero-text-background: var(--color-page-background);--hero-color-text: var(--color-text);--hero-font-family: var(--base-font-family);--hero-font-weight: 400;--hero-heading-font-family: var(--base-font-family-serif);--hero-heading-font-weight: 700;--card-font-size: var(--base-font-size-xs);--card-color: var(--color-text-inverted);--card-headline-color: var(--color-text-inverted);--card-headline-color-hover: var(--color-brand-secondary);--card-background: var(--base-overlay-background-brand);--contact-headline-color: var(--color-brand-secondary);--contact-color: var(--color-text-inverted);--contact-background: var(--base-overlay-background-brand);--description-term-font-size: 1rem;--description-term-font-weight: 700;--headersize: 5rem}@media screen and (min-width:48em){:root{--grid-gutter: 1.875rem}}@media screen and (min-width:58.75em){:root{--article-spacing-top: calc(var(--base-spacing-unit) * 3);--article-spacing-bottom: calc(var(--base-spacing-unit) * 3)}}@media screen and (min-width:75em){:root{--article-spacing-top: var(--base-spacing-unit-xl);--article-spacing-bottom: var(--base-spacing-unit-xl)}}/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit}optgroup{font-weight:bold}button,input,select{overflow:visible}button,input,select,textarea{margin:0}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}.float_left{float:left}.float_right{float:right}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--base-spacing-unit-sm)}ul,ol,dl,blockquote,p,address,hr,fieldset,figure,pre{margin-bottom:var(--base-spacing-unit)}ul,ol,dd{margin-left:var(--base-spacing-unit)}.clearfix:after{content:"";display:table;clear:both}a:focus-visible,[tabindex="0"]:focus-visible{outline:var(--links-outline-focus)}a:active,[tabindex="0"]:active{outline:var(--links-outline-active)}a{color:var(--links-color)}a:visited{color:var(--links-color-visited)}:not(p) a{text-decoration:none}figure{margin:0}img{display:block;max-width:100%;height:auto;margin:0 auto}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}@media only screen and (max-width:767px){#childFrame{width:100vw !important;left:50%;position:relative;transform:translate(-50%, 0)}}*[id]{scroll-margin-top:7rem}html{font-family:var(--base-font-family, sans-serif);font-size:var(--base-font-size-xs);line-height:var(--base-line-height);font-weight:var(--base-font-weight);background-color:var(--color-page-background);color:var(--color-text);overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media screen and (min-width:34.375em){html{font-size:var(--base-font-size-sm, var(--base-font-size))}}@media screen and (min-width:48em){html{font-size:var(--base-font-size)}}@media screen and (min-width:58.75em){html{font-size:var(--base-font-size-lg, var(--base-font-size))}}@media screen and (min-width:75em){html{font-size:var(--base-font-size-xl)}}body{scroll-padding-top:var(--header-height)}@font-face{font-display:swap;font-family:"Ubuntu";font-style:normal;font-weight:300;src:url("/files/theme/fonts/ubuntu-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:italic;font-weight:300;src:url("/files/theme/fonts/ubuntu-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-300italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:normal;font-weight:400;src:url("/files/theme/fonts/ubuntu-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:italic;font-weight:400;src:url("/files/theme/fonts/ubuntu-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:normal;font-weight:500;src:url("/files/theme/fonts/ubuntu-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:italic;font-weight:500;src:url("/files/theme/fonts/ubuntu-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-500italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:normal;font-weight:700;src:url("/files/theme/fonts/ubuntu-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:italic;font-weight:700;src:url("/files/theme/fonts/ubuntu-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext-700italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Galada";font-style:normal;font-weight:400;src:url("/files/theme/fonts/galada-v19-bengali_latin-regular.woff2") format("woff2")}h1,.heading--1.ce_headline,.heading--1.content-headline,.heading--1 h1,.heading--1 h2,.heading--1 h3,.heading--1 h4,.heading--1 h5,.heading--1 h6{font-family:var(--h1-font-family);font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);color:var(--h1-color);margin-top:var(--h1-spacing-top);margin-bottom:var(--h1-spacing-bottom)}@media screen and (min-width:34.375em){h1,.heading--1.ce_headline,.heading--1.content-headline,.heading--1 h1,.heading--1 h2,.heading--1 h3,.heading--1 h4,.heading--1 h5,.heading--1 h6{--h1-font-size: var(--h1-font-size-sm)}}@media screen and (min-width:48em){h1,.heading--1.ce_headline,.heading--1.content-headline,.heading--1 h1,.heading--1 h2,.heading--1 h3,.heading--1 h4,.heading--1 h5,.heading--1 h6{--h1-font-size: var(--h1-font-size-md)}}@media screen and (min-width:58.75em){h1,.heading--1.ce_headline,.heading--1.content-headline,.heading--1 h1,.heading--1 h2,.heading--1 h3,.heading--1 h4,.heading--1 h5,.heading--1 h6{--h1-font-size: var(--h1-font-size-lg)}}@media screen and (min-width:75em){h1,.heading--1.ce_headline,.heading--1.content-headline,.heading--1 h1,.heading--1 h2,.heading--1 h3,.heading--1 h4,.heading--1 h5,.heading--1 h6{--h1-font-size: var(--h1-font-size-xl)}}h2,.heading--2.ce_headline,.heading--2.content-headline,.heading--2 h1,.heading--2 h2,.heading--2 h3,.heading--2 h4,.heading--2 h5,.heading--2 h6,blockquote p,.ce_hero .hero__text .hero__headline{font-family:var(--h2-font-family);font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);color:var(--h2-color);margin-top:var(--h2-spacing-top);margin-bottom:var(--h2-spacing-bottom)}@media screen and (min-width:34.375em){h2,.heading--2.ce_headline,.heading--2.content-headline,.heading--2 h1,.heading--2 h2,.heading--2 h3,.heading--2 h4,.heading--2 h5,.heading--2 h6,blockquote p,.ce_hero .hero__text .hero__headline{--h2-font-size: var(--h2-font-size-sm)}}@media screen and (min-width:48em){h2,.heading--2.ce_headline,.heading--2.content-headline,.heading--2 h1,.heading--2 h2,.heading--2 h3,.heading--2 h4,.heading--2 h5,.heading--2 h6,blockquote p,.ce_hero .hero__text .hero__headline{--h2-font-size: var(--h2-font-size-md)}}@media screen and (min-width:58.75em){h2,.heading--2.ce_headline,.heading--2.content-headline,.heading--2 h1,.heading--2 h2,.heading--2 h3,.heading--2 h4,.heading--2 h5,.heading--2 h6,blockquote p,.ce_hero .hero__text .hero__headline{--h2-font-size: var(--h2-font-size-lg)}}@media screen and (min-width:75em){h2,.heading--2.ce_headline,.heading--2.content-headline,.heading--2 h1,.heading--2 h2,.heading--2 h3,.heading--2 h4,.heading--2 h5,.heading--2 h6,blockquote p,.ce_hero .hero__text .hero__headline{--h2-font-size: var(--h2-font-size-xl)}}h3,.heading--3.ce_headline,.heading--3.content-headline,.heading--3 h1,.heading--3 h2,.heading--3 h3,.heading--3 h4,.heading--3 h5,.heading--3 h6,.ce_contact h1,.ce_contact h2,.ce_contact h3,.ce_contact h4,.ce_contact h5,.ce_contact h6,.ce_contact .contact__name{font-family:var(--h3-font-family);font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);color:var(--h3-color);margin-top:var(--h3-spacing-top);margin-bottom:var(--h3-spacing-bottom)}@media screen and (min-width:34.375em){h3,.heading--3.ce_headline,.heading--3.content-headline,.heading--3 h1,.heading--3 h2,.heading--3 h3,.heading--3 h4,.heading--3 h5,.heading--3 h6,.ce_contact h1,.ce_contact h2,.ce_contact h3,.ce_contact h4,.ce_contact h5,.ce_contact h6,.ce_contact .contact__name{--h3-font-size: var(--h3-font-size-sm)}}@media screen and (min-width:48em){h3,.heading--3.ce_headline,.heading--3.content-headline,.heading--3 h1,.heading--3 h2,.heading--3 h3,.heading--3 h4,.heading--3 h5,.heading--3 h6,.ce_contact h1,.ce_contact h2,.ce_contact h3,.ce_contact h4,.ce_contact h5,.ce_contact h6,.ce_contact .contact__name{--h3-font-size: var(--h3-font-size-md)}}@media screen and (min-width:58.75em){h3,.heading--3.ce_headline,.heading--3.content-headline,.heading--3 h1,.heading--3 h2,.heading--3 h3,.heading--3 h4,.heading--3 h5,.heading--3 h6,.ce_contact h1,.ce_contact h2,.ce_contact h3,.ce_contact h4,.ce_contact h5,.ce_contact h6,.ce_contact .contact__name{--h3-font-size: var(--h3-font-size-lg)}}@media screen and (min-width:75em){h3,.heading--3.ce_headline,.heading--3.content-headline,.heading--3 h1,.heading--3 h2,.heading--3 h3,.heading--3 h4,.heading--3 h5,.heading--3 h6,.ce_contact h1,.ce_contact h2,.ce_contact h3,.ce_contact h4,.ce_contact h5,.ce_contact h6,.ce_contact .contact__name{--h3-font-size: var(--h3-font-size-xl)}}h4,.heading--4.ce_headline,.heading--4.content-headline,.heading--4 h1,.heading--4 h2,.heading--4 h3,.heading--4 h4,.heading--4 h5,.heading--4 h6,.ce_card .card__headline{font-family:var(--h4-font-family);font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);color:var(--h4-color);margin-top:var(--h4-spacing-top);margin-bottom:var(--h4-spacing-bottom)}@media screen and (min-width:34.375em){h4,.heading--4.ce_headline,.heading--4.content-headline,.heading--4 h1,.heading--4 h2,.heading--4 h3,.heading--4 h4,.heading--4 h5,.heading--4 h6,.ce_card .card__headline{--h4-font-size: var(--h4-font-size-sm)}}@media screen and (min-width:48em){h4,.heading--4.ce_headline,.heading--4.content-headline,.heading--4 h1,.heading--4 h2,.heading--4 h3,.heading--4 h4,.heading--4 h5,.heading--4 h6,.ce_card .card__headline{--h4-font-size: var(--h4-font-size-md)}}@media screen and (min-width:58.75em){h4,.heading--4.ce_headline,.heading--4.content-headline,.heading--4 h1,.heading--4 h2,.heading--4 h3,.heading--4 h4,.heading--4 h5,.heading--4 h6,.ce_card .card__headline{--h4-font-size: var(--h4-font-size-lg)}}@media screen and (min-width:75em){h4,.heading--4.ce_headline,.heading--4.content-headline,.heading--4 h1,.heading--4 h2,.heading--4 h3,.heading--4 h4,.heading--4 h5,.heading--4 h6,.ce_card .card__headline{--h4-font-size: var(--h4-font-size-xl)}}h5,.heading--5.ce_headline,.heading--5.content-headline,.heading--5 h1,.heading--5 h2,.heading--5 h3,.heading--5 h4,.heading--5 h5,.heading--5 h6,.onepage_article h1.heading--count,.onepage_article h2.heading--count,.onepage_article h3.heading--count,.onepage_article h4.heading--count,.onepage_article h5.heading--count,.onepage_article h6.heading--count{font-family:var(--h5-font-family);font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);color:var(--h5-color);margin-top:var(--h5-spacing-top);margin-bottom:var(--h5-spacing-bottom)}@media screen and (min-width:34.375em){h5,.heading--5.ce_headline,.heading--5.content-headline,.heading--5 h1,.heading--5 h2,.heading--5 h3,.heading--5 h4,.heading--5 h5,.heading--5 h6,.onepage_article h1.heading--count,.onepage_article h2.heading--count,.onepage_article h3.heading--count,.onepage_article h4.heading--count,.onepage_article h5.heading--count,.onepage_article h6.heading--count{--h5-font-size: var(--h5-font-size-sm)}}@media screen and (min-width:48em){h5,.heading--5.ce_headline,.heading--5.content-headline,.heading--5 h1,.heading--5 h2,.heading--5 h3,.heading--5 h4,.heading--5 h5,.heading--5 h6,.onepage_article h1.heading--count,.onepage_article h2.heading--count,.onepage_article h3.heading--count,.onepage_article h4.heading--count,.onepage_article h5.heading--count,.onepage_article h6.heading--count{--h5-font-size: var(--h5-font-size-md)}}@media screen and (min-width:58.75em){h5,.heading--5.ce_headline,.heading--5.content-headline,.heading--5 h1,.heading--5 h2,.heading--5 h3,.heading--5 h4,.heading--5 h5,.heading--5 h6,.onepage_article h1.heading--count,.onepage_article h2.heading--count,.onepage_article h3.heading--count,.onepage_article h4.heading--count,.onepage_article h5.heading--count,.onepage_article h6.heading--count{--h5-font-size: var(--h5-font-size-lg)}}@media screen and (min-width:75em){h5,.heading--5.ce_headline,.heading--5.content-headline,.heading--5 h1,.heading--5 h2,.heading--5 h3,.heading--5 h4,.heading--5 h5,.heading--5 h6,.onepage_article h1.heading--count,.onepage_article h2.heading--count,.onepage_article h3.heading--count,.onepage_article h4.heading--count,.onepage_article h5.heading--count,.onepage_article h6.heading--count{--h5-font-size: var(--h5-font-size-xl)}}h6,.heading--6.ce_headline,.heading--6.content-headline,.heading--6 h1,.heading--6 h2,.heading--6 h3,.heading--6 h4,.heading--6 h5,.heading--6 h6{font-family:var(--h6-font-family);font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);color:var(--h6-color);margin-top:var(--h6-spacing-top);margin-bottom:var(--h6-spacing-bottom)}@media screen and (min-width:34.375em){h6,.heading--6.ce_headline,.heading--6.content-headline,.heading--6 h1,.heading--6 h2,.heading--6 h3,.heading--6 h4,.heading--6 h5,.heading--6 h6{--h6-font-size: var(--h6-font-size-sm)}}@media screen and (min-width:48em){h6,.heading--6.ce_headline,.heading--6.content-headline,.heading--6 h1,.heading--6 h2,.heading--6 h3,.heading--6 h4,.heading--6 h5,.heading--6 h6{--h6-font-size: var(--h6-font-size-md)}}@media screen and (min-width:58.75em){h6,.heading--6.ce_headline,.heading--6.content-headline,.heading--6 h1,.heading--6 h2,.heading--6 h3,.heading--6 h4,.heading--6 h5,.heading--6 h6{--h6-font-size: var(--h6-font-size-lg)}}@media screen and (min-width:75em){h6,.heading--6.ce_headline,.heading--6.content-headline,.heading--6 h1,.heading--6 h2,.heading--6 h3,.heading--6 h4,.heading--6 h5,.heading--6 h6{--h6-font-size: var(--h6-font-size-xl)}}p,ul,ol{margin-top:0}p a,ul a,ol a{text-decoration:var(--paragraph-link-decoration)}p a:hover,ul a:hover,ol a:hover{--paragraph-link-decoration: var(--paragraph-link-decoration-hover)}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}code{color:var(--code-color)}pre{padding:1rem;background:var(--pre-color-background);color:var(--pre-color);overflow-x:scroll}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:var(--hr-border)}.li--block{margin-bottom:1rem}.ce_text,.content-text{margin-bottom:var(--base-spacing-unit)}::selection{background:var(--selection-background);color:var(--selection-color);opacity:1}.heading--left{text-align:left}.heading--center{text-align:center}.heading--right{text-align:right}.heading--light h1,.heading--light h2,.heading--light h3,.heading--light h4,.heading--light h5,.heading--light h6,.heading--light.content-headline{color:var(--color-gray-light)}h1,h2,h3{margin-bottom:0.5em;font-size:1.2em;font-weight:600;color:var(--color-brand);font-family:var(--base-font-family-sans-serif);line-height:1.2}.ce_headline.heading--1,.content-headline.heading--1,p.heading--1,h1.heading--1,h2.heading--1,h3.heading--1,h4.heading--1,h5.heading--1,h6.heading--1,div.heading--1{margin-bottom:0.5em;font-size:1.2em;font-weight:600;color:var(--color-brand);font-family:var(--base-font-family-sans-serif);line-height:1.2}.ce_headline.heading--2,.content-headline.heading--2,p.heading--2,h1.heading--2,h2.heading--2,h3.heading--2,h4.heading--2,h5.heading--2,h6.heading--2,div.heading--2{margin-bottom:0.1em;font-size:2.7em;font-weight:400;color:inherit;font-family:var(--base-font-family-serif);line-height:1.2}@media only screen and (max-width:991px){.ce_headline.heading--2,.content-headline.heading--2,p.heading--2,h1.heading--2,h2.heading--2,h3.heading--2,h4.heading--2,h5.heading--2,h6.heading--2,div.heading--2{font-size:2.2em}}@media only screen and (max-width:767px){.ce_headline.heading--2,.content-headline.heading--2,p.heading--2,h1.heading--2,h2.heading--2,h3.heading--2,h4.heading--2,h5.heading--2,h6.heading--2,div.heading--2{font-size:1.8em}}p{margin-bottom:0.5em}p a{color:var(--paragraph-link-color);-webkit-text-decoration:var(--paragraph-link-decoration);text-decoration:var(--paragraph-link-decoration)}p a:hover{-webkit-text-decoration:var(--paragraph-link-decoration-hover);text-decoration:var(--paragraph-link-decoration-hover)}.text--left{text-align:left}.text--center{text-align:center}.text--right{text-align:right}.text--attention{font-size:1.25em;line-height:1.6;color:var(--color-gray-light)}ul,ol{padding:0;margin-top:0}.ce_list,.ce_text,.content-text,.content-list,.rte,.text{margin-bottom:var(--base-spacing-unit)}.ce_list:last-child,.ce_text:last-child,.content-text:last-child,.content-list:last-child,.rte:last-child,.text:last-child{margin-bottom:0}.ce_list ul,.ce_text ul,.content-text ul,.content-list ul,.rte ul,.text ul{margin-left:0}.ce_list ul li,.ce_text ul li,.content-text ul li,.content-list ul li,.rte ul li,.text ul li{list-style-type:none;text-indent:calc(-1 * (var(--list-icon-size) + var(--list-icon-margin)));margin-left:calc(var(--list-icon-size) + var(--list-icon-margin));margin-bottom:0.5em}.ce_list ul li::before,.ce_text ul li::before,.content-text ul li::before,.content-list ul li::before,.rte ul li::before,.text ul li::before{content:"";display:inline-block;vertical-align:bottom;width:var(--list-icon-size);height:1em;-webkit-mask:url("/files/urlaubshuetten/icons/heart.svg") center / contain no-repeat;mask:url("/files/urlaubshuetten/icons/heart.svg") center / contain no-repeat;background-color:var(--color-brand);margin-right:var(--list-icon-margin);transform:translate(0, -0.25em)}@media only screen and (max-width:767px){.content-text{text-align:center}}blockquote{margin:0 0 var(--base-spacing-unit)}p+blockquote{margin-top:var(--base-spacing-unit)}blockquote p{background-color:var(--base-overlay-background-brand);color:var(--color-text-inverted);display:inline;padding:0 var(--base-spacing-unit-xs);line-height:1.5;-webkit-box-decoration-break:clone;box-decoration-break:clone}code{background:var(--code-background);display:inline-block;padding-left:4px;padding-right:4px;border-radius:var(--base-border-radius)}.onepage_article:first-of-type{counter-reset:onepage_article -1}.onepage_article{counter-increment:onepage_article}.onepage_article h1.heading--count,.onepage_article h2.heading--count,.onepage_article h3.heading--count,.onepage_article h4.heading--count,.onepage_article h5.heading--count,.onepage_article h6.heading--count{font-weight:700;line-height:1.15}.onepage_article h1.heading--count::before,.onepage_article h2.heading--count::before,.onepage_article h3.heading--count::before,.onepage_article h4.heading--count::before,.onepage_article h5.heading--count::before,.onepage_article h6.heading--count::before{content:counter(onepage_article,decimal-leading-zero) " —";display:block;color:var(--color-brand);font-size:var(--base-font-size-xs)}.onepage_article.article--highlight .heading--count::before{color:var(--color-brand-secondary)}.splitcols{column-count:2;column-width:350px;gap:2rem}.ce_rsce_iconheadline{margin-bottom:1.5em;display:flex;gap:0.5rem;align-items:baseline}.ce_rsce_iconheadline .heading--2{line-height:1}.ce_rsce_iconheadline b,.ce_rsce_iconheadline strong{color:var(--color-brand);font-weight:inherit}.ce_rsce_iconheadline .icon{margin-top:-0.65em;width:3em;height:3em;background:currentColor;display:block;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-size:contain;mask-position:center;mask-repeat:no-repeat}@media only screen and (max-width:991px){.ce_rsce_iconheadline .icon{margin-top:-0.65em;font-size:0.65em;transform:translate(0, 0.4em)}}.ce_rsce_decoheadline{margin-bottom:2.5em}ol{counter-reset:item}ol li{display:block;position:relative;margin-bottom:0.5em}ol li ol{margin-bottom:1.5em !important}ol li:before{content:counters(item, ".") ".";counter-increment:item;position:absolute;margin-right:100%;right:0.5em}.row{display:grid;grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));column-gap:var(--grid-gutter);grid-auto-columns:1fr}@supports not (display: grid){.row{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}.row--gap-y{row-gap:var(--grid-gutter)}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.ce_gallery>ul li,.article-xs-1>.inside>*,.article-xs-2>.inside>*,.article-xs-3>.inside>*,.article-xs-4>.inside>*,.article-xs-5>.inside>*,.article-xs-6>.inside>*,.article-xs-7>.inside>*,.article-xs-8>.inside>*,.article-xs-9>.inside>*,.article-xs-10>.inside>*,.article-xs-11>.inside>*,.article-xs-12>.inside>*,.article-sm-1>.inside>*,.article-sm-2>.inside>*,.article-sm-3>.inside>*,.article-sm-4>.inside>*,.article-sm-5>.inside>*,.article-sm-6>.inside>*,.article-sm-7>.inside>*,.article-sm-8>.inside>*,.article-sm-9>.inside>*,.article-sm-10>.inside>*,.article-sm-11>.inside>*,.article-sm-12>.inside>*,.article-md-1>.inside>*,.article-md-2>.inside>*,.article-md-3>.inside>*,.article-md-4>.inside>*,.article-md-5>.inside>*,.article-md-6>.inside>*,.article-md-7>.inside>*,.article-md-8>.inside>*,.article-md-9>.inside>*,.article-md-10>.inside>*,.article-md-11>.inside>*,.article-md-12>.inside>*,.article-lg-1>.inside>*,.article-lg-2>.inside>*,.article-lg-3>.inside>*,.article-lg-4>.inside>*,.article-lg-5>.inside>*,.article-lg-6>.inside>*,.article-lg-7>.inside>*,.article-lg-8>.inside>*,.article-lg-9>.inside>*,.article-lg-10>.inside>*,.article-lg-11>.inside>*,.article-lg-12>.inside>*,.article-xl-1>.inside>*,.article-xl-2>.inside>*,.article-xl-3>.inside>*,.article-xl-4>.inside>*,.article-xl-5>.inside>*,.article-xl-6>.inside>*,.article-xl-7>.inside>*,.article-xl-8>.inside>*,.article-xl-9>.inside>*,.article-xl-10>.inside>*,.article-xl-11>.inside>*,.article-xl-12>.inside>*{display:grid;grid-column:1 / -1;max-width:100%}@supports not (display: grid){.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.ce_gallery>ul li,.article-xs-1>.inside>*,.article-xs-2>.inside>*,.article-xs-3>.inside>*,.article-xs-4>.inside>*,.article-xs-5>.inside>*,.article-xs-6>.inside>*,.article-xs-7>.inside>*,.article-xs-8>.inside>*,.article-xs-9>.inside>*,.article-xs-10>.inside>*,.article-xs-11>.inside>*,.article-xs-12>.inside>*,.article-sm-1>.inside>*,.article-sm-2>.inside>*,.article-sm-3>.inside>*,.article-sm-4>.inside>*,.article-sm-5>.inside>*,.article-sm-6>.inside>*,.article-sm-7>.inside>*,.article-sm-8>.inside>*,.article-sm-9>.inside>*,.article-sm-10>.inside>*,.article-sm-11>.inside>*,.article-sm-12>.inside>*,.article-md-1>.inside>*,.article-md-2>.inside>*,.article-md-3>.inside>*,.article-md-4>.inside>*,.article-md-5>.inside>*,.article-md-6>.inside>*,.article-md-7>.inside>*,.article-md-8>.inside>*,.article-md-9>.inside>*,.article-md-10>.inside>*,.article-md-11>.inside>*,.article-md-12>.inside>*,.article-lg-1>.inside>*,.article-lg-2>.inside>*,.article-lg-3>.inside>*,.article-lg-4>.inside>*,.article-lg-5>.inside>*,.article-lg-6>.inside>*,.article-lg-7>.inside>*,.article-lg-8>.inside>*,.article-lg-9>.inside>*,.article-lg-10>.inside>*,.article-lg-11>.inside>*,.article-lg-12>.inside>*,.article-xl-1>.inside>*,.article-xl-2>.inside>*,.article-xl-3>.inside>*,.article-xl-4>.inside>*,.article-xl-5>.inside>*,.article-xl-6>.inside>*,.article-xl-7>.inside>*,.article-xl-8>.inside>*,.article-xl-9>.inside>*,.article-xl-10>.inside>*,.article-xl-11>.inside>*,.article-xl-12>.inside>*{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}.col{grid-column:1 / -1}.col-1{grid-column:span 1 / span 1}@supports not (display: grid){.col-1{width:8.3333333333%}}.row-start-1{grid-row-start:1}.row-span-1{grid-row:span 1 / span 1}.col-2{grid-column:span 2 / span 2}@supports not (display: grid){.col-2{width:16.6666666667%}}.row-start-2{grid-row-start:2}.row-span-2{grid-row:span 2 / span 2}.col-3{grid-column:span 3 / span 3}@supports not (display: grid){.col-3{width:25%}}.row-start-3{grid-row-start:3}.row-span-3{grid-row:span 3 / span 3}.col-4{grid-column:span 4 / span 4}@supports not (display: grid){.col-4{width:33.3333333333%}}.row-start-4{grid-row-start:4}.row-span-4{grid-row:span 4 / span 4}.col-5{grid-column:span 5 / span 5}@supports not (display: grid){.col-5{width:41.6666666667%}}.row-start-5{grid-row-start:5}.row-span-5{grid-row:span 5 / span 5}.col-6{grid-column:span 6 / span 6}@supports not (display: grid){.col-6{width:50%}}.row-start-6{grid-row-start:6}.row-span-6{grid-row:span 6 / span 6}.col-7{grid-column:span 7 / span 7}@supports not (display: grid){.col-7{width:58.3333333333%}}.row-start-7{grid-row-start:7}.row-span-7{grid-row:span 7 / span 7}.col-8{grid-column:span 8 / span 8}@supports not (display: grid){.col-8{width:66.6666666667%}}.row-start-8{grid-row-start:8}.row-span-8{grid-row:span 8 / span 8}.col-9{grid-column:span 9 / span 9}@supports not (display: grid){.col-9{width:75%}}.row-start-9{grid-row-start:9}.row-span-9{grid-row:span 9 / span 9}.col-10{grid-column:span 10 / span 10}@supports not (display: grid){.col-10{width:83.3333333333%}}.row-start-10{grid-row-start:10}.row-span-10{grid-row:span 10 / span 10}.col-11{grid-column:span 11 / span 11}@supports not (display: grid){.col-11{width:91.6666666667%}}.row-start-11{grid-row-start:11}.row-span-11{grid-row:span 11 / span 11}.col-12{grid-column:span 12 / span 12}@supports not (display: grid){.col-12{width:100%}}.row-start-12{grid-row-start:12}.row-span-12{grid-row:span 12 / span 12}@media screen and (min-width:0){.col-xs-1{grid-column:span 1 / span 1}@supports not (display: grid){.col-xs-1{width:8.3333333333%}}.col-xs-2{grid-column:span 2 / span 2}@supports not (display: grid){.col-xs-2{width:16.6666666667%}}.col-xs-3{grid-column:span 3 / span 3}@supports not (display: grid){.col-xs-3{width:25%}}.col-xs-4{grid-column:span 4 / span 4}@supports not (display: grid){.col-xs-4{width:33.3333333333%}}.col-xs-5{grid-column:span 5 / span 5}@supports not (display: grid){.col-xs-5{width:41.6666666667%}}.col-xs-6{grid-column:span 6 / span 6}@supports not (display: grid){.col-xs-6{width:50%}}.col-xs-7{grid-column:span 7 / span 7}@supports not (display: grid){.col-xs-7{width:58.3333333333%}}.col-xs-8{grid-column:span 8 / span 8}@supports not (display: grid){.col-xs-8{width:66.6666666667%}}.col-xs-9{grid-column:span 9 / span 9}@supports not (display: grid){.col-xs-9{width:75%}}.col-xs-10{grid-column:span 10 / span 10}@supports not (display: grid){.col-xs-10{width:83.3333333333%}}.col-xs-11{grid-column:span 11 / span 11}@supports not (display: grid){.col-xs-11{width:91.6666666667%}}.col-xs-12{grid-column:span 12 / span 12}@supports not (display: grid){.col-xs-12{width:100%}}}@media screen and (min-width:0){.row-span-xs-1{grid-row:span 1 / span 1}.row-span-xs-2{grid-row:span 2 / span 2}.row-span-xs-3{grid-row:span 3 / span 3}.row-span-xs-4{grid-row:span 4 / span 4}.row-span-xs-5{grid-row:span 5 / span 5}.row-span-xs-6{grid-row:span 6 / span 6}.row-span-xs-7{grid-row:span 7 / span 7}.row-span-xs-8{grid-row:span 8 / span 8}.row-span-xs-9{grid-row:span 9 / span 9}.row-span-xs-10{grid-row:span 10 / span 10}.row-span-xs-11{grid-row:span 11 / span 11}.row-span-xs-12{grid-row:span 12 / span 12}}@media screen and (min-width:0){.col-start-xs-1{grid-column-start:1}.row-start-xs-1{grid-row-start:1}.col-start-xs-2{grid-column-start:2}.row-start-xs-2{grid-row-start:2}.col-start-xs-3{grid-column-start:3}.row-start-xs-3{grid-row-start:3}.col-start-xs-4{grid-column-start:4}.row-start-xs-4{grid-row-start:4}.col-start-xs-5{grid-column-start:5}.row-start-xs-5{grid-row-start:5}.col-start-xs-6{grid-column-start:6}.row-start-xs-6{grid-row-start:6}.col-start-xs-7{grid-column-start:7}.row-start-xs-7{grid-row-start:7}.col-start-xs-8{grid-column-start:8}.row-start-xs-8{grid-row-start:8}.col-start-xs-9{grid-column-start:9}.row-start-xs-9{grid-row-start:9}.col-start-xs-10{grid-column-start:10}.row-start-xs-10{grid-row-start:10}.col-start-xs-11{grid-column-start:11}.row-start-xs-11{grid-row-start:11}.col-start-xs-12{grid-column-start:12}.row-start-xs-12{grid-row-start:12}}@media screen and (min-width:0){.pull-right-xs{grid-column-end:-1}.pull-left-xs{grid-row-start:1;grid-column-end:inherit}}@media screen and (min-width:34.375em){.col-sm-1{grid-column:span 1 / span 1}@supports not (display: grid){.col-sm-1{width:8.3333333333%}}.col-sm-2{grid-column:span 2 / span 2}@supports not (display: grid){.col-sm-2{width:16.6666666667%}}.col-sm-3{grid-column:span 3 / span 3}@supports not (display: grid){.col-sm-3{width:25%}}.col-sm-4{grid-column:span 4 / span 4}@supports not (display: grid){.col-sm-4{width:33.3333333333%}}.col-sm-5{grid-column:span 5 / span 5}@supports not (display: grid){.col-sm-5{width:41.6666666667%}}.col-sm-6{grid-column:span 6 / span 6}@supports not (display: grid){.col-sm-6{width:50%}}.col-sm-7{grid-column:span 7 / span 7}@supports not (display: grid){.col-sm-7{width:58.3333333333%}}.col-sm-8{grid-column:span 8 / span 8}@supports not (display: grid){.col-sm-8{width:66.6666666667%}}.col-sm-9{grid-column:span 9 / span 9}@supports not (display: grid){.col-sm-9{width:75%}}.col-sm-10{grid-column:span 10 / span 10}@supports not (display: grid){.col-sm-10{width:83.3333333333%}}.col-sm-11{grid-column:span 11 / span 11}@supports not (display: grid){.col-sm-11{width:91.6666666667%}}.col-sm-12{grid-column:span 12 / span 12}@supports not (display: grid){.col-sm-12{width:100%}}}@media screen and (min-width:34.375em){.row-span-sm-1{grid-row:span 1 / span 1}.row-span-sm-2{grid-row:span 2 / span 2}.row-span-sm-3{grid-row:span 3 / span 3}.row-span-sm-4{grid-row:span 4 / span 4}.row-span-sm-5{grid-row:span 5 / span 5}.row-span-sm-6{grid-row:span 6 / span 6}.row-span-sm-7{grid-row:span 7 / span 7}.row-span-sm-8{grid-row:span 8 / span 8}.row-span-sm-9{grid-row:span 9 / span 9}.row-span-sm-10{grid-row:span 10 / span 10}.row-span-sm-11{grid-row:span 11 / span 11}.row-span-sm-12{grid-row:span 12 / span 12}}@media screen and (min-width:34.375em){.col-start-sm-1{grid-column-start:1}.row-start-sm-1{grid-row-start:1}.col-start-sm-2{grid-column-start:2}.row-start-sm-2{grid-row-start:2}.col-start-sm-3{grid-column-start:3}.row-start-sm-3{grid-row-start:3}.col-start-sm-4{grid-column-start:4}.row-start-sm-4{grid-row-start:4}.col-start-sm-5{grid-column-start:5}.row-start-sm-5{grid-row-start:5}.col-start-sm-6{grid-column-start:6}.row-start-sm-6{grid-row-start:6}.col-start-sm-7{grid-column-start:7}.row-start-sm-7{grid-row-start:7}.col-start-sm-8{grid-column-start:8}.row-start-sm-8{grid-row-start:8}.col-start-sm-9{grid-column-start:9}.row-start-sm-9{grid-row-start:9}.col-start-sm-10{grid-column-start:10}.row-start-sm-10{grid-row-start:10}.col-start-sm-11{grid-column-start:11}.row-start-sm-11{grid-row-start:11}.col-start-sm-12{grid-column-start:12}.row-start-sm-12{grid-row-start:12}}@media screen and (min-width:34.375em){.pull-right-sm{grid-column-end:-1}.pull-left-sm{grid-row-start:1;grid-column-end:inherit}}@media screen and (min-width:48em){.col-md-1{grid-column:span 1 / span 1}@supports not (display: grid){.col-md-1{width:8.3333333333%}}.col-md-2{grid-column:span 2 / span 2}@supports not (display: grid){.col-md-2{width:16.6666666667%}}.col-md-3{grid-column:span 3 / span 3}@supports not (display: grid){.col-md-3{width:25%}}.col-md-4{grid-column:span 4 / span 4}@supports not (display: grid){.col-md-4{width:33.3333333333%}}.col-md-5{grid-column:span 5 / span 5}@supports not (display: grid){.col-md-5{width:41.6666666667%}}.col-md-6{grid-column:span 6 / span 6}@supports not (display: grid){.col-md-6{width:50%}}.col-md-7{grid-column:span 7 / span 7}@supports not (display: grid){.col-md-7{width:58.3333333333%}}.col-md-8{grid-column:span 8 / span 8}@supports not (display: grid){.col-md-8{width:66.6666666667%}}.col-md-9{grid-column:span 9 / span 9}@supports not (display: grid){.col-md-9{width:75%}}.col-md-10{grid-column:span 10 / span 10}@supports not (display: grid){.col-md-10{width:83.3333333333%}}.col-md-11{grid-column:span 11 / span 11}@supports not (display: grid){.col-md-11{width:91.6666666667%}}.col-md-12{grid-column:span 12 / span 12}@supports not (display: grid){.col-md-12{width:100%}}}@media screen and (min-width:48em){.row-span-md-1{grid-row:span 1 / span 1}.row-span-md-2{grid-row:span 2 / span 2}.row-span-md-3{grid-row:span 3 / span 3}.row-span-md-4{grid-row:span 4 / span 4}.row-span-md-5{grid-row:span 5 / span 5}.row-span-md-6{grid-row:span 6 / span 6}.row-span-md-7{grid-row:span 7 / span 7}.row-span-md-8{grid-row:span 8 / span 8}.row-span-md-9{grid-row:span 9 / span 9}.row-span-md-10{grid-row:span 10 / span 10}.row-span-md-11{grid-row:span 11 / span 11}.row-span-md-12{grid-row:span 12 / span 12}}@media screen and (min-width:48em){.col-start-md-1{grid-column-start:1}.row-start-md-1{grid-row-start:1}.col-start-md-2{grid-column-start:2}.row-start-md-2{grid-row-start:2}.col-start-md-3{grid-column-start:3}.row-start-md-3{grid-row-start:3}.col-start-md-4{grid-column-start:4}.row-start-md-4{grid-row-start:4}.col-start-md-5{grid-column-start:5}.row-start-md-5{grid-row-start:5}.col-start-md-6{grid-column-start:6}.row-start-md-6{grid-row-start:6}.col-start-md-7{grid-column-start:7}.row-start-md-7{grid-row-start:7}.col-start-md-8{grid-column-start:8}.row-start-md-8{grid-row-start:8}.col-start-md-9{grid-column-start:9}.row-start-md-9{grid-row-start:9}.col-start-md-10{grid-column-start:10}.row-start-md-10{grid-row-start:10}.col-start-md-11{grid-column-start:11}.row-start-md-11{grid-row-start:11}.col-start-md-12{grid-column-start:12}.row-start-md-12{grid-row-start:12}}@media screen and (min-width:48em){.pull-right-md{grid-column-end:-1}.pull-left-md{grid-row-start:1;grid-column-end:inherit}}@media screen and (min-width:58.75em){.col-lg-1{grid-column:span 1 / span 1}@supports not (display: grid){.col-lg-1{width:8.3333333333%}}.col-lg-2{grid-column:span 2 / span 2}@supports not (display: grid){.col-lg-2{width:16.6666666667%}}.col-lg-3{grid-column:span 3 / span 3}@supports not (display: grid){.col-lg-3{width:25%}}.col-lg-4{grid-column:span 4 / span 4}@supports not (display: grid){.col-lg-4{width:33.3333333333%}}.col-lg-5{grid-column:span 5 / span 5}@supports not (display: grid){.col-lg-5{width:41.6666666667%}}.col-lg-6{grid-column:span 6 / span 6}@supports not (display: grid){.col-lg-6{width:50%}}.col-lg-7{grid-column:span 7 / span 7}@supports not (display: grid){.col-lg-7{width:58.3333333333%}}.col-lg-8{grid-column:span 8 / span 8}@supports not (display: grid){.col-lg-8{width:66.6666666667%}}.col-lg-9{grid-column:span 9 / span 9}@supports not (display: grid){.col-lg-9{width:75%}}.col-lg-10{grid-column:span 10 / span 10}@supports not (display: grid){.col-lg-10{width:83.3333333333%}}.col-lg-11{grid-column:span 11 / span 11}@supports not (display: grid){.col-lg-11{width:91.6666666667%}}.col-lg-12{grid-column:span 12 / span 12}@supports not (display: grid){.col-lg-12{width:100%}}}@media screen and (min-width:58.75em){.row-span-lg-1{grid-row:span 1 / span 1}.row-span-lg-2{grid-row:span 2 / span 2}.row-span-lg-3{grid-row:span 3 / span 3}.row-span-lg-4{grid-row:span 4 / span 4}.row-span-lg-5{grid-row:span 5 / span 5}.row-span-lg-6{grid-row:span 6 / span 6}.row-span-lg-7{grid-row:span 7 / span 7}.row-span-lg-8{grid-row:span 8 / span 8}.row-span-lg-9{grid-row:span 9 / span 9}.row-span-lg-10{grid-row:span 10 / span 10}.row-span-lg-11{grid-row:span 11 / span 11}.row-span-lg-12{grid-row:span 12 / span 12}}@media screen and (min-width:58.75em){.col-start-lg-1{grid-column-start:1}.row-start-lg-1{grid-row-start:1}.col-start-lg-2{grid-column-start:2}.row-start-lg-2{grid-row-start:2}.col-start-lg-3{grid-column-start:3}.row-start-lg-3{grid-row-start:3}.col-start-lg-4{grid-column-start:4}.row-start-lg-4{grid-row-start:4}.col-start-lg-5{grid-column-start:5}.row-start-lg-5{grid-row-start:5}.col-start-lg-6{grid-column-start:6}.row-start-lg-6{grid-row-start:6}.col-start-lg-7{grid-column-start:7}.row-start-lg-7{grid-row-start:7}.col-start-lg-8{grid-column-start:8}.row-start-lg-8{grid-row-start:8}.col-start-lg-9{grid-column-start:9}.row-start-lg-9{grid-row-start:9}.col-start-lg-10{grid-column-start:10}.row-start-lg-10{grid-row-start:10}.col-start-lg-11{grid-column-start:11}.row-start-lg-11{grid-row-start:11}.col-start-lg-12{grid-column-start:12}.row-start-lg-12{grid-row-start:12}}@media screen and (min-width:58.75em){.pull-right-lg{grid-column-end:-1}.pull-left-lg{grid-row-start:1;grid-column-end:inherit}}@media screen and (min-width:75em){.col-xl-1{grid-column:span 1 / span 1}@supports not (display: grid){.col-xl-1{width:8.3333333333%}}.col-xl-2{grid-column:span 2 / span 2}@supports not (display: grid){.col-xl-2{width:16.6666666667%}}.col-xl-3{grid-column:span 3 / span 3}@supports not (display: grid){.col-xl-3{width:25%}}.col-xl-4{grid-column:span 4 / span 4}@supports not (display: grid){.col-xl-4{width:33.3333333333%}}.col-xl-5{grid-column:span 5 / span 5}@supports not (display: grid){.col-xl-5{width:41.6666666667%}}.col-xl-6{grid-column:span 6 / span 6}@supports not (display: grid){.col-xl-6{width:50%}}.col-xl-7{grid-column:span 7 / span 7}@supports not (display: grid){.col-xl-7{width:58.3333333333%}}.col-xl-8{grid-column:span 8 / span 8}@supports not (display: grid){.col-xl-8{width:66.6666666667%}}.col-xl-9{grid-column:span 9 / span 9}@supports not (display: grid){.col-xl-9{width:75%}}.col-xl-10{grid-column:span 10 / span 10}@supports not (display: grid){.col-xl-10{width:83.3333333333%}}.col-xl-11{grid-column:span 11 / span 11}@supports not (display: grid){.col-xl-11{width:91.6666666667%}}.col-xl-12{grid-column:span 12 / span 12}@supports not (display: grid){.col-xl-12{width:100%}}}@media screen and (min-width:75em){.row-span-xl-1{grid-row:span 1 / span 1}.row-span-xl-2{grid-row:span 2 / span 2}.row-span-xl-3{grid-row:span 3 / span 3}.row-span-xl-4{grid-row:span 4 / span 4}.row-span-xl-5{grid-row:span 5 / span 5}.row-span-xl-6{grid-row:span 6 / span 6}.row-span-xl-7{grid-row:span 7 / span 7}.row-span-xl-8{grid-row:span 8 / span 8}.row-span-xl-9{grid-row:span 9 / span 9}.row-span-xl-10{grid-row:span 10 / span 10}.row-span-xl-11{grid-row:span 11 / span 11}.row-span-xl-12{grid-row:span 12 / span 12}}@media screen and (min-width:75em){.col-start-xl-1{grid-column-start:1}.row-start-xl-1{grid-row-start:1}.col-start-xl-2{grid-column-start:2}.row-start-xl-2{grid-row-start:2}.col-start-xl-3{grid-column-start:3}.row-start-xl-3{grid-row-start:3}.col-start-xl-4{grid-column-start:4}.row-start-xl-4{grid-row-start:4}.col-start-xl-5{grid-column-start:5}.row-start-xl-5{grid-row-start:5}.col-start-xl-6{grid-column-start:6}.row-start-xl-6{grid-row-start:6}.col-start-xl-7{grid-column-start:7}.row-start-xl-7{grid-row-start:7}.col-start-xl-8{grid-column-start:8}.row-start-xl-8{grid-row-start:8}.col-start-xl-9{grid-column-start:9}.row-start-xl-9{grid-row-start:9}.col-start-xl-10{grid-column-start:10}.row-start-xl-10{grid-row-start:10}.col-start-xl-11{grid-column-start:11}.row-start-xl-11{grid-row-start:11}.col-start-xl-12{grid-column-start:12}.row-start-xl-12{grid-row-start:12}}@media screen and (min-width:75em){.pull-right-xl{grid-column-end:-1}.pull-left-xl{grid-row-start:1;grid-column-end:inherit}}.justify-start{justify-self:start;text-align:left}.justify-center{justify-self:center;text-align:center}.justify-end{justify-self:end;text-align:right}@media screen and (min-width:0){.justify-xs-start{justify-self:start;text-align:left}.justify-xs-center{justify-self:center;text-align:center}.justify-xs-end{justify-self:end;text-align:right}}@media screen and (min-width:34.375em){.justify-sm-start{justify-self:start;text-align:left}.justify-sm-center{justify-self:center;text-align:center}.justify-sm-end{justify-self:end;text-align:right}}@media screen and (min-width:48em){.justify-md-start{justify-self:start;text-align:left}.justify-md-center{justify-self:center;text-align:center}.justify-md-end{justify-self:end;text-align:right}}@media screen and (min-width:58.75em){.justify-lg-start{justify-self:start;text-align:left}.justify-lg-center{justify-self:center;text-align:center}.justify-lg-end{justify-self:end;text-align:right}}@media screen and (min-width:75em){.justify-xl-start{justify-self:start;text-align:left}.justify-xl-center{justify-self:center;text-align:center}.justify-xl-end{justify-self:end;text-align:right}}.align-start{align-self:start}.align-center{align-self:center}.align-end{align-self:end}@media screen and (min-width:0){.align-xs-start{align-self:start}.align-xs-center{align-self:center}.align-xs-end{align-self:end}}@media screen and (min-width:34.375em){.align-sm-start{align-self:start}.align-sm-center{align-self:center}.align-sm-end{align-self:end}}@media screen and (min-width:48em){.align-md-start{align-self:start}.align-md-center{align-self:center}.align-md-end{align-self:end}}@media screen and (min-width:58.75em){.align-lg-start{align-self:start}.align-lg-center{align-self:center}.align-lg-end{align-self:end}}@media screen and (min-width:75em){.align-xl-start{align-self:start}.align-xl-center{align-self:center}.align-xl-end{align-self:end}}[class*="col-"]{display:grid}.row{row-gap:var(--grid-gutter)}.row--overflow{max-width:calc(72em);width:100%;margin-left:auto;margin-right:auto;grid-template-columns:repeat(var(--grid-columns), auto);overflow-x:auto;overflow-y:visible;-ms-touch-action:auto;touch-action:auto;-ms-overflow-style:none;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;padding:var(--base-spacing-unit) var(--grid-gutter)}.row--overflow>*{min-width:14rem;scroll-snap-align:center;z-index:0;position:relative}[id="wrapper"]{min-height:100vh;display:grid;grid-template-rows:min-content auto min-content;grid-template-columns:100%;margin-left:auto;margin-right:auto;background:var(--layout-wrapper-background)}[id="header"]{background:var(--layout-header-background);color:var(--layout-header-color)}[id="header"]>.inside{max-width:72em;width:100%;margin-left:auto;margin-right:auto;padding-left:var(--layout-spacing-sides);padding-right:var(--layout-spacing-sides)}[id="footer"]{background:var(--layout-footer-background);color:var(--layout-footer-color)}[id="footer"]>.inside{max-width:72em;width:100%;margin-left:auto;margin-right:auto;padding-left:var(--layout-spacing-sides);padding-right:var(--layout-spacing-sides)}body{overflow-x:hidden}#wrapper{display:block}#top.no-slider #wrapper{padding-top:var(--headersize)}html{--headersize: 5rem}[id="header"]{position:fixed;top:0;left:0;right:0;z-index:201;background:transparent;transition:all 0.3s}[id="header"] .inside{max-width:unset;margin:0;padding:0;position:relative}[id="header"] .inside .backside{height:var(--headersize);display:flex;justify-content:space-between;align-items:center;position:relative}[id="header"] .inside .backside:before{content:"";background:#fff;position:absolute;height:100%;right:0;top:0;transition:all 0.7s ease-in-out;width:100%;clip-path:polygon(100% 0%, 100% 0, 100% 100%, 100% 100%)}[id="header"] .inside .backside .logo{background:#fff;mask-image:url(/files/theme/img/logo_urlaubshuetten.svg);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url(/files/theme/img/logo_urlaubshuetten.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;margin-left:var(--base-spacing-unit);aspect-ratio:2.8037383178;margin-right:0;height:-webkit-fill-available;height:calc(100% - 1.5rem);margin-top:1.5rem;transition:0.5s ease-in-out}[id="header"] .inside .backside .navbooking{opacity:0;pointer-events:none;transition:opacity 0.4s ease-in-out;transition-delay:0s;display:flex;gap:1rem;justify-content:center;align-items:center}@media only screen and (max-width:767px){[id="header"] .inside .backside .navbooking{display:none}}[id="header"] .inside .backside .navbooking a{color:var(--color-brand) !important;text-decoration:none !important;background:transparent;border:2px solid var(--color-brand);display:flex;align-items:center;justify-content:center;gap:0.5rem;font-weight:600;padding:0.45em 1em;transition:all 0.3s}[id="header"] .inside .backside .navbooking a i{display:block;width:1.4em;aspect-ratio:1;background:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-image:url(/files/theme/img/search.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url(/files/theme/img/search.svg)}[id="header"] .inside .backside .navbooking a:hover{background:var(--color-brand-dark);color:#fff !important}[id="header"] .inside .backside .navbooking .input-date{background:#fff;color:var(--color-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;position:relative}[id="header"] .inside .backside .navbooking .input-date label{justify-self:flex-start;margin:0;font-size:0.8em;font-weight:500;line-height:1}[id="header"] .inside .backside .navbooking .input-date input{border:none;min-width:unset;width:100%;background:transparent;text-align:center;font-weight:600;width:8em}[id="header"] .inside .backside .navbooking .input-date input::placeholder{color:rgba(0, 0, 0, 0.3)}[id="header"] .inside .backside .navbooking .input-date:has(+ .input-date):after{content:"";position:absolute;width:1px;background:var(--color-text);top:1rem;bottom:1rem;right:0;opacity:0.35}[id="header"] .inside .backside .navbooking .title{font-size:0.8em;line-height:1.2}@media only screen and (max-width:991px){[id="header"] .inside .backside .navbooking .title{display:none}}[id="header"] .inside .backside .navbooking .title p{margin-bottom:0;font-weight:500}[id="header"] .inside .backside .navbooking .title p.big{font-size:1.35em;font-weight:700;color:var(--color-brand)}[id="header"] .inside .backside .toggler-spacer{height:var(--headersize);aspect-ratio:1;background:var(--color-tint)}[id="header"] .inside .links{position:absolute;right:0;top:0;display:grid;width:var(--headersize);grid-template-columns:1fr;grid-template-rows:var(--headersize) var(--headersize) var(--headersize) var(--headersize)}[id="header"] .inside .links>*{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:0.75em;text-align:center;position:relative;color:#fff;line-height:1;cursor:pointer;transition:all 0.3s}[id="header"] .inside .links>* i{width:2em;height:2em;margin-bottom:0.5em;background:currentcolor;display:block;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}[id="header"] .inside .links>*.navtoggler{background:var(--color-brand);font-size:0.9em;text-transform:uppercase}[id="header"] .inside .links>*.navtoggler i{width:2.75em;height:2.75em;margin-bottom:0;-webkit-mask-image:url(/files/theme/img/menu.svg);mask-image:url(/files/theme/img/menu.svg)}[id="header"] .inside .links>*.navtoggler:hover{background:var(--color-brand-dark)}[id="header"] .inside .links>*.login{background:url(/files/theme/img/wooden-bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}[id="header"] .inside .links>*.login i{-webkit-mask-image:url(/files/urlaubshuetten/icons/user.svg);mask-image:url(/files/urlaubshuetten/icons/user.svg)}[id="header"] .inside .links>*.login:hover{color:var(--color-brand)}@media only screen and (max-width:767px){[id="header"] .inside .links>*.login{display:none}}[id="header"] .inside .links>*.buchen{background:url(/files/theme/img/wooden-bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}[id="header"] .inside .links>*.buchen i{-webkit-mask-image:url(/files/theme/img/favicon.svg);mask-image:url(/files/theme/img/favicon.svg)}[id="header"] .inside .links>*.buchen:hover{color:var(--color-brand)}@media only screen and (max-width:767px){[id="header"] .inside .links>*.buchen{display:none}}[id="header"] .inside .links>*.search{background:#fff;color:var(--color-text)}[id="header"] .inside .links>*.search i{-webkit-mask-image:url(/files/theme/img/search.svg);mask-image:url(/files/theme/img/search.svg)}[id="header"] .inside .links>*.search:hover{color:var(--color-brand)}@media only screen and (max-width:767px){[id="header"] .inside .links>*.search{position:absolute;right:100%;width:var(--headersize);height:var(--headersize)}}[id="header"] .inside .links>*.contact{background:#fff;color:var(--color-text)}[id="header"] .inside .links>*.contact i{-webkit-mask-image:url(/files/theme/img/inquiry.svg);mask-image:url(/files/theme/img/inquiry.svg)}[id="header"] .inside .links>*.contact:hover{color:var(--color-brand)}[id="header"] .inside .links>*.contact:before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:1px;background:currentcolor;opacity:0.5}@media only screen and (max-width:767px){[id="header"] .inside .links>*.contact{display:none}}#top.scrolled #header>.inside{filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15))}#top.scrolled #header>.inside .backside .logo{background:#fff;background-image:url(/files/theme/img/logo_urlaubshuetten.svg);background-size:contain;background-position:center;background-repeat:no-repeat;margin-top:1rem;margin-bottom:1rem;height:calc(100% - 2rem)}#top.scrolled #header>.inside .backside .navbooking{opacity:1;position:relative;transition-delay:0.25s;pointer-events:all}#top.scrolled #header>.inside .backside:before{clip-path:polygon(0% 0%, 100% 0, 100% 100%, 0% 100%)}@media only screen and (max-width:767px){#top #header>.inside{filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15))}#top #header>.inside .backside .logo{background:#fff;background-image:url(/files/theme/img/logo_urlaubshuetten.svg);background-size:contain;background-position:center;background-repeat:no-repeat;margin-top:1rem;margin-bottom:1rem;height:calc(100% - 2rem)}#top #header>.inside .backside .navbooking{opacity:1;position:relative;transition-delay:0.25s;pointer-events:all}#top #header>.inside .backside:before{clip-path:polygon(0% 0%, 100% 0, 100% 100%, 0% 100%)}}[id="footer"]{background:url(/files/theme/img/wooden-bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;color:var(--layout-footer-color);position:relative;z-index:0}[id="footer"] .hotline{flex-wrap:wrap}@media only screen and (max-width:767px){[id="footer"] .hotline{flex-wrap:wrap;flex-direction:column;gap:0.5rem !important}}[id="footer"] .hotline a{white-space:nowrap}[id="footer"]>.inside{max-width:unset;padding:0}[id="footer"]>.inside .footer-bottom{background:var(--color-brand)}[id="footer"]>.inside .footer-top{padding:4rem var(--base-spacing-unit);display:flex;text-align:center;justify-content:space-evenly;gap:var(--base-spacing-unit);margin-bottom:60px}[id="footer"]>.inside .footer-top>div{width:min(400px, 100%)}[id="footer"]>.inside .footer-top>div.spacer{display:block;width:1px;background:currentcolor;opacity:0.5}[id="footer"]>.inside .footer-top>div.hotline .phone{color:#fff;font-family:var(--base-font-family-serif);font-size:1.6em;line-height:1;margin-bottom:0.5em;display:flex;justify-content:center;align-items:center;transition:all 0.3s}[id="footer"]>.inside .footer-top>div.hotline .phone:hover{opacity:0.8}[id="footer"]>.inside .footer-top>div.hotline .phone:before{content:"";display:block;position:relative;background:#fff;width:1.2em;height:1.2em;-webkit-mask-image:url(/files/theme/img/phone.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}[id="footer"]>.inside .footer-bottom{padding:1rem var(--base-spacing-unit) var(--base-spacing-unit) var(--base-spacing-unit);position:relative}[id="footer"]>.inside .footer-bottom:before{content:"";display:block;height:60px;width:100%;background:var(--color-brand);mask-image:url(/files/theme/img/grass.svg);mask-size:700px;bottom:100%;left:0;position:absolute;background-position:top center}[id="footer"]>.inside .footer-bottom .spacer{height:1em;width:2px;background:currentcolor;display:block}[id="footer"]>.inside .footer-bottom .spacer:last-child{display:none}[id="footer"]>.inside .footer-bottom>.adress{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:1rem 0;border-top:1px solid rgba(255, 255, 255, 0.4)}[id="footer"]>.inside .footer-bottom>.adress .btn--secondary{--color-secondary-initial: #fff;--background-secondary-initial: transparent;--color-secondary-hover: var(--color-brand);--background-secondary-hover: #fff;margin-top:0}[id="footer"]>.inside .footer-bottom>.adress .btn--secondary.partner{display:flex;gap:0.5em;justify-content:center;align-items:center;margin-top:0}[id="footer"]>.inside .footer-bottom>.adress .btn--secondary.partner:after{content:"";display:block;position:relative;background:currentcolor;width:1.1em;height:1.1em;-webkit-mask-image:url(/files/urlaubshuetten/icons/user.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;order:-1}@media only screen and (max-width:550px){[id="footer"]>.inside .footer-bottom>.adress .nav--meta{width:100%}}[id="footer"]>.inside .footer-bottom>.adress .nav--meta ul{gap:0.5em;align-items:center}@media only screen and (max-width:550px){[id="footer"]>.inside .footer-bottom>.adress .nav--meta ul{flex-direction:column;align-items:flex-start}}[id="footer"]>.inside .footer-bottom>.adress .nav--meta ul a{opacity:0.5;transition:all 0.3s}[id="footer"]>.inside .footer-bottom>.adress .nav--meta ul a:hover{opacity:1}[id="footer"]>.inside .footer-bottom>.adress .nav--meta ul .spacer{opacity:0.5}@media only screen and (max-width:550px){[id="footer"]>.inside .footer-bottom>.adress .nav--meta ul .spacer{display:none}}[id="footer"]>.inside .footer-bottom .account{display:flex;gap:1rem}[id="footer"]>.inside .footer-bottom>.contact{display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap;padding:1rem 0}[id="footer"]>.inside .footer-bottom>.contact>div{display:flex;align-items:center;justify-content:left;gap:0.75em}@media only screen and (max-width:991px){[id="footer"]>.inside .footer-bottom>.contact>div{flex-wrap:wrap}}[id="footer"]>.inside .footer-bottom>.contact>div *{color:#fff !important;white-space:nowrap}[id="footer"]>.inside .footer-bottom>.contact>div.socials a{display:block;position:relative;height:2.1em;aspect-ratio:1;background:#fff;transition:all 0.3s}[id="footer"]>.inside .footer-bottom>.contact>div.socials a:before{content:"";display:block;position:absolute;background:var(--color-brand);top:0;left:0;width:100%;height:100%;-webkit-mask-image:url(/files/theme/img/facebook.svg);-webkit-mask-size:70% 70%;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;z-index:1}[id="footer"]>.inside .footer-bottom>.contact>div.socials a.ig:before{-webkit-mask-image:url(/files/theme/img/instagram.svg)}[id="footer"]>.inside .footer-bottom>.contact>div.socials a:hover{opacity:0.8}[id="footer"]>.inside .footer-bottom>.contact>div.links a{text-decoration:underline;transition:all 0.3s;display:flex;gap:0.5em;justify-content:center;align-items:center}[id="footer"]>.inside .footer-bottom>.contact>div.links a:before{content:"";display:block;position:relative;background:currentcolor;width:1.2em;height:1.2em;-webkit-mask-image:url(/files/theme/img/mail.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}[id="footer"]>.inside .footer-bottom>.contact>div.links a.phone:before{-webkit-mask-image:url(/files/theme/img/phone.svg)}[id="footer"]>.inside .footer-bottom>.contact>div.links a:hover{opacity:0.8}.mobile-sticky{display:none}@media only screen and (max-width:767px){.mobile-sticky{display:flex;position:fixed;bottom:0;left:0;right:0;transform:translate(0, 180%);background:#fff;z-index:102;box-shadow:0 0 15px rgba(0, 0, 0, 0.15);transition:all 0.7s}.mobile-sticky.show{transform:translate(0, 0%)}.mobile-sticky *{color:#fff !important;flex-grow:1;padding:1em 0.25em;border-top:1px solid var(--color-brand);text-align:center;font-weight:500;font-size:1.1em;width:50%}.mobile-sticky *.kontakt{color:var(--color-brand) !important}.mobile-sticky *.Buchen{border:1px solid var(--color-brand);background:var(--color-brand) !important}}#top:has(#childFrame:not(.huettenslider)) .mobile-sticky{display:none !important}.ce_rsce_ankernav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.ce_rsce_ankernav .deco{font-weight:500}.ce_rsce_ankernav a{font-size:1.1em;font-weight:500;transition:all 0.3s}.ce_rsce_ankernav a:hover{color:var(--color-brand-dark)}.cloned-ankernav{padding:0.75rem calc(var(--headersize) + 0.55rem);background:var(--article-highlight-background);transition:all 0.7s;position:fixed;width:100%;top:100%;border-top:1px solid var(--article-highlight-background);z-index:-1;opacity:0;transform:translate(0, -120%)}@media only screen and (max-width:767px){.cloned-ankernav{display:none !important}}.cloned-ankernav.active{transform:translate(0, 0%);opacity:1}.cloned-ankernav a.active{color:var(--color-brand-dark);text-decoration:underline}#top.home .mod_breadcrumb{display:none !important}.mod_breadcrumb{display:none}.mod_breadcrumb.positioned{max-width:72em;width:100%;margin-left:auto;margin-right:auto;display:block;display:block;z-index:7;position:relative;height:0;pointer-events:none}.mod_breadcrumb.positioned ul{list-style-type:none;margin:0;display:flex;padding:0.75rem 2rem;font-size:0.85em;gap:1em;justify-content:right;align-items:center}.mod_breadcrumb.positioned ul li{color:var(--color-text);opacity:0.35;font-weight:100;line-height:1;transition:all 0.25s}.mod_breadcrumb.positioned ul li a{pointer-events:all}.mod_breadcrumb.positioned ul li *{color:inherit;font-weight:inherit;text-decoration:none;line-height:inherit}.mod_breadcrumb.positioned ul li:not(.active):hover{opacity:0.5}.mod_breadcrumb.positioned ul li.active{opacity:1}.mod_breadcrumb.positioned ul li:first-child a{font-size:0;display:inline-block;vertical-align:middle;width:1rem;aspect-ratio:1;-webkit-mask-image:url(/files/theme/img/favicon.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url(/files/theme/img/favicon.svg);mask-size:contain;mask-position:center;mask-repeat:no-repeat;background:currentColor}.mod_breadcrumb.positioned ul .spacer{width:1px;height:1.05em;background:currentColor;opacity:0.35}.mod_breadcrumb.positioned ul .spacer:last-child{display:none}.mod_breadcrumb.positioned:has(+ .mod_article .intro-element),.mod_breadcrumb.positioned:has(+ .mod_article.bg-brand){background:var(--color-brand)}.mod_breadcrumb.positioned:has(+ .mod_article .intro-element) *,.mod_breadcrumb.positioned:has(+ .mod_article.bg-brand) *{color:#fff}@media only screen and (max-width:500px){.mod_breadcrumb.positioned{display:none !important}}.mod_article{position:relative}.mod_article>.inside{max-width:72em;width:100%;margin-left:auto;margin-right:auto;padding-left:var(--layout-spacing-sides);padding-right:var(--layout-spacing-sides);padding-top:var(--article-spacing-top);padding-bottom:var(--article-spacing-bottom)}.article--full>.inside{max-width:none;width:100%;margin-left:auto;margin-right:auto;padding-top:0;padding-bottom:0}.mod_article>.inside{padding-top:var(--article-spacing-top);padding-bottom:var(--article-spacing-bottom)}@media only screen and (max-width:767px){.mod_article>.inside{padding-top:4rem;padding-bottom:4rem}}.mod_article>.inside>.last{margin-bottom:0}.article--full{padding:0}.article--full>.inside{max-width:none;width:100%;margin-left:auto;margin-right:auto;padding:0}.article--highlight{background:var(--article-highlight-background)}.article--tint{background:var(--article-tint-background)}.article--dark{background:var(--article-dark-background);color:var(--article-dark-text)}.onepage_article:focus{outline:none}.mountains-top:before{content:"";background:url(/files/theme/img/mountains-green.svg);position:absolute;bottom:calc(100% - 1px);width:100%;height:5rem;background-size:auto 3rem;background-repeat:repeat-x;background-position:bottom}.mod_article:has(+ .mountains-top){padding-bottom:5rem}@media only screen and (max-width:940px){.mod_breadcrumb+.mod_article>.inside{padding-top:calc(var(--article-spacing-top) * 2)}}@-webkit-keyframes animate-to-right{0%{-webkit-transform:translateX(-5%);transform:translateX(-5%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes animate-to-right{0%{-webkit-transform:translateX(-5%);transform:translateX(-5%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes animate-to-top{0%{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0)}100%{-webkit-transform:translate3d(0, -2%, 0);transform:translate3d(0, -2%, 0)}}@keyframes animate-to-top{0%{-webkit-transform:translate3d(0%, 0%, 0);transform:translate3d(0%, 0%, 0)}100%{-webkit-transform:translate3d(0, -2%, 0);transform:translate3d(0, -2%, 0)}}.item-animate.animate--to-right{-webkit-animation:animate-to-right 0.6s;animation:animate-to-right 0.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.item-animate.animate--to-top{-webkit-animation:animate-to-top 0.6s;animation:animate-to-top 0.6s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes scale-up{0%{-webkit-transform:scale3d(1, 0, 1);transform:scale3d(1, 0, 1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes scale-up{0%{-webkit-transform:scale3d(1, 0, 1);transform:scale3d(1, 0, 1)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-webkit-keyframes scale-up-down{0%{-webkit-transform:scale(0.9, 0);transform:scale(0.9, 0)}50%{-webkit-transform:scale(0.9, 1);transform:scale(0.9, 1)}100%{-webkit-transform:scale(0.9, 0);transform:scale(0.9, 0)}}@keyframes scale-up-down{0%{-webkit-transform:scale(0.9, 0);transform:scale(0.9, 0)}50%{-webkit-transform:scale(0.9, 1);transform:scale(0.9, 1)}100%{-webkit-transform:scale(0.9, 0);transform:scale(0.9, 0)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.animate.animate--fade-in,.animate.animate--to-right,.animate.animate--to-top{opacity:0;will-change:opacity, transform}.animate--fade-in{-webkit-transition:opacity 0.3s;transition:opacity 0.3s}.item-animate.animate--fade-in{opacity:1}.item-animate.animation--delay-1{-webkit-animation-delay:0.3s;animation-delay:0.3s}.item-animate.animation--delay-2{-webkit-animation-delay:0.6s;animation-delay:0.6s}.item-animate.animation--delay-3{-webkit-animation-delay:0.9s;animation-delay:0.9s}.item-animate.animation--delay-4{-webkit-animation-delay:1.2s;animation-delay:1.2s}.image--left img{text-align:left;margin-left:0}.image--right img{text-align:right;margin-right:0}.image--center img{text-align:center;margin-left:auto;margin-right:auto}.ce_gallery{margin-bottom:var(--base-spacing-unit)}.ce_gallery>ul{display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr;grid-row-gap:var(--gallery-gutter);padding:0;margin:0;list-style-type:none}@supports not (display: grid){.ce_gallery>ul{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}.ce_gallery .cols_2 li{grid-column:1 / -1;grid-column:span 6 / span 6}@supports not (display: grid){.ce_gallery .cols_2 li{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_gallery .cols_2 li{width:50%}}.ce_gallery .cols_3 li{grid-column:1 / -1;grid-column:span 6 / span 6}@supports not (display: grid){.ce_gallery .cols_3 li{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_gallery .cols_3 li{width:50%}}@media screen and (min-width:48em){.ce_gallery .cols_3 li{grid-column:1 / -1;grid-column:span 4 / span 4}@supports not (display: grid){.ce_gallery .cols_3 li{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_gallery .cols_3 li{width:33.3333333333%}}}.ce_gallery .cols_4 li{grid-column:1 / -1;grid-column:span 6 / span 6}@supports not (display: grid){.ce_gallery .cols_4 li{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_gallery .cols_4 li{width:50%}}@media screen and (min-width:48em){.ce_gallery .cols_4 li{grid-column:1 / -1;grid-column:span 3 / span 3}@supports not (display: grid){.ce_gallery .cols_4 li{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_gallery .cols_4 li{width:25%}}}.ce_gallery .cols_5 li{grid-column:1 / -1;grid-column:span 6 / span 6}@supports not (display: grid){.ce_gallery .cols_5 li{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_gallery .cols_5 li{width:50%}}@media screen and (min-width:48em){.ce_gallery .cols_5 li{grid-column:1 / -1;grid-column:span 2 / span 2}@supports not (display: grid){.ce_gallery .cols_5 li{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_gallery .cols_5 li{width:16.6666666667%}}}.ce_gallery .cols_6 li{grid-column:1 / -1;grid-column:span 6 / span 6}@supports not (display: grid){.ce_gallery .cols_6 li{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_gallery .cols_6 li{width:50%}}@media screen and (min-width:48em){.ce_gallery .cols_6 li{grid-column:1 / -1;grid-column:span 2 / span 2}@supports not (display: grid){.ce_gallery .cols_6 li{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_gallery .cols_6 li{width:16.6666666667%}}}.ce_gallery img{display:block}.content-gallery{margin-bottom:var(--base-spacing-unit)}.content-gallery ul{list-style-type:none;margin:0;padding:0}.content-gallery a{text-decoration:none}.content-gallery ul{grid-row-gap:var(--gallery-gutter)}.content-gallery--cols-2 ul{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr}@supports not (display: grid){.content-gallery--cols-2 ul{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}.content-gallery--cols-3 ul{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr}@supports not (display: grid){.content-gallery--cols-3 ul{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}@media screen and (min-width:48em){.content-gallery--cols-3 ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr}@supports not (display: grid){.content-gallery--cols-3 ul{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}}.content-gallery--cols-4 ul{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr}@supports not (display: grid){.content-gallery--cols-4 ul{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}@media screen and (min-width:48em){.content-gallery--cols-4 ul{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr}@supports not (display: grid){.content-gallery--cols-4 ul{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}}.content-gallery--cols-5 ul{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr}@supports not (display: grid){.content-gallery--cols-5 ul{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}@media screen and (min-width:48em){.content-gallery--cols-5 ul{display:grid;grid-template-columns:repeat(5, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr}@supports not (display: grid){.content-gallery--cols-5 ul{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}}.content-gallery--cols-6 ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr}@supports not (display: grid){.content-gallery--cols-6 ul{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}@media screen and (min-width:48em){.content-gallery--cols-6 ul{display:grid;grid-template-columns:repeat(6, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr}@supports not (display: grid){.content-gallery--cols-6 ul{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}}.content-gallery img{display:block}.ce_player .video_container,.ce_youtube .video_container{position:relative;padding-bottom:56.25%;width:100%;height:auto}.content-player figure:has(video),.content-player figure:has(iframe),.content-youtube figure:has(video),.content-youtube figure:has(iframe){position:relative;padding-bottom:56.25%;width:100%;height:auto}.ce_player video,.content-player video{border:0;position:absolute;top:0;left:0;right:0;bottom:0;width:100% !important;height:100% !important}.ce_youtube iframe,.ce_youtube a,.content-youtube iframe,.content-youtube a{border:0;position:absolute;top:0;left:0;right:0;bottom:0;width:100% !important;height:100% !important}.ce_youtube button,.content-youtube button{display:grid;grid-template-columns:repeat(3, 1fr);appearance:none;border:none;padding:0}.ce_youtube button img,.content-youtube button img{grid-column:1 / -1;grid-row:1}.ce_youtube button p,.content-youtube button p{grid-column:2;grid-row:1;align-self:center;padding:var(--base-spacing-unit);background:var(--base-overlay-background);color:var(--color-text-inverted)}.ce_image .caption{text-align:center}.content-image.align-left{width:fit-content}.content-image.align-right{width:fit-content;margin-left:auto}.ce_player video{width:100%;height:100%}.content-gallery{background:var(--gallery-background);padding:var(--gallery-gutter) 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.content-gallery ul{gap:var(--gallery-gutter)}.content-gallery li{margin-bottom:0}.content-gallery figure{position:relative;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.content-gallery figure img{width:100%;max-width:none;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:scale(1.01);transform:scale(1.01)}.content-gallery .caption{position:absolute;-ms-flex-line-pack:center;align-content:center;-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;z-index:1000;top:0;right:0;bottom:0;left:0;padding:var(--base-spacing-unit-xs);background:var(--base-overlay-background-brand);color:var(--color-text-inverted);text-align:center;pointer-events:none;display:none;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s, visibility 0.3s;transition:opacity 0.3s, visibility 0.3s}.content-gallery .image_container:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.content-gallery .image_container:hover .caption{opacity:1;visibility:visible;display:-webkit-box;display:-ms-flexbox;display:flex}[id="cboxOverlay"]{background:var(--color-brand) !important;opacity:1 !important}[id="colorbox"]{font-family:var(--base-font-family-sans-serif)}[id="colorbox"] [id="cboxContent"]{background:var(--color-page-background) !important}[id="colorbox"] [id="cboxLoadedContent"]{border-color:var(--color-page-background) !important}[id="colorbox"] [id="cboxTitle"]{font-size:var(--base-font-size-xs);top:calc(-1 * var(--base-font-size-xl)) !important;color:var(--color-brand-secondary !important);text-transform:uppercase}[id="colorbox"] [id="cboxCurrent"]{opacity:0}[id="colorbox"] [id="cboxPrevious"],[id="colorbox"] [id="cboxNext"],[id="colorbox"] [id="cboxClose"]{font-family:var(--base-font-family-sans-serif);background:var(--color-page-background) !important;color:var(--color-text);text-indent:0 !important;outline:none}[id="colorbox"] [id="cboxClose"]{height:auto !important}a.btn,span.btn,button.btn,div.btn>a,div.btn>button,.ce_toplink>a,.ce_toplink>button,.toplink>a,.toplink>button,.content-toplink>a,.content-toplink>button,input.submit,button.submit,.ce_comments .submit,.ce_card .card__link a{border-radius:var(--button-border-radius);padding:var(--button-spacing);display:inline-block;border:var(--button-border-width) var(--button-border-style, solid) var(--button-border-color, transparent);font-family:var(--button-font-family);font-weight:var(--button-font-weight);font-size:var(--button-font-size);line-height:var(--button-line-height);text-align:center;background:transparent;color:var(--button-color);background-image:none;white-space:nowrap;text-decoration:none}a.btn--primary,span.btn--primary,button.btn--primary,div.btn--primary>a,div.btn--primary>button,.ce_toplink>a,.ce_toplink>button,.toplink>a,.toplink>button,.content-toplink>a,.content-toplink>button,div.btn--primary a,input.submit,button.submit,.ce_comments .submit,.ce_card .card__link a{background:var(--button-background);color:var(--button-color)}a.btn--primary:hover,span.btn--primary:hover,button.btn--primary:hover,div.btn--primary>a:hover,div.btn--primary>button:hover,.ce_toplink>a:hover,.ce_toplink>button:hover,.toplink>a:hover,.toplink>button:hover,.content-toplink>a:hover,.content-toplink>button:hover,div.btn--primary a:hover,input.submit:hover,button.submit:hover,.ce_comments .submit:hover,.ce_card .card__link a:hover{--button-background: var(--button-background-hover);--button-color: var(--button-color-hover)}a.btn,span.btn,button.btn{margin-bottom:var(--base-spacing-unit)}div.btn:not(:last-child),.ce_toplink:not(:last-child),.toplink:not(:last-child),.content-toplink:not(:last-child){margin-bottom:var(--base-spacing-unit)}div.btn--left{text-align:left}div.btn--center{text-align:center}div.btn--right{text-align:right}.btn--floated{float:left;margin-right:var(--base-spacing-unit-xs)}.ce_toplink a,.toplink a,.content-toplink a{text-decoration:none}.back{border-top:var(--base-border);margin-top:var(--base-spacing-unit);padding-top:var(--base-spacing-unit-sm)}.back a{text-decoration:none}:root{--color-primary-initial: #fff;--background-primary-initial: var(--color-brand);--color-primary-hover: #fff;--background-primary-hover: var(--color-brand-dark)}a.btn--primary,span.btn--primary,button.btn--primary,div.btn--primary>a,div.btn--primary>button,.ce_toplink>a,.ce_toplink>button,.toplink>a,.toplink>button,.content-toplink>a,.content-toplink>button,div.btn--primary a,input.submit,button.submit,.ce_comments .submit,.ce_card .card__link a{color:var(--color-primary-initial);border:1px solid var(--background-primary-initial);position:relative;background:var(--background-primary-initial);overflow:hidden;transition:all 0.5s;z-index:1;margin-top:0.35em;white-space:break-spaces;border-radius:0;padding:0.5em 1.5em;font-size:1em;font-weight:500}@media only screen and (max-width:767px){a.btn--primary,span.btn--primary,button.btn--primary,div.btn--primary>a,div.btn--primary>button,.ce_toplink>a,.ce_toplink>button,.toplink>a,.toplink>button,.content-toplink>a,.content-toplink>button,div.btn--primary a,input.submit,button.submit,.ce_comments .submit,.ce_card .card__link a{transition:all 0.2s}}a.btn--primary:before,span.btn--primary:before,button.btn--primary:before,div.btn--primary>a:before,div.btn--primary>button:before,.ce_toplink>a:before,.ce_toplink>button:before,.toplink>a:before,.toplink>button:before,.content-toplink>a:before,.content-toplink>button:before,div.btn--primary a:before,input.submit:before,button.submit:before,.ce_comments .submit:before,.ce_card .card__link a:before{content:"";display:block;position:absolute;left:0;width:100%;height:100%;top:100%;background:var(--background-primary-hover);border-radius:50%;transition:all 0.5s ease-in-out;z-index:-1}@media only screen and (max-width:767px){a.btn--primary:before,span.btn--primary:before,button.btn--primary:before,div.btn--primary>a:before,div.btn--primary>button:before,.ce_toplink>a:before,.ce_toplink>button:before,.toplink>a:before,.toplink>button:before,.content-toplink>a:before,.content-toplink>button:before,div.btn--primary a:before,input.submit:before,button.submit:before,.ce_comments .submit:before,.ce_card .card__link a:before{transition:all 0.2s}}@media only screen and (min-width:768px){a.btn--primary:hover,span.btn--primary:hover,button.btn--primary:hover,div.btn--primary>a:hover,div.btn--primary>button:hover,.ce_toplink>a:hover,.ce_toplink>button:hover,.toplink>a:hover,.toplink>button:hover,.content-toplink>a:hover,.content-toplink>button:hover,div.btn--primary a:hover,input.submit:hover,button.submit:hover,.ce_comments .submit:hover,.ce_card .card__link a:hover{border-color:var(--background-primary-hover);color:var(--color-primary-hover)}a.btn--primary:hover:before,span.btn--primary:hover:before,button.btn--primary:hover:before,div.btn--primary>a:hover:before,div.btn--primary>button:hover:before,.ce_toplink>a:hover:before,.ce_toplink>button:hover:before,.toplink>a:hover:before,.toplink>button:hover:before,.content-toplink>a:hover:before,.content-toplink>button:hover:before,div.btn--primary a:hover:before,input.submit:hover:before,button.submit:hover:before,.ce_comments .submit:hover:before,.ce_card .card__link a:hover:before{left:0;top:0;border-radius:0}}:root{--color-secondary-initial: var(--color-text);--background-secondary-initial: transparent;--color-secondary-hover: #fff;--background-secondary-hover: var(--color-gray-dark)}a.btn--secondary,span.btn--secondary,button.btn--secondary,div.btn--secondary a{color:var(--color-secondary-initial);border:1px solid var(--color-secondary-initial);position:relative;background:var(--background-secondary-initial);overflow:hidden;transition:all 0.5s;z-index:1;margin-top:0.35em;white-space:break-spaces;border-radius:0;padding:0.5em 1.5em;font-size:1em;font-weight:500}@media only screen and (max-width:767px){a.btn--secondary,span.btn--secondary,button.btn--secondary,div.btn--secondary a{transition:all 0.2s}}a.btn--secondary:before,span.btn--secondary:before,button.btn--secondary:before,div.btn--secondary a:before{content:"";display:block;position:absolute;left:0;width:100%;height:100%;top:100%;background:var(--background-secondary-hover);border-radius:50%;transition:all 0.5s ease-in-out;z-index:-1}@media only screen and (max-width:767px){a.btn--secondary:before,span.btn--secondary:before,button.btn--secondary:before,div.btn--secondary a:before{transition:all 0.2s}}@media only screen and (min-width:768px){a.btn--secondary:hover,span.btn--secondary:hover,button.btn--secondary:hover,div.btn--secondary a:hover{border-color:var(--background-secondary-hover);color:var(--color-secondary-hover)}a.btn--secondary:hover:before,span.btn--secondary:hover:before,button.btn--secondary:hover:before,div.btn--secondary a:hover:before{top:0;border-radius:0}}.btn{margin:0;display:inline-block;margin-bottom:0 !important}div.btn:not(:last-child),.ce_toplink:not(:last-child),.toplink:not(:last-child),.content-toplink:not(:last-child){margin-bottom:0}div.btn>a{display:inline-flex}.rte>.btn:has(+ .btn),.text>.btn:has(+ .btn){margin-right:0.25rem}.nav ul{list-style-type:none;margin:0;padding:0}.nav a{text-decoration:none}.nav--horizontal ul{display:flex;flex-direction:column}@media screen and (min-width:61.25em){.nav--horizontal ul{flex-direction:row}}.nav--horizontal a,.nav--horizontal strong.active,.nav--horizontal strong.trail,.nav--horizontal strong.forward{display:block;padding:calc(var(--nav-item-padding) / 2) var(--nav-item-padding)}.nav--vertical a,.nav--vertical strong.active,.nav--vertical strong.trail,.nav--vertical strong.forward{display:block;padding:calc(var(--nav-item-padding) / 2) var(--nav-item-padding)}.nav--border{border:var(--base-border)}.nav--border a,.nav--border strong.active,.nav--border strong.trail,.nav--border strong.forward{padding:var(--nav-item-padding) var(--nav-item-padding);border-bottom:1px solid var(--base-border-color)}.nav--border a.last,.nav--border strong.active.last,.nav--border strong.trail.last,.nav--border strong.forward.last{border-bottom:0}.nav--breadcrumb{border:var(--base-border);padding:var(--base-spacing-unit-sm) var(--base-spacing-unit);display:flex}@media screen and (min-width:61.25em){.nav--breadcrumb{flex-direction:column}}@media screen and (min-width:61.25em){.nav--breadcrumb li{padding-right:var(--base-spacing-unit)}}.nav--breadcrumb a:after{font-size:0.75rem;display:inline-block;content:"►";vertical-align:middle;padding-left:var(--base-spacing-unit)}.nav--select select{appearance:none;background:transparent;border:var(--base-border);padding:var(--base-spacing-unit-xs) var(--base-spacing-unit-sm)}.nav--select .submit{vertical-align:middle;padding:var(--base-spacing-unit-xs) var(--base-spacing-unit-sm)}.nav--pager ul{text-align:center}.nav--pager li{display:inline-block}.nav--pager .empty{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.nav--pager a{padding:var(--base-spacing-unit-sm)}.pagination{display:grid;grid-column:1 / -1;margin-top:var(--base-spacing-unit);text-align:center;line-height:1}.pagination ul{list-style-type:none;margin:0;padding:0}.pagination a{text-decoration:none}@supports not (display: grid){.pagination{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:space-between}}@media screen and (min-width:34.375em){.pagination{grid-template-columns:1fr 1fr}}.pagination p{padding:var(--base-spacing-unit-xs);padding-left:0;margin:var(--base-spacing-unit-xs);margin-left:0;border-top:var(--base-border-width) solid transparent}.pagination li{display:inline}.pagination a,.pagination strong{display:inline-block;padding:var(--base-spacing-unit-xs);margin:var(--base-spacing-unit-xs)}.pagination strong{border:var(--base-border)}.pagination a.next{margin-right:0;padding-right:0}@media screen and (min-width:34.375em){.pagination p{justify-self:start}.pagination p+ul{justify-self:end}}.nav--onepager{font-size:0.875rem;line-height:1em;font-family:var(--nav-main-font-family);font-weight:var(--nav-main-font-weight)}.nav--onepager ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.nav--onepager li{display:inherit}.nav--onepager a,.nav--onepager span.active,.nav--onepager span.trail,.nav--onepager strong.active,.nav--onepager strong.trail{padding:var(--nav-main-item-padding) var(--nav-main-item-padding-sm);text-decoration:none;-webkit-transition:color 0.25s;transition:color 0.25s}@media screen and (min-width:61.25em){.nav--onepager a,.nav--onepager span.active,.nav--onepager span.trail,.nav--onepager strong.active,.nav--onepager strong.trail{padding:var(--nav-main-item-padding)}}.nav--onepager a{color:var(--nav-main-color);position:relative}@media screen and (min-width:61.25em){.nav--onepager li a::after{content:"";display:block;display:none;left:var(--nav-main-item-padding-sm);right:var(--nav-main-item-padding-sm);height:3px;bottom:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.nav--onepager li.active a::after{background:var(--nav-main-border-color);-webkit-transform:scaleX(1);transform:scaleX(1)}}.nav--mobile{max-height:100%;background-color:rgba(0, 0, 0, 0.9);background-image:url(/files/theme/img/menu-img.jpg);background-size:cover;background-position:center;--nav-main-item-padding: 0.25em;flex-direction:column;font-family:var(--deco-font-family);color:#fff;font-weight:300;font-size:2em;z-index:1001 !important;pointer-events:none;transition:opacity 0.4s ease-in-out;opacity:0;position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;z-index:-1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav--mobile .topbar{width:-webkit-fill-available;margin-left:2rem;font-size:1rem;display:flex;justify-content:space-between;align-items:flex-start;padding-top:1.5rem;padding-bottom:1em;padding-left:1rem;padding-right:var(--base-spacing-unit)}.nav--mobile .invisible{display:none}.nav--mobile a{color:#fff;transition:all 0.2s;position:relative}.nav--mobile>ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:center;align-self:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center}.nav--mobile>ul>li{-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;opacity:0;text-align:left}@media screen and (min-width:61.25em){.nav--mobile>ul>li{opacity:1}}.nav--mobile .level_1{gap:0.35em}.nav--mobile .level_1>li{flex-direction:column;justify-content:center;align-items:center}.nav--mobile .level_2{font-family:var(--base-font-family);font-size:0.65em;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em}.nav--mobile .level_2 *{text-transform:unset}.nav--mobile li.active>a,.nav--mobile li.active>strong,.nav--mobile li.active>p{color:var(--color-brand)}.nav--mobile--active,#top.nav-active .nav--mobile{opacity:1;pointer-events:all}.nav--mobile--active>ul>li,#top.nav-active .nav--mobile>ul>li{opacity:1}.nav--mobile--active>ul>li:nth-child(1),#top.nav-active .nav--mobile>ul>li:nth-child(1){-webkit-transition-delay:0.125s;transition-delay:0.125s}.nav--mobile--active>ul>li:nth-child(2),#top.nav-active .nav--mobile>ul>li:nth-child(2){-webkit-transition-delay:0.25s;transition-delay:0.25s}.nav--mobile--active>ul>li:nth-child(3),#top.nav-active .nav--mobile>ul>li:nth-child(3){-webkit-transition-delay:0.375s;transition-delay:0.375s}.nav--mobile--active>ul>li:nth-child(4),#top.nav-active .nav--mobile>ul>li:nth-child(4){-webkit-transition-delay:0.5s;transition-delay:0.5s}.nav--mobile--active>ul>li:nth-child(5),#top.nav-active .nav--mobile>ul>li:nth-child(5){-webkit-transition-delay:0.625s;transition-delay:0.625s}.nav--mobile--active>ul>li:nth-child(6),#top.nav-active .nav--mobile>ul>li:nth-child(6){-webkit-transition-delay:0.75s;transition-delay:0.75s}.menu-icon{position:relative;width:var(--nav-icon-width);height:calc(var(--base-line-height) * 1rem);display:inline-block;vertical-align:top}.menu-icon__inner{width:100%;background-color:currentcolor;position:absolute;left:0;top:50%;margin-top:calc(--nav-icon-stroke / -2);height:var(--nav-icon-stroke);-webkit-transition:-webkit-transform 0.15s ease;transition:-webkit-transform 0.15s ease;transition:transform 0.15s ease;transition:transform 0.15s ease, -webkit-transform 0.15s ease}.menu-icon__inner::after,.menu-icon__inner::before{background-color:currentcolor;position:absolute;display:block;content:"";width:80%;right:0;height:var(--nav-icon-stroke);-webkit-transition:opacity 0.15s, -webkit-transform 0.15s ease;transition:opacity 0.15s, -webkit-transform 0.15s ease;transition:transform 0.15s ease, opacity 0.15s;transition:transform 0.15s ease, opacity 0.15s, -webkit-transform 0.15s ease}.menu-icon__inner::before{top:-7px}.menu-icon__inner::after{bottom:-7px}.nav-toggler--active .menu-icon__inner{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-toggler--active .menu-icon__inner::before{opacity:0}.nav-toggler--active .menu-icon__inner::after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);bottom:0;width:100%}.nav--meta{font-size:var(--base-font-size-xs)}.nav--meta ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--grid-gutter)}.nav--meta li{display:inline-block}.nav--meta a{display:block;color:inherit;text-decoration:none}.nav--meta li:first-child a,.nav--meta li:first-child strong{padding-left:0}.nav--meta li:last-child a,.nav--meta li:last-child strong{padding-right:0}.nav--meta strong{font-weight:400}#top:not(.nav-active) #nav_layer *{pointer-events:none !important}#header #seasonswitch>div{display:inline-block;vertical-align:middle;margin:0 0.25em;cursor:pointer;transition:all 0.3s}#header #seasonswitch>div:hover{color:var(--color-brand)}#top.summer #seasonswitch .summer{pointer-events:none;opacity:0.5}#top.winter #seasonswitch .winter{pointer-events:none;opacity:0.5}#top:not(.home) #header #seasonswitch{display:none !important}@media only screen and (max-width:767px){#seasonswitch{display:none !important}}.quicklinks>a{display:inline-block;vertical-align:middle;margin:0 0.25em;transition:all 0.3s}.quicklinks>a:hover{color:var(--color-brand)}.cta-links{display:none}#top:not(.scrolled) #header{color:#fff}@media only screen and (max-width:1100px){#top .quicklinks{display:none !important}}#nav_layer .navtoggler{font-size:0em;width:2.5rem;height:2.5rem;background:currentcolor;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-image:url(/files/theme/img/close.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-image:url(/files/theme/img/close.svg);cursor:pointer;transition:all 0.3s}#nav_layer .navtoggler:hover{opacity:0.8}#nav_layer .mod_navigation.nav{overflow:scroll}#nav_layer .mod_navigation.nav::-webkit-scrollbar{display:none}#nav_layer .mod_navigation.nav>.topbar .navlogo{color:inherit;display:block;height:calc(var(--headersize) - 2rem);aspect-ratio:2.8037383178;background:#fff;-webkit-mask-image:url(/files/theme/img/logo_urlaubshuetten.svg);-webkit-mask-size:95% 95%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/files/theme/img/logo_urlaubshuetten.svg);mask-size:95% 95%;mask-repeat:no-repeat;mask-position:center}@media only screen and (max-width:767px){#nav_layer .mod_navigation.nav>.topbar .navlogo{height:2.6rem}}@media only screen and (max-width:550px){#nav_layer .mod_navigation.nav>.topbar .navlogo{height:2.4rem}}#nav_layer .mod_navigation.nav>.bottombar{width:100%}#nav_layer .mod_navigation.nav>.bottombar>.inside{font-size:1rem;display:flex;gap:1rem;align-items:start;justify-content:space-between;padding:0.75rem var(--base-spacing-unit);padding-left:0;height:5rem;margin-left:4rem}@media only screen and (max-width:600px){#nav_layer .mod_navigation.nav>.bottombar>.inside{margin-left:3.5rem}}#nav_layer .mod_navigation.nav>.bottombar>.inside .links{flex-grow:1;text-align:left;display:flex;font-weight:400;gap:1rem;padding-top:0.75rem;border-top:1px solid rgba(255, 255, 255, 0.3)}@media only screen and (max-width:800px){#nav_layer .mod_navigation.nav>.bottombar>.inside .links{display:none}}#nav_layer .mod_navigation.nav>.bottombar>.inside .links a{transition:all 0.3s;opacity:0.5}#nav_layer .mod_navigation.nav>.bottombar>.inside .links a:hover{color:#fff;opacity:1}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons{display:flex;gap:0.2rem}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn{--color-primary-initial: #fff;--background-primary-initial: var(--color-brand);--color-primary-hover: #fff;--background-primary-hover: var(--color-brand-dark);padding:0.75em 0.75em;line-height:1;margin:0;display:flex;gap:0.5em;align-items:center;color:var(--color-primary-initial)}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn:hover{color:var(--color-primary-hover)}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn:after{content:"";display:block;position:relative;background:currentcolor;width:1.2em;height:1.2em;-webkit-mask-image:url(/files/theme/img/papier.png);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;order:-1}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn.anfrage{--color-primary-initial: var(--color-brand);--background-primary-initial: #fff;--color-primary-hover: #fff;--background-primary-hover: var(--color-brand-dark)}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn.anfrage:after{-webkit-mask-image:url(/files/theme/img/inquiry.svg)}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn.partner{background:url(/files/theme/img/wooden-bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;border:none !important;padding:0.25em 0.75em}@media only screen and (max-width:991px){#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn.partner{display:none}}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn.partner div{text-align:left}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn.partner:before{background-color:rgba(0, 0, 0, 0.15)}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn.partner b{font-weight:400;font-size:0.8em;width:100%;display:block}#nav_layer .mod_navigation.nav>.bottombar>.inside .buttons .btn.partner:after{-webkit-mask-image:url(/files/urlaubshuetten/icons/user.svg)}#nav_layer .mod_navigation.nav>.level_1{position:relative;margin:0 2rem;width:-webkit-fill-available}#nav_layer .mod_navigation.nav>.level_1:before{content:"";display:block;position:absolute;width:2px;height:200vh;bottom:-5rem;left:0;background:#fff;opacity:1;transition:all 0.5s ease-in-out;transition-delay:0.5s}#nav_layer .mod_navigation.nav>.level_1>li{display:grid;grid-template-columns:1fr 2fr;width:calc(100vw - 4rem)}#nav_layer .mod_navigation.nav>.level_1>li:hover>a,#nav_layer .mod_navigation.nav>.level_1>li:hover>strong{color:#fff}#nav_layer .mod_navigation.nav>.level_1>li>a,#nav_layer .mod_navigation.nav>.level_1>li>strong{padding-left:2rem;position:relative;display:flex;gap:1rem;align-items:center;font-weight:400;font-size:0.9em;opacity:0.5;transition:all 0.25s}#nav_layer .mod_navigation.nav>.level_1>li>a:before,#nav_layer .mod_navigation.nav>.level_1>li>strong:before{content:"";left:1px;position:absolute;top:0;width:3px;background:var(--color-brand);height:100%;transition:all 0.25s;max-height:0}#nav_layer .mod_navigation.nav>.level_1>li>a.submenu:after,#nav_layer .mod_navigation.nav>.level_1>li>strong.submenu:after{content:"";left:0;position:relative;display:inline-block;background:#fff;height:1px;width:0;transition:all 0.25s ease-in-out;right:unset;transform:none;flex-grow:1;max-width:0}#nav_layer .mod_navigation.nav>.level_1>li>.level_2{max-height:0;display:block;opacity:0;pointer-events:none;position:relative;z-index:1;top:-1.35rem;transition:all 0.25s}#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>a,#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>strong{display:block;color:#fff;transition:all 0.25s;width:fit-content;cursor:pointer}#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>a.submenu>.toggler,#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>strong.submenu>.toggler{width:30px;background:currentcolor;height:30px;display:inline-block;margin-left:0.5em;vertical-align:text-top;-webkit-mask-image:url(/files/theme/img/chevron.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;transition:all 0.3s}#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>a.submenu.opened>.toggler,#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>strong.submenu.opened>.toggler{transform:rotateX(180deg)}#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>a.submenu.opened+.level_3,#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>strong.submenu.opened+.level_3{max-height:15rem !important}#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>a:hover,#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>strong:hover{opacity:0.5}@media only screen and (max-width:991px){#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>a,#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>strong{line-height:1.1;font-size:0.95em}}#nav_layer .mod_navigation.nav>.level_1>li>.level_2 li>strong{font-weight:500}#nav_layer .mod_navigation.nav>.level_1>li .level_3{justify-content:flex-start;padding-left:1em;font-size:0.9em;line-height:1;flex-direction:column;max-height:0;flex-wrap:nowrap;overflow:hidden;transition:all 0.3s}#nav_layer .mod_navigation.nav>.level_1>li .level_3>*:last-child{margin-bottom:1em}@media only screen and (min-width:601px){#nav_layer .mod_navigation.nav>.level_1>li:nth-last-child(1)>.level_2,#nav_layer .mod_navigation.nav>.level_1>li:nth-last-child(2)>.level_2,#nav_layer .mod_navigation.nav>.level_1>li:nth-last-child(3)>.level_2{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;align-items:baseline;justify-content:flex-end;top:1em}}#nav_layer .mod_navigation.nav>.level_1>li.showme>a,#nav_layer .mod_navigation.nav>.level_1>li.showme>strong{opacity:1}#nav_layer .mod_navigation.nav>.level_1>li.showme>a:before,#nav_layer .mod_navigation.nav>.level_1>li.showme>strong:before{max-height:100%}#nav_layer .mod_navigation.nav>.level_1>li.showme>a:after,#nav_layer .mod_navigation.nav>.level_1>li.showme>strong:after{max-width:100%}#nav_layer .mod_navigation.nav>.level_1>li.showme>.level_2{opacity:1;pointer-events:all;transition-delay:0.2s}#nav_layer .mod_navigation.nav>.level_1>li.active>a,#nav_layer .mod_navigation.nav>.level_1>li.active>strong,#nav_layer .mod_navigation.nav>.level_1>li.trail>a,#nav_layer .mod_navigation.nav>.level_1>li.trail>strong{color:#fff;opacity:1;font-weight:500}#nav_layer .mod_navigation.nav>.level_1>li.active>a:before,#nav_layer .mod_navigation.nav>.level_1>li.active>strong:before,#nav_layer .mod_navigation.nav>.level_1>li.trail>a:before,#nav_layer .mod_navigation.nav>.level_1>li.trail>strong:before{max-height:100%}#nav_layer .mod_navigation.nav>.level_1>li.active:not(.showme),#nav_layer .mod_navigation.nav>.level_1>li.trail:not(.showme){opacity:0.5}#nav_layer .mod_navigation.nav>.level_1>li:hover>a,#nav_layer .mod_navigation.nav>.level_1>li:hover>strong{opacity:1}@media only screen and (max-width:991px){#nav_layer .mod_navigation.nav .level_1>li{grid-template-columns:1fr 1fr}#nav_layer .mod_navigation.nav .level_1>li>a,#nav_layer .mod_navigation.nav .level_1>li>strong{font-size:0.8em}}@media only screen and (max-width:767px){#nav_layer .mod_navigation.nav{overflow:scroll}#nav_layer .mod_navigation.nav .topbar #nav_layer .mod_navigation.nav .level_1{justify-content:flex-start;padding-top:3rem}#nav_layer .mod_navigation.nav .topbar #nav_layer .mod_navigation.nav .level_1>li{display:block}#nav_layer .mod_navigation.nav .topbar #nav_layer .mod_navigation.nav .level_1>li>a:after,#nav_layer .mod_navigation.nav .topbar #nav_layer .mod_navigation.nav .level_1>li>strong:after{display:none !important}#nav_layer .mod_navigation.nav .topbar #nav_layer .mod_navigation.nav .level_1>li>.level_2{top:0;overflow:hidden;padding-left:2rem;transition:all 0.5s;transition-delay:0s}#nav_layer .mod_navigation.nav .topbar #nav_layer .mod_navigation.nav .level_1>li>.level_2>*:first-child{margin-top:2rem}#nav_layer .mod_navigation.nav .topbar #nav_layer .mod_navigation.nav .level_1>li>.level_2>*:last-child{margin-bottom:2rem}#nav_layer .mod_navigation.nav .topbar #nav_layer .mod_navigation.nav .level_1>li.showme>.level_2{max-height:150vh}}@media only screen and (max-width:600px){#nav_layer .mod_navigation.nav .level_1{display:block;margin-top:2rem}#nav_layer .mod_navigation.nav .level_1>li{grid-template-columns:1fr}#nav_layer .mod_navigation.nav .level_1>li>a,#nav_layer .mod_navigation.nav .level_1>li>strong{padding-left:1.5rem;font-size:0.7em}#nav_layer .mod_navigation.nav .level_1>li>a:after,#nav_layer .mod_navigation.nav .level_1>li>strong:after{display:none !important}#nav_layer .mod_navigation.nav .level_1>li>ul.level_2{max-height:0;overflow:hidden;opacity:1;top:unset;padding-left:1.5rem;transition:all 0.55s}#nav_layer .mod_navigation.nav .level_1>li>ul.level_2>a,#nav_layer .mod_navigation.nav .level_1>li>ul.level_2>strong{line-height:1.2}#nav_layer .mod_navigation.nav .level_1>li>ul.level_2>li:last-child{margin-bottom:1rem}#nav_layer .mod_navigation.nav .level_1>li.showme>ul.level_2{max-height:2000px}}html:has(#top.nav-active){overflow:hidden}#top .navmobilebuttons{display:flex;flex-direction:column;gap:0.5rem;padding-left:1.5rem;margin-top:2rem;display:none !important}#top .navmobilebuttons a{font-size:1rem;margin:0;padding:0.35em}#top .navmobilebuttons a.btn--primary{border-color:var(--color-brand);background:var(--color-brand)}#top .navmobilebuttons a.btn--primary:before{background:var(--color-dark)}#top .navmobilebuttons a.btn--primary:hover{color:#fff}#top .navmobilebuttons a.btn--primary i{display:inline-block;margin-right:0.5em;width:1.2em;height:1.2em;background:#fff;vertical-align:bottom;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}#top .navmobilebuttons a.btn--secondary{border-color:#fff;background:var(--button-primary-color)}#top .navmobilebuttons a.btn--secondary:before{background:var(--color-brand)}#top .navmobilebuttons a.btn--secondary:hover{color:#fff}@media only screen and (max-width:600px){.level_1>.navmobilebuttons{display:flex !important}}#top.landingpage #header>.inside .navtoggler{display:none !important}#top.landingpage #header>.inside .mod_onepage_navigation{opacity:1 !important;pointer-events:all;background:unset;flex-direction:row;position:relative;color:inherit}#top.landingpage #header>.inside .mod_onepage_navigation *{color:inherit}#top.landingpage #header>.inside .mod_onepage_navigation:before{display:none}#top.landingpage #header>.inside .mod_onepage_navigation .btn{margin:0;padding:0.35em 1.5em;margin-left:2rem;--color-primary-initial: #fff;--background-primary-initial: var(--color-brand);--color-primary-hover: #fff;--background-primary-hover: var(--color-brand-dark);color:#fff !important}#top.landingpage #header>.inside .mod_onepage_navigation>.level_1{font-size:1.2rem;flex-direction:row;justify-content:flex-end;font-weight:500}#top.landingpage #header>.inside .mod_onepage_navigation>.level_1 a:after{left:0;right:0}@media only screen and (max-width:991px){#top.landingpage #header>.inside .navtoggler{display:flex !important}#top.landingpage #header>.inside .mod_onepage_navigation{display:none !important}}#top .mod_changelanguage *{list-style-type:none !important;margin:0 !important;padding:0 !important;text-decoration:none !important}#top .mod_changelanguage a{transition:all 0.3s;font-size:1rem !important}#top .mod_changelanguage a:hover{color:var(--color-brand)}#top .mod_changelanguage .navmobilebuttons{display:none !important}.topbar .right{display:flex;justify-content:center;align-items:center;gap:2.5rem}.topbar .right .menulinks{display:flex;justify-content:center;align-items:center;gap:1rem}.topbar .right .menulinks a{width:1.35rem;height:1.35rem;position:relative;color:inherit;padding:0;display:flex}.topbar .right .menulinks a:has(.tooltip){opacity:1 !important}.topbar .right .menulinks a:has(.tooltip) i{transition:all 0.3s}.topbar .right .menulinks a:has(.tooltip) .tooltip{position:absolute;top:calc(100% + 0rem);left:50%;transform:translate(-50%, 0.5rem);background:var(--color-brand);pointer-events:none;opacity:0;transition:all 0.3s;color:#fff !important;border-radius:3px;white-space:nowrap;padding:0.3rem;font-size:0.8em;box-shadow:0 0 8px rgba(0, 0, 0, 0.2);line-height:1.4}.topbar .right .menulinks a:has(.tooltip) .tooltip:before{content:"";display:block;position:absolute;left:50%;bottom:100%;transform:translate(-50%, 0);height:0.4rem;width:0.6rem;clip-path:polygon(50% 0%, 0% 100%, 100% 100%);background:var(--color-brand)}.topbar .right .menulinks a:has(.tooltip):hover i{opacity:0.8}.topbar .right .menulinks a:has(.tooltip):hover .tooltip{opacity:1;pointer-events:all}.topbar .right .menulinks a i{position:absolute;width:100%;height:100%;background:currentcolor;mask-size:contain;mask-position:center;mask-repeat:no-repeat}.topbar .right .menulinks a.phone i,.topbar .right .menulinks a.tel i{mask-image:url(/files/theme/img/phone.svg)}.topbar .right .menulinks a.mail i{mask-image:url(/files/theme/img/mail.svg)}.topbar .right .menulinks a.search i{mask-image:url(/files/theme/img/search.svg)}@media only screen and (max-width:550px){.topbar .right .menulinks>a{display:none}}.topbar .right .menulinks .mod_changelanguage *{list-style-type:none;margin:0;padding:0}.topbar .right .menulinks .mod_changelanguage * a{width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;text-decoration:none}@media only screen and (max-width:420px){.topbar .right .menulinks .mod_changelanguage * a{width:2rem;height:2rem}}.content-swiper .swiper-button-prev,.content-swiper .swiper-button-next{border:none;background:transparent;appearance:none}.slider{position:relative}.slider .slider-control{position:static;height:0}.slider .slider-control a{position:relative;top:50%;transform:translateY(-50%);font-size:var(--slider-arrow-size);line-height:1;position:absolute;display:block;color:var(--slider-arrow-color);font-family:var(--slider-arrow-font-family)}.slider .slider-control a:before{padding:var(--base-spacing-unit-sm);display:block}.slider .slider-control a:hover{opacity:0.5}.slider .slider-prev:before{content:"◄"}.slider .slider-next:before{content:"►"}.slider .slider-menu{font-size:var(--slider-menu-point-size);line-height:1;top:auto;bottom:0}.slider .slider-menu b{color:var(--slider-menu-point-color)}.slider .slider-menu b.active{color:var(--slider-menu-point-color-active)}.slider .slider-menu b:hover{opacity:0.5}.news-list{margin-bottom:var(--base-spacing-unit)}.news-list>h1,.news-list>h2,.news-list>h3,.news-list>h4,.news-list>h5,.news-list>h6{margin-bottom:0}.news-list .info{margin-bottom:0}.news-list .float_left{margin-right:var(--base-spacing-unit)}.news-list .float_right{margin-left:var(--base-spacing-unit)}.news-list .layout_short>h1,.news-list .layout_short>h2,.news-list .layout_short>h3,.news-list .layout_short>h4,.news-list .layout_short>h5,.news-list .layout_short>h6,.news-list .layout_latest>h1,.news-list .layout_latest>h2,.news-list .layout_latest>h3,.news-list .layout_latest>h4,.news-list .layout_latest>h5,.news-list .layout_latest>h6,.news-list .layout_simple>h1,.news-list .layout_simple>h2,.news-list .layout_simple>h3,.news-list .layout_simple>h4,.news-list .layout_simple>h5,.news-list .layout_simple>h6{margin-top:var(--base-spacing-unit)}.news-list .layout_simple time,.news-list .layout_simple a,.news-list .layout_upcoming time,.news-list .layout_upcoming a{padding-top:var(--base-spacing-unit);display:inline-block}.news-list .header{margin-top:var(--base-spacing-unit)}.news-grid{display:grid;grid-gap:var(--grid-gutter);margin-bottom:var(--base-spacing-unit);margin-bottom:var(--base-spacing-unit)}@media screen and (min-width:34.375em){.news-grid{grid-template-columns:repeat(var(--news-grid-columns-sm), 1fr)}}@media screen and (min-width:48em){.news-grid{grid-template-columns:repeat(var(--news-grid-columns-md), 1fr)}}@media screen and (min-width:58.75em){.news-grid{grid-template-columns:repeat(var(--news-grid-columns-lg), 1fr)}}@media screen and (min-width:75em){.news-grid{grid-template-columns:repeat(var(--news-grid-columns-xl), 1fr)}}.news-grid>h1,.news-grid>h2,.news-grid>h3,.news-grid>h4,.news-grid>h5,.news-grid>h6{grid-column:1 / -1}.news-grid .layout_simple time{display:block}.news-menu ul{list-style-type:none;margin:0;padding:0}.news-menu a{text-decoration:none}.news-menu .year{margin-bottom:var(--base-spacing-unit-sm)}.news-menu .year>a,.news-menu .year>.active{color:inherit;font-weight:var(--headings-font-weight);font-family:var(--headings-font-family)}.news-menu .level_2 li{margin-bottom:var(--base-spacing-unit-xs)}.events-list{margin-bottom:var(--base-spacing-unit)}.events-list>h1,.events-list>h2,.events-list>h3,.events-list>h4,.events-list>h5,.events-list>h6{margin-bottom:0}.events-list .image_container{margin-top:var(--base-spacing-unit);margin-bottom:var(--base-spacing-unit)}.events-list .float_left{margin-right:var(--base-spacing-unit)}.events-list .float_right{margin-left:var(--base-spacing-unit)}.events-list .event>h1,.events-list .event>h2,.events-list .event>h3,.events-list .event>h4,.events-list .event>h5,.events-list .event>h6{margin-top:var(--base-spacing-unit)}.events-list .layout_upcoming time,.events-list .layout_upcoming a{padding-top:var(--base-spacing-unit);display:inline-block}.events-list .header{margin-top:var(--base-spacing-unit)}.events-grid{display:grid;grid-gap:var(--grid-gutter);margin-bottom:var(--base-spacing-unit)}@media screen and (min-width:34.375em){.events-grid{grid-template-columns:repeat(var(--events-grid-columns-sm), 1fr)}}@media screen and (min-width:48em){.events-grid{grid-template-columns:repeat(var(--events-grid-columns-md), 1fr)}}@media screen and (min-width:58.75em){.events-grid{grid-template-columns:repeat(var(--events-grid-columns-lg), 1fr)}}@media screen and (min-width:75em){.events-grid{grid-template-columns:repeat(var(--events-grid-columns-xl), 1fr)}}.events-menu ul{list-style-type:none;margin:0;padding:0}.events-menu a{text-decoration:none}.events-menu .year{margin-bottom:var(--base-spacing-unit-sm)}.events-menu .year>a,.events-menu .year>.active{color:inherit;font-weight:var(--headings-font-weight);font-family:var(--headings-font-family)}.events-menu .level_2 li{margin-bottom:var(--base-spacing-unit-xs)}fieldset{padding:0;margin:0;border:0;min-width:0}label{display:inline-block;max-width:100%;margin-bottom:var(--base-spacing-unit-xs)}input.text,input.captcha,textarea.textarea,select.select{display:block;width:100%;padding:var(--base-spacing-unit-sm) var(--base-spacing-unit-sm);border-radius:var(--forms-input-border-radius);border:var(--forms-input-border-width) solid var(--forms-input-border-color);background-clip:padding-box;background-image:none;background-color:var(--forms-input-background);line-height:var(--forms-input-line-height)}textarea.textarea{height:auto}.widget-text,.widget-textarea,.widget-password{margin-bottom:var(--base-spacing-unit)}input[type="search"]{appearance:none}input[type="file"]{display:block;line-height:1}input.radio,input.checkbox{margin-left:1px;margin-right:var(--base-spacing-unit-xs);line-height:var(--base-line-height);vertical-align:middle}input.radio+label,input.checkbox+label{margin-right:var(--base-spacing-unit-xs);margin-bottom:0;font-weight:normal}.widget-radio,.widget-checkbox,.widget-select,.widget-upload{margin-bottom:var(--base-spacing-unit)}.widget-radio legend,.widget-checkbox legend,.widget-select legend,.widget-upload legend{font-weight:700}.radio_container>span,.checkbox_container>span{display:inline-flex;align-items:center}span.mandatory{color:var(--forms-mandatory-color)}p.error{margin-bottom:0}label{font-weight:400}input.text,input.captcha,textarea{padding:var(--base-spacing-unit-sm) var(--base-spacing-unit-sm)}input.text:focus,input.captcha:focus,textarea:focus{outline:5px auto var(--color-brand-secondary)}.widget-radio,.widget-checkbox,.widget-select,.widget-upload,.widget-text{margin-bottom:var(--base-spacing-unit-sm)}.widget-submit{margin-bottom:var(--base-spacing-unit)}.widget-explanation{font-size:var(--base-font-size-xs);color:var(--color-gray)}span.mandatory{padding-left:var(--base-spacing-unit-xs);color:var(--color-brand-secondary)}.ce_form .row{row-gap:0}.orderform{background:var(--color-page-background);padding:var(--base-spacing-unit) var(--base-spacing-unit) var(--base-spacing-unit) var(--base-spacing-unit);color:var(--color-text)}@media screen and (min-width:58.75em){.orderform{padding:var(--base-spacing-unit-lg) var(--base-spacing-unit-lg)}}.formbody,.formbody fieldset:not([class*="_container"]){display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:0.5rem}.formbody>*,.formbody fieldset:not([class*="_container"])>*{grid-column:span 6}.formbody>*.half,.formbody fieldset:not([class*="_container"])>*.half{grid-column:span 3}.formbody>*.third,.formbody fieldset:not([class*="_container"])>*.third{grid-column:span 2}@media only screen and (max-width:767px){.formbody>*,.formbody fieldset:not([class*="_container"])>*{grid-column:span 6 !important}}input.text,input.captcha,textarea.textarea,select.select{margin-bottom:0}#top .ui-state-default,#top .ui-widget-content .ui-state-default,#top .ui-widget-header .ui-state-default,#top .ui-button,#top html .ui-button.ui-state-disabled:hover,#top html .ui-button.ui-state-disabled:active{border:1px solid var(--color-brand-dark);background:var(--color-brand-dark);color:#fff;text-align:center}#top .ui-widget-content{border-color:var(--color-brand-dark);background:var(--color-brand)}#top .ui-widget-header{background:var(--color-brand-dark);border:none}#top .ui-state-active,#top .ui-widget-content .ui-state-active,#top .ui-widget-header .ui-state-active,#top a.ui-button:active,#top .ui-button:active,#top .ui-button.ui-state-active:hover{border:1px solid var(--color-brand);background:var(--color-brand)}#top .ui-state-highlight,#top .ui-widget-content .ui-state-highlight,#top .ui-widget-header .ui-state-highlight{background:#313131}#top .ui-state-default:hover{filter:brightness(0.9)}#top thead{background:unset}#top .ui-datepicker-calendar{border:none}#top .ui-datepicker-next,#top .ui-datepicker-prev{border:none !important}#top .ui-datepicker-next.ui-datepicker-next,#top .ui-datepicker-prev.ui-datepicker-next{right:0 !important}#top .ui-datepicker-next.ui-datepicker-prev,#top .ui-datepicker-prev.ui-datepicker-prev{left:0 !important}#top .widget-text:has(.monthswiper) .text{display:none !important}#top .widget-text:has(.monthswiper) .monthswiper .swiper-slide{width:auto}#top .widget-text:has(.monthswiper) .monthswiper .swiper-slide input{display:none}#top .widget-text:has(.monthswiper) .monthswiper .swiper-slide .clickable>div{border:1px solid rgba(0, 0, 0, 0.4);border-radius:5px;cursor:pointer;transition:all 0.3s;display:flex;flex-direction:column;gap:0.25rem;justify-content:center;align-items:center;padding:0.65em;aspect-ratio:1;min-width:4em;line-height:1}#top .widget-text:has(.monthswiper) .monthswiper .swiper-slide .clickable>div:hover{background:rgba(0, 0, 0, 0.1)}#top .widget-text:has(.monthswiper) .monthswiper .swiper-slide .clickable>div i{display:block;width:1.4em;aspect-ratio:1;background:currentcolor;-webkit-mask-image:url(/files/theme/img/calendar.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}#top .widget-text:has(.monthswiper) .monthswiper .swiper-slide .clickable.clicked>div{background:var(--color-tint)}#top .widget-text:has(.monthswiper) .monthswiper .swiper-button-next,#top .widget-text:has(.monthswiper) .monthswiper .swiper-button-prev{--swiper-navigation-color: var(--color-text);--swiper-navigation-size: 15px;font-weight:bold;aspect-ratio:1;width:2rem;height:2rem;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.35);transform:translate(0, -50%)}#top .widget-text:has(.monthswiper) .monthswiper .swiper-button-next.swiper-button-disabled,#top .widget-text:has(.monthswiper) .monthswiper .swiper-button-prev.swiper-button-disabled{opacity:0}.ce_rsce_columntile.brand form{--forms-input-border-color: rgba(255, 255, 255, 0.5);--forms-input-background: transparent;--forms-mandatory-color: red;--color-primary-initial: var(--color-brand);--background-primary-initial: #fff;--color-primary-hover: var(--color-brand-dark);--background-primary-hover: #fff}.ce_rsce_columntile.brand form input.text,.ce_rsce_columntile.brand form textarea,.ce_rsce_columntile.brand form select{color:#fff}.ce_rsce_columntile.brand form input.text::placeholder,.ce_rsce_columntile.brand form textarea::placeholder,.ce_rsce_columntile.brand form select::placeholder{color:var(--forms-input-border-color)}.ce_rsce_columntile.brand form input.text option,.ce_rsce_columntile.brand form textarea option,.ce_rsce_columntile.brand form select option{color:var(--color-text)}.ce_rsce_columntile.brand form a{color:#fff;text-decoration:underline}.ce_rsce_columntile.brand form .mandatory{color:#fff}fieldset:not([data-cff-condition]):not(.checkbox_container):not(.radio_container){padding:1rem 1.5rem;border:1px solid var(--color-brand)}fieldset:not([data-cff-condition]):not(.checkbox_container):not(.radio_container)>legend{color:var(--color-brand);font-weight:600;padding:0.5rem;font-size:1.4em}fieldset:not([data-cff-condition]):not(.checkbox_container):not(.radio_container)>.widget{text-align:inherit}.ce_accordion{margin-bottom:var(--accordion-spacing)}.ce_accordion:not(.handorgel) .toggler{font-size:var(--accordion-toggler-font-size);cursor:pointer;background:var(--accordion-toggler-background);color:var(--accordion-toggler-color);padding:var(--accordion-toggler-spacing);border:var(--accordion-toggler-border)}.ce_accordion:not(.handorgel) .toggler:hover{color:var(--accordion-toggler-color-hover)}.ce_accordion:not(.handorgel) .toggler:focus{outline:0}.ce_accordion.handorgel .toggler button{display:flex;width:100%;appearance:none;font-size:var(--accordion-toggler-font-size);cursor:pointer;background:var(--accordion-toggler-background);color:var(--accordion-toggler-color);padding:var(--accordion-toggler-spacing);border:var(--accordion-toggler-border)}.ce_accordion.handorgel .toggler button:hover{color:var(--accordion-toggler-color-hover)}.ce_accordion.handorgel .toggler button:focus{outline:0}.ce_accordion .accordion{background:var(--accordion-content-background);overflow:hidden}.ce_accordion .accordion>div{padding:var(--accordion-content-spacing)}.content-accordion .handorgel__header{line-height:var(--base-line-height);margin-bottom:var(--accordion-spacing)}.content-accordion .handorgel__header__button{display:flex;width:100%;appearance:none;font-size:var(--accordion-toggler-font-size);cursor:pointer;background:var(--accordion-toggler-background);color:var(--accordion-toggler-color);padding:var(--accordion-toggler-spacing);border:var(--accordion-toggler-border)}.content-accordion .handorgel__header__button:hover{color:var(--accordion-toggler-color-hover)}.content-accordion .handorgel__header__button:focus{outline:0}.content-accordion .handorgel__content{background:var(--accordion-content-background);overflow:hidden}.content-accordion .handorgel__content>div{padding:var(--accordion-content-spacing)}.content-accordion{border:none !important;color:inherit;text-align:left}.content-accordion .handorgel__header{color:inherit}.content-accordion .handorgel__header .handorgel__header__button{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--grid-gutter);text-align:left;border-radius:var(--accordion-toggler-border-radius);font-weight:var(--accordion-toggler-font-weight);color:inherit;border-color:inherit;--accordion-toggler-spacing: 0.75em 1em}.content-accordion .handorgel__header .handorgel__header__button::after{content:"+";margin-left:auto;margin-right:0;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;-webkit-transform:rotate(0) scale(var(--accordion-toggler-icon-size));transform:rotate(0) scale(var(--accordion-toggler-icon-size))}.content-accordion .handorgel__header--open .handorgel__header__button{border-bottom-left-radius:0;border-bottom-right-radius:0}.content-accordion .handorgel__header--open .handorgel__header__button::after{-webkit-transform:rotate(45deg) scale(var(--accordion-toggler-icon-size));transform:rotate(45deg) scale(var(--accordion-toggler-icon-size))}.content-accordion .handorgel__content{border:none !important}.ce_download,.ce_downloads,.content-download,.content-downloads{margin-bottom:1rem}.ce_download .mime_icon,.ce_downloads .mime_icon,.content-download .mime_icon,.content-downloads .mime_icon{display:inline-block;vertical-align:middle}.ce_download a,.ce_downloads a,.content-download a,.content-downloads a{display:inline-block;color:var(--download-link-color);text-decoration:var(--download-link-decoration)}.ce_downloads ul,.content-downloads ul{list-style-type:none;margin:0;padding:0}.ce_downloads a,.content-downloads a{text-decoration:none}table{margin-bottom:var(--base-spacing-unit);width:100%;padding:0;border-spacing:0;border-left:var(--table-border-width) var(--table-border-style) var(--table-border-color);border-top:var(--table-border-width) var(--table-border-style) var(--table-border-color)}table th,table td{border-right:var(--table-border-width) var(--table-border-style) var(--table-border-color);border-bottom:var(--table-border-width) var(--table-border-style) var(--table-border-color);padding:10px}thead{text-align:left;background:var(--table-background-light)}tfoot{font-style:italic}.table--striped .even{background:var(--table-background-light)}.table--overflow{overflow-x:scroll;-ms-overflow-x:auto}.newsletter-subscribe,.newsletter-unsubscribe{margin-bottom:var(--base-spacing-unit)}.newsletter-subscribe .formbody,.newsletter-unsubscribe .formbody{display:flex;flex-flow:row wrap}.newsletter-subscribe .text,.newsletter-subscribe .widget-text,.newsletter-unsubscribe .text,.newsletter-unsubscribe .widget-text{margin-bottom:0;display:inline-block;flex:1}.newsletter-subscribe .error,.newsletter-unsubscribe .error{margin-bottom:0;flex:1 100%;font-weight:700}.newsletter-subscribe .widget-captcha,.newsletter-unsubscribe .widget-captcha{order:-1;width:100%;margin-bottom:var(--base-spacing-unit)}.newsletter-subscribe .widget-checkbox,.newsletter-unsubscribe .widget-checkbox{order:1;width:100%}.newsletter-subscribe .submit,.newsletter-unsubscribe .submit{margin-left:var(--base-spacing-unit-xs)}.newsletter-list ul{list-style-type:none;margin:0;padding:0}.newsletter-list a{text-decoration:none}.newsletter-list li{border-bottom:var(--newsletter-list-border);padding-top:var(--base-spacing-unit);padding-bottom:var(--base-spacing-unit);display:block}.newsletter-list li:first-of-type{border-top:var(--newsletter-list-border)}@media screen and (min-width:34.375em){.newsletter-list li{font-size:var(--h4-font-size);line-height:var(--h4-line-height)}}@media screen and (min-width:48em){.newsletter-list li{font-size:var(--h3-font-size);line-height:var(--h3-line-height)}}.newsletter-list li a:hover{opacity:0.5}.newsletter-reader{max-width:var(--newsletter-reader-width);margin-left:auto;margin-right:auto;border:var(--newsletter-reader-border);padding:0 var(--base-spacing-unit)}.faq-list ul{list-style-type:none;margin:0;padding:0}.faq-list a{text-decoration:none}.faq-list>ul{margin-top:2rem}.faq-list li{margin-bottom:var(--base-spacing-unit-sm)}.faq-list li a{display:inline-block}.faq-list>h1,.faq-list>h2,.faq-list>h3,.faq-list>h4,.faq-list>h5,.faq-list>h6{margin-bottom:0}.faq-list>h1:after,.faq-list>h2:after,.faq-list>h3:after,.faq-list>h4:after,.faq-list>h5:after,.faq-list>h6:after{border-top:var(--faq-border);content:"";display:block}.faq-list article>h1,.faq-list article>h2,.faq-list article>h3,.faq-list article>h4,.faq-list article>h5,.faq-list article>h6{margin-bottom:0}.faq-list article>h1:after,.faq-list article>h2:after,.faq-list article>h3:after,.faq-list article>h4:after,.faq-list article>h5:after,.faq-list article>h6:after{border-top:var(--faq-border);content:"";display:block}.faq-page>h1,.faq-page>h2,.faq-page>h3,.faq-page>h4,.faq-page>h5,.faq-page>h6{margin-bottom:0}.faq-page>h1:after,.faq-page>h2:after,.faq-page>h3:after,.faq-page>h4:after,.faq-page>h5:after,.faq-page>h6:after{border-top:var(--faq-border);content:"";display:block}.faq-page article>h1,.faq-page article>h2,.faq-page article>h3,.faq-page article>h4,.faq-page article>h5,.faq-page article>h6{margin-bottom:0}.faq-page article>h1:after,.faq-page article>h2:after,.faq-page article>h3:after,.faq-page article>h4:after,.faq-page article>h5:after,.faq-page article>h6:after{border-top:var(--faq-border);content:"";display:block}.faq-page .info{font-size:0.875rem;margin-top:var(--base-spacing-unit);opacity:0.5}.faq-page section{padding:var(--base-spacing-unit) 0;border-bottom:var(--faq-border)}.faq-page section.last{margin-bottom:var(--base-spacing-unit)}.faq-reader .info{font-size:0.875rem;margin-top:var(--base-spacing-unit);opacity:0.5}.mod_faqpage{margin:auto;max-width:1200px}.mod_faqpage .search-container{display:flex;justify-content:start;width:100%;max-width:500px;position:relative;margin:0;margin-left:auto;margin-bottom:2rem}.mod_faqpage .search-container:before{content:"";display:block;position:absolute;height:100%;aspect-ratio:1;right:0;top:0;background:#dddddd;mask-image:url(/files/theme/img/search.svg);mask-size:50% 50%;mask-position:center;mask-repeat:no-repeat;z-index:1;pointer-events:none}.mod_faqpage .search-container input{padding:0.5em 1em;padding-left:0;line-height:1;width:100%;position:relative;margin:0;border:none;outline:none !important;border-bottom:2px solid #dddddd;border-radius:0}.mod_faqpage .search-container input::placeholder{color:#dddddd}.mod_faqpage>article>section{background:var(--color-gray-light);margin-bottom:2rem;transition:background-color 0.3s ease-in-out}@media only screen and (max-width:767px){.mod_faqpage>article>section{margin-bottom:1rem}}.mod_faqpage>article>section.priority{background-color:rgba(240, 240, 240, 0.5)}.mod_faqpage>article>section .top>.inner{display:flex;align-items:center;min-height:13em}@media only screen and (max-width:940px){.mod_faqpage>article>section .top>.inner{min-height:unset}}.mod_faqpage>article>section .top>.inner>.image{width:400px;display:block;overflow:hidden;position:relative;align-self:normal}@media only screen and (max-width:1200px){.mod_faqpage>article>section .top>.inner>.image{width:300px}}@media only screen and (max-width:940px){.mod_faqpage>article>section .top>.inner>.image{display:none}}.mod_faqpage>article>section .top>.inner>.image img{position:absolute;width:100%;height:100%;object-fit:cover}.mod_faqpage>article>section .top>.inner .headlines{flex-grow:1;padding:3rem}@media only screen and (max-width:767px){.mod_faqpage>article>section .top>.inner .headlines{padding:2rem}}@media only screen and (max-width:600px){.mod_faqpage>article>section .top>.inner .headlines{padding:1.5rem}}.mod_faqpage>article>section .top>.inner .headlines .heading--1{font-weight:500}.mod_faqpage>article>section .top>.inner .headlines .heading--2{font-size:2.3em}@media only screen and (max-width:767px){.mod_faqpage>article>section .top>.inner .headlines .heading--2{font-size:1.8em;display:none}}@media only screen and (max-width:600px){.mod_faqpage>article>section .top>.inner .headlines .heading--2{font-size:1.6em}}.mod_faqpage>article>section .top>.inner .headlines .toggler{text-transform:uppercase;letter-spacing:0.1em;margin-top:1.5em;line-height:1;cursor:pointer;transition:all 0.3s}.mod_faqpage>article>section .top>.inner .headlines .toggler:hover{opacity:0.9}.mod_faqpage>article>section .top>.inner .headlines .toggler i{display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask-image:url(/files/theme/img/arrow-right.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;vertical-align:top;transform:rotate(90deg);transition:all 0.3s}.mod_faqpage>article>section .bottom{overflow:hidden;max-height:0;transition:all 0.5s ease-in-out;--naturalheight: 100vh}.mod_faqpage>article>section .bottom>.inner{padding:2.5rem;margin-top:2.5rem;position:relative}@media only screen and (max-width:767px){.mod_faqpage>article>section .bottom>.inner{padding:2rem}}@media only screen and (max-width:600px){.mod_faqpage>article>section .bottom>.inner{padding:1.5rem}}.mod_faqpage>article>section .bottom>.inner:before{content:"";pointer-events:none;height:1px;width:auto;position:absolute;top:0;left:2.5rem;right:2.5rem;background:rgba(0, 0, 0, 0.075);background-repeat:repeat-x}.mod_faqpage>article>section.active .toggler i{transform:rotate(90deg) rotateY(180deg)}.mod_faqpage>article>section.active .bottom{max-height:var(--naturalheight)}.ce_comments{overflow:visible}.ce_comments .widget{margin-bottom:var(--base-spacing-unit)}.ce_comments p.error{margin-bottom:0;color:var(--color-error)}.ce_comments .error{border-color:var(--color-error-light)}.comment_default{padding:var(--base-spacing-unit);margin-bottom:var(--base-spacing-unit);border:var(--base-border)}.comment_default .info{padding-bottom:var(--base-spacing-unit);border-bottom:var(--base-border)}.comment_default.last{margin-bottom:var(--base-spacing-unit-lg)}.search .formbody{display:flex;flex-flow:row wrap}.search .widget-text{margin-bottom:var(--base-spacing-unit-sm);display:inline-block;flex:1}.search .widget-text label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.search .widget-submit{margin-bottom:var(--base-spacing-unit-sm);margin-left:var(--base-spacing-unit-xs);align-self:flex-end}.search .widget-submit .submit{margin-left:0}.search .relevance{color:var(--search-relevance-color)}.search .context{margin-bottom:var(--base-spacing-unit-xs)}.search .highlight{font-weight:bold}.search .url{color:var(--search-url-color)}.mod_search:has(.overlayform){transition:all 0.3s;position:fixed;background:rgba(0, 0, 0, 0.75);width:100%;height:100%;top:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;font-size:1rem;overflow:hidden;z-index:201;opacity:0;pointer-events:none}.mod_search:has(.overlayform).active{opacity:1;pointer-events:all}.mod_search:has(.overlayform)>*{display:none}.mod_search:has(.overlayform) form{display:flex;justify-content:center}.mod_search:has(.overlayform) .formbody{display:flex;gap:1rem;width:clamp(50%, 30rem, 90%)}.mod_search:has(.overlayform) .group{position:relative;flex-grow:1}.mod_search:has(.overlayform) .widget{margin:0}.mod_search:has(.overlayform) input{margin:0}.mod_search:has(.overlayform) .widget-text input{width:100%;padding:0.5rem;border-radius:5px;border:none;box-shadow:none}@media only screen and (min-width:768px){.mod_search:has(.overlayform) .widget-text input{min-width:350px}}.mod_search:has(.overlayform) .widget-submit{position:absolute;right:0;top:0;height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.mod_search:has(.overlayform) .widget-submit button{font-size:1rem;position:relative;width:100%;height:100%;margin:0}.mod_search:has(.overlayform) .widget-submit button:before{display:none !important}.mod_search:has(.overlayform) .widget-submit button i{position:absolute;width:100%;height:100%;background:var(--color-text);-webkit-mask-image:url(/files/theme/img/search.svg);-webkit-mask-size:60% 60%;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;top:0;left:0}.mod_search:has(.overlayform).closed{height:0;width:0;left:50%;top:50%}.mod_search:has(.overlayform) .toggle-search-module{order:2;background:white;border-radius:5px;height:100%;aspect-ratio:1;position:relative;cursor:pointer}.mod_search:has(.overlayform) .toggle-search-module i{position:absolute;width:100%;height:100%;background:var(--color-text);-webkit-mask-image:url(/files/theme/img/close.svg);-webkit-mask-size:60% 60%;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;top:0;left:0}.mod_search:has(.overlayform) button{background:none;border:none;box-shadow:none;color:black;padding:0}.mod_article .mod_search .formbody{display:flex;gap:1rem;width:1;max-width:600px;margin:auto;margin-bottom:0.5rem}.mod_article .mod_search .formbody *{margin:0 !important}.mod_article .mod_search .formbody .widget-text{flex-grow:1}.mod_article .mod_search .formbody input{height:100%}.mod_article .mod_search{margin-bottom:2rem}.mod_article .mod_search .header{margin-bottom:0.5rem;text-align:center}.mod_article .mod_search .info{margin-bottom:2.5rem;text-align:center;font-size:0.8em}.mod_article .mod_search .search_default{margin-bottom:1.5rem;text-align:center}.mod_article.hero{position:relative;padding:0;z-index:0}.mod_article.hero>.inside{max-width:none;width:100%;margin-left:auto;margin-right:auto;padding:0}.mod_article.hero .simpleslider:after{content:"";display:block;height:100%;width:100%;left:0;top:0;position:absolute;z-index:9;background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 12rem, rgba(255, 255, 255, 0) 100%);pointer-events:none}@media only screen and (max-width:767px){.mod_article.hero .simpleslider:after{height:100%;top:0;bottom:unset;background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 12rem, rgba(255, 255, 255, 0) 100%);display:none}}.mod_article.hero .simpleslider .swiper-slide{overflow:hidden}.mod_article.hero .simpleslider .swiper-slide img{transition:transform 0.1s;transition-delay:2s;transform:scale(1.01)}@media only screen and (max-width:767px){.mod_article.hero .simpleslider .swiper-slide img{transform:none !important}}.mod_article.hero .simpleslider .swiper-slide.swiper-slide-active img{transition:transform 2s;transition-delay:0s;transform:scale(1.1)}@media only screen and (max-width:767px){.mod_article.hero .simpleslider .swiper-slide.swiper-slide-active img{transform:none !important}}@media only screen and (max-width:767px){.hero .rellax{transform:none !important}}.ce_hero{width:100%;display:grid;grid-template-columns:[image-start] minmax(var(--grid-gutter), 1fr) [main-start] minmax(0, calc(72em - calc(2 * var(--grid-gutter)))) [main-end] minmax(var(--grid-gutter), 1fr) [image-end]}.ce_hero .hero__background{grid-column:image;grid-row:1 / -1;position:relative}.ce_hero .hero__background img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.ce_hero .hero__content{display:grid;grid-template-columns:repeat(12, 1fr);grid-column-gap:var(--grid-gutter);grid-auto-columns:1fr;grid-column:main;grid-row:1 / -1;position:relative;z-index:1000;text-align:left;align-self:end;margin-top:var(--base-spacing-unit);margin-bottom:var(--base-spacing-unit)}@supports not (display: grid){.ce_hero .hero__content{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--grid-gutter) / 2);margin-right:calc(-1 * var(--grid-gutter) / 2)}}@media screen and (min-width:48em){.ce_hero .hero__content{-ms-flex-item-align:center;align-self:center}}@media screen and (min-width:58.75em){.ce_hero .hero__content{margin-top:var(--base-spacing-unit-lg);margin-bottom:var(--base-spacing-unit-lg)}}@media screen and (min-width:75em){.ce_hero .hero__content{margin-top:var(--base-spacing-unit-xl);margin-bottom:var(--base-spacing-unit-xl)}}.ce_hero .btn{margin-top:var(--base-spacing-unit);margin-bottom:0;display:inline-block}.ce_hero .hero__text{grid-column:1 / -1;padding:var(--base-spacing-unit);margin-top:var(--base-spacing-unit);margin-bottom:var(--base-spacing-unit);position:relative;z-index:1000;text-align:left;align-self:flex-end;opacity:0;color:var(--hero-color-text);font-family:var(--hero-font-family);font-weight:var(--hero-font-weight)}.ce_hero .hero__text::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--hero-text-background);-webkit-transform:scale3d(1, 0, 1);transform:scale3d(1, 0, 1);-webkit-transform-origin:bottom center;transform-origin:bottom center;z-index:-1}.article--active .ce_hero .hero__text{-webkit-animation:fade-in 0.3s 0.5s forwards;animation:fade-in 0.3s 0.5s forwards}.article--active .ce_hero .hero__text::after{-webkit-animation:scale-up 0.5s 0.5s forwards;animation:scale-up 0.5s 0.5s forwards}@media screen and (min-width:34.375em){.ce_hero .hero__text{grid-column:1 / -1;grid-column:span 8 / span 8}@supports not (display: grid){.ce_hero .hero__text{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_hero .hero__text{width:66.6666666667%}}}@media screen and (min-width:58.75em){.ce_hero .hero__text{grid-column:1 / -1;grid-column:span 6 / span 6;padding:var(--base-spacing-unit-lg)}@supports not (display: grid){.ce_hero .hero__text{padding-left:var(--grid-gutter-half);padding-right:var(--grid-gutter-half)}}@supports not (display: grid){.ce_hero .hero__text{width:50%}}}.ce_hero .hero__text .hero__headline{font-weight:var(--hero-heading-font-weight);font-family:var(--hero-heading-font-family);color:var(--headings-color);-ms-hyphens:auto;hyphens:auto}.hero--text-right .hero__text{grid-column:1 / -1;padding:var(--base-spacing-unit);margin-top:var(--base-spacing-unit);margin-bottom:var(--base-spacing-unit);position:relative;z-index:1000;text-align:left;align-self:flex-end}.hero--text-right .hero__text::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--hero-text-background);-webkit-transform:scale3d(1, 0, 1);transform:scale3d(1, 0, 1);-webkit-transform-origin:bottom center;transform-origin:bottom center;z-index:-1}@media screen and (min-width:34.375em){.hero--text-right .hero__text{grid-column-start:5}}@media screen and (min-width:58.75em){.hero--text-right .hero__text{grid-column-start:7;padding:var(--base-spacing-unit-lg)}}.hero{overflow:hidden}@media only screen and (max-width:767px){.hero{--swiper-navigation-size: 1.5rem}}.hero:after{content:"";display:block;position:absolute;width:100%;height:35%;z-index:24;top:0;left:0;background:black;background:linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.05) 90%, rgba(0, 0, 0, 0) 100%)}.hero .simpleslider .swiper-outer{position:relative}.hero .simpleslider .swipernav:has(.invisible) .swiper-button-next,.hero .simpleslider .swipernav:has(.invisible) .swiper-button-prev{display:block !important}.hero .simpleslider .swipernav{position:absolute;bottom:2rem;left:2rem;display:flex;gap:0.5rem;justify-content:center;align-items:center;z-index:29}@media only screen and (max-width:767px){.hero .simpleslider .swipernav{display:none !important}}.hero .simpleslider .swipernav .swiper-pagination{position:relative;color:#fff;line-height:1;top:unset;bottom:unset;margin:0;padding:0;min-width:unset;width:unset;font-size:1.2em}.hero .simpleslider .swipernav .swiper-button-prev,.hero .simpleslider .swipernav .swiper-button-next{left:unset;right:unset;top:unset;bottom:unset;margin:0;padding:0;transform:none;position:relative;background:#fff;-webkit-mask-image:url(/files/theme/img/arrow-right.svg);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;width:1.5rem;height:1.5rem;transition:all 0.3s}.hero .simpleslider .swipernav .swiper-button-prev.swiper-button-prev,.hero .simpleslider .swipernav .swiper-button-next.swiper-button-prev{transform:rotate(180deg)}.hero .simpleslider .swipernav .swiper-button-prev:after,.hero .simpleslider .swipernav .swiper-button-next:after{display:none}.hero .simpleslider .swipernav .swiper-button-prev.swiper-button-disabled,.hero .simpleslider .swipernav .swiper-button-next.swiper-button-disabled{opacity:0 !important}.hero .simpleslider .swiper-slide img{width:100%;height:25vw;min-height:450px;max-height:100vh;object-fit:cover}@media only screen and (max-width:767px){.hero .simpleslider .swiper-slide img{height:75vw}}.hero .simpleslider .swiper-outer>.textshadow{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;background:black;background:linear-gradient(30deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.075) 25%, rgba(0, 0, 0, 0.05) 30%);pointer-events:none}.hero .simpleslider .swiper-outer>.text{max-width:72em;width:100%;margin-left:auto;margin-right:auto;max-width:min(72em, calc(95vw - 2rem));padding:0;position:absolute;bottom:2rem;z-index:15;left:calc(50% + 0rem);font-family:var(--base-font-family-serif);transform:translate(-50%, 0px);color:#fff;text-shadow:0 0 20px rgba(0, 0, 0, 0.2);text-align:right}@media only screen and (max-width:1720px){.hero .simpleslider .swiper-outer>.text{left:calc(50% - 5rem)}}.hero .simpleslider .swiper-outer>.text>*{font-size:3.5rem;font-weight:600;margin:0;line-height:1.2}@media only screen and (max-width:991px){.hero .simpleslider .swiper-outer>.text>*{font-size:3rem}}@media only screen and (max-width:767px){.hero .simpleslider .swiper-outer>.text>*{font-size:2.5rem}}@media only screen and (max-width:650px){.hero .simpleslider .swiper-outer>.text>*{font-size:1.75rem}}@media only screen and (max-width:460px){.hero .simpleslider .swiper-outer>.text>*{display:none}}#top.home .hero .simpleslider .swiper-slide img{height:56.25vw;max-height:100vh;min-height:450px}@media only screen and (max-width:767px){#top.home .hero .simpleslider .swiper-slide img{height:100dvh;transition:all 0.7s}}#top.home .hero .simpleslider .swiper-outer>.text{bottom:11.5rem;left:calc(50% + 0rem)}@media only screen and (max-width:767px){#top.home .hero .simpleslider .swiper-outer>.text{bottom:5rem}}#top.home .hero .simpleslider .swiper-outer>.text>*{font-size:4rem}@media only screen and (max-width:991px){#top.home .hero .simpleslider .swiper-outer>.text>*{font-size:3rem}}@media only screen and (max-width:767px){#top.home .hero .simpleslider .swiper-outer>.text>*{font-size:2.5rem}}@media only screen and (max-width:650px){#top.home .hero .simpleslider .swiper-outer>.text>*{font-size:1.75rem}}@media only screen and (max-width:460px){#top.home .hero .simpleslider .swiper-outer>.text>*{display:none}}#top:not(.home) .hero .hero-cta{display:none}#top:not(.home) .hero .simpleslider:after{display:none}.simpleslider .slider-cta{position:absolute;right:var(--base-spacing-unit);bottom:var(--base-spacing-unit);display:flex;z-index:20;gap:0.2rem;--color-primary-initial: #fff;--background-primary-initial: rgba(0,0,0,0.4)}@media only screen and (max-width:767px){.simpleslider .slider-cta{bottom:12rem;right:unset;left:var(--base-spacing-unit);display:none}}.simpleslider .swiper-content{max-width:72em;width:100%;margin-left:auto;margin-right:auto;position:absolute;bottom:10rem;z-index:30;left:50%;transform:translate(-50%, 0px);color:#fff;text-align:center}@media only screen and (max-width:1200px){.simpleslider .swiper-content{bottom:5rem;padding:0 var(--base-spacing-unit)}}.simpleslider .swiper-content .textccontainer{font-size:1.2em;text-shadow:0 0 15px rgba(0, 0, 0, 0.3)}.simpleslider .swiper-content .textccontainer p:not(.heading--2){font-weight:500;margin-bottom:1em}.simpleslider .swiper-content .textccontainer .heading--2{font-size:3.2em}@media only screen and (max-width:1200px){.simpleslider .swiper-content .textccontainer .heading--2{font-size:2.8em}}@media only screen and (max-width:991px){.simpleslider .swiper-content .textccontainer .heading--2{font-size:2.4em}}.simpleslider #scrolldown{position:absolute;bottom:0;width:5.5rem;height:5.5rem;z-index:19;left:50%;border:1px solid #fff;background:rgba(0, 0, 0, 0.2);transform:translate(-50%, 50%);border-radius:50%;cursor:pointer}.simpleslider #scrolldown i{position:absolute;width:100%;display:block;height:50%;background:#fff;transform:rotate(90deg);-webkit-mask-image:url(/files/theme/img/arrow.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:30%;mask-image:url(/files/theme/img/arrow.svg);mask-repeat:no-repeat;mask-position:center;mask-size:30%}.simpleslider #scrolldown:hover i{animation-name:scrolldown;animation-duration:2s;animation-iteration-count:infinite}@media only screen and (max-width:767px){#top.home .simpleslider #scrolldown{background:none;border:none;bottom:8rem;display:none}}@media only screen and (max-width:767px){#top:not(.home) .simpleslider .slider-cta,#top:not(.home) .simpleslider #scrolldown{display:none}}.simpleslider .teasers{position:absolute;top:calc(100% - 4rem);left:0;right:0}.simpleslider .teasers .inner{max-width:72em;width:100%;margin-left:auto;margin-right:auto;display:flex;gap:1rem;justify-content:center}.simpleslider .teasers .tile{position:relative;overflow:hidden;z-index:27;flex-grow:1;width:33%}.simpleslider .teasers .tile .image{position:absolute;width:100%;height:100%}.simpleslider .teasers .tile .image:after{content:"";display:block;pointer-events:none;position:absolute;left:0;right:0;height:7rem;width:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%)}.simpleslider .teasers .tile .image img{position:absolute;width:100%;height:100%;object-fit:cover;transition:all 0.3s ease-in-out;transform:scale(1.001)}.simpleslider .teasers .tile:hover .image img{transform:scale(1.1)}.simpleslider .teasers .tile .content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;height:auto;aspect-ratio:1.7;width:100%}.simpleslider .teasers .tile .content *{color:#fff}.simpleslider .teasers .tile .content .title{padding:1rem;position:relative;font-size:1.25em;font-family:var(--base-font-family-sans-serif);font-weight:600;text-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.simpleslider .teasers .tile .content .title .small{display:flex;gap:0.5em;align-items:baseline;line-height:1}.simpleslider .teasers .tile .content .title i{mask-position:center;mask-repeat:no-repeat;mask-size:contain;background:currentColor;width:1.4em;height:1.4em;display:block}@media only screen and (max-width:767px){.simpleslider .teasers{position:relative;padding:5px;padding-bottom:1.2rem}.simpleslider .teasers>.inner{gap:5px}.simpleslider .teasers>.inner a{border:2px solid var(--color-brand);position:relative;overflow:visible}.simpleslider .teasers>.inner a:before{content:"";position:absolute;transform:translate(-50%, 50%);bottom:0;left:50%;display:block;width:4rem;height:5px;background:#fff}.simpleslider .teasers>.inner a:after{content:"";position:absolute;transform:translate(-50%, 50%);bottom:0;left:50%;display:block;width:2rem;height:2rem;background:var(--color-brand);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url(/files/theme/img/arrow-right.svg);mask-image:url(/files/theme/img/arrow-right.svg)}.simpleslider .teasers>.inner .image{display:none}.simpleslider .teasers>.inner *{color:var(--color-brand) !important}.simpleslider .teasers>.inner .title{text-shadow:unset !important}.simpleslider .teasers>.inner .small{flex-direction:column;align-items:center !important;text-align:center}.simpleslider .teasers>.inner .small i{width:2.2em;height:2.2em}}@media only screen and (max-width:767px) and (max-width:400px){.simpleslider .teasers>.inner .title{font-size:1em !important}}@media only screen and (min-width:768px){.hero:has(.teasers .tile){overflow:visible}.hero:has(.teasers .tile)+.mod_breadcrumb+.mod_article,.hero:has(.teasers .tile)+.mod_article{padding-top:220px;position:static}}.hero-cta{text-align:center;display:grid;grid-template-columns:1fr 1fr auto;width:fit-content;margin:auto;box-shadow:0 0 15px rgba(0, 0, 0, 0.3)}.hero-cta>*{padding:1rem}@media only screen and (max-width:400px){.hero-cta>*{padding:0.75rem}}.hero-cta a{color:#fff !important;text-decoration:none !important;background:var(--color-brand);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;font-weight:600;min-width:7em;transition:all 0.3s}@media only screen and (max-width:767px){.hero-cta a{min-width:unset}}.hero-cta a i{display:block;width:1.6em;aspect-ratio:1;background:currentColor;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url(/files/theme/img/search.svg)}.hero-cta a:hover{background:var(--color-brand-dark)}.hero-cta .input-date{background:#fff;color:var(--color-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;position:relative}.hero-cta .input-date label{justify-self:flex-start;margin:0;font-size:0.8em;line-height:1}.hero-cta .input-date input{border:none;min-width:unset;width:100%;background:transparent;text-align:center;font-weight:600;width:8em}@media only screen and (max-width:767px){.hero-cta .input-date input{width:5.5em}}.hero-cta .input-date input::placeholder{color:rgba(0, 0, 0, 0.3)}.hero-cta .input-date:has(+ .input-date):after{content:"";position:absolute;width:1px;background:var(--color-text);top:1rem;bottom:1rem;right:0;opacity:0.35}.ce_card{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;font-size:var(--card-font-size);-webkit-transition:top 0.3s, -webkit-box-shadow 0.3s;transition:top 0.3s, -webkit-box-shadow 0.3s;transition:top 0.3s, box-shadow 0.3s;transition:top 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;position:relative;top:0}.ce_card .card__image{width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none}.ce_card .card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;max-width:none;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}.ce_card .card__content{-ms-hyphens:auto;hyphens:auto;width:100%;-webkit-box-flex:0;-ms-flex:none;flex:none;margin-left:-100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--base-spacing-unit-sm);color:var(--card-color);z-index:1}.ce_card .card__content::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--card-background);opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}@media screen and (min-width:48em){.ce_card .card__content{padding:var(--base-spacing-unit)}}.ce_card .card__headline{color:var(--card-headline-color);-webkit-transition:color 0.3s;transition:color 0.3s;margin-bottom:0}.ce_card .card__headline::after{content:"";height:4px;width:0%;-webkit-transition:width 0.3s;transition:width 0.3s;display:block;background:var(--card-headline-color);margin-top:var(--base-spacing-unit);margin-bottom:var(--base-spacing-unit)}@media (pointer:coarse){.ce_card .card__headline::after{width:20%}}.ce_card .card__description,.ce_card .card__link{opacity:0;-webkit-transform:translate3d(0, var(--base-spacing-unit-sm), 0);transform:translate3d(0, var(--base-spacing-unit-sm), 0);-webkit-transition:opacity 0.6s, -webkit-transform 0.6s;transition:opacity 0.6s, -webkit-transform 0.6s;transition:transform 0.6s, opacity 0.6s;transition:transform 0.6s, opacity 0.6s, -webkit-transform 0.6s}.ce_card .card__description{margin-bottom:var(--base-spacing-unit)}.ce_card .card__link{margin-top:auto}.ce_card .card__link a{--button-background: var(--color-brand-secondary)}.ce_card .card__link a:hover{--button-background-hover: var(--color-brand-secondary-dark)}.ce_card:hover,.ce_card:focus{top:calc(-1 * var(--base-spacing-unit-xs));-webkit-transform:scale(calc(100% + var(--base-spacing-unit-sm)));transform:scale(calc(100% + var(--base-spacing-unit-sm)));-webkit-box-shadow:var(--base-box-shadow);box-shadow:var(--base-box-shadow)}.ce_card:hover .card__description,.ce_card:hover .card__link,.ce_card:focus .card__description,.ce_card:focus .card__link{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.ce_card:hover .card__link,.ce_card:focus .card__link{-webkit-transition-delay:0.15s;transition-delay:0.15s}.ce_card:hover .card__content::before,.ce_card:focus .card__content::before{display:none}.ce_card:hover .card__content::after,.ce_card:focus .card__content::after{opacity:1}.ce_card:hover .card__headline,.ce_card:focus .card__headline{color:var(--card-headline-color-hover)}.ce_card:hover .card__headline::after,.ce_card:focus .card__headline::after{width:20%}.ce_card:hover img,.ce_card:focus img{-webkit-transform:scale(1.1);transform:scale(1.1)}.ce_contact{position:relative;margin-bottom:var(--base-spacing-unit);-webkit-transition:-webkit-transform 0.3s, -webkit-box-shadow 0.3s;transition:-webkit-transform 0.3s, -webkit-box-shadow 0.3s;transition:transform 0.3s, box-shadow 0.3s;transition:transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s}.row .ce_contact{margin-bottom:0}.ce_contact h1,.ce_contact h2,.ce_contact h3,.ce_contact h4,.ce_contact h5,.ce_contact h6,.ce_contact .contact__name{color:var(--contact-headline-color);margin-bottom:0}.ce_contact .contact__position{font-weight:700;margin-bottom:var(--base-spacing-unit-sm)}.ce_contact .contact__description{margin-bottom:var(--base-spacing-unit-sm);font-style:italic}.ce_contact .contact__email a{color:inherit;text-decoration:underline}.ce_contact .contact__image{position:relative}.ce_contact .contact__details{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--base-spacing-unit);z-index:1;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;color:var(--contact-color)}@media (pointer:coarse){.ce_contact .contact__details{top:auto;opacity:1}}.ce_contact .contact__details::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--contact-background);opacity:1}.ce_contact .contact__details .inside{-ms-flex-item-align:end;align-self:flex-end}.ce_contact .contact__details .inside div:last-child{margin-bottom:0}.ce_contact:hover,.ce_contact:active{-webkit-transform:translate3d(0, -1%, 0);transform:translate3d(0, -1%, 0);-webkit-box-shadow:var(--base-box-shadow);box-shadow:var(--base-box-shadow)}.ce_contact:hover .contact__image::before,.ce_contact:active .contact__image::before{display:none}.ce_contact:hover .contact__details,.ce_contact:active .contact__details{opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.footer__note{font-size:var(--base-font-size-xs)}.footer__note a{color:inherit}.social-media{margin-bottom:var(--base-spacing-unit)}.social-media ul{list-style-type:none;margin:0;padding:0}.social-media a{text-decoration:none}.social-media .level_1{display:-webkit-box;display:-ms-flexbox;display:flex}.social-media li{margin:0 var(--base-spacing-unit-xs)}.social-media li:first-child{margin-left:0}.social-media li:last-child{margin-right:0}.content-description-list dl{margin-top:0}.content-description-list dt{font-size:var(--description-term-font-size);font-weight:var(--description-term-font-weight);margin-top:var(--base-spacing-unit);margin-bottom:var(--base-spacing-unit-sm)}.content-description-list dt:first-of-type{margin-top:0}.content-description-list dd{margin-bottom:var(--base-spacing-unit-xs)}.parallax-element{position:relative;overflow:hidden;--color-text: #fff;color:var(--color-text)}.parallax-element *{color:inherit}@media only screen and (max-width:991px){.parallax-element{margin-top:2rem;margin-bottom:2rem}}.parallax-element .rellax{position:absolute;height:140%;top:-20%}.parallax-element .rellax img{width:100vw;height:100%;object-fit:cover}.parallax-element .content{position:relative;min-height:max(35vw, 350px);height:auto;padding:4rem 0;z-index:2;display:flex}.parallax-element .content:after{content:"";position:absolute;display:block;width:100%;height:100%;bottom:0;left:0;background:linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.1) 100%)}.parallax-element .content .inner{max-width:72em;width:100%;margin-left:auto;margin-right:auto;height:auto;display:flex;justify-content:center;align-items:start;position:relative;padding-right:var(--base-spacing-unit);padding-left:var(--base-spacing-unit);flex-direction:column;text-align:left;color:#fff;z-index:1}@media only screen and (max-width:991px){.parallax-element .content .inner{padding-right:2rem}}@media only screen and (max-width:680px){.parallax-element .content .inner{padding-right:1rem}}.parallax-element .content .inner .text{max-width:600px;text-shadow:0 0 15px rgba(0, 0, 0, 0.1);margin-bottom:1em}.parallax-element .content .inner .text .icon{display:inline-block;width:4rem;height:4rem;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat;margin-bottom:1rem}.parallax-element .content .inner .text>p{margin-right:auto}.parallax-element .content .inner .text .heading--2{margin-bottom:1rem}.parallax-element .content .inner .text .heading--2:before{display:none}.parallax-element .content .inner .text .heading--2{font-size:3em}@media only screen and (max-width:991px){.parallax-element .content .inner .text .heading--2{font-size:2.5em}}@media only screen and (max-width:767px){.parallax-element .content .inner .text .heading--2{font-size:2em}}.parallax-element.right .content:after{content:"";position:absolute;display:block;width:100%;height:100%;bottom:0;left:0;background:linear-gradient(270deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.1) 100%)}.parallax-element.right .content .inner .container{margin-left:auto;text-align:right;align-items:end}.parallax-element.right .content .inner .container .text{margin-left:auto}.parallax-element.right .content .inner .container .text p{margin-left:auto;margin-right:unset}@media only screen and (max-width:767px){.parallax-element .content:after{background:rgba(0, 0, 0, 0.2) !important}}@media only screen and (max-width:600px){.parallax-element .content .inner{padding-left:1rem;padding-right:1rem}.parallax-element .content .inner .headline .big{font-size:2.5rem}}.ce_rsce_tiles{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:1fr;gap:2rem}@media only screen and (max-width:1200px){.ce_rsce_tiles{gap:1rem}}@media only screen and (max-width:650px){.ce_rsce_tiles{display:flex;flex-direction:column}}.ce_rsce_tiles .tile{position:relative;overflow:hidden}@media only screen and (max-width:650px){.ce_rsce_tiles .tile{min-height:300px;aspect-ratio:unset !important}}.ce_rsce_tiles .tile .image{position:absolute;width:100%;height:100%}.ce_rsce_tiles .tile .image:after{content:"";display:block;pointer-events:none;position:absolute;left:0;right:0;height:7rem;width:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%)}.ce_rsce_tiles .tile .image img{position:absolute;width:100%;height:100%;object-fit:cover;transition:all 0.3s ease-in-out;transform:scale(1.001)}.ce_rsce_tiles .tile[href]:hover .image img{transform:scale(1.1)}.ce_rsce_tiles .tile .content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;height:100%}.ce_rsce_tiles .tile .content *{color:#fff}.ce_rsce_tiles .tile .content .title{padding:1rem;position:relative;font-size:1.3em;font-family:var(--base-font-family-serif);text-shadow:0 0 10px rgba(0, 0, 0, 0.3)}@media only screen and (max-width:650px){.ce_rsce_tiles .tile .content .title{font-size:1.5em}}.ce_rsce_tiles .tile .content .title .small{display:flex;gap:0.2em;align-items:baseline;line-height:1}.ce_rsce_tiles .tile .content .title i{mask-position:center;mask-repeat:no-repeat;mask-size:contain;background:currentColor;width:2em;height:1.2em;display:block;transform:translate(0px, 0.15em)}@media only screen and (min-width:651px){.ce_rsce_tiles .tile:first-child{grid-row-start:1;grid-column-start:1;aspect-ratio:1;grid-row-end:3;grid-column-end:3}.ce_rsce_tiles .tile:first-child .image:after{left:0;right:0;bottom:0;height:7rem;width:100%;background:linear-gradient(0deg, var(--color-brand) 0%, var(--color-brand) 40%, rgba(0, 0, 0, 0) 80%)}.ce_rsce_tiles .tile:first-child .content{justify-content:flex-end}.ce_rsce_tiles .tile:first-child .content .title{font-size:1.8rem;padding-left:0.5rem 0.8rem}}@media only screen and (max-width:767px){.ce_rsce_tiles{grid-template-columns:1fr 1fr}}.mod_sitemap{margin-top:1rem}.mod_sitemap ul{list-style-type:none;margin:0}.mod_sitemap *{text-decoration:none}.mod_sitemap .level_1{border:1px solid var(--color-tint)}.mod_sitemap .level_1>li{display:grid;grid-template-columns:300px 1fr;border-bottom:1px solid var(--color-tint);transition:all 0.3s}@media only screen and (max-width:767px){.mod_sitemap .level_1>li{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.mod_sitemap .level_1>li:hover{background:rgba(0, 0, 0, 0.05)}.mod_sitemap .level_1>li>*{padding:1.5rem}.mod_sitemap .level_1>li>a.submenu{border-right:1px solid var(--color-tint)}@media only screen and (max-width:767px){.mod_sitemap .level_1>li>a.submenu{padding-bottom:0;border-right:none}}.mod_sitemap .level_1>li>a{font-weight:700;font-size:1.4em;line-height:1.2}.mod_sitemap .level_1>li a{transition:all 0.3s}.mod_sitemap .level_1>li a:hover{opacity:0.8}.mod_sitemap .level_1>li .level_2>li>a:before{content:"";display:inline-block;width:1.2em;height:1.2em;background:currentcolor;mask-image:url(/files/theme/img/arrow.svg);mask-size:contain;mask-position:center;mask-repeat:no-repeat;vertical-align:sub;margin-right:1em;transform:rotate(90deg)}.mod_sitemap .level_1>li .level_2>li .level_3{margin-left:1.5em}.mod_sitemap .level_1>li .level_2>li .level_3>li>a:before{content:"";display:inline-block;width:1.2em;height:1.2em;background:currentcolor;mask-image:url(/files/theme/img/arrow.svg);mask-size:contain;mask-position:center;mask-repeat:no-repeat;vertical-align:sub;margin-right:1em;transform:rotate(90deg)}.mod_sitemap .navmobilebuttons{display:none !important}.ce_rsce_columntile{margin:4rem 0}.ce_rsce_columntile .textcontainer{display:flex;z-index:1;position:relative}.ce_rsce_columntile .textcontainer .rte{padding:2rem;height:fit-content;margin:0}.ce_rsce_columntile .textcontainer .rte .heading--2{font-size:2em}.ce_rsce_columntile .imagecontainer{position:relative;z-index:0;height:100%;min-height:400px;overflow:hidden}.ce_rsce_columntile .imagecontainer img{height:100%;width:100%;display:block;position:absolute;object-fit:cover;transition:all 0.3s ease-in-out;transform:scale(1.001)}.ce_rsce_columntile .imagecontainer:hover img{transform:scale(1.1)}.ce_rsce_columntile.right{display:grid;grid-template-columns:1fr 5rem 40%}.ce_rsce_columntile.right .imagecontainer{grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:3}.ce_rsce_columntile.right .textcontainer{grid-row-start:1;grid-column-start:2;grid-row-end:2;grid-column-end:4}.ce_rsce_columntile.left{display:grid;grid-template-columns:40% 5rem 1fr}.ce_rsce_columntile.left .textcontainer{grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:3}.ce_rsce_columntile.left .imagecontainer{grid-row-start:1;grid-column-start:2;grid-row-end:2;grid-column-end:4}.ce_rsce_columntile.light .rte{background:var(--color-gray-light)}.ce_rsce_columntile.dark .rte{background:var(--color-brand-secondary);color:#fff;--color-text: #fff}.ce_rsce_columntile.brand .textcontainer{background:var(--color-brand);background:linear-gradient(90deg, var(--color-brand) 0%, var(--color-brand-light) 100%);overflow:hidden;--color-primary-initial: var(--color-brand);--background-primary-initial: #fff;--color-primary-hover: #fff;--background-primary-hover: var(--color-brand-dark)}.ce_rsce_columntile.brand .textcontainer:before{content:"";display:block;position:absolute;background:url(/files/urlaubshuetten/icons/heart.svg);background-repeat:no-repeat;height:90%;aspect-ratio:1;bottom:-10%;transform:rotate(-15deg);right:0;z-index:auto;opacity:0.1;pointer-events:none}.ce_rsce_columntile.brand .rte{position:relative;color:#fff;--color-text: #fff}.ce_rsce_columntile.brand .rte li:before{background-color:currentcolor}.ce_rsce_columntile.os-bottom{margin-bottom:8rem;align-items:flex-end}.ce_rsce_columntile.os-bottom .textcontainer{transform:translate(0, 4rem)}.ce_rsce_columntile.os-top{margin-top:8rem;align-items:flex-start}.ce_rsce_columntile.os-top .textcontainer{transform:translate(0, -4rem)}.ce_rsce_columntile.os-flat.left{grid-template-columns:1fr 35%}.ce_rsce_columntile.os-flat.left .textcontainer{grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2}.ce_rsce_columntile.os-flat.left .imagecontainer{grid-row-start:1;grid-column-start:2;grid-row-end:2;grid-column-end:3}.ce_rsce_columntile.os-flat.right{grid-template-columns:35% 1fr}.ce_rsce_columntile.os-flat.right .imagecontainer{grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2}.ce_rsce_columntile.os-flat.right .textcontainer{grid-row-start:1;grid-column-start:2;grid-row-end:2;grid-column-end:3}.ce_rsce_columntile.os-flat .textcontainer .rte{padding:3rem;width:100%}.ce_rsce_columntile.os-flat .imagecontainer{min-height:unset}.ce_rsce_columntile:last-child{margin-bottom:0 !important}@media only screen and (max-width:991px){.ce_rsce_columntile{margin:0 !important;margin-bottom:2rem !important;display:block !important}.ce_rsce_columntile .imagecontainer{display:block;transform:none !important;min-height:200px;aspect-ratio:1.7777777778;width:100%}.ce_rsce_columntile .textcontainer{transform:none !important}.ce_rsce_columntile .textcontainer .rte{padding:2rem !important}.ce_rsce_columntile.os-flat .imagecontainer{min-height:200px;aspect-ratio:1.7777777778;width:100%}}@media only screen and (max-width:991px) and (max-width:767px){.ce_rsce_columntile .textcontainer .rte .heading--2{font-size:1.5em}}.mod_article.article--highlight .ce_rsce_columntile.light .rte{background:var(--color-tint);border:2px solid var(--color-brand)}@media only screen and (min-width:992px){.rsce_columns_main:not(:last-child){padding-bottom:5rem}}.rsce_columns_main .rsce_columns_inside{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem}@media only screen and (max-width:940px){.rsce_columns_main .rsce_columns_inside{display:flex;flex-wrap:wrap;justify-content:center}}.rsce_columns_main .rsce_columns_inside .teaser{position:relative;text-align:center;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--color-brand)}.rsce_columns_main .rsce_columns_inside .teaser:not(:has(img)){transform:none !important}@media only screen and (max-width:940px){.rsce_columns_main .rsce_columns_inside .teaser{width:40%;flex-grow:1;max-width:50%}}@media only screen and (max-width:700px){.rsce_columns_main .rsce_columns_inside .teaser{max-width:unset;min-width:280px;text-align:left}}.rsce_columns_main .rsce_columns_inside .teaser .image{aspect-ratio:1.6;overflow:hidden;transition:all 0.3s ease-in-out}.rsce_columns_main .rsce_columns_inside .teaser .image *{width:100%;height:100%;object-fit:cover}.rsce_columns_main .rsce_columns_inside .teaser .image[href] img{transition:all 0.3s ease-in-out}.rsce_columns_main .rsce_columns_inside .teaser .image[href]:hover img{filter:saturate(0.5);transform:scale(1.05)}.rsce_columns_main .rsce_columns_inside .teaser .icon{height:4rem;background:var(--color-brand);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;left:2rem;right:2rem;position:relative;margin-top:2rem;width:calc(100% - 4rem)}.rsce_columns_main .rsce_columns_inside .teaser .text{padding:1.5rem 2rem;transition:all 0.3s ease-in-out}@media only screen and (max-width:700px){.rsce_columns_main .rsce_columns_inside .teaser .text{padding:1rem}}.rsce_columns_main.align-left .teaser{text-align:left}.rsce_columns_main.align-right .teaser{text-align:right}@media only screen and (max-width:700px){.rsce_columns_main.ce_rsce_columntext .teaser{text-align:center !important}}.ce_tabs-nav{list-style-type:none;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin:0;margin-bottom:2rem;margin-top:1rem}.ce_tabs-nav a{position:relative;color:inherit;font-weight:700;transition:all 0.3s;text-decoration:none;padding:0.8em 1.5em;line-height:1;border:1px solid var(--color-brand);color:var(--color-brand)}.ce_tabs-nav a:hover{background:var(--color-tint)}.ce_tabs-nav a:after{content:"";display:block;position:absolute;top:100%;left:50%;transform:translate(-50%, 0);width:0.5rem;height:0.3rem;background:var(--color-brand);transition:all 0.3s;clip-path:polygon(50% 100%, 0 0, 100% 0);max-height:0rem}.ce_tabs-nav a.active-tab-nav{background:var(--color-brand);color:#fff}.ce_tabs-nav a.active-tab-nav:after{max-height:0.3rem}.tab-content{display:grid;display:block;grid-template-rows:1fr;grid-template-columns:1fr}.tab-content .tab-pane{opacity:0;display:none;grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;transition:all 0.3s}.tab-content .tab-pane.active-tab{opacity:1;display:block;transition-delay:0.2s;z-index:1}.ce_rsce_numberboxes>div{display:flex;justify-content:center;--boxgap: 1rem;gap:var(--boxgap);flex-wrap:wrap}@media only screen and (max-width:767px){.ce_rsce_numberboxes>div{--boxgap: 1rem}}.ce_rsce_numberboxes>div .teaser{width:calc(20% - var(--boxgap));min-width:220px;position:relative;text-align:center;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--color-brand)}.ce_rsce_numberboxes>div .teaser .count{font-family:var(--base-font-family-serif);font-size:3em;line-height:1;display:flow;padding:1.5rem;padding-bottom:0;color:var(--color-brand)}.ce_rsce_numberboxes>div .teaser .text{padding:1rem;padding-top:0}@media only screen and (max-width:767px){.ce_rsce_numberboxes>div .teaser .text{padding:1rem}}.ce_rsce_numberboxes:not(.numbers) .teaser{grid-template-rows:1fr}.ce_rsce_numberboxes:not(.numbers) .teaser .text{padding:1rem}@media only screen and (max-width:767px){.ce_rsce_numberboxes:not(.numbers) .teaser .text{padding:1rem}}.mod_recommendationlist{position:relative;margin-bottom:1rem}.mod_recommendationlist .swipernav{width:100%;left:0;bottom:1.25rem;position:absolute;height:100%;pointer-events:none;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem}.mod_recommendationlist .swiper-button-prev,.mod_recommendationlist .swiper-button-next{position:relative;margin:0;padding:0;top:unset;bottom:unset;left:unset;right:unset;width:2.2rem;height:2.2rem;pointer-events:all;background-color:#67605d;mask-image:url(/files/theme/img/arrow-right.svg);mask-size:contain;mask-position:center;mask-repeat:no-repeat;transition:all 0.3s}.mod_recommendationlist .swiper-button-prev:hover,.mod_recommendationlist .swiper-button-next:hover{opacity:0.9}.mod_recommendationlist .swiper-button-prev:after,.mod_recommendationlist .swiper-button-next:after{display:none}.mod_recommendationlist .swiper-button-prev.swiper-button-prev,.mod_recommendationlist .swiper-button-next.swiper-button-prev{transform:rotate(180deg)}.mod_recommendationlist .swiper-wrapper .swiper-slide{width:auto}.mod_recommendationlist .swiper-wrapper .swiper-slide .layout_container{transition:all 0.5s ease-in-out;max-width:800px;width:calc(100vw - 4rem);margin:0 3rem;text-align:center}@media only screen and (max-width:980px){.mod_recommendationlist .swiper-wrapper .swiper-slide .layout_container{font-size:0.85rem}}.mod_recommendationlist .swiper-wrapper .swiper-slide .layout_container .info{margin-bottom:1rem}.mod_recommendationlist .swiper-wrapper .swiper-slide .layout_container .rating{margin-bottom:1.5rem;font-size:1.1rem}.mod_recommendationlist .swiper-wrapper .swiper-slide .layout_container .rating .star{color:rgba(0, 0, 0, 0.4)}.mod_recommendationlist .swiper-wrapper .swiper-slide .layout_container .rating .star:after{display:none}.mod_recommendationlist .swiper-wrapper .swiper-slide .layout_container .rating .star.active{color:#cab161}.mod_recommendationlist .swiper-wrapper .swiper-slide .layout_container .data{font-weight:700;margin-top:1.5rem;font-style:italic}.mod_recommendationlist .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .layout_container{opacity:0.3}.text--inverted,.text--inverted *{color:var(--color-text-inverted)}.border-top{border-top:var(--base-border)}.border-bottom{border-bottom:var(--base-border)}.block--center{margin-left:auto;margin-right:auto}.m-t-0,.mod_article.m-t-0{margin-top:calc(0 * var(--base-spacing-unit))}.m-b-0,.mod_article.m-b-0{margin-bottom:calc(0 * var(--base-spacing-unit))}.p-t-0:not(.mod_article){padding-top:calc(0 * var(--base-spacing-unit))}.p-b-0:not(.mod_article){padding-bottom:calc(0 * var(--base-spacing-unit))}.mod_article.p-t-0>.inside{--article-spacing-top: calc(0 * var(--base-spacing-unit))}.mod_article.p-b-0>.inside{--article-spacing-bottom: calc(0 * var(--base-spacing-unit))}.m-t-1,.mod_article.m-t-1{margin-top:calc(1 * var(--base-spacing-unit))}.m-b-1,.mod_article.m-b-1{margin-bottom:calc(1 * var(--base-spacing-unit))}.p-t-1:not(.mod_article){padding-top:calc(1 * var(--base-spacing-unit))}.p-b-1:not(.mod_article){padding-bottom:calc(1 * var(--base-spacing-unit))}.mod_article.p-t-1>.inside{--article-spacing-top: calc(1 * var(--base-spacing-unit))}.mod_article.p-b-1>.inside{--article-spacing-bottom: calc(1 * var(--base-spacing-unit))}.m-t-2,.mod_article.m-t-2{margin-top:calc(2 * var(--base-spacing-unit))}.m-b-2,.mod_article.m-b-2{margin-bottom:calc(2 * var(--base-spacing-unit))}.p-t-2:not(.mod_article){padding-top:calc(2 * var(--base-spacing-unit))}.p-b-2:not(.mod_article){padding-bottom:calc(2 * var(--base-spacing-unit))}.mod_article.p-t-2>.inside{--article-spacing-top: calc(2 * var(--base-spacing-unit))}.mod_article.p-b-2>.inside{--article-spacing-bottom: calc(2 * var(--base-spacing-unit))}.m-t-3,.mod_article.m-t-3{margin-top:calc(3 * var(--base-spacing-unit))}.m-b-3,.mod_article.m-b-3{margin-bottom:calc(3 * var(--base-spacing-unit))}.p-t-3:not(.mod_article){padding-top:calc(3 * var(--base-spacing-unit))}.p-b-3:not(.mod_article){padding-bottom:calc(3 * var(--base-spacing-unit))}.mod_article.p-t-3>.inside{--article-spacing-top: calc(3 * var(--base-spacing-unit))}.mod_article.p-b-3>.inside{--article-spacing-bottom: calc(3 * var(--base-spacing-unit))}.m-t-4,.mod_article.m-t-4{margin-top:calc(4 * var(--base-spacing-unit))}.m-b-4,.mod_article.m-b-4{margin-bottom:calc(4 * var(--base-spacing-unit))}.p-t-4:not(.mod_article){padding-top:calc(4 * var(--base-spacing-unit))}.p-b-4:not(.mod_article){padding-bottom:calc(4 * var(--base-spacing-unit))}.mod_article.p-t-4>.inside{--article-spacing-top: calc(4 * var(--base-spacing-unit))}.mod_article.p-b-4>.inside{--article-spacing-bottom: calc(4 * var(--base-spacing-unit))}.m-t-5,.mod_article.m-t-5{margin-top:calc(5 * var(--base-spacing-unit))}.m-b-5,.mod_article.m-b-5{margin-bottom:calc(5 * var(--base-spacing-unit))}.p-t-5:not(.mod_article){padding-top:calc(5 * var(--base-spacing-unit))}.p-b-5:not(.mod_article){padding-bottom:calc(5 * var(--base-spacing-unit))}.mod_article.p-t-5>.inside{--article-spacing-top: calc(5 * var(--base-spacing-unit))}.mod_article.p-b-5>.inside{--article-spacing-bottom: calc(5 * var(--base-spacing-unit))}.article-xs-1>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-1>.inside>*{padding-left:0;padding-right:0}}.article-xs-2>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-2>.inside>*{padding-left:0;padding-right:0}}.article-xs-3>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-3>.inside>*{padding-left:0;padding-right:0}}.article-xs-4>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-4>.inside>*{padding-left:0;padding-right:0}}.article-xs-5>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-5>.inside>*{padding-left:0;padding-right:0}}.article-xs-6>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-6>.inside>*{padding-left:0;padding-right:0}}.article-xs-7>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-7>.inside>*{padding-left:0;padding-right:0}}.article-xs-8>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-8>.inside>*{padding-left:0;padding-right:0}}.article-xs-9>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-9>.inside>*{padding-left:0;padding-right:0}}.article-xs-10>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-10>.inside>*{padding-left:0;padding-right:0}}.article-xs-11>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-11>.inside>*{padding-left:0;padding-right:0}}.article-xs-12>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xs-12>.inside>*{padding-left:0;padding-right:0}}@media screen and (min-width:0){.article-xs-1 .inside>*{grid-column-end:span 1}@supports not (display: grid){.article-xs-1 .inside>*{width:8.3333333333%}}.article-start-xs-1 .inside>*{grid-column-start:1}.article-xs-2 .inside>*{grid-column-end:span 2}@supports not (display: grid){.article-xs-2 .inside>*{width:16.6666666667%}}.article-start-xs-2 .inside>*{grid-column-start:2}.article-xs-3 .inside>*{grid-column-end:span 3}@supports not (display: grid){.article-xs-3 .inside>*{width:25%}}.article-start-xs-3 .inside>*{grid-column-start:3}.article-xs-4 .inside>*{grid-column-end:span 4}@supports not (display: grid){.article-xs-4 .inside>*{width:33.3333333333%}}.article-start-xs-4 .inside>*{grid-column-start:4}.article-xs-5 .inside>*{grid-column-end:span 5}@supports not (display: grid){.article-xs-5 .inside>*{width:41.6666666667%}}.article-start-xs-5 .inside>*{grid-column-start:5}.article-xs-6 .inside>*{grid-column-end:span 6}@supports not (display: grid){.article-xs-6 .inside>*{width:50%}}.article-start-xs-6 .inside>*{grid-column-start:6}.article-xs-7 .inside>*{grid-column-end:span 7}@supports not (display: grid){.article-xs-7 .inside>*{width:58.3333333333%}}.article-start-xs-7 .inside>*{grid-column-start:7}.article-xs-8 .inside>*{grid-column-end:span 8}@supports not (display: grid){.article-xs-8 .inside>*{width:66.6666666667%}}.article-start-xs-8 .inside>*{grid-column-start:8}.article-xs-9 .inside>*{grid-column-end:span 9}@supports not (display: grid){.article-xs-9 .inside>*{width:75%}}.article-start-xs-9 .inside>*{grid-column-start:9}.article-xs-10 .inside>*{grid-column-end:span 10}@supports not (display: grid){.article-xs-10 .inside>*{width:83.3333333333%}}.article-start-xs-10 .inside>*{grid-column-start:10}.article-xs-11 .inside>*{grid-column-end:span 11}@supports not (display: grid){.article-xs-11 .inside>*{width:91.6666666667%}}.article-start-xs-11 .inside>*{grid-column-start:11}.article-xs-12 .inside>*{grid-column-end:span 12}@supports not (display: grid){.article-xs-12 .inside>*{width:100%}}.article-start-xs-12 .inside>*{grid-column-start:12}}.article-sm-1>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-1>.inside>*{padding-left:0;padding-right:0}}.article-sm-2>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-2>.inside>*{padding-left:0;padding-right:0}}.article-sm-3>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-3>.inside>*{padding-left:0;padding-right:0}}.article-sm-4>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-4>.inside>*{padding-left:0;padding-right:0}}.article-sm-5>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-5>.inside>*{padding-left:0;padding-right:0}}.article-sm-6>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-6>.inside>*{padding-left:0;padding-right:0}}.article-sm-7>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-7>.inside>*{padding-left:0;padding-right:0}}.article-sm-8>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-8>.inside>*{padding-left:0;padding-right:0}}.article-sm-9>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-9>.inside>*{padding-left:0;padding-right:0}}.article-sm-10>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-10>.inside>*{padding-left:0;padding-right:0}}.article-sm-11>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-11>.inside>*{padding-left:0;padding-right:0}}.article-sm-12>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-sm-12>.inside>*{padding-left:0;padding-right:0}}@media screen and (min-width:34.375em){.article-sm-1 .inside>*{grid-column-end:span 1}@supports not (display: grid){.article-sm-1 .inside>*{width:8.3333333333%}}.article-start-sm-1 .inside>*{grid-column-start:1}.article-sm-2 .inside>*{grid-column-end:span 2}@supports not (display: grid){.article-sm-2 .inside>*{width:16.6666666667%}}.article-start-sm-2 .inside>*{grid-column-start:2}.article-sm-3 .inside>*{grid-column-end:span 3}@supports not (display: grid){.article-sm-3 .inside>*{width:25%}}.article-start-sm-3 .inside>*{grid-column-start:3}.article-sm-4 .inside>*{grid-column-end:span 4}@supports not (display: grid){.article-sm-4 .inside>*{width:33.3333333333%}}.article-start-sm-4 .inside>*{grid-column-start:4}.article-sm-5 .inside>*{grid-column-end:span 5}@supports not (display: grid){.article-sm-5 .inside>*{width:41.6666666667%}}.article-start-sm-5 .inside>*{grid-column-start:5}.article-sm-6 .inside>*{grid-column-end:span 6}@supports not (display: grid){.article-sm-6 .inside>*{width:50%}}.article-start-sm-6 .inside>*{grid-column-start:6}.article-sm-7 .inside>*{grid-column-end:span 7}@supports not (display: grid){.article-sm-7 .inside>*{width:58.3333333333%}}.article-start-sm-7 .inside>*{grid-column-start:7}.article-sm-8 .inside>*{grid-column-end:span 8}@supports not (display: grid){.article-sm-8 .inside>*{width:66.6666666667%}}.article-start-sm-8 .inside>*{grid-column-start:8}.article-sm-9 .inside>*{grid-column-end:span 9}@supports not (display: grid){.article-sm-9 .inside>*{width:75%}}.article-start-sm-9 .inside>*{grid-column-start:9}.article-sm-10 .inside>*{grid-column-end:span 10}@supports not (display: grid){.article-sm-10 .inside>*{width:83.3333333333%}}.article-start-sm-10 .inside>*{grid-column-start:10}.article-sm-11 .inside>*{grid-column-end:span 11}@supports not (display: grid){.article-sm-11 .inside>*{width:91.6666666667%}}.article-start-sm-11 .inside>*{grid-column-start:11}.article-sm-12 .inside>*{grid-column-end:span 12}@supports not (display: grid){.article-sm-12 .inside>*{width:100%}}.article-start-sm-12 .inside>*{grid-column-start:12}}.article-md-1>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-1>.inside>*{padding-left:0;padding-right:0}}.article-md-2>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-2>.inside>*{padding-left:0;padding-right:0}}.article-md-3>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-3>.inside>*{padding-left:0;padding-right:0}}.article-md-4>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-4>.inside>*{padding-left:0;padding-right:0}}.article-md-5>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-5>.inside>*{padding-left:0;padding-right:0}}.article-md-6>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-6>.inside>*{padding-left:0;padding-right:0}}.article-md-7>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-7>.inside>*{padding-left:0;padding-right:0}}.article-md-8>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-8>.inside>*{padding-left:0;padding-right:0}}.article-md-9>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-9>.inside>*{padding-left:0;padding-right:0}}.article-md-10>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-10>.inside>*{padding-left:0;padding-right:0}}.article-md-11>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-11>.inside>*{padding-left:0;padding-right:0}}.article-md-12>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-md-12>.inside>*{padding-left:0;padding-right:0}}@media screen and (min-width:48em){.article-md-1 .inside>*{grid-column-end:span 1}@supports not (display: grid){.article-md-1 .inside>*{width:8.3333333333%}}.article-start-md-1 .inside>*{grid-column-start:1}.article-md-2 .inside>*{grid-column-end:span 2}@supports not (display: grid){.article-md-2 .inside>*{width:16.6666666667%}}.article-start-md-2 .inside>*{grid-column-start:2}.article-md-3 .inside>*{grid-column-end:span 3}@supports not (display: grid){.article-md-3 .inside>*{width:25%}}.article-start-md-3 .inside>*{grid-column-start:3}.article-md-4 .inside>*{grid-column-end:span 4}@supports not (display: grid){.article-md-4 .inside>*{width:33.3333333333%}}.article-start-md-4 .inside>*{grid-column-start:4}.article-md-5 .inside>*{grid-column-end:span 5}@supports not (display: grid){.article-md-5 .inside>*{width:41.6666666667%}}.article-start-md-5 .inside>*{grid-column-start:5}.article-md-6 .inside>*{grid-column-end:span 6}@supports not (display: grid){.article-md-6 .inside>*{width:50%}}.article-start-md-6 .inside>*{grid-column-start:6}.article-md-7 .inside>*{grid-column-end:span 7}@supports not (display: grid){.article-md-7 .inside>*{width:58.3333333333%}}.article-start-md-7 .inside>*{grid-column-start:7}.article-md-8 .inside>*{grid-column-end:span 8}@supports not (display: grid){.article-md-8 .inside>*{width:66.6666666667%}}.article-start-md-8 .inside>*{grid-column-start:8}.article-md-9 .inside>*{grid-column-end:span 9}@supports not (display: grid){.article-md-9 .inside>*{width:75%}}.article-start-md-9 .inside>*{grid-column-start:9}.article-md-10 .inside>*{grid-column-end:span 10}@supports not (display: grid){.article-md-10 .inside>*{width:83.3333333333%}}.article-start-md-10 .inside>*{grid-column-start:10}.article-md-11 .inside>*{grid-column-end:span 11}@supports not (display: grid){.article-md-11 .inside>*{width:91.6666666667%}}.article-start-md-11 .inside>*{grid-column-start:11}.article-md-12 .inside>*{grid-column-end:span 12}@supports not (display: grid){.article-md-12 .inside>*{width:100%}}.article-start-md-12 .inside>*{grid-column-start:12}}.article-lg-1>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-1>.inside>*{padding-left:0;padding-right:0}}.article-lg-2>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-2>.inside>*{padding-left:0;padding-right:0}}.article-lg-3>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-3>.inside>*{padding-left:0;padding-right:0}}.article-lg-4>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-4>.inside>*{padding-left:0;padding-right:0}}.article-lg-5>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-5>.inside>*{padding-left:0;padding-right:0}}.article-lg-6>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-6>.inside>*{padding-left:0;padding-right:0}}.article-lg-7>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-7>.inside>*{padding-left:0;padding-right:0}}.article-lg-8>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-8>.inside>*{padding-left:0;padding-right:0}}.article-lg-9>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-9>.inside>*{padding-left:0;padding-right:0}}.article-lg-10>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-10>.inside>*{padding-left:0;padding-right:0}}.article-lg-11>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-11>.inside>*{padding-left:0;padding-right:0}}.article-lg-12>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-lg-12>.inside>*{padding-left:0;padding-right:0}}@media screen and (min-width:58.75em){.article-lg-1 .inside>*{grid-column-end:span 1}@supports not (display: grid){.article-lg-1 .inside>*{width:8.3333333333%}}.article-start-lg-1 .inside>*{grid-column-start:1}.article-lg-2 .inside>*{grid-column-end:span 2}@supports not (display: grid){.article-lg-2 .inside>*{width:16.6666666667%}}.article-start-lg-2 .inside>*{grid-column-start:2}.article-lg-3 .inside>*{grid-column-end:span 3}@supports not (display: grid){.article-lg-3 .inside>*{width:25%}}.article-start-lg-3 .inside>*{grid-column-start:3}.article-lg-4 .inside>*{grid-column-end:span 4}@supports not (display: grid){.article-lg-4 .inside>*{width:33.3333333333%}}.article-start-lg-4 .inside>*{grid-column-start:4}.article-lg-5 .inside>*{grid-column-end:span 5}@supports not (display: grid){.article-lg-5 .inside>*{width:41.6666666667%}}.article-start-lg-5 .inside>*{grid-column-start:5}.article-lg-6 .inside>*{grid-column-end:span 6}@supports not (display: grid){.article-lg-6 .inside>*{width:50%}}.article-start-lg-6 .inside>*{grid-column-start:6}.article-lg-7 .inside>*{grid-column-end:span 7}@supports not (display: grid){.article-lg-7 .inside>*{width:58.3333333333%}}.article-start-lg-7 .inside>*{grid-column-start:7}.article-lg-8 .inside>*{grid-column-end:span 8}@supports not (display: grid){.article-lg-8 .inside>*{width:66.6666666667%}}.article-start-lg-8 .inside>*{grid-column-start:8}.article-lg-9 .inside>*{grid-column-end:span 9}@supports not (display: grid){.article-lg-9 .inside>*{width:75%}}.article-start-lg-9 .inside>*{grid-column-start:9}.article-lg-10 .inside>*{grid-column-end:span 10}@supports not (display: grid){.article-lg-10 .inside>*{width:83.3333333333%}}.article-start-lg-10 .inside>*{grid-column-start:10}.article-lg-11 .inside>*{grid-column-end:span 11}@supports not (display: grid){.article-lg-11 .inside>*{width:91.6666666667%}}.article-start-lg-11 .inside>*{grid-column-start:11}.article-lg-12 .inside>*{grid-column-end:span 12}@supports not (display: grid){.article-lg-12 .inside>*{width:100%}}.article-start-lg-12 .inside>*{grid-column-start:12}}.article-xl-1>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-1>.inside>*{padding-left:0;padding-right:0}}.article-xl-2>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-2>.inside>*{padding-left:0;padding-right:0}}.article-xl-3>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-3>.inside>*{padding-left:0;padding-right:0}}.article-xl-4>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-4>.inside>*{padding-left:0;padding-right:0}}.article-xl-5>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-5>.inside>*{padding-left:0;padding-right:0}}.article-xl-6>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-6>.inside>*{padding-left:0;padding-right:0}}.article-xl-7>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-7>.inside>*{padding-left:0;padding-right:0}}.article-xl-8>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-8>.inside>*{padding-left:0;padding-right:0}}.article-xl-9>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-9>.inside>*{padding-left:0;padding-right:0}}.article-xl-10>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-10>.inside>*{padding-left:0;padding-right:0}}.article-xl-11>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-11>.inside>*{padding-left:0;padding-right:0}}.article-xl-12>.inside{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:var(--grid-gutter);-moz-column-gap:var(--grid-gutter);column-gap:var(--grid-gutter)}@supports not (display: grid){.article-xl-12>.inside>*{padding-left:0;padding-right:0}}@media screen and (min-width:75em){.article-xl-1 .inside>*{grid-column-end:span 1}@supports not (display: grid){.article-xl-1 .inside>*{width:8.3333333333%}}.article-start-xl-1 .inside>*{grid-column-start:1}.article-xl-2 .inside>*{grid-column-end:span 2}@supports not (display: grid){.article-xl-2 .inside>*{width:16.6666666667%}}.article-start-xl-2 .inside>*{grid-column-start:2}.article-xl-3 .inside>*{grid-column-end:span 3}@supports not (display: grid){.article-xl-3 .inside>*{width:25%}}.article-start-xl-3 .inside>*{grid-column-start:3}.article-xl-4 .inside>*{grid-column-end:span 4}@supports not (display: grid){.article-xl-4 .inside>*{width:33.3333333333%}}.article-start-xl-4 .inside>*{grid-column-start:4}.article-xl-5 .inside>*{grid-column-end:span 5}@supports not (display: grid){.article-xl-5 .inside>*{width:41.6666666667%}}.article-start-xl-5 .inside>*{grid-column-start:5}.article-xl-6 .inside>*{grid-column-end:span 6}@supports not (display: grid){.article-xl-6 .inside>*{width:50%}}.article-start-xl-6 .inside>*{grid-column-start:6}.article-xl-7 .inside>*{grid-column-end:span 7}@supports not (display: grid){.article-xl-7 .inside>*{width:58.3333333333%}}.article-start-xl-7 .inside>*{grid-column-start:7}.article-xl-8 .inside>*{grid-column-end:span 8}@supports not (display: grid){.article-xl-8 .inside>*{width:66.6666666667%}}.article-start-xl-8 .inside>*{grid-column-start:8}.article-xl-9 .inside>*{grid-column-end:span 9}@supports not (display: grid){.article-xl-9 .inside>*{width:75%}}.article-start-xl-9 .inside>*{grid-column-start:9}.article-xl-10 .inside>*{grid-column-end:span 10}@supports not (display: grid){.article-xl-10 .inside>*{width:83.3333333333%}}.article-start-xl-10 .inside>*{grid-column-start:10}.article-xl-11 .inside>*{grid-column-end:span 11}@supports not (display: grid){.article-xl-11 .inside>*{width:91.6666666667%}}.article-start-xl-11 .inside>*{grid-column-start:11}.article-xl-12 .inside>*{grid-column-end:span 12}@supports not (display: grid){.article-xl-12 .inside>*{width:100%}}.article-start-xl-12 .inside>*{grid-column-start:12}}html{--color-black: #000000}@media print{*,*::before,*::after{background:transparent !important;color:var(--color-black) !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}p:first-letter,p:first-line,div:first-letter,div:first-line,blockquote:first-letter,blockquote:first-line,li:first-letter,li:first-line{background:transparent !important;color:var(--color-black) !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")";font-size:var(--base-font-size);font-weight:normal}abbr[title]::after{content:" (" attr(title) ")";font-size:var(--base-font-size);font-weight:normal}a[href^="#"]::after,a[href^="javascript:"]:after{content:""}div.btn a,a.btn,input.submit{color:var(--color-black) !important;border-color:var(--color-black) !important}pre{white-space:pre-wrap !important}pre,blockquote{page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.logo a[href]::after,.ce_gallery a[href]::after{content:""}.nav,.nav-toggler,.hero__image{display:none}.ce_commens .form{display:none}.hero{min-height:0}.mod_article.hero--full{min-height:0}.band{margin-top:calc(-1 * var(--base-border-width));border-top:var(--base-border-width) solid var(--color-gray-light);border-bottom:var(--base-border-width) solid var(--color-gray-light)}.ce_accordion .accordion{display:block !important}.ce_accordion .ui-accordion-header-icon{display:none}.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xl-6{width:50%}.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xl-4{width:33.3333333333%}} /* * MWFewoManager * * @author Küstenweb GmbH * @copyright mwfewomanager.de */ /* -------------------------------------------------------------------------- Listing layout -------------------------------------------------------------------------- */ /* Wrapper (keeps flexibility for future modifiers) */ .accommodation-list { /* intentionally minimal */ } /* Grid container */ .accommodation-list__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5rem; align-items: stretch; } .accommodation-list__grid > * { display: flex; } .accommodation-list__grid > * > * { width: 100%; } .accommodation-list__rows { display: grid; gap: 1.5rem; } /* -------------------------------------------------------------------------- Card -------------------------------------------------------------------------- */ .accommodation-card { background: var(--color-surface); border-radius: var(--radius-card); overflow: hidden; box-shadow: var(--shadow-card); display: flex; flex-direction: column; height: 100%; width: 100%; transition: transform 0.15s ease, box-shadow 0.15s ease; } .accommodation-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); } /* Row modifier (image left, content right) */ .accommodation-list--row .accommodation-card { flex-direction: row; gap: 1rem; } @media (max-width: 768px) { .accommodation-list--row .accommodation-card { flex-direction: column; gap: 0; } } /* -------------------------------------------------------------------------- Card: image -------------------------------------------------------------------------- */ .accommodation-card__image { width: 100%; height: 200px; display: block; flex-shrink: 0; overflow: hidden; } .accommodation-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Row: image sizing */ .accommodation-list--row .accommodation-card__image { width: 320px; max-width: 40%; height: auto; } @media (max-width: 768px) { .accommodation-list--row .accommodation-card__image { width: 100%; max-width: 100%; } } /* -------------------------------------------------------------------------- Card: content -------------------------------------------------------------------------- */ .accommodation-card__content { padding: 1rem 1.25rem 1.25rem; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; height: 100%; } /* Row: content padding */ .accommodation-list--row .accommodation-card__content { padding: 1rem 1.25rem; } /* Title + location */ .accommodation-card__title { font-size: 1.25rem; margin: 0 0 0.25rem 0; } .accommodation-card__location { font-size: 0.9rem; color: var(--color-muted); margin: 0 0 0.75rem 0; } /* Meta line */ .accommodation-card__meta { margin: 0 0 0.75rem 0; color: var(--color-text); } /* Price */ .accommodation-card__price { font-size: 1rem; margin: 0 0 0.75rem 0; } .accommodation-card__price .muted, .accommodation-card__price-meta { color: var(--color-muted); font-weight: normal; } .accommodation-card__price-old { text-decoration: line-through; color: #888; margin-right: 6px; } .accommodation-card__discount-badge { display: inline-flex; align-items: center; padding: 0.1rem 0.4rem; border-radius: 999px; font-size: 0.8em; font-weight: 700; background: #d92d20; color: #fff; margin-left: 6px; } /* Features */ .accommodation-card__features { list-style: none; padding: 0; margin: 0 0 1rem 0; display: flex; flex-wrap: wrap; gap: 0.4rem 0.8rem; color: var(--color-text); font-size: 0.85rem; } .accommodation-card__features li::before { content: "• "; color: var(--color-primary); } /* CTA */ .accommodation-card__cta { margin-top: auto; width: 100%; display: block; } .accommodation-card__content > .accommodation-card__cta, .accommodation-card__content > .btn, .accommodation-card__content > a.btn { margin-top: auto; } .accommodation-card__cta.btn, .accommodation-card__content > .btn, .accommodation-card__content > a.btn { width: 100%; display: inline-flex; justify-content: center; } /* -------------------------------------------------------------------------- Row layout (image left, content center, price / CTA right) -------------------------------------------------------------------------- */ .accommodation-row { display: grid; grid-template-columns: 320px 1fr 220px; gap: 1.5rem; align-items: center; background: var(--color-surface); border-radius: var(--radius-card); padding: 1rem; box-shadow: var(--shadow-card); } .accommodation-row:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); } .accommodation-row__image img, .accommodation-row__img { width: 100%; height: auto; display: block; border-radius: var(--radius-card); object-fit: cover; } .accommodation-row__content { display: flex; flex-direction: column; gap: 0.35rem; } .accommodation-row__title { margin: 0; font-size: 1.25rem; } .accommodation-row__location { font-size: 0.9rem; color: var(--color-muted); margin: 0 0 0.35rem 0; } .accommodation-row__meta { font-size: 0.9rem; color: var(--color-text); } .accommodation-row__features { list-style: none; padding: 0; margin: 0.5rem 0 0 0; display: flex; flex-wrap: wrap; gap: 0.35rem 0.6rem; font-size: 0.85rem; } .accommodation-row__features li::before { content: "• "; color: var(--color-primary); } .accommodation-row__availability { margin-top: 0.5rem; } .accommodation-row__aside { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem; } .accommodation-row__price strong { font-size: 1.1rem; } .accommodation-row__price .muted, .accommodation-row__price .price-meta { color: var(--color-muted); font-size: 0.85rem; } .accommodation-row__price-old { text-decoration: line-through; color: #888; margin-bottom: 4px; } .accommodation-row__discount-badge { display: inline-flex; align-items: center; justify-content: center; padding: 0.15rem 0.45rem; border-radius: 999px; font-size: 0.85em; font-weight: 700; line-height: 1; background: #d92d20; color: #fff; margin-top: 4px; } .accommodation-row__cta { margin-top: 0.25rem; } @media (max-width: 900px) { .accommodation-row { grid-template-columns: 240px 1fr 180px; } } @media (max-width: 768px) { .accommodation-row { grid-template-columns: 1fr; gap: 0.75rem; } .accommodation-row__aside { align-items: flex-start; text-align: left; } } /* -------------------------------------------------------------------------- Pagination -------------------------------------------------------------------------- */ .accommodation-pagination { display: flex; justify-content: center; align-items: center; gap: 0.75rem; margin-top: 2rem; flex-wrap: wrap; } /* If pagination is wrapped in a nav or div and contains a list */ .accommodation-pagination ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .accommodation-pagination li { margin: 0; } /* Links / buttons */ .accommodation-pagination a, .accommodation-pagination button { appearance: none; border: 1px solid var(--border-color); background: var(--color-surface); color: inherit; border-radius: var(--radius-button); padding: 0.45rem 0.75rem; line-height: 1; font-size: 0.95rem; text-decoration: none; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease; } .accommodation-pagination a:hover, .accommodation-pagination button:hover { background: color-mix(in srgb, var(--color-text) 3%, var(--color-surface)); border-color: color-mix(in srgb, var(--border-color) 60%, var(--color-text)); } .accommodation-pagination a:active, .accommodation-pagination button:active { transform: translateY(1px); } /* Active page */ .accommodation-pagination .is-active a, .accommodation-pagination a.is-active, .accommodation-pagination button.is-active, .accommodation-pagination [aria-current="page"] { background: var(--color-primary); border-color: var(--color-primary); color: #fff; } /* Disabled */ .accommodation-pagination .is-disabled a, .accommodation-pagination a[aria-disabled="true"], .accommodation-pagination button:disabled { opacity: 0.45; cursor: not-allowed; pointer-events: none; } /* Previous/next buttons (optional helper classes) */ .accommodation-pagination .pagination-prev a, .accommodation-pagination .pagination-next a, .accommodation-pagination .pagination-prev button, .accommodation-pagination .pagination-next button { padding-left: 0.85rem; padding-right: 0.85rem; } @media (max-width: 480px) { .accommodation-pagination { gap: 0.5rem; margin-top: 1.5rem; } .accommodation-pagination a, .accommodation-pagination button { padding: 0.4rem 0.6rem; font-size: 0.9rem; } } /* -------------------------------------------------------------------------- Availabilities -------------------------------------------------------------------------- */ .accommodation-card__availability { margin-top: 0.75rem; margin-bottom: 0.75rem; flex: 0 0 auto; min-height: 3rem; } .availability-list { border-top: 1px solid var(--border-color); margin-top: 0.75rem; padding-top: 0.75rem; } .availability-title { font-size: 0.95rem; font-weight: 600; color: var(--color-text); margin: 0 0 0.5rem 0; } .availability-item { display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0.6rem; margin: 0.25rem 0; background: color-mix(in srgb, var(--color-text) 4%, var(--color-surface)); border-radius: var(--border-radius); text-decoration: none; color: var(--color-text); transition: background 0.2s ease; } .availability-item:hover { background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)); } .availability-item.secondary { color: var(--color-muted); } .availability-item .dates { color: var(--color-text); } .availability-item .price { color: var(--color-success); font-weight: 600; } /* “More” (details/summary) */ .more-availability summary { margin-top: 0.5rem; font-size: 0.85rem; color: var(--link-color); cursor: pointer; } .more-availability[open] summary { color: var(--link-hover-color); } /* Empty states */ .accommodation__no-availability { color: var(--color-muted); font-size: 0.9rem; margin-top: 0.5rem; } .accommodation__no-period { color: var(--color-muted); font-size: 0.9rem; margin-top: 0.5rem; } /* Buttons in availability section */ .show-more { background: none; border: none; color: var(--link-color); cursor: pointer; margin-top: 0.5rem; font-size: 0.85rem; } .show-more:hover { text-decoration: underline; } /* ===================================================================== MWFM v136b — Merkmale/Features in Listen (Card- & Row-Ansicht) Integriert aus dem aktuellen Frontend-Bundle (accommodation.css v135/v136 + feature-chips.css). Stellt die neuen Feature-Chips inkl. Icon-Only- Variante korrekt dar und verhindert doppelte "•"-Bullets bei Chips. ===================================================================== */ /* v135: alte Bullet-Markierung ausblenden, sobald Chips verwendet werden. */ .accommodation-card__features:has(.card-features__item) li::before, .accommodation-row__features:has(.card-features__item) li::before { content: none; } /* v135: Feature-Chips mit Icon + Label */ .card-features__item { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.25rem 0.6rem; background: var(--color-surface, #f6f6f4); border-radius: var(--border-radius, 6px); font-size: 0.85rem; } .card-features__icon { display: inline-flex; width: 1.2rem; height: 1.2rem; align-items: center; justify-content: center; color: var(--color-primary, #0071c2); font-size: 0.9rem; flex: 0 0 auto; } .card-features__initial { display: inline-flex; width: 1.2rem; height: 1.2rem; align-items: center; justify-content: center; background: var(--color-primary, #0071c2); color: #fff; border-radius: 50%; font-size: 0.7rem; font-weight: 600; } .card-features__label { line-height: 1.2; } /* --- feature-chips.css (Bundle-Asset v136b): Icon-Only-Chips + Bullet-Override --- */ /* Bullet-Override: das alte ::before "• " soll bei den neuen Icon-Chips nicht mehr erscheinen. Doppelt absichern (sowohl globaler list-style als auch ::before-Reset), damit auch ältere accommodation.css-Versionen das gewünschte Ergebnis liefern. */ .accommodation-card__features, .accommodation-row__features { list-style: none !important; padding-left: 0; } .accommodation-card__features li::before, .accommodation-row__features li::before, .card-features .card-features__item::before { content: none !important; } /* Icon-Only-Chips — runde, anklickbare Pictogramme, Titel als ui-tooltip. */ .card-features.card-features--icons { list-style: none; padding: 0; margin: 0.5rem 0 0; display: flex; flex-wrap: wrap; gap: 0.4rem; } .card-features__item--icon-only { list-style: none; display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; padding: 0; /* Moderne, weich gerundete Kachel mit dezent primärfarbenem Hintergrund + Rahmen (statt schlichtem Kreis) — konsistent mit dem Widget. */ border-radius: 0.625rem; background: color-mix(in srgb, var(--color-primary, #0071c2) 8%, #fff); border: 1px solid color-mix(in srgb, var(--color-primary, #0071c2) 16%, transparent); cursor: help; transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease; } .card-features__item--icon-only:hover, .card-features__item--icon-only:focus-visible { background: color-mix(in srgb, var(--color-primary, #0071c2) 16%, #fff); border-color: color-mix(in srgb, var(--color-primary, #0071c2) 30%, transparent); transform: translateY(-1px); outline: 0; } .card-features__item--icon-only:focus-visible { box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary, #0071c2) 45%, transparent); } .card-features__item--icon-only .card-features__icon { display: inline-flex; align-items: center; justify-content: center; width: 1.1rem; height: 1.1rem; color: var(--color-primary, #0071c2); font-size: 1rem; line-height: 1; } .card-features__item--icon-only .card-features__icon i { font-size: 1rem; line-height: 1; } /* Initial-Fallback (rundes Mini-Badge mit Anfangsbuchstaben) */ .card-features__item--icon-only .card-features__initial { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: var(--color-primary, #0071c2); color: #fff; border-radius: 50%; font-size: 0.7rem; font-weight: 600; } /* SVG-Sprite-Icon: das `` rendert per currentColor — wir setzen also nur Farbe + Größe. */ .card-features__svg { width: 100%; height: 100%; display: block; color: var(--color-primary, #0071c2); fill: none; stroke: currentColor; } /* Falls noch ein altes Label im DOM steht (z.B. wegen gecachtem Twig oder Theme-Override), defensiv verstecken — Icon-Only soll stimmen. */ .card-features__item--icon-only .card-features__label { display: none; } /* ===================================================================== MWFM — Meta-Zeile-Icons (Personen / Zimmer / m²) in Listen Die Inline-SVGs haben keine width/height-Attribute und wurden ohne CSS riesig dargestellt. Hier auf Textgröße begrenzen und die Meta-Items sauber nebeneinanderlegen. ===================================================================== */ .accommodation-row__meta, .accommodation-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 1rem; } .with-icon { display: inline-flex; align-items: center; gap: 0.35rem; } .accommodation-row__meta .icon, .accommodation-card__meta .icon, .with-icon > .icon { width: 1.1em; height: 1.1em; flex: 0 0 auto; } /* ===================================================================== MWFM — Preiszeilen im Buchungs-Kasten (Mietpreis / Endreinigung / Kurtaxe / Gesamt). Label und Betrag überlappten auf älteren Bundle-Ständen, weil das Flex-Layout fehlte. Hier robust erzwingen: Label links, Betrag rechts. ===================================================================== */ .accommodation__prices .booking-price, .booking-price { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: space-between !important; gap: 0.15rem 0.75rem; } .booking-price__label { white-space: nowrap; position: static !important; float: none !important; text-align: left; } .booking-price__value { display: flex !important; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 0.5rem; margin-left: auto !important; position: static !important; float: none !important; text-align: right; } /* Rabattzeile (mehrteiliger Preis) sauber untereinander */ .booking-price--discount { flex-direction: column; align-items: flex-start; } .booking-price--discount .booking-price__value { width: 100%; margin-left: 0 !important; justify-content: flex-start; } .booking-price--total { font-weight: 700; } /* ===================================================================== MWFM — Buchungs-Formular-Layout (Fix für riesige Buttons neben Preisen) Das Formular ist in override.scss ein 2-Spalten-Grid. Preisliste, Aktionen und Meldung müssen – wie die Form-Gruppen – über beide Spalten spannen, sonst landen die Buttons als volle-Höhe-Spalte NEBEN der Preisliste und quetschen sie zusammen. ===================================================================== */ .accommodation-detail__booking-box-form form .accommodation__prices, .accommodation-detail__booking-box-form form .booking-form__actions, .accommodation-detail__booking-box-form form .accommodation__message { grid-column: 1 / -1; } /* Buttons in der Aktionszeile: natürliche Höhe, nicht über die Box gestreckt. */ .booking-form__actions .btn--book, .booking-form__actions .btn--request { align-self: start; height: auto; } @import url("/files/theme/fonts/fonts-lokal.css");:root{--color-primary: #9ba238;--color-primary-hover: color-mix(in srgb, #9ba238 85%, #000 10%);--btn-apply-bg: var(--color-primary);--btn-apply-bg-hover: color-mix(in srgb, var(--color-primary) 85%, #000 10%);--btn-apply-text: var(--white);--btn-apply-border: var(--color-primary);--border-radius: 0;--calendar-modal-radius-desktop: 0;--personpicker-radius: 0;--radius-card: 0;--personpicker-sheet-radius: 0;--frontend-core-border-radius: 0;/*!* Primary *!*//*!* Secondary *!*//*!* Apply (Success) *!*//*!* Request *!*/}.calendar__grid table{border:0}.calendar__grid table th,.calendar__grid table td{padding:0.25rem;border:0}.navbooking .ce_form{min-width:400px}.navbooking .formbody{grid-auto-flow:column;align-items:end;gap:1rem}.navbooking .formbody .widget{gap:0}.navbooking form label{margin-bottom:0}.swiper-content .hero-cta{width:400px;grid-template-columns:none}.swiper-content .formbody{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0.5rem;align-items:end}.swiper-content .formbody>.widget{width:100%;min-width:0}.swiper-content .formbody .widget-text,.swiper-content .formbody .widget-submit{display:flex;flex-direction:column}.swiper-content .formbody input,.swiper-content .formbody button{width:100%;box-sizing:border-box}.calendar__button-day--price{bottom:-10px}.accommodation-details{display:grid;grid-template-columns:minmax(0, 1fr) 380px;gap:2rem;align-items:start}.accommodation-details__main{min-width:0}.accommodation-details__aside{width:100%}.accommodation-detail__gallery{margin-bottom:2rem}.accommodation-detail__booking-box{position:sticky;top:1.5rem;padding:1rem;border:1px solid rgba(0, 0, 0, 0.08);border-radius:0;background:#fff;box-shadow:0 10px 30px rgba(0, 0, 0, 0.08)}.accommodation-detail__booking-box-form form{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.accommodation-detail__booking-box-form .form-group{grid-column:1 / -1}.accommodation-detail__booking-box-form .input-group,.accommodation-detail__booking-box-form .text{width:100%}.accommodation-detail__booking-box-form button{width:auto;box-sizing:border-box;margin-top:0.5rem}@media (max-width:900px){.accommodation-details{grid-template-columns:1fr}.accommodation-search{grid-template-columns:1fr}}:is(a, button, input[type="submit"]).btn--increment,:is(a, button, input[type="submit"]).btn--decrement{border-radius:0}button.btn--increment,button.btn--decrement,button.btn--clear,button.btn--cancel{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0, 0, 0, 0.12);background:#fff;color:inherit}button.btn--request{background-color:var(--color-warning)}button.btn--book,button.btn--apply{background-color:var(--background-primary-initial)}.accommodation-search{display:grid;grid-template-columns:minmax(0, 320px) minmax(0, 1fr);gap:2rem;align-items:start}.accommodation-search__sidebar{min-width:0;width:100%;max-width:320px}.accommodation-search__main{min-width:0}@media (max-width:900px){.accommodation-search{display:block}.accommodation-search__sidebar{max-width:none;margin-bottom:1.5rem}}.accommodation-row__cta{white-space:normal !important}.accommodation-search__sidebar .radio_container>span,.accommodation-search__sidebar .checkbox_container>span{display:flex}@media (min-width:991px){#header .navbooking .ce_form{min-width:460px}}#header .navbooking .ce_form .widget-text+.widget-text{display:none}#header .navbooking .ce_form .widget-text label,#header .navbooking .ce_form .widget-text input{font-size:16px}#header .navbooking .ce_form .widget-submit{margin-bottom:var(--base-spacing-unit-sm)}a.btn--primary:hover,span.btn--primary:hover,button.btn--primary:hover,div.btn--primary>a:hover,div.btn--primary>button:hover,.ce_toplink>a:hover,.ce_toplink>button:hover,.toplink>a:hover,.toplink>button:hover,.content-toplink>a:hover,.content-toplink>button:hover,div.btn--primary a:hover,input.submit:hover,button.submit:hover,.ce_comments .submit:hover,.ce_card .card__link a:hover{color:white !important}.accommodation-row__title{font-family:var(--base-font-family-serif)}.accommodation__headline{font-family:var(--base-font-family-serif);font-size:1.8rem;background:var(--color-brand);color:white;padding:0.8rem}.accommodation-details h2{font-family:var(--base-font-family-serif);font-size:1.6rem;border-bottom:1px solid #dee2e6}.accommodation-detail__map,.accommodation-detail__amenities{margin-top:1rem}.accommodation-detail__map{margin-bottom:1rem}.obj_bg,.accommodation-detail__description-content{padding:15px}.accommodation-detail__amenities section{padding:0 15px}.accommodation-search__sidebar .widget-text{margin-bottom:0}.accommodation-search__sidebar .widget-text label,.accommodation-search__sidebar .widget-text input{font-size:16px}.accommodation-search__sidebar .widget-text label{font-weight:500;margin-bottom:0;color:#666}.accommodation-search__sidebar .headline,.accommodation-search__sidebar .widget>fieldset>legend{background:var(--color-brand);color:white;padding:0.8rem;font-weight:500;width:100%;margin-bottom:0.5rem}.accommodation-search__sidebar .widget>fieldset span{margin-left:0.5rem;margin-bottom:0.5rem;align-items:baseline}.mod_article.hero .hero-cta{width:100%}@media (min-width:490px){.mod_article.hero .hero-cta{width:460px}}.mod_article.hero .hero-cta .ce_form{padding:0}.mod_article.hero .hero-cta .formbody{display:flex;flex-direction:row;gap:0;align-items:stretch}.mod_article.hero .hero-cta .widget-text+.widget-text{display:none;width:0}.mod_article.hero .hero-cta .widget-text{background:white;padding:0.5rem;width:75%;margin-bottom:0}.mod_article.hero .hero-cta .widget-text label,.mod_article.hero .hero-cta .widget-text input{font-size:16px}.mod_article.hero .hero-cta .widget-text label{color:var(--color-brand-secondary);margin-bottom:0;display:none}.mod_article.hero .hero-cta .widget-text input{border:none}.mod_article.hero .hero-cta .widget-submit{margin:0;width:25%;display:flex;align-items:stretch;flex-direction:unset;position:relative}.mod_article.hero .hero-cta .widget-submit button{margin:0}h2.accomodation-headline{font-family:var(--base-font-family-serif);font-size:1.6rem;border-bottom:1px solid #dee2e6;margin-bottom:0.5rem}.wrapper-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:15px}.wrapper-buttons .content-hyperlink{min-width:28%;flex-grow:1;margin:0}.wrapper-buttons .content-hyperlink a{line-height:1.5;--color-primary-initial: var(--color-brand);--background-primary-initial: transparent;--color-primary-hover: #fff;--background-primary-hover: var(--color-brand);overflow:hidden;color:var(--color-primary-initial);border:1px solid var(--color-primary-initial);position:relative;background:var(--background-primary-initial);overflow:hidden;transition:all 0.5s;z-index:1;white-space:break-spaces;border-radius:0;display:block;padding:0.5em 1.5em;font-size:1em;font-weight:500;margin:0;text-align:center}.wrapper-buttons .content-hyperlink a:before{content:"";display:block;position:absolute;left:0;width:100%;height:100%;top:100%;background:var(--background-primary-hover);border-radius:50%;transition:all 0.5s ease-in-out;z-index:-1}.wrapper-buttons .content-hyperlink a:hover{background-color:var(--background-primary-hover);border-color:var(--background-primary-hover);color:var(--color-primary-hover)}.wrapper-buttons .content-hyperlink a:hover::before{left:0;top:0;border-radius:0}.wrapper-buttons.grid-25 .content-hyperlink{min-width:290px}.accommodation-detail__booking-box-form input{font-size:16px}:root{--color-background-soft: white;--border-radius: 0;--booking-border-radius: 0;--booking-border-radius-md: 0;--booking-progress-color: pink}.booking__container .booking-form,.booking__container .btn,.booking__container .booking-sidebar,.booking__container .booking-form__fieldset,.booking__container .booking-sidebar__location,.booking__container .security-note{border-radius:var(--border-radius)}.booking__container .booking-steps__step--active .booking-steps__number,.booking__container .booking-steps__progress::after{background:var(--btn-primary-bg)}.booking__container .security-note,.booking__container .security-note__icon{color:green}.booking__container .btn{padding:0.5rem 1.5rem;font-size:1rem;font-weight:500}@media (max-width:1566px){.mod_breadcrumb.positioned ul{justify-content:left}}.accommodation-card__cta.btn,.accommodation-card__content>.btn,.accommodation-card__content>a.btn{white-space:normal}.form-button__actions,.booking-form__actions{display:flex;gap:0.2rem}body{overflow:visible}#article-655>.inside,#article-174>.inside,#article-336>.inside{overflow:hidden;width:100vw;max-width:100vw}#article-655>.inside .swipernav,#article-174>.inside .swipernav,#article-336>.inside .swipernav{max-width:72em;left:50%;transform:translateX(-50%)}.accommodation-details{align-items:stretch}.accommodation-details .accommodation-details__aside .accommodation-detail__booking-box{top:calc(var(--headersize) + 20px);position:sticky}.accommodation-detail__gallery-grid-tile figcaption{display:none}.accommodation-detail__gallery-main figure{position:relative}.accommodation-detail__gallery-main figcaption{position:absolute;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.5);color:white;padding:1rem;font-size:1.2rem;font-weight:500;text-align:left}:root{--gallery-overlay-bg: #3d3328 }.accommodation-detail__gallery-overlay--large,.accommodation-detail__gallery-overlay--grid,.accommodation-detail__gallery-overlay{background:#3d3328 !important}.accommodation-detail__gallery-overlay--large .accommodation-detail__gallery-main figure{display:table !important;margin:0 auto !important;position:relative !important;border-collapse:collapse !important}.accommodation-detail__gallery-overlay--large .accommodation-detail__gallery-main figure img{display:block !important;max-height:75vh !important;max-width:100% !important;width:auto !important;height:auto !important;object-fit:contain !important}.accommodation-detail__gallery-overlay--large .accommodation-detail__gallery-main figure figcaption{display:table-caption !important;caption-side:bottom !important;background:rgba(112, 118, 44, 0.92) !important;color:#faf7ef !important;font-family:"Lora", Georgia, serif !important;font-style:italic !important;font-size:1.1rem !important;line-height:1.45 !important;padding:1rem 1.5rem !important;text-align:center !important;box-sizing:border-box !important;position:static !important;bottom:auto !important;left:auto !important;right:auto !important;top:auto !important}.accommodation-detail__gallery-thumbs figcaption{display:none !important}@media (max-width:768px){.accommodation-detail__gallery-overlay--large .accommodation-detail__gallery-main figure figcaption{font-size:0.95rem !important;padding:0.75rem 1rem !important;line-height:1.4 !important}.accommodation-detail__gallery-overlay--large .accommodation-detail__gallery-main figure img{max-height:70vh !important}} /* kacheln-overrides.css — entruempelt am 13.07.2026: 239 tote Selektoren (auf 12 Seitentypen ungenutzt) + exakte Duplikate entfernt. Backup: files/kacheln-overrides.BACKUP-2026-07-13.css */ :root{--uh-green:#6b8532;--uh-green-dark:#7f862e;--uh-accent:#b98a3d;--uh-bg:#e8dfcc;--uh-surface:#f4eede;--uh-text:#4e4639;--uh-text-soft:#6c6257;--uh-line:#d6cbb4;--uh-shadow-soft:0 12px 30px rgba(36,31,26,.08);--uh-container:1280px} @media(min-width:768px){ } .uh-kick{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--uh-green);font-weight:600;margin:.25rem 0} .uh-section--hero{position:relative;background:url(/assets/images/8/panoramablick-w8szt9e1kcbk2cc.jpg) center/cover no-repeat;min-height:520px;display:flex;align-items:center} .uh-section--hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,18,.45),rgba(20,20,18,.15))} .uh-section--hero>.inside{position:relative;z-index:2;text-align:center;color:#fff} .uh-chips a.uh-chip:hover{border-color:var(--uh-green);color:var(--uh-green)} .content-hyperlink[class*=uh-button],.ce_hyperlink[class*=uh-button]{display:inline-block;margin:.35rem .55rem .35rem 0} .content-hyperlink[class*=uh-button] a,.ce_hyperlink[class*=uh-button] a{display:inline-block;padding:.8rem 1.6rem;text-decoration:none;font-weight:600;transition:background .2s,transform .2s} .content-hyperlink[class*=uh-button] a:hover,.ce_hyperlink[class*=uh-button] a:hover{transform:translateY(-2px)} .content-hyperlink.uh-button--primary a,.ce_hyperlink.uh-button--primary a{background:var(--uh-green);color:#fff} .content-hyperlink.uh-button--primary a:hover{background:var(--uh-green-dark)} .content-hyperlink.uh-button--secondary a:hover{background:var(--uh-green);color:#fff} .content-hyperlink.uh-button--accent a,.ce_hyperlink.uh-button--accent a{background:var(--uh-accent);color:#fff} .uh-section--sustainability,.uh-section--about{background:var(--uh-surface)} .uh-section--reviews>.inside{max-width:900px} .uh-section--faq>.inside{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1.25rem;align-items:start} .uh-section--faq>.inside>.content-text,.uh-section--faq>.inside>.content-html{grid-column:1/-1} .uh-section--faq .ce_accordion{margin:0} .uh-section--faq .ce_accordion .toggler{position:relative;background:var(--uh-surface);border:1px solid var(--uh-line);padding:.95rem 2.6rem .95rem 1.15rem;font-weight:600;color:var(--uh-text);cursor:pointer;transition:border-color .2s} .uh-section--faq .ce_accordion .toggler::after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);color:var(--uh-green);font-size:1.4rem;font-weight:400;transition:transform .2s} .uh-section--faq .ce_accordion.uh-open .toggler::after{content:"−"} .uh-section--faq .ce_accordion .toggler:hover{border-color:var(--uh-green)} .uh-section--faq .ce_accordion .accordion{display:none;padding:.7rem 1.15rem;color:var(--uh-text-soft);background:#fff;border:1px solid var(--uh-line);border-top:0} .uh-section--faq .ce_accordion.uh-open .accordion{display:block} @media(min-width:768px){ } .uh-section>.inside>*+*{margin-top:20px} .uh-section .content-text h2{margin:0 0 6px} .uh-section .rte p{margin:0 0 10px} .uh-section--service>.inside{text-align:center;max-width:820px} .uh-section--hero{min-height:480px} .uh-section .ce_rsce_tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .uh-section .ce_rsce_tiles{align-items:start} .uh-section .ce_rsce_tiles .tile .image img{width:100%;height:auto;display:block} .uh-section .ce_rsce_tiles .tile .content .title{font-size:17px} .uh-section--seasons .ce_rsce_tiles,.uh-section--direct .ce_rsce_tiles{grid-template-columns:repeat(2,1fr);max-width:900px;margin-inline:auto} @media(max-width:1023px){ } @media(max-width:520px){ } @media(min-width:768px){ } .mod_article.uh-section>.inside{padding:0 20px!important;width:min(100%,1280px);margin-inline:auto!important} .uh-section--hero>.inside{padding:60px 20px!important} .uh-section .ce_rsce_tiles{max-width:none!important;width:100%;margin:20px 0 0!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important} .uh-section--seasons .ce_rsce_tiles,.uh-section--direct .ce_rsce_tiles{grid-template-columns:repeat(2,1fr)!important;max-width:900px!important;margin:20px auto 0!important} @media(max-width:1023px){ .uh-section .ce_rsce_tiles{grid-template-columns:repeat(2,1fr)!important;gap:12px!important} } @media(max-width:520px){ .uh-section--seasons .ce_rsce_tiles,.uh-section--direct .ce_rsce_tiles{grid-template-columns:1fr!important} } /* leere Bildboxen ausblenden */ .uh-section .ce_rsce_tiles .tile .image:not(:has(img)){display:none} .uh-section .ce_rsce_tiles .tile:not(:has(img)) .content{padding:18px 14px} /* Typografie wie Live-Seite */ .uh-section h2{font-family:Galada,Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(28px,3.5vw,40px);line-height:1.2;color:var(--uh-green);margin:0 0 12px} .uh-section .rte,.uh-section .rte p{font-family:Ubuntu,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6} .uh-section .uh-kick{font-family:Ubuntu,Arial,Helvetica,sans-serif} .uh-section--faq .ce_accordion .toggler{font-family:Ubuntu,Arial,Helvetica,sans-serif;font-size:16px} .uh-pop__btn:hover{background:var(--uh-green-dark);transform:translateY(-1px);color:#fff} .mod_article.uh-section.article--highlight{background:#ebedd7} .mod_article.uh-section.mountains-top{margin-top:3rem} /* Markenrot + eigene Trenner */ :root{--uh-red:#a60b0b;--uh-red-dark:#7d0909} .mod_article.uh-section{position:relative} .uh-landlord-hint a:hover{background:var(--uh-red-dark)} /* Best-Practice-Polish: Weissraum, zentrierte Heads, ruhige Flächenrhythmik */ .uh-section .content-text{max-width:860px;margin-inline:auto;text-align:center} .uh-section .content-text .rte{max-width:720px;margin-inline:auto} .uh-section--sustainability .content-text,.uh-section--sustainability .content-text .rte{text-align:center} .uh-section--service,.uh-section--finder,.uh-section--regions,.uh-section--seasons,.uh-section--landlord-cta{background:#f4eede} .uh-section--about{background:var(--uh-bg)} .mod_article.uh-section{padding:34px 0} @media(min-width:768px){ .mod_article.uh-section{padding:52px 0} } .uh-section>.inside>.content-hyperlink{display:block;text-align:center;margin:.5rem auto 0} .uh-section>.inside>.content-hyperlink a{margin-inline:auto} .uh-google-badge{text-align:center;margin-top:16px} .uh-google-badge img{display:inline-block;height:auto} /* FAQ kompakter */ .uh-section--faq>.inside{gap:10px 20px} .uh-section--faq>.inside>*{margin:0!important} .uh-section--faq>.inside>.content-text{margin-bottom:10px!important} .uh-section--faq .ce_accordion .toggler{padding:.7rem 2.4rem .7rem 1rem} .uh-section--faq .ce_accordion .accordion{padding:.5rem 1rem} /* 2er-Kacheln kompakter */ .uh-section--seasons .ce_rsce_tiles,.uh-section--direct .ce_rsce_tiles{max-width:660px!important;gap:14px!important} /* Nachhaltigkeits-Block hervorheben */ .mod_article.uh-section--sustainability.article--highlight{background:#e2e6bf;border-top:4px solid var(--uh-green);border-bottom:4px solid var(--uh-green)} .uh-section--sustainability h2{color:#6f7526} /* Nachhaltigkeit: Herzstueck freundlich */ .mod_article.uh-section--sustainability.article--highlight{position:relative;overflow:hidden;border:0;background:linear-gradient(180deg,#f2efdd 0%,#e7ebc6 100%);padding:56px 0 90px} .mod_article.uh-section--sustainability.article--highlight::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:90px;background:url(/files/theme/img/mountains-green.svg) repeat-x bottom;background-size:auto 80px;opacity:.35;pointer-events:none} .uh-section--sustainability>.inside{position:relative;z-index:2} .uh-section--sustainability h2{font-size:clamp(30px,3.8vw,44px)} .uh-eco2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1120px;margin:26px auto 10px} .uh-eco-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff;border:1px solid #dfe3bd;border-radius:10px;padding:26px 18px 22px;box-shadow:0 6px 18px rgba(73,84,26,.08);transition:transform .2s ease,box-shadow .2s ease} .uh-eco-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(73,84,26,.16)} .uh-eco-card__icon{font-size:38px;line-height:1} .uh-eco-card strong{font-family:Ubuntu,Arial,sans-serif;font-size:17px;color:var(--uh-green-dark)} .uh-eco-card__sub{font-size:14.5px;color:var(--uh-text-soft);line-height:1.45} @media(max-width:1023px){ .uh-eco2{grid-template-columns:repeat(2,1fr);gap:12px} } @media(max-width:520px){ .uh-eco2{grid-template-columns:1fr} } /* Nachhaltig-CTA gross v2 */ .uh-section--sustainability .content-hyperlink{margin-top:26px!important} .uh-section--sustainability .content-hyperlink a{background:var(--uh-green)!important;color:#fff!important;border:0!important;font-size:19px;font-weight:700;padding:19px 42px;display:inline-flex;align-items:center;gap:12px;box-shadow:0 12px 30px rgba(107,117,38,.4);transition:transform .2s,box-shadow .2s,background .2s} .uh-section--sustainability .content-hyperlink a::after{content:"→";font-size:1.15em;transition:transform .2s} .uh-section--sustainability .content-hyperlink a:hover{background:var(--uh-green-dark)!important;transform:translateY(-3px);box-shadow:0 16px 36px rgba(107,117,38,.5)} .uh-section--sustainability .content-hyperlink a:hover::after{transform:translateX(5px)} /* Hero: echter Header-Slider statt CSS-Hero */ .mod_article.uh-section--hero{padding:0!important;background:none;min-height:0} .uh-section--hero::before{display:none} .mod_article.uh-section--hero>.inside{width:100%!important;max-width:none!important;padding:0!important} /* Schutz gegen haengende Scroll-Animationen */ .uh-pop__btn,.uh-pop__btn span,.uh-pop__btn svg,.uh-eco-card,.uh-eco-card *{opacity:1!important;visibility:visible!important} /* Hero-Overlap + Anim-Fixes */ .uh-section--hero .swiper-slide-active .container,.uh-section--hero .swiper-slide-active .text,.uh-section--hero .swiper-slide-active .headline{opacity:1!important;translate:none!important;transform:none!important} /* Hero wie Live-Referenz */ .uh-section--hero .ce_rsce_sliderelement .teasers{display:none!important} .uh-section--hero .swiper-slide .content,.uh-section--hero .swiper-slide .content *{opacity:1!important;transform:none!important;translate:none!important} /* Hero-Feinschliff + weisse Buttons */ .uh-section--hero .ce_rsce_sliderelement.m-b-2{margin-bottom:0!important} .mod_article.uh-section--search{padding-top:44px!important} .uh-pop__btn:hover{background:var(--uh-green);color:#fff;border-color:var(--uh-green)} .uh-pop__btn:hover svg{color:#fff} /* Personen-Feld im Hero einblenden (nur diese Seite) */ .navbooking .widget:has(input[name=personpicker]){display:block!important} /* SEO-Text volle Breite */ .uh-section--seo .content-text{max-width:none;text-align:left} .uh-section--seo .content-text .rte{max-width:none} .uh-section--seo h2{text-align:left} /* Servus-Zweispalter breit & flach + SEO noch breiter */ .uh-section--service>.inside{max-width:none!important;width:min(100% - 40px,1560px)!important} .uh-section--service .ce_rsce_columntile{width:100%;max-width:none;display:grid;grid-template-columns:minmax(260px,34%) 1fr;align-items:stretch} .uh-section--service .ce_rsce_columntile .imagecontainer{height:100%;overflow:hidden} .uh-section--service .ce_rsce_columntile .imagecontainer img{width:100%;height:100%;object-fit:cover;display:block} .uh-section--service .ce_rsce_columntile>*:not(.imagecontainer){min-height:0} @media(max-width:767px){ .uh-section--service .ce_rsce_columntile{grid-template-columns:1fr} } .uh-section--seo>.inside{max-width:none!important;width:min(100% - 40px,1600px)!important} /* Servus ins Hero-Bild + Buttons volle Breite */ .mod_article.uh-section--service{background:transparent!important;padding:0!important;position:relative;z-index:6;margin-top:-140px!important} .uh-section--service .ce_rsce_columntile{box-shadow:0 18px 44px rgba(0,0,0,.25)} @media(max-width:767px){ .mod_article.uh-section--service{margin-top:-60px!important} } /* Feintuning v4 */ main .widget:has(input[name="personpicker"]){display:block!important} .uh-section--service .ce_rsce_columntile>*:not(.imagecontainer){padding:22px 36px!important;display:flex;flex-direction:column;justify-content:center;gap:6px} .uh-section--service .ce_rsce_columntile p{margin:0 0 6px!important;font-size:15.5px;line-height:1.5} .uh-section--service .ce_rsce_columntile .headline,.uh-section--service .ce_rsce_columntile h2,.uh-section--service .ce_rsce_columntile h3{font-size:26px!important;margin:0 0 4px!important} .uh-section--service .ce_rsce_columntile{grid-template-columns:minmax(220px,26%) 1fr;max-height:330px;overflow:hidden} @media(max-width:767px){ .uh-section--service .ce_rsce_columntile{max-height:none;overflow:visible} } .uh-section--service .ce_rsce_columntile .textcontainer .text{padding:10px 0!important} .uh-section--service .ce_rsce_columntile .textcontainer{padding:14px 36px!important} .uh-section--service .ce_rsce_columntile .textcontainer p{font-size:15px!important;line-height:1.45!important;margin:0 0 6px!important} .uh-section--service .ce_rsce_columntile .textcontainer br{display:none} /* (13.07.2026) Alte Fraunces-Ueberschriften-Regeln entfernt: verursachten Font-Sprung beim Laden (Fraunces ist nicht installiert -> Georgia-Flash). Lora kommt aus dem Theme. */ .uh-section--service .headline,.uh-section--service h2,.uh-section--service h3{font-family:Galada,Georgia,serif!important;font-weight:400!important} .uh-section--landlord-cta .content-hyperlink.uh-button--accent a,.ce_hyperlink.uh-button--accent a{background:var(--uh-accent)!important} .uh-section--landlord-cta .content-hyperlink.uh-button--accent a:hover{background:#a1762f!important} :root{--uh-container:1400px} .uh-eco-card__icon svg{width:42px;height:42px;color:var(--uh-green)} /* Warum-Liste im Nachhaltig-Block */ .uh-section--sustainability .uh-eco-liste{max-width:980px!important;margin:26px auto 0!important;text-align:left!important} .uh-section--sustainability .uh-eco-liste .rte{max-width:none!important;text-align:left} .uh-section--sustainability .uh-eco-liste ul{columns:2;column-gap:48px;margin:0;padding-left:20px} .uh-section--sustainability .uh-eco-liste li{break-inside:avoid;margin-bottom:8px;font-size:15.5px;line-height:1.5} @media(max-width:767px){ .uh-section--sustainability .uh-eco-liste ul{columns:1} } /* ---- KARTE: grosses Bild, volle Hoehe, klarer Rahmen ---- */ .accommodation-row{grid-template-columns: 60% 1fr; /* Foto groesser, Textspalte schmaler */ grid-template-rows: 1fr auto; /* Text oben, Button-Zeile ganz unten */ align-items: stretch; min-height: 382px; /* = natives 4:3 eurer Fotos bei 50% Breite -> grosses Bild OHNE Crop */ gap: 0; padding: 0; /* Bild buendig an die Kante */ overflow: hidden; /* Ecken sauber beschneiden */ position: relative; /* Anker fuer Herz/Badge auf dem Bild */ border-radius: 18px; border: 1px solid rgba(0,0,0,.05); box-shadow: 0 2px 6px rgba(0,0,0,.05), 0 14px 30px rgba(0,0,0,.10); /* gestaffelt = weicher, teurer */ transition: transform .18s ease, box-shadow .18s ease;} .accommodation-row:hover{transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.16);} .accommodation-row + .accommodation-row{margin-top: 24px;} /* ---- BILD als Held: fuellt die linke Haelfte komplett ---- */ .accommodation-row__image{grid-row: 1 / -1;} /* Bild ueber beide Zeilen = volle Hoehe */ .accommodation-row__image, .accommodation-row__img{height: 100%; margin: 0;} .accommodation-row__img{position: relative; overflow: hidden;} .accommodation-row__img img{width: 100%; height: 100%; object-fit: cover; border-radius: 0; /* Radius kommt von der Karte */ display: block; transition: transform .5s ease; /* sanfter Zoom beim Hover */} .accommodation-row:hover .accommodation-row__img img{transform: scale(1.06);} /* ---- TEXTBEREICH ---- */ .accommodation-row__content{grid-column: 2; grid-row: 1; align-self: start; /* Text oben */ padding: 30px 60px 8px 34px; /* rechts Platz freihalten fuers Merk-Herz */} .accommodation-row__title{font-size: 28px; /* groesser als Vorlage (24px) */ line-height: 1.18; margin: 0;} .accommodation-row__location{text-transform: uppercase; letter-spacing: .03em; font-size: 15px; /* angeglichen an Vorlage-Region (16px/fett) */ font-weight: 700; color: #5f5a4e; margin-top: 10px;} .accommodation-row__meta{display: flex; flex-wrap: wrap; gap: 24px; color: #555; font-size: 18px; /* groesser als Vorlage-Fakten */ margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(0,0,0,.08); /* feine Trennlinie = klare Struktur */} .accommodation-row__meta svg{width: 22px; height: 22px;} /* groessere Symbole */ .accommodation-row__meta i, .accommodation-row__meta svg{color: #7a7a7a;} /* ---- ASIDE: Preis + Button ---- */ .accommodation-row__aside{grid-column: 2; grid-row: 2; align-self: end; /* Button ganz unten */ padding: 0 34px 28px; display: flex; justify-content: flex-start; gap: 12px;} .accommodation-row__cta.btn--primary{display: inline-flex; align-items: center; gap: 8px; font-weight: 600; padding: 14px 30px; /* kraeftiger Button wie in der Vorlage */ border-radius: 12px; font-size: 15px; transition: gap .15s ease, background-color .15s ease; /* Vorlage-Akzent ist dunkelrot. Wenn ihr das wollt statt Oliv, diese zwei Zeilen aktivieren: background: #9a2727; border-color: #9a2727; */} .accommodation-row__cta.btn--primary::after{content: "\2192"; font-size: 1.05em; line-height: 1;} .accommodation-row:hover .accommodation-row__cta.btn--primary{gap: 12px;} /* ---- Merkzettel-Herz als Frosted-Circle (hebt sich vom Foto ab) ---- */ .accommodation-row__fav{top: 14px; right: 14px; /* position:absolute kommt schon vom Theme */ width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.85); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); border: none; box-shadow: 0 2px 8px rgba(0,0,0,.18); display: flex; align-items: center; justify-content: center;} /* ---- Hintergrund: dunkleres Beige (kein Holz mehr) ---- */ body{background: #e8dfcc;} /* ---- Hüttenfinder/Filter als helles Panel (hebt sich leicht vom Beige ab) ---- */ .accommodation-search__sidebar{background: #f5f1ea; border-radius: 14px; padding: 8px 0; /* nur oben/unten, sonst horizontaler Ueberlauf */ box-sizing: border-box; /* KEIN overflow:hidden hier - das hat den aufklappenden Datepicker abgeschnitten. Desktop bekommt sein vertikales Scrollen weiter ueber die @media-Regel unten. */} /* Kalender (Reisezeitraum) immer ueber allem - nie hinter der unteren Leiste */ .ui-datepicker, .datepicker-arrival, .datepicker-departure{z-index: 99999 !important;} /* ---- "Sortieren nach"-Auswahl ausblenden (geht den Gast nichts an). Die Standard-Sortierung bleibt aktiv, nur das Bedienelement ist weg. ---- */ .accommodation-list__sort{display: none !important;} /* ---- Startseite: Kategorie-Kacheln (Teaser) auf 4 Spalten statt 3 ---- */ .ce_rsce_sliderelement .teasers .inner{display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px;} .ce_rsce_sliderelement .teasers .inner > .tile{width: auto !important; flex: none !important;} /* Kategorie-Kacheln EINHEITLICH (Desktop + Mobil): Bild oben in 4:3 (kein Overlay/Crop), darunter schlanker gruener Balken mit weisser Script-Schrift. Diese Regeln gelten auf ALLEN Breiten - sonst greift auf dem Handy die hohe Theme-Vorgabe (riesige gruene Flaeche). */ .ce_rsce_sliderelement .teasers .tile{display: flex !important; flex-direction: column !important; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important;} .ce_rsce_sliderelement .teasers .tile .image{position: relative !important; height: auto !important; aspect-ratio: 4 / 3; overflow: hidden;} .ce_rsce_sliderelement .teasers .tile .image img{position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover;} .ce_rsce_sliderelement .teasers .tile .image::after{display: none !important;} /* gruener Balken nur auf Texthoehe (erzwungenes 1.7:1 / feste Hoehe aufheben) */ .ce_rsce_sliderelement .teasers .tile .content{position: relative !important; background: #6b8532 !important; /* gruener Balken wie Themen-Kacheln */ aspect-ratio: auto !important; height: auto !important; min-height: 0 !important; display: flex !important; align-items: center; justify-content: center;} .ce_rsce_sliderelement .teasers .inner{align-items: start;} /* Kacheln nicht auf gleiche Hoehe strecken */ .ce_rsce_sliderelement .teasers .tile .content *{color: #fff !important;} /* weisse Schrift */ .ce_rsce_sliderelement .teasers .tile .content .title{font-family: Galada, cursive !important; /* gleiche Script-Schrift wie Themen-Kacheln */ padding: 12px 14px !important; margin: 0 !important;} /* Logo-Icon: feste, einheitliche Box (Flex-Sizing erzwingen) + weiss */ .ce_rsce_sliderelement .teasers .tile .content .title i{flex: 0 0 26px !important; width: 26px !important; min-width: 26px !important; max-width: 26px !important; height: 26px !important; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; background-color: #fff !important; /* weisses Logo auf gruenem Balken */ color: #fff !important;} /* Spaltenzahl je Breite */ @media (min-width: 1000px){ .ce_rsce_sliderelement .teasers .inner{grid-template-columns: repeat(4, 1fr) !important;} } @media (max-width: 999px){ /* Tablet/Handy: 2x2 - flache Kacheln, kleinere Schrift/Icon */ .ce_rsce_sliderelement .teasers .inner{grid-template-columns: repeat(2, 1fr) !important;} .ce_rsce_sliderelement .teasers .tile .content .title{font-size: 16px !important; padding: 9px 8px !important;} .ce_rsce_sliderelement .teasers .tile .content .title i{flex-basis: 22px !important; width: 22px !important; min-width: 22px !important; max-width: 22px !important; height: 22px !important;} } /* ---- Startseite: "Besonders beliebt"-Themenkacheln (rsce Tiles) Quadratisches Bild (kein Beschnitt, Fotos sind 700x700) + gruene Label-Leiste darunter. Eigene Ueberschrift kommt aus dem Headline-Element (kein CSS-::before mehr). ---- */ .ce_rsce_tiles{grid-template-columns: repeat(3, 1fr) !important; /* 3x2 */ grid-template-rows: none !important; gap: 16px !important; max-width: 980px; margin-left: auto; margin-right: auto; /* zentriert, nicht zu gross */} .ce_rsce_tiles .tile{grid-column: auto !important; grid-row: auto !important; aspect-ratio: auto !important; height: auto !important; min-height: 0 !important; display: flex; flex-direction: column;} .ce_rsce_tiles .tile .image{position: relative !important; aspect-ratio: 1 / 1; /* quadratisch -> passt zu den 700x700-Fotos = KEIN Beschnitt */ height: auto !important; overflow: hidden;} .ce_rsce_tiles .tile .image img{position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover;} .ce_rsce_tiles .tile .image::after{display: none !important;} /* gruene Label-Leiste unter dem Bild (wie bei der ersten Kachel) */ .ce_rsce_tiles .tile .content{position: relative !important; height: auto !important; background: #6b8532 !important; justify-content: center !important;} .ce_rsce_tiles .tile .content .title{color: #fff !important; font-size: 22px !important; padding: 12px 16px !important;} @media (max-width: 768px){ /* Handy: 2 nebeneinander (3 untereinander), flach wie die Kategorie-Kacheln. Grid + Spalten + Mindesthoehe HART erzwingen (Theme setzt sonst block/300px). */ .ce_rsce_tiles{display: grid !important; grid-template-columns: 1fr 1fr !important; grid-auto-rows: auto !important; gap: 10px !important; max-width: none !important;} .ce_rsce_tiles .tile{grid-column: auto !important; grid-row: auto !important; min-height: 0 !important; height: auto !important; aspect-ratio: auto !important; display: flex !important; flex-direction: column !important;} .ce_rsce_tiles .tile .image{aspect-ratio: 4 / 3 !important; height: auto !important;} /* flach wie Kategorie */ .ce_rsce_tiles .tile .content .title{font-size: 14px !important; padding: 8px 6px !important;} } /* ---- Filter kompakter & aufgeraeumt (kleinere Schrift, kein Ueberlauf) ---- */ .accommodation-search__sidebar *{box-sizing: border-box; max-width: 100%;} .accommodation-search__sidebar legend{font-size: 16px !important;} /* gruene Abschnitts-Header kleiner */ .accommodation-search__sidebar label{font-size: 15px !important; line-height: 1.45;} .accommodation-search__sidebar input, .accommodation-search__sidebar select{font-size: 15px;} /* volle Breite nur fuer Text-/Datumsfelder + Selects, NICHT fuer Checkboxen */ .accommodation-search__sidebar select, .accommodation-search__sidebar input:not([type="checkbox"]):not([type="radio"]){width: 100%;} /* Suchen/Zuruecksetzen untereinander & volle Breite (sonst wird "Zuruecksetzen" abgeschnitten) */ .accommodation-search__sidebar .form-button__actions{display: flex !important; flex-direction: column !important; gap: 10px !important; align-items: stretch !important;} .accommodation-search__sidebar .form-button__actions .widget-submit, .accommodation-search__sidebar .form-button__actions button.submit{width: 100%;} /* Desktop-Klapp-Kopf (in der Sidebar) und mobile Leiste sind per default aus und werden je Breakpoint eingeblendet. */ .uh-deskhead{display: none;} .uh-mobilebar{display: none;} @media (min-width: 1000px){ /* Filter auf die rechte Seite (Hauptliste links). Spiegelung per direction:rtl -> keine Grid-Platzierungs-Luecke. */ .accommodation-search{direction: rtl !important; grid-template-columns: 280px 1fr !important;} .accommodation-search > *{direction: ltr !important;} .accommodation-row{min-height: 476px;} /* Filter scrollt mit (sticky); eigener Scroll, falls die Liste lang ist */ .accommodation-search__sidebar{align-self: start !important; position: sticky !important; top: 116px; /* unter dem 100px-Header */ max-height: calc(100vh - 132px); overflow: hidden auto; /* nur vertikal scrollen, kein Horizontal-Balken */} /* Desktop: Kopfzeile ueber "Suchkriterien" - Anfrage links (gruen), Hüttenfinder rechts (rot) */ .uh-deskhead{display: flex; gap: 8px; margin-bottom: 12px;} .uh-deskhead > *{flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 10px; border: none; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none;} /* gruen, links */ .uh-desk-filter{background: #8c2a20; color: #fff;} /* rot, rechts */ .uh-desk-filter::before{content: "\2630"; font-size: 1.05em; line-height: 1;} /* eingeklappt: nur die Kopfzeile bleibt, der Filterinhalt verschwindet */ .accommodation-search__sidebar.uh-collapsed > *:not(.uh-deskhead){display: none !important;} } @media (max-width: 999px){ /* Filter standardmaessig zu (JS setzt uh-closed) */ .accommodation-search.uh-closed .accommodation-search__sidebar{display: none !important;} /* Desktop-Kopfzeile mobil nicht noetig */ .uh-deskhead{display: none !important;} /* Feste untere Leiste: links Hüttenfinder, rechts Anfrage */ .uh-mobilebar{display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 70; box-shadow: 0 -4px 16px rgba(0,0,0,.22);} .uh-mobilebar > *{flex: 1; text-align: center; padding: 15px; font-size: 16px; font-weight: 600; border: none; cursor: pointer; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 8px;} .uh-mobile-filter{background: #8c2a20; color: #fff;} /* Rot = Filter */ .uh-mobile-filter::before{content: "\2630";} .uh-mobile-anfrage{background: #6b8532; color: #fff;} /* Platz, damit die letzte Karte nicht hinter der Leiste verschwindet */ .accommodation-search__main{padding-bottom: 76px;} /* Theme-eigene grüne Mobil-Leiste (Anfragen/Hüttenfinder) ausblenden - unsere Leiste ersetzt sie. Das Hauptmenü (.mod_navigation) bleibt! */ .mobile-sticky{display: none !important;} } /* ============================================================ MOBIL – aus der Zeile wird eine echte Kachel: Bild oben in vollem 4:3 (kein harter Crop), Text darunter. ============================================================ */ @media (max-width: 760px){ .accommodation-row{grid-template-columns: 1fr; grid-template-rows: none; /* gestapelt: Bild, Text, Button */ min-height: 0; /* WICHTIG: Desktop-Hoehe zuruecksetzen */} .accommodation-row__image{grid-row: auto;} /* Spanne zuruecksetzen */ .accommodation-row__image, .accommodation-row__img{height: auto;} .accommodation-row__img img{width: 100%; height: auto; aspect-ratio: 1 / 1; /* noch hoeher = noch groesseres Bild auf dem Handy */ object-fit: cover;} .accommodation-row__content{grid-column: auto; grid-row: auto; align-self: stretch; padding: 22px 22px 4px;} .accommodation-row__title{font-size: 26px;} /* groessere Ueberschrift auch mobil */ .accommodation-row__aside{grid-column: auto; grid-row: auto; align-self: auto; padding: 12px 22px 22px; justify-content: flex-start;} .accommodation-row__cta.btn--primary{width: 100%; text-align: center;} } /* Personen-Feld in der Header-/Hero-Suche einblenden (Claude, 04.07.2026) */ .navbooking .widget:has(input[name="personpicker"]){display:block!important} /* ===== Flyout -> ruhige Topbar (Claude, 05.07.2026) ===== Rueckbau: diesen Block loeschen. */ .navbar-outer .links{display:none!important} /* ===== Lead-Navigation unterm Header (Mockup-Menue, Claude 05.07.2026) ===== */ .mod_customnav.uh-leadnav{background:#6b8532;padding:0 24px} .mod_customnav.uh-leadnav ul{display:flex;gap:30px;align-items:center;max-width:1400px;margin:0 auto;padding:0;list-style:none} .mod_customnav.uh-leadnav li{margin:0;padding:0} .mod_customnav.uh-leadnav a,.mod_customnav.uh-leadnav strong{color:#fff;text-decoration:none;padding:15px 0;display:inline-block;font-weight:600;font-size:16px;font-family:Ubuntu,Arial,sans-serif} .mod_customnav.uh-leadnav a:hover{color:#e8edc4} .mod_customnav.uh-leadnav li:last-child{margin-left:auto} .mod_customnav.uh-leadnav li:last-child a{background:#b98a3d;padding:11px 24px;margin:5px 0;font-weight:700} .mod_customnav.uh-leadnav li:last-child a:hover{background:#a1762f;color:#fff} @media(max-width:767px){ .mod_customnav.uh-leadnav{padding:0 10px} .mod_customnav.uh-leadnav ul{overflow-x:auto;gap:14px;-webkit-overflow-scrolling:touch} .mod_customnav.uh-leadnav a{font-size:13px;padding:11px 0} .mod_customnav.uh-leadnav li:last-child a{padding:7px 12px;font-size:12.5px;margin:4px 0} } /* ===== Breadcrumb als Leiste unter der Lead-Nav (Claude 05.07.2026) ===== */ .mod_breadcrumb{position:static!important;width:100%!important;max-width:none!important;background:#2e5443;padding:7px 24px!important;margin:0!important;text-align:left!important} .mod_breadcrumb ul,.mod_breadcrumb ol{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0} .mod_breadcrumb li,.mod_breadcrumb a,.mod_breadcrumb span{color:#d9e2c8!important;font-size:13px!important} @media(max-width:767px){ .mod_breadcrumb{padding:5px 10px!important} } .uh-merk a:hover .uh-merk__label{color:#6b8532} /* ===== Utilities in der Lead-Nav (Best Practice: eine Leiste, Claude 05.07.2026) ===== */ .uh-leadnav li.uh-utils{margin-left:auto;display:flex;align-items:center;gap:2px} .uh-leadnav li.uh-utils>*{background:transparent!important;box-shadow:none!important;width:auto!important;min-width:0!important;height:auto!important;border:0!important} .uh-leadnav li.uh-utils a,.uh-leadnav li.uh-utils .search,.uh-leadnav li.uh-utils [class*=toggler]{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;color:#fff!important;padding:8px 10px!important;font-size:13.5px;cursor:pointer;text-decoration:none} .uh-leadnav li.uh-utils img,.uh-leadnav li.uh-utils svg,.uh-leadnav li.uh-utils i,.uh-leadnav li.uh-utils [class*=icon]{filter:brightness(0) invert(1);width:20px;height:20px} .uh-leadnav li.uh-utils a:hover,.uh-leadnav li.uh-utils>*:hover{color:#e8edc4!important} .uh-leadnav li:last-child{margin-left:0} @media(max-width:900px){ .uh-leadnav li.uh-utils a,.uh-leadnav li.uh-utils>*{padding:8px 6px!important} } @media(max-width:767px){ .mod_customnav.uh-leadnav ul{flex-wrap:nowrap;overflow-x:auto} .uh-leadnav li.uh-utils{margin-left:8px} } .uh-leadnav .uh-utils .buchen{display:none!important} /* Lead-Nav Feinschliff: linksbuendig, einheitliche Groesse, Spacer weg */ .navbar-outer .toggler-spacer{display:none!important} .mod_customnav.uh-leadnav{padding:0 20px 0 16px} .mod_customnav.uh-leadnav ul{max-width:none!important;margin:0!important} .mod_customnav.uh-leadnav a,.mod_customnav.uh-leadnav strong,.uh-leadnav li.uh-utils a,.uh-leadnav li.uh-utils .search,.uh-leadnav li.uh-utils [class*=toggler],.uh-leadnav .uh-merk__label{font-size:16px!important} .mod_customnav.uh-leadnav li:last-child a{font-size:16px!important} @media (max-width:900px){ .mod_customnav.uh-leadnav a,.mod_customnav.uh-leadnav strong,.uh-leadnav li.uh-utils a,.uh-leadnav li.uh-utils .search,.uh-leadnav li.uh-utils [class*=toggler],.mod_customnav.uh-leadnav li:last-child a{font-size:13px!important} } /* ===== Megamenü Lead-Nav (Dropdown-Panels, geklont aus Flyout-Navigation via Modul 26) ===== */ .uh-leadnav li.uh-hasmega{position:relative} .uh-leadnav li.uh-hasmega>a::after{content:" ▾";font-size:11px;opacity:.85} .uh-leadnav .uh-mega{display:none;position:absolute;top:100%;left:0;z-index:9999;min-width:290px;background:#fff;border-top:3px solid #6b8532;box-shadow:0 14px 34px rgba(0,0,0,.22);padding:8px 0;max-height:75vh;overflow:auto;text-align:left} .uh-leadnav li.uh-open>.uh-mega{display:block} @media (min-width:901px){ .uh-leadnav li.uh-hasmega:hover>.uh-mega{display:block} } .uh-leadnav .uh-mega ul{list-style:none;margin:0;padding:0;display:block;max-width:none} .uh-leadnav .uh-mega li{display:block;margin:0;float:none;padding:0} .mod_customnav.uh-leadnav .uh-mega a,.mod_customnav.uh-leadnav .uh-mega strong{display:block;padding:9px 22px;color:#244736!important;font-size:15px!important;font-weight:500;filter:none;line-height:1.35;white-space:normal} .mod_customnav.uh-leadnav .uh-mega a:hover{background:#f2f4e4;color:#6f7526!important} .mod_customnav.uh-leadnav .uh-mega strong{color:#6f7526!important;font-weight:700} .mod_customnav.uh-leadnav .uh-mega ul ul a,.mod_customnav.uh-leadnav .uh-mega ul ul strong{padding-left:42px;font-size:14px!important;opacity:.92} .uh-leadnav .uh-mega .uh-mega__head{padding:12px 22px 4px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#6b8532;font-weight:700} @media (max-width:900px){ .uh-leadnav .uh-mega{min-width:0;border-top-width:2px;box-shadow:0 18px 34px rgba(0,0,0,.3)} .mod_customnav.uh-leadnav .uh-mega a,.mod_customnav.uh-leadnav .uh-mega strong{font-size:15px!important} } /* Megamenü: Theme-Hintergründe der geklonten Nav neutralisieren */ .mod_customnav.uh-leadnav .uh-mega li{background:none!important;border:0!important} .mod_customnav.uh-leadnav .uh-mega a,.mod_customnav.uh-leadnav .uh-mega strong{background:transparent!important} .mod_customnav.uh-leadnav .uh-mega a:hover{background:#f2f4e4!important} /* Mobil (<860px): Nav-Punkte als Textzeile (Hüttenland-Stil), Utilities Zeile 2 */ @media (max-width:860px){ .mod_customnav.uh-leadnav ul{flex-wrap:wrap!important;row-gap:0} .uh-leadnav li.uh-burger{order:2;margin-right:2px} .uh-leadnav .navtoggler{font-size:14px!important;padding:6px 10px!important} .mod_customnav.uh-leadnav>ul>li:not(.uh-utils):not(:last-child)>a,.mod_customnav.uh-leadnav>ul>li:not(.uh-utils):not(:last-child)>strong{font-size:14px!important;padding:9px 2px} .uh-leadnav li.uh-hasmega:not(.uh-wissen)>a::after{content:none} .mod_customnav.uh-leadnav>ul>li{white-space:nowrap} .uh-leadnav li.uh-utils{margin-left:0!important;flex:1 1 auto;justify-content:flex-start;gap:12px;order:2} .mod_customnav.uh-leadnav>ul>li:last-child{order:3;margin-left:auto} .mod_customnav.uh-leadnav>ul>li:last-child a{padding:8px 12px!important} } /* Smartphone (<560px): Herz statt Merkliste-Text, enger, kein Scrollen */ @media (max-width:560px){ .uh-leadnav li.uh-utils>a:first-child{font-size:0!important} .uh-leadnav li.uh-utils>a:first-child::before{content:"♡";font-size:19px!important;color:#fff;line-height:1} .mod_customnav.uh-leadnav ul{overflow-x:auto;scrollbar-width:none} .mod_customnav.uh-leadnav ul::-webkit-scrollbar{display:none} } /* Utils: unsichtbare Icon-Platzhalter entfernen, Smartphone-Verdichtung */ .uh-leadnav li.uh-utils i{display:none!important} @media (max-width:560px){ } /* Mobil-Feintuning: 4 Menuepunkte in Zeile 1, Utils+Vermieter in Zeile 2 */ @media (max-width:560px){ .mod_customnav.uh-leadnav>ul>li:not(.uh-utils):not(:last-child)>a,.mod_customnav.uh-leadnav>ul>li:not(.uh-utils):not(:last-child)>strong{font-size:12px!important;letter-spacing:0} .uh-leadnav li.uh-hasmega>a::after{font-size:9px} } @media (max-width:380px){ .mod_customnav.uh-leadnav>ul>li:not(.uh-utils):not(:last-child)>a,.mod_customnav.uh-leadnav>ul>li:not(.uh-utils):not(:last-child)>strong{font-size:11px!important} } /* ===== Menü-Polish: grössere Schrift, Burger-Button, Breadcrumb integriert ===== */ @media (min-width:861px){ .mod_customnav.uh-leadnav>ul>li:not(.uh-utils)>a,.mod_customnav.uh-leadnav>ul>li:not(.uh-utils)>strong{font-size:21px!important} .uh-leadnav li.uh-utils>a,.uh-leadnav li.uh-utils .search,.uh-leadnav li.uh-utils .contact{font-size:18px!important} } .uh-leadnav>ul>li>strong{color:#fff!important;box-shadow:inset 0 -3px 0 #fff} .uh-leadnav .navtoggler{cursor:pointer;border:1px solid rgba(255,255,255,.55);border-radius:4px;padding:7px 14px!important;font-weight:700} .uh-leadnav .navtoggler::before{content:"☰";margin-right:9px;font-size:17px;line-height:1} .uh-leadnav .navtoggler:hover{background:rgba(255,255,255,.12)} .mod_breadcrumb{background:#244736!important;margin:0!important;border-top:1px solid rgba(255,255,255,.14);padding:6px 20px 7px 16px!important} .mod_breadcrumb li,.mod_breadcrumb a{font-size:14px!important;color:rgba(255,255,255,.72)!important} .mod_breadcrumb li.active{color:#fff!important;font-weight:600} .mod_breadcrumb a:hover{color:#fff!important} .uh-leadnav .navtoggler{border:1px solid rgba(255,255,255,.55)!important;border-radius:4px!important} .mod_breadcrumb ul{display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:left;padding:0} .mod_breadcrumb{position:relative!important;z-index:60;width:auto!important;text-align:left!important} .mod_breadcrumb ul{justify-content:flex-start!important;margin:0!important;padding:0!important;float:none!important;width:auto!important;max-width:none!important} .mod_breadcrumb li{float:none!important;margin:0 6px 0 0!important} .mod_breadcrumb li:first-child{margin-left:0!important} .uh-leadnav li.uh-burger{display:flex;align-items:center;margin-right:6px} .uh-leadnav .navtoggler{color:#fff;font-size:18px!important;padding:8px 16px!important} /* Mobil: kompakt, Vermieter-Button lesbar */ @media (max-width:560px){ .uh-leadnav .navtoggler{font-size:13px!important;padding:6px 8px!important} .uh-leadnav .navtoggler::before{font-size:14px;margin-right:6px} .uh-leadnav li.uh-burger{margin-right:2px} .uh-leadnav li.uh-utils{gap:3px} .uh-leadnav li.uh-utils>*{padding:8px 3px!important} .mod_customnav.uh-leadnav>ul>li:last-child a{font-size:13px!important;padding:7px 9px!important} .mod_customnav.uh-leadnav{padding:0 8px} .mod_customnav.uh-leadnav ul{gap:5px} } @media (max-width:480px){ .uh-leadnav .navtoggler{font-size:13px!important;padding:6px 9px!important} .uh-leadnav .navtoggler::before{font-size:14px;margin-right:6px} .uh-leadnav li.uh-utils>a,.uh-leadnav li.uh-utils .search,.uh-leadnav li.uh-utils .contact{font-size:12.5px!important} .mod_customnav.uh-leadnav ul{gap:3px} } /* Breadcrumb komplett entfernt (05.07.2026) */ .mod_breadcrumb{display:none!important} /* Hüttenfinder auch mobil in der Topbar, Logo + Finder immer sichtbar */ @media (max-width:860px){ .navbar-outer .navbooking{display:none!important} .navbar-outer .navbooking .widget{margin:0!important;flex:1 1 auto;min-width:0} .navbar-outer .navbooking input,.navbar-outer .navbooking select,.navbar-outer .navbooking button{font-size:12px!important;padding:6px 6px!important;min-width:0;width:100%} .navbar-outer .navbooking .headline,.navbar-outer .navbooking [class*=head]{display:none!important} .navbar-outer .navbooking label{display:none!important} } /* Hero-Suchformular: Personenfeld richtig anzeigen; mobil gestapelt */ .hero-cta form .widget:has(input[name=personpicker]){flex:0 0 auto;width:240px!important;min-width:240px;display:block!important} .hero-cta form input[name=personpicker]{width:100%} @media (max-width:860px){ .hero-cta form .formbody{flex-wrap:wrap!important;gap:8px} .hero-cta form .widget{flex:1 1 100%!important;width:100%!important;min-width:0!important} } /* Header immer weiss, keine Einblend-Animation */ header,.navbar-outer,.navbar-outer *,#top .navbar{transition:none!important;animation:none!important} .navbar-outer{background:#fff!important} /* ===== Typo-Test Startseite 2026: Alegreya (Headlines) / DM Sans (Text) / Dancing Script (Akzent) ===== */ body.home :is(h1,h2,h3,h4){font-family:"Lora",Georgia,serif!important;letter-spacing:.2px;font-weight:700!important} body.home .mod_article :is(p,li,label,button,input,textarea,select){font-family:"Inter",Ubuntu,Arial,sans-serif} body.home .mod_article a{font-family:"Inter",Ubuntu,Arial,sans-serif} body.home .uh-kick{font-family:"Lora",Georgia,serif!important;font-weight:700!important} body.home .uh-section--service h2,body.home .ce_rsce_decoheadline :is(h1,h2,h3,span){font-family:"Lora",Georgia,serif!important;font-weight:700!important} /* uh-typo-hero: Hero-Slider-Headline auf Alegreya */ body.home .swiper-content [class*="heading--"],body.home .swiper-content .text p{font-family:"Lora",Georgia,serif!important;font-weight:700!important} body.home .swiper-content .text p:not([class*=heading]){font-family:"Inter",Ubuntu,Arial,sans-serif!important} /* uh-typo-karten: Kachel-Titel Dancing Script statt Galada */ #top.home .content div.title,#top.home .content div.title .small{font-family:"Lora",Georgia,serif!important;font-weight:700!important} /* uh-footer-lora: Hotline-Akzent im Footer auf Lora */ .footer-top .hotline .heading--2,.footer-top .hotline p,.footer-top .hotline a{font-family:"Lora",Georgia,serif!important;font-weight:700!important} /* Desktop: Topbar-Suchfeld breiter, Suchen-Button nie abgeschnitten */ @media (min-width:861px){ .navbar-outer .navbooking input[name=datepicker]{min-width:175px} .navbar-outer .navbooking input[name=personpicker]{min-width:220px} .navbar-outer .navbooking button{min-width:104px;white-space:nowrap;padding-left:16px;padding-right:16px} } /* Regionen-Ankernavigation nur Desktop */ @media (max-width:860px){ /* Mobile Fussleiste: nur Hüttenfinder, orange-braun, volle Breite */ .uh-mobilebar .uh-mobile-anfrage{display:none!important} .uh-mobilebar .uh-mobile-filter{background:#b98a3d!important;border-color:#b98a3d!important;color:#fff!important;flex:1 1 100%!important;width:100%!important;display:block!important;text-align:center;font-weight:700} .uh-mobilebar{left:0!important;right:0!important;width:100%!important;padding:8px 10px!important} } /* uh-kartenfarbe: Kachel-/Karten-Balken in sattem Gruen */ a.tile .content,.tile .content,.tiles .content{background-color:#4f7a36!important} /* uh-kartenfarbe2: schlaegt spezifischere Slider-Regel */ .ce_rsce_sliderelement .teasers .tile .content,.mod_article .teasers .tile .content,.ce_rsce_tiles .tile .content,.mod_article .ce_rsce_tiles .tile .content,html body .tile .content{background-color:#4f7a36!important} .uh-companion a,.uh-companion .uh-chip{font-family:"Inter",Ubuntu,Arial,sans-serif!important} /* Footer-Gruen + Folge-uns + Teilen-Leiste */ .footer-bottom{background-color:#6b8532!important} .uh-folgeuns{color:#fff;font-family:"Lora",Georgia,serif;font-weight:700;margin-right:14px;font-size:24px;align-self:center} .uh-share__reihe{display:flex;flex-wrap:wrap;gap:10px;justify-content:center} .uh-share__btn:hover{background:#6b8532;color:#fff!important} /* Markenfarbe global (faerbt u.a. das Gras-Muster ueberm Footer) */ :root{--color-brand:#6b8532!important} body{--color-brand:#6b8532} /* Hero-Suchbutton Desktop nie abgeschnitten */ @media (min-width:861px){ .hero-cta form .widget-text input[name=datepicker]{width:250px!important;min-width:0!important} .hero-cta form .widget:has(input[name=personpicker]){width:225px!important;min-width:225px!important} .hero-cta form .widget-submit{flex:0 0 auto!important} .hero-cta form .widget-submit button{min-width:112px!important;white-space:nowrap} } /* Teilen/Folgen v2: moderne Icon-Buttons */ .uh-share{display:flex;align-items:flex-start;justify-content:center;gap:34px;flex-wrap:wrap;max-width:960px;margin:42px auto 50px;padding:0 20px;text-align:center} .uh-share__label{font-family:"Lora",Georgia,serif;font-weight:700;font-size:26px;color:#4a4a42;margin-bottom:14px} .uh-share__reihe{display:flex;gap:10px;justify-content:center} .uh-share__sep{width:1px;align-self:stretch;background:#ddd6c8;margin-top:4px} .uh-sbtn{width:47px;height:47px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2ddd0;box-shadow:0 1px 3px rgba(0,0,0,.07);color:#4f7a36!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease} .uh-sbtn svg{width:21px;height:21px;display:block} .uh-sbtn:hover{transform:translateY(-3px);box-shadow:0 7px 16px rgba(0,0,0,.16);color:#fff!important} .uh-sbtn--wa:hover{background:#25d366;border-color:#25d366} .uh-sbtn--fb:hover{background:#1877f2;border-color:#1877f2} .uh-sbtn--ig:hover{background:radial-gradient(circle at 30% 110%,#fdf497 0,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:#d6249f} .uh-sbtn--mail:hover{background:#6b8532;border-color:#6b8532} .uh-sbtn--link:hover,.uh-sbtn--share:hover{background:#4f7a36;border-color:#4f7a36} @media (max-width:560px){ .uh-share{gap:20px} .uh-share__sep{display:none} } /* uh-brandfarben: Social-Icons in Originalfarben */ .uh-sbtn--wa{color:#25d366!important} .uh-sbtn--fb{color:#1877f2!important} .uh-sbtn--ig{color:#d6249f!important} .footer-bottom .socials a[href*="facebook"]::before{background:#1877f2!important} .footer-bottom .socials a[href*="instagram"]::before{background:radial-gradient(circle at 30% 110%,#fdf497 0,#fd5949 45%,#d6249f 60%,#285aeb 90%)!important} /* uh-holz: Themenseite komplett in Holzoptik */ body.uh-holz{background:url("/files/theme/img/wooden-bg.jpg") center top/cover no-repeat fixed!important} body.uh-holz .mod_article{background:transparent!important} body.uh-holz #container{background:transparent!important} body.uh-holz .ce_rsce_decoheadline h1,body.uh-holz .ce_rsce_decoheadline h2,body.uh-holz .ce_rsce_decoheadline span,body.uh-holz .ce_rsce_decoheadline p{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.45)} body.uh-holz .mod_article .content-text p,body.uh-holz .mod_article .rte p,body.uh-holz .accommodation-list__count{color:#f4efe4!important;text-shadow:0 1px 4px rgba(0,0,0,.4)} body.uh-holz .uh-share__label{color:#fff} body.uh-holz .uh-share__sep{background:rgba(255,255,255,.35)} @media (max-width:860px){ body.uh-holz{background-attachment:scroll!important} } /* Hund-Themenseite: Altholz-Hintergrund */ body.uh-holz--alt{background-image:url("/files/urlaubshuetten/altholzwand.webp")!important} /* uh-holz-karten: volle Deckkraft + kraeftigere Schatten auf hellem Holz */ body.uh-holz .accommodation-row,body.uh-holz .accommodation-card{background:#fff!important} body.uh-holz--alt .ce_rsce_decoheadline h1,body.uh-holz--alt .ce_rsce_decoheadline h2,body.uh-holz--alt .ce_rsce_decoheadline span,body.uh-holz--alt .ce_rsce_decoheadline p,body.uh-holz--alt .mod_article .rte p,body.uh-holz--alt .mod_article .content-text p,body.uh-holz--alt .accommodation-list__count{text-shadow:0 1px 5px rgba(0,0,0,.8)!important} body.uh-leinen{background:linear-gradient(rgba(245,239,226,.93),rgba(245,239,226,.93)),url("/files/urlaubshuetten/altholzwand.webp") center top/cover no-repeat fixed!important} @media (max-width:860px){ body.uh-leinen{background-attachment:scroll!important} } body.uh-braun .mod_article{padding-top:0!important} body.uh-braun .mod_article>.inside{padding-top:0!important;margin-top:0!important} /* uh-creme: Textsektionen unten auf Themenseiten hell hinterlegen */ body.uh-braun .mod_article~.mod_article{background:#f4efe4!important;border-radius:14px;max-width:1160px;margin:0 auto 28px;padding:36px 34px!important} body.uh-braun .mod_article~.mod_article :is(h1,h2,h3,h4,p,li,span,strong){color:#3d3328!important;text-shadow:none!important} body.uh-braun .mod_article~.mod_article h2,body.uh-braun .mod_article~.mod_article h3{color:#4f7a36!important} /* uh-wrapperfix: Hero bis an die Menueleiste */ body.uh-braun #wrapper{padding-top:0!important} /* uh-maininside: aeusseres Polster vor dem Themen-Hero entfernen */ body.uh-braun main>.inside,body.uh-braun #container>.inside{padding-top:0!important;margin-top:0!important} /* uh-notransform: GSAP-Offset auf Themenseiten neutralisieren (Hero buendig an Leiste) */ body.uh-braun .mod_article>.inside{transform:none!important;opacity:1!important} /* uh-bildbg: Test Hund-Seite mit Bildhintergrund + passender Bergsilhouette */ body.uh-bildbg{background:url("/files/urlaubshuetten/lillaby-on-wood-2157535.webp") center top/cover no-repeat fixed!important} body.uh-bildbg .uh-themenhero::after{background:url("/files/urlaubshuetten/lillaby-on-wood-2157535.webp") center top/cover no-repeat fixed} @media (max-width:860px){ body.uh-bildbg,body.uh-bildbg .uh-themenhero::after{background-attachment:scroll!important} } /* uh-bildbg-lesbar */ body.uh-bildbg .accommodation-list__count,body.uh-bildbg .uh-share__label{color:#3d3328!important;text-shadow:0 1px 3px rgba(255,255,255,.6)!important} /* uh-bildbg2: Bild-Hintergrund mit Verlaufs-Bergen (Test Paare) */ body.uh-bildbg2{background:url("/files/urlaubshuetten/lillaby-on-wood-2157535.webp") center top/cover no-repeat fixed!important} body.uh-bildbg2 .accommodation-list__count,body.uh-bildbg2 .uh-share__label{color:#3d3328!important;text-shadow:0 1px 3px rgba(255,255,255,.6)!important} @media (max-width:860px){ body.uh-bildbg2{background-attachment:scroll!important} } body.uh-hero-fotoberge .uh-themenhero::after{background: linear-gradient(180deg, rgba(61,51,40,0) 0%, rgba(61,51,40,.9) 100%), url('/files/urlaubshuetten/lillaby-on-wood-2157535.webp') center 70% / cover no-repeat !important; -webkit-mask: url('/files/theme/img/mountains-green.svg') repeat-x bottom / auto 100% !important; mask: url('/files/theme/img/mountains-green.svg') repeat-x bottom / auto 100% !important; opacity: .8 !important;} /* --- 2) Urlaub mit Hund: creme Grund, Texte dunkel, Berg grau->braun bleibt --- */ body.uh-creme, body.uh-creme.uh-braun, body.uh-creme.uh-holz{background: #f4efe4 !important;} body.uh-creme .mod_article .content-text p, body.uh-creme .mod_article .rte p, body.uh-creme .mod_article .rte li, body.uh-creme .accommodation-list__count{color: #4e4639 !important;} body.uh-creme .ce_rsce_decoheadline h1, body.uh-creme .ce_rsce_decoheadline h2{color: #6b8532 !important;} /* --- 3) Gruppen: feines Leinen-/Gewebemuster --- */ body.uh-netz, body.uh-netz.uh-braun, body.uh-netz.uh-holz{background-color: #f4efe4 !important; background-image: repeating-linear-gradient(0deg, rgba(120,102,78,.06) 0 1px, transparent 1px 7px), repeating-linear-gradient(90deg, rgba(120,102,78,.06) 0 1px, transparent 1px 7px), repeating-linear-gradient(0deg, rgba(120,102,78,.035) 0 2px, transparent 2px 28px), repeating-linear-gradient(90deg, rgba(120,102,78,.035) 0 2px, transparent 2px 28px) !important; background-attachment: fixed !important;} body.uh-netz .mod_article .content-text p, body.uh-netz .mod_article .rte p, body.uh-netz .mod_article .rte li, body.uh-netz .accommodation-list__count{color: #4e4639 !important;} /* Fix 06.07.: Hero-Panel-Texte bleiben hell; dunkle Texte nur ausserhalb des Heros */ body.uh-creme .uh-themenhero .content-text p, body.uh-creme .uh-themenhero .rte p, body.uh-creme .uh-themenhero .rte li, body.uh-netz .uh-themenhero .content-text p, body.uh-netz .uh-themenhero .rte p, body.uh-netz .uh-themenhero .rte li{color: #f4efe4 !important;} body.uh-creme .uh-themenhero .ce_rsce_decoheadline h1, body.uh-creme .uh-themenhero .ce_rsce_decoheadline h2, body.uh-creme .uh-themenhero .deco, body.uh-netz .uh-themenhero .ce_rsce_decoheadline h1, body.uh-netz .uh-themenhero .ce_rsce_decoheadline h2, body.uh-netz .uh-themenhero .deco{color: #fff !important;} /* Update 06.07. v2: einheitliches Themenseiten-Design (alle Themenwelten) - Panel-Gruen hinter der Schrift raus - Hero-Flaeche solid #9ba238 statt transparent - Seiten-Braun etwas heller (#4d4033 statt #3d3328) - Foto-Bergsilhouetten oben/unten bleiben */ body.uh-hero-fotoberge .uh-themenhero{background: #9ba238 !important;} body.uh-hero-fotoberge .uh-themenhero__panel{background: transparent !important; box-shadow: none !important;} body.uh-braun{background: #4d4033 !important;} /* Update 06.07. v3: Welle oben mit Gruen-Verlauf, Schrift dunkler, Berg unten grau->braun */ body.uh-hero-fotoberge .uh-themenhero{padding-top: 110px !important;} body.uh-hero-fotoberge .uh-themenhero::before{height: 56px !important; top: 0 !important; background: linear-gradient(180deg, #5d7429 0%, #7f862e 55%, #9ba238 100%) !important; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60 L0 28 Q112 8 225 28 T450 28 T675 28 T900 28 L900 60 Z' fill='%23000'/%3E%3C/svg%3E") repeat-x bottom / 900px 100% !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60 L0 28 Q112 8 225 28 T450 28 T675 28 T900 28 L900 60 Z' fill='%23000'/%3E%3C/svg%3E") repeat-x bottom / 900px 100% !important; transform: none !important; opacity: 1 !important;} body.uh-hero-fotoberge .uh-themenhero::after{background: linear-gradient(180deg, #d6d2c9 0%, #a89684 40%, #6a5642 72%, #4d4033 100%) !important; opacity: 1 !important;} /* Schrift im Hero ein wenig dunkler */ body.uh-hero-fotoberge .uh-themenhero .ce_rsce_decoheadline h1, body.uh-hero-fotoberge .uh-themenhero .ce_rsce_decoheadline h2, body.uh-hero-fotoberge .uh-themenhero .deco{color: #efe8d6 !important;} body.uh-hero-fotoberge .uh-themenhero .content-text p, body.uh-hero-fotoberge .uh-themenhero .rte p, body.uh-hero-fotoberge .uh-themenhero .rte li{color: #e6dec7 !important;} /* Update 06.07. v4: Alleinreisende - Silhouette startet beige (Theme-Creme) statt grau */ body.uh-berg-beige .uh-themenhero::after{background: linear-gradient(180deg, #f4efe4 0%, #cbbd9d 42%, #6a5642 74%, #4d4033 100%) !important;} body.uh-hund-creme .uh-themenhero::before{display: none !important; /* gruene Welle passt nicht auf Creme */} body.uh-hund-creme .uh-themenhero .ce_rsce_decoheadline h1, body.uh-hund-creme .uh-themenhero .ce_rsce_decoheadline h2, body.uh-hund-creme .uh-themenhero .deco{color: #6b8532 !important; text-shadow: none !important;} body.uh-hund-creme .uh-themenhero .content-text p, body.uh-hund-creme .uh-themenhero .rte p, body.uh-hund-creme .uh-themenhero .rte li{color: #4e4639 !important; text-shadow: none !important;} /* Update 06.07. v6: FINALES Themenseiten-Design (alle Themenwelten + /unterkuenfte) - Flaeche: Verlauf Weiss (unter Menue) -> Theme-Creme (an den Bergspitzen) - Bergsilhouette: Verlauf Schwarz (Spitzen) -> Braun (Fuss, endet im Seiten-Braun) */ body.uh-hund-creme .uh-themenhero{background: linear-gradient(180deg, #ffffff 0%, #faf7ef 55%, #f4efe4 100%) !important;} /* Update 06.07. v6b: Panel-Kasten auch im Creme-Design transparent */ body.uh-hund-creme .uh-themenhero__panel{background: transparent !important; box-shadow: none !important;} /* Update 06.07. v10: echtes Alpengluehen + kompaktere Abstaende im Hero */ body.uh-hund-creme .uh-themenhero{padding-top: 36px !important; padding-bottom: 100px !important;} body.uh-hund-creme .uh-themenhero .ce_rsce_decoheadline{margin-top: 0 !important;} body.uh-hund-creme .uh-themenhero .content-text{margin-bottom: 0 !important;} /* Update 06.07. v12: Ueberschrift dichter an die Menueleiste, mobil fast buendig */ body.uh-hund-creme .uh-themenhero{padding-top: 18px !important;} body.uh-hund-creme .uh-themenhero .ce_rsce_decoheadline p.deco, body.uh-hund-creme .uh-themenhero .ce_rsce_decoheadline h1{margin-top: 0 !important;} @media (max-width: 880px){ body.uh-hund-creme .uh-themenhero{padding-top: 6px !important;} } /* Update 06.07. v13 (angepasst): Mobil nur Silhouette naeher an "Unterkuenfte gefunden"; Abstand Ueberschrift->Text wieder Standard */ @media (max-width: 880px){ body.uh-hund-creme .uh-themenhero{margin-bottom: 10px !important;} } section.accommodation-wishlist{scroll-margin-top: 140px; /* fixer Header beim Anker-Sprung */} /* Update 07.07. v15: Merkliste v2 - MWFM-Merkzettel-Sektion off-screen (Count bleibt fuer Badge lesbar), Filter-Leiste fuer gemerkte Objekte */ section.accommodation-wishlist{position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; pointer-events: none !important;} .uh-merk-bar__all:hover{background: #55691f; transform: translateY(-1px); box-shadow: 0 5px 14px rgba(107,133,50,.45);} /* Update 07.07. v17: grosses rotes Herz am Merkliste-Link */ .uh-merk-heart{width: 22px; height: 22px; color: #d63a4d; margin-right: 7px; vertical-align: -5px; display: inline-block; filter: drop-shadow(0 1px 1px rgba(0,0,0,.15));} a:hover .uh-merk-heart{color: #b52a3c;} @media (max-width: 880px){ } @media (max-width: 880px){ } /* Update 07.07. v19: Zaehler IM Herz, Rot abgesichert, Label mobil aus */ .uh-merk-heart{width: 30px !important; height: 30px !important; vertical-align: -9px !important;} .uh-merk-heart path{fill: #d63a4d !important;} .uh-merk-num{font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 8.5px; font-weight: 700; fill: #ffffff !important;} .uh-merk-label{margin-left: 6px;} @media (max-width: 880px){ .uh-merk-label{display: none;} .uh-merk-heart{width: 28px !important; height: 28px !important; vertical-align: -8px !important;} } /* Update 07.07. v20: Themenseiten - Seite in Tannen-Dunkel #1f2a22, Silhouette als Sonnenaufgang (Gold -> Orange -> gruener Schatten -> #1f2a22) */ body.uh-hund-creme.uh-braun{background: #1f2a22 !important;} body.uh-hund-creme .uh-themenhero::after{background: linear-gradient(180deg, #f2cb74 0%, /* Sonnengold auf den Spitzen */ #e3a458 12%, /* warmes Morgenlicht */ #b5763f 26%, /* Orange gluehend */ #5d5c38 48%, /* Licht kippt ins Gruen */ #33402f 70%, /* Tannen-Schatten */ #1f2a22 100%) !important; /* Seitenfarbe, nahtlos */ opacity: 1 !important;} @media (max-width: 880px){ } /* Update 07.07. v21b: Anfragen-Button auch im mobilen Menue/Bottom-Bar raus */ .nav--mobile a.anfrage, .nav--onepager a.anfrage{display: none !important;} /* Menuepunkte: Inter statt fettem Ubuntu - schlanker, professioneller (auch Desktop) */ .uh-navrow a{font-family: 'Inter', Ubuntu, Arial, Helvetica, sans-serif !important; font-weight: 500 !important; letter-spacing: .015em !important;} a.uh-verm-link{display: none;} @media (max-width: 880px){ a.uh-verm-btn{display: none !important;} li.uh-utils{display: none !important;} /* Zeile 2: eine schlanke Menuezeile inkl. Vermieter */ .uh-navrow{display: flex !important; flex-wrap: nowrap; align-items: center; gap: 13px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 10px 12px !important;} .uh-navrow::-webkit-scrollbar{display: none;} .uh-navrow a{font-size: 14px !important; white-space: nowrap; color: #fff !important; padding: 4px 0 !important;} a.uh-verm-link{display: inline-block; color: #f5d9a8 !important; font-weight: 600 !important;} /* Zeile 1: Logo + rotes Herz rechts */ .navbar-outer{position: relative;} a.uh-merk--top{position: absolute; right: 14px; top: 50%; transform: translateY(-50%); z-index: 20;} a.uh-merk--top .uh-merk-label{display: none;} } /* Update 07.07. v22b: Navrow ist die UL - li-Abstaende nullen */ @media (max-width: 880px){ .uh-navrow > li{margin: 0 !important; padding: 0 !important; list-style: none !important;} .uh-navrow > li > a{padding: 4px 0 !important; display: inline-block;} } /* Update 07.07. v22c: Menuezeile mobil - hoehere Spezifitaet + kompakter, damit alle 5 Punkte in EINE Zeile passen (wie Huettenland) */ @media (max-width: 880px){ nav.uh-leadnav ul.uh-navrow, .uh-leadnav .uh-navrow{display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 11px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 9px 12px !important; margin: 0 !important; width: 100% !important;} nav.uh-leadnav ul.uh-navrow::-webkit-scrollbar{display: none;} nav.uh-leadnav ul.uh-navrow > li{margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; flex: 0 0 auto !important;} nav.uh-leadnav ul.uh-navrow a{font-size: 13px !important; letter-spacing: .01em !important; white-space: nowrap !important;} } /* Update 07.07. v23: Menuezeile mit Burger-Icon + Lupe, Buchen-FAB Detailseite */ @media (max-width: 880px){ /* Burger zurueck in die Zeile - nur als Icon */ li.uh-burger{display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important;} li.uh-burger .navtoggler{font-size: 0 !important; padding: 4px 2px !important; margin: 0 !important; border: 0 !important; background: transparent !important; min-width: 0 !important; width: auto !important; color: #fff !important; cursor: pointer;} li.uh-burger .navtoggler i{font-size: 19px !important; color: #fff !important; font-style: normal;} /* Zeile kompakter, damit alles passt */ nav.uh-leadnav ul.uh-navrow{gap: 9px !important; padding: 8px 10px !important;} /* Buchen-FAB: honig, fixed rechts oben unter dem Header */ .uh-book-fab{display: inline-flex !important;} } .uh-book-fab{display: none; position: fixed; top: 122px; right: 12px; z-index: 950; background: #b98a3d; color: #fff; border: 0; border-radius: 999px; padding: 10px 18px; font-family: 'Inter', Ubuntu, Arial, sans-serif; font-size: 13.5px; font-weight: 600; letter-spacing: .02em; box-shadow: 0 4px 14px rgba(0,0,0,.28); cursor: pointer;} .uh-book-fab:active{background: #9a7132;} .accommodation-detail__booking-box-title, .accommodation-detail__booking-box{scroll-margin-top: 150px;} /* Update 07.07. v23b: Lupe in der Logo-Zeile links neben dem Herz */ @media (max-width: 880px){ .uh-search--top{position: absolute !important; right: 86px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 0 !important; padding: 6px !important; margin: 0 !important; color: #4e4639 !important; cursor: pointer; z-index: 20; display: inline-flex !important; width: auto !important;} .uh-search--top i{font-size: 21px !important; color: #4e4639 !important; font-style: normal;} } /* Update 07.07. v24: Kopf mobil - Huettenfinder/Vermieter-Stack rechts, Lupe als SVG, Vermieter-Textpunkt raus, Menuezeile wieder luftiger */ @media (max-width: 880px){ .uh-search--top i{display: none !important;} .uh-search--top svg.uh-lupe{width: 21px; height: 21px; display: block;} /* Vermieter-Textpunkt raus, Zeile wieder luftiger */ li.uh-verm-li{display: none !important;} nav.uh-leadnav ul.uh-navrow{gap: 12px !important;} } /* Update 07.07. v25: Desktop-Kopf wie mobil (Herz + Lupe im weissen Feld), Merkliste/Suche raus aus der gruenen Leiste, Share-Block Themenseiten */ a.uh-merk--top .uh-merk-label{display: none !important;} @media (min-width: 881px){ .navbar-outer{position: relative;} a.uh-merk--top{position: absolute !important; left: 250px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 20;} .uh-search--top{position: absolute !important; left: 310px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 0 !important; padding: 6px !important; margin: 0 !important; cursor: pointer; z-index: 20; display: inline-flex !important; width: auto !important;} .uh-search--top i{display: none !important;} .uh-search--top svg.uh-lupe{width: 22px; height: 22px; display: block;} } /* Share + Folge uns (Themenseiten, "Du hast Fragen?"-Holzblock) */ .uh-share{display: flex; flex-wrap: wrap; gap: 14px 34px; justify-content: center; align-items: center; padding: 18px 20px 26px;} .uh-share__label{font-family: Galada, Georgia, serif; font-size: 21px; color: #fff;} .uh-share__btn:hover{background: rgba(255,255,255,.28);} li.uh-verm-li{display: none !important;} a.uh-verm-btn, .uh-top-stack a.uh-verm-stack, .uh-book-fab, .btn.btn--request, button.btn--request{background: var(--uh-rot) !important; border-color: var(--uh-rot) !important; color: #fff !important;} a.uh-verm-btn:hover, .uh-top-stack a.uh-verm-stack:hover, .uh-book-fab:hover, .btn.btn--request:hover, button.btn--request:hover{background: var(--uh-rot-dunkel) !important; border-color: var(--uh-rot-dunkel) !important;} @media (max-width: 880px){ /* Herz + Lupe deutlich groesser */ a.uh-merk--top .uh-merk-heart{width: 40px !important; height: 40px !important; vertical-align: middle !important;} a.uh-merk--top{right: 138px !important;} .uh-search--top{right: 192px !important;} .uh-search--top svg.uh-lupe{width: 30px !important; height: 30px !important;} } a.uh-finder-btn:hover{background: var(--uh-rot-dunkel) !important;} a.uh-verm-btn, .uh-top-stack a.uh-verm-stack{background: #b98a3d !important; border-color: #b98a3d !important; color: #fff !important;} a.uh-verm-btn:hover, .uh-top-stack a.uh-verm-stack:hover{background: #9a7132 !important; border-color: #9a7132 !important;} @media (max-width: 880px){ li.uh-burger{order: -1 !important; display: flex !important;} } @media (min-width: 881px){ a.uh-merk--top .uh-merk-heart{width: 40px !important; height: 40px !important;} .uh-search--top svg.uh-lupe{width: 30px !important; height: 30px !important;} a.uh-merk--top{left: 255px !important;} .uh-search--top{left: 205px !important;} } /* Update 07.07. v28: Menueleiste in Barlow Semi Condensed */ .uh-navrow a, a.uh-verm-btn{font-family: 'Barlow Semi Condensed', Ubuntu, Arial, Helvetica, sans-serif !important; letter-spacing: .02em !important;} @media (max-width: 880px){ nav.uh-leadnav ul.uh-navrow a{font-size: 15px !important;} } /* Update 07.07. v29: Fragen-Block zentriert + Share in einer Zeile, Megamenue-Innenabstand mobil, mobiler Filter-Button rot, Aktions-Rot = Herz-Rot #d63a4d (Huettenfinder, Buchen/Anfragen, Filter) */ :root{--uh-rot: #d63a4d; --uh-rot-dunkel: #b52a3c;} #footer .footer-top{display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 20px !important;} #footer .footer-top .hotline{display: flex !important; flex-wrap: wrap; justify-content: center !important; align-items: center !important; gap: 8px 18px; width: auto !important; float: none !important;} #footer .uh-share{display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 14px 44px !important; padding: 0 !important; margin: 0 !important; width: auto !important; float: none !important;} #footer .uh-share .uh-share__grp{display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center; flex-wrap: wrap; gap: 12px !important; margin: 0 !important;} #footer .uh-share .uh-share__reihe{display: flex !important; flex-direction: row !important; gap: 10px !important;} #footer .uh-share .uh-share__label{margin: 0 !important;} #footer .uh-share .uh-share__sep{display: none !important;} button.uh-mobile-filter{background: var(--uh-rot) !important; border-color: var(--uh-rot) !important; color: #fff !important;} @media (max-width: 880px){ .uh-mega{padding: 16px 22px !important;} } /* Update 07.07. v29b: mobiler Filter-Button - Spezifitaet gegen Alt-Regel */ .uh-mobilebar button.uh-mobile-filter, div.uh-mobilebar .uh-mobile-filter, body button.uh-mobile-filter{background: var(--uh-rot) !important; border-color: var(--uh-rot) !important; color: #fff !important;} /* Update 07.07. v30: Megamenue-Schrift einheitlich, Header-Suchen rot, erster Artikel dichter am Header (Desktop+mobil), Home-Hero buendig, Home-Kachelbereich kompakter */ .uh-mega a{font-size: 15px !important;} #nav_layer button.submit, .navbar-outer button.submit{background: var(--uh-rot) !important; border-color: var(--uh-rot) !important; color: #fff !important;} #main > .inside > .mod_article:first-child > .inside{padding-top: 20px !important;} #main > .inside > .mod_article:first-child .ce_rsce_decoheadline{margin-top: 0 !important;} body.home #main .mod_article.hero{margin-top: 0 !important;} body.home #main .mod_article.hero > .inside{padding-top: 0 !important;} body.home #article-24 > .inside{padding-top: 22px !important; padding-bottom: 36px !important;} body.home #article-24 [class*="m-t-"]{margin-top: 26px !important;} /* Update 07.07. v30b: Treffsichere Selektoren - erster Inhalts-Artikel dichter an den Header (der 150px-Abstand kam vom .inside-margin der p-t-Utility; first-child traf den Breadcrumb), Megamenue-Schrift mit hoeherer Spezifitaet */ #main > .inside > .mod_breadcrumb + .mod_article > .inside, #main > .inside > .mod_article:first-child > .inside{margin-top: 0 !important; padding-top: 20px !important;} .uh-leadnav .uh-mega a, .uh-mega ul a, .uh-mega li a, .uh-mega li li a{font-size: 15px !important;} /* Update 07.07. v30c: (a) Theme-Scroll-Script setzt inline translateY(150px) auf das .inside des ersten Artikels (Reveal-Animation, haengt) -> das war der grosse Header-Abstand. CSS !important schlaegt inline-Styles. (b) Megamenue: li:last-child-Regel (16px!) hatte hoehere Spezifitaet. */ #main > .inside > .mod_breadcrumb + .mod_article > .inside, #main > .inside > .mod_article:first-child > .inside, body.home #main .mod_article.hero > .inside{transform: none !important;} .mod_customnav.uh-leadnav .uh-mega li a, .mod_customnav.uh-leadnav .uh-mega li:last-child a, .mod_customnav.uh-leadnav .uh-mega li li a, .mod_customnav.uh-leadnav .uh-mega li li:last-child a{font-size: 15px !important;} /* Update 07.07. v31: Buttons in den columntile-Textfeldern (Startseite 166, via __uhTileBtn in custom.js verschoben) */ .ce_rsce_columntile .textcontainer .uh-button.uh-btn-intile{margin: 18px 0 0 !important; padding: 0 !important; text-align: left !important;} .ce_rsce_columntile .textcontainer .uh-button.uh-btn-intile a{display: inline-block;} /* dunkle Kachel: Honig-Button hat genug Kontrast, helle Kachel: gruen - ok. Textcontainer unten etwas Luft fuer den Button */ .ce_rsce_columntile .textcontainer{padding-bottom: 26px;} /* Update 07.07. v31b: textcontainer ist flex-row -> Button stand NEBEN dem Text. Nur wenn ein Button drin ist (:has): Spalte, Button unten links. */ .ce_rsce_columntile .textcontainer:has(.uh-btn-intile){display: flex !important; flex-direction: column !important; justify-content: center !important;} .ce_rsce_columntile .textcontainer .uh-button.uh-btn-intile{align-self: flex-start !important; width: auto !important;} /* v32b: Grundwert = nav.bottom MINUS container-Eigenoffset (100 Desktop / 70 mobil), sonst springt es nach OBEN statt gar nicht. JS justiert exakt. */ body.home #container{padding-top: 66px;} @media (max-width: 880px){ body.home #container{padding-top: 54px;} } body.home #main .mod_article > .inside{transform: none !important; opacity: 1 !important;} /* ===== v33b (07.07.2026): Lade-Sprung mobil — Menuezeile darf im Zwischenzustand (vor JS-Umbau) nie 2-zeilig werden ===== */ @media (max-width: 880px){ .mod_customnav.uh-leadnav ul.level_1{display:flex !important;flex-wrap:nowrap !important;align-items:center;overflow-x:clip;} } /* ===== v34 (08.07.2026): Schrift Galada -> Lora sitewide + Gruen -> Theme-Gruen #6b8532 ===== */ :root{--base-font-family-serif:'Lora',Georgia,'Times New Roman',serif;} .uh-section h2,.uh-section--service .headline,.uh-section--service h2,.uh-section--service h3, .ce_rsce_sliderelement .teasers .tile .content .title,.uh-share__label,span.uh-folgeuns{font-family:'Lora',Georgia,serif !important;} /* Ueber-uns */ :is(#article-250,#article-416,#article-418,#article-419) :is(h1,h2,h3,.team-title,.value-heading,.uh-faq-title){font-family:'Lora',Georgia,serif !important;color:#6b8532 !important;} :is(#article-250,#article-416,#article-418,#article-419) .uh-faq summary:hover{color:#6b8532 !important;} /* Team-Unterseiten */ body .uh-profile-wrapper :is(.uh-section-title,.uh-profile-name,.uh-card-title){font-family:'Lora',Georgia,serif !important;} /* ===== v34b: Detailseiten — Abstand Ueberschrift zur Menueleiste kleiner ===== */ body.uh-leinen #main div.mod_article:first-of-type > .inside{padding-top:4px !important;} /* ===== v33c: Menuezeile mobil hat ab dem ersten Paint die Endhoehe (kein 10px-Shift) ===== */ @media (max-width: 880px){ .mod_customnav.uh-leadnav ul.level_1{min-height:54px;} } /* ===== v33d: Menuezeile mobil — Burger-Platzhalter ab erstem Paint (kein horizontales Rutschen) ===== */ @media (max-width: 880px){ .mod_customnav.uh-leadnav ul.level_1{padding-left:10px;gap:12px;} .mod_customnav.uh-leadnav ul.level_1 > li > a, .mod_customnav.uh-leadnav ul.level_1 > li > strong{font-family:'Barlow Semi Condensed',Ubuntu,Arial,sans-serif;font-weight:500;letter-spacing:0.12px;padding:4px 0;} .mod_customnav.uh-leadnav ul.level_1:not(:has(li.uh-burger))::before{content:'\2630';flex:0 0 23px;color:#fff;font-size:16px;line-height:1;align-self:center;} } /* ===== v34c: Detailseiten mobil — Platz fuer Anfragen/Buchen-Button ueber der Ueberschrift ===== */ @media (max-width: 880px){ body.uh-leinen #main div.mod_article:first-of-type > .inside{padding-top:48px !important;} } /* ===== v35: Berg-Button "nach oben" — nur mobil ===== */ .uh-top-btn{display:none;} @media (max-width: 880px){ .uh-top-btn{display:block;position:fixed;right:8px;bottom:10px;z-index:9998;width:58px;height:46px;padding:0;border:0;background:transparent;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,bottom .2s ease;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));-webkit-tap-highlight-color:transparent;} .uh-top-btn svg{display:block;width:100%;height:100%;} .uh-top-btn--show{opacity:1;pointer-events:auto;transform:none;} .uh-top-btn:active svg path:first-child{fill:#b52a3c;} } /* ===== v37: Last-Minute-Seite — Preis-Design (Badge, Alt-Preis durchgestrichen, Aktionspreis rot) ===== */ body.uh-lastminute .accommodation-card__price,body.uh-lastminute .accommodation-row__price{display:flex;flex-direction:column;gap:2px;align-items:flex-start;} body.uh-lastminute .ce_rsce_decoheadline .deco{color:#d63a4d;} /* ===== v38: Karten-Einleitungssatz (aus Detailseite) ===== */ .uh-card-intro{font-size:14px;line-height:1.45;color:#4e4639;margin:6px 0 2px;font-style:italic;} /* ===== v44 (ersetzt v40): Startseite-neu — Textlinks als farbige Buttons ===== */ .uh-section--about .textcontainer .text.rte a, .uh-section--landlord-cta .textcontainer .text.rte a{display:inline-block;margin-top:14px;padding:12px 22px;border-radius:8px; color:#fff;font-weight:600;text-decoration:none;} .uh-section--about .textcontainer .text.rte a{background:#6b8532;} .uh-section--about .textcontainer .text.rte a:hover{background:#5d7429;color:#fff;} .uh-section--landlord-cta .textcontainer .text.rte a{background:#c5862a;} .uh-section--landlord-cta .textcontainer .text.rte a:hover{background:#aa701c;color:#fff;} .uh-section--about .uh-btn-intile, .uh-section--landlord-cta .uh-btn-intile{display:none;} /* ===== v42: Live-Startseite — Familien-Kachel: H2 + Button grün / Vermieter-Kachel: Button honig ===== */ body.home .ce_rsce_columntile.right.light.os-bottom .text.rte h2{color:#6b8532;} body.home .ce_rsce_columntile.right.light.os-bottom .btn.btn--secondary a{background:#6b8532;border-color:#6b8532;color:#fff;} body.home .ce_rsce_columntile.right.light.os-bottom .btn.btn--secondary a:hover{background:#5d7429;border-color:#5d7429;} body.home .ce_rsce_columntile.left.dark.os-top .btn a{background:#c5862a;border-color:#c5862a;color:#fff;} body.home .ce_rsce_columntile.left.dark.os-top .btn a:hover{background:#aa701c;border-color:#aa701c;} #article-155 .ce_form input[type="text"],#article-155 .ce_form input[type="email"],#article-155 .ce_form input[type="tel"],#article-155 .ce_form select,#article-155 .ce_form textarea{width:100%;font-size:14.5px;color:#2b2722;background:#f7f2ea;border:1px solid #e7ddcd;border-radius:11px;padding:12px 13px;box-sizing:border-box} #article-155 .ce_form input:focus,#article-155 .ce_form select:focus,#article-155 .ce_form textarea:focus{outline:2px solid #6b8532;border-color:#6b8532} #article-155 .ce_form .uh-pills input:checked + label{border-color:#6b8532;background:#eef3e7;color:#41602c;font-weight:600} #article-155 .ce_form .uh-pills input:focus-visible + label{outline:2px solid #6b8532} #article-155 .ce_form button.submit:hover,#article-155 .ce_form .uh-btn-next:hover{background:#5d7429} #article-155 .ce_form p.error{flex:0 0 100%;color:#d63a4d;font-size:13px;margin:0 0 4px} /* ===== v45: Überschriften sitewide auf Lora (Ubuntu-Reste: .headline, Karten-/Modal-Titel, H3) ===== */ h1, h2, h3, h4, h5, .headline, .heading--1, .heading--2, .heading--3, .accommodation-card__title, .accommodation-row__title, .kw-modal__title{font-family:'Lora', Georgia, serif !important;} /* ===== v46: Überschriften h1–h3 fett + Themegrün auf hellen Flächen; h4/h5 nur fett; weiß bleibt auf dunklen/bildigen Flächen ===== */ h1, h2, h3{font-weight:700 !important;color:#6b8532 !important} h4, h5{font-weight:700 !important} .ce_rsce_columntile.dark :is(h1,h2,h3), .ce_rsce_columntile.brand :is(h1,h2,h3), .ce_rsce_sliderelement :is(h1,h2,h3), .rsce_sliderelement :is(h1,h2,h3), .ce_rsce_parallax :is(h1,h2,h3), .uh-hero :is(h1,h2,h3), .uh-section--hero :is(h1,h2,h3), .uh-cta :is(h1,h2,h3), .uh-banner :is(h1,h2,h3), .uh-profile-wrapper :is(h1,h2,h3), footer :is(h1,h2,h3), .footer :is(h1,h2,h3), #footer :is(h1,h2,h3), .uh-vermieter .uh-sec.holz :is(h1,h2,h3), .uh-vermieter .uh-kontakt :is(h1,h2,h3){color:#fff !important} /* ===== v48: FAQ-Blöcke (Themen-/Regions-/Unterregionsseiten) im Startseiten-FAQ-Design ===== */ .uh-faqmini{max-width:860px;margin:40px auto;padding:0 16px} .uh-faqmini h2{text-align:center;margin-bottom:18px} .uh-faqmini details{border:1px solid #d6cbb4;margin-top:-1px} .uh-faqmini summary{position:relative;list-style:none;background:#f4eede;padding:14px 48px 14px 20px;font-size:16px;font-weight:600;color:#4e4639;cursor:pointer} .uh-faqmini summary::-webkit-details-marker{display:none} .uh-faqmini summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:28px;line-height:1;color:#4e4639;font-weight:400} .uh-faqmini details[open] summary::after{content:"−"} .uh-faqmini .uh-faq-a p,.uh-faqmini details > p{margin:8px 0;color:#4e4639;line-height:1.6} .uh-faqmini details > p{background:#fff;padding:10px 20px;margin:0} .uh-vb-calhead button:hover{background:#5a7029} /* Telefon-Button (gruener Pill) lesbar weiss */ .uh-vermieter a.uh-cta[href^="tel:"]{color:#fff !important} /* Galada-Titel -> Lora fett */ h2.inspection-title, h2.expert-title, h2.accommodations-title, h2.testimonials-title, h2.travel-tips-title, h2.uh-faq-title{font-family:'Lora',serif !important;font-weight:700 !important} /* FAQ (.uh-faq) im Startseiten-Design */ .uh-faq details{background:#fff !important;border:1px solid #d6cbb4 !important;border-radius:10px !important;margin:0 0 10px !important;overflow:hidden;box-shadow:none !important} .uh-faq details summary{background:#f4eede !important;padding:14px 44px 14px 18px !important;cursor:pointer;font-weight:700 !important;color:#4c4437 !important;list-style:none;position:relative;font-size:16px} .uh-faq details summary::-webkit-details-marker{display:none} .uh-faq details summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;color:#6b8532;font-weight:700} .uh-faq details[open] summary::after{content:'\2212'} .uh-faq details > div, .uh-faq details > p{padding:10px 18px;background:#fff} /* ===== v61: Detailseiten-Titel lesbar + Filter-Titel in Ubuntu ===== */ h1.accommodation__headline{color:#fff !important} .accommodation-search__sidebar .headline p{font-family:'Ubuntu',Arial,Helvetica,sans-serif !important;font-weight:500 !important;font-size:17px !important} /* ===== v62: Vermieterbereich — Neuigkeiten in Kachel-Breite + Abmelden prominent ===== */ .mod_article:has(.uh-vb) .content-text{max-width:1100px;margin-left:auto;margin-right:auto;padding:0 16px} .uh-vb-abmelden:hover{background:#a96f1e !important;color:#fff !important} /* ===== v63: kein horizontales Scrollen + Kalender-Modal auf Mobile mittig ===== */ html, body{overflow-x:hidden !important;max-width:100vw} a.uh-themen-btn:hover{background:#5a7029;color:#fff !important} /* ===== v70: Themenseiten-Magazin-Baukasten (uh-mag) — zentral für alle Themenseiten ===== */ .uh-mag{--green:#6b8532;--green-dark:#5a7029;--green-soft:#edf1d8;--red:#b34836;--ink:#263024;--muted:#647062;--paper:#f4eede;--line:#d6cbb4;--radius:22px;color:var(--ink);line-height:1.55} .uh-mag *{box-sizing:border-box} .uh-mag img{display:block;width:100%} .uh-mag a{text-decoration:none;color:inherit} .uh-mag .kicker{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:13px;letter-spacing:.13em;text-transform:uppercase} .uh-mag .kicker::before{content:"";width:38px;height:2px;background:currentColor} .uh-mag h1,.uh-mag h2,.uh-mag h3{line-height:1.08;margin:0} .uh-mag .button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 22px;border-radius:999px;background:var(--green);color:#fff !important;font-weight:800} .uh-mag .button.secondary{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.5)} .uh-mag-hero{max-width:1320px;margin:0 auto;padding:28px 28px 0} .uh-mag-herocard{min-height:560px;border-radius:32px;overflow:hidden;position:relative;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(25,34,24,.76) 0%,rgba(25,34,24,.50) 42%,rgba(25,34,24,.08) 75%),url('/files/fotos-unterkuenfte-tirol/Alpenrehblick%20Titelbild.jpg') center/cover no-repeat;box-shadow:0 18px 50px rgba(40,48,34,.12)} .uh-mag-herocopy{width:min(720px,64%);color:#fff;padding:56px} .uh-mag-herocopy h1{font-size:clamp(40px,6vw,76px);max-width:760px;letter-spacing:-.03em;margin:18px 0 22px;color:#fff !important} .uh-mag-herocopy p{font-size:19px;max-width:620px;margin:0 0 28px;color:#fff} .uh-mag .button-row{display:flex;gap:12px;flex-wrap:wrap} .uh-mag-stamp{position:absolute;right:42px;bottom:40px;width:150px;aspect-ratio:1;border-radius:50%;background:var(--paper);color:var(--green-dark);display:grid;place-items:center;text-align:center;font-family:'Lora',Georgia,serif;font-weight:700;transform:rotate(7deg);box-shadow:0 12px 30px rgba(0,0,0,.18)} .uh-mag-stamp small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin-bottom:4px;font-family:Ubuntu,Arial,sans-serif} .uh-mag-facts{max-width:1160px;margin:26px auto 0;padding:0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .uh-mag-fact{min-height:96px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px} .uh-mag-fact i{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);display:grid;place-items:center;font-weight:900;font-style:normal} .uh-mag-fact strong{display:block;font-size:15px;color:var(--ink)} .uh-mag-fact span{display:block;color:var(--muted);font-size:13px} .uh-mag-sec{max-width:1160px;margin:0 auto;padding:72px 28px} .uh-mag-sechead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px} .uh-mag-sechead h2{font-size:clamp(32px,4vw,52px);max-width:760px;letter-spacing:-.02em} .uh-mag-edgrid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px} .uh-mag-feature{position:relative;min-height:520px;border-radius:var(--radius);overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.76)),url('/files/fotos-unterkuenfte-tirol/Alpenrehblick%20Titelbild.jpg') center/cover no-repeat} .uh-mag-feature > div{position:absolute;left:0;right:0;bottom:0;padding:34px} .uh-mag-label{display:inline-flex;border-radius:999px;background:var(--red);color:#fff;padding:7px 11px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase} .uh-mag-feature h3{font-size:38px;margin:15px 0 12px;color:#fff !important} .uh-mag-feature p{margin:0 0 18px;max-width:610px;color:#fff} .uh-mag-side{display:grid;gap:22px} .uh-mag-mini{min-height:249px;border-radius:var(--radius);overflow:hidden;position:relative;color:#fff} .uh-mag-mini.one{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.72)),url('/files/fotos-unterkuenfte-niederoesterreich/M%C3%BChlenh%C3%BCtte%20am%20Prvatteich%20im%20Mostviertel.jpg') center/cover no-repeat} .uh-mag-mini.two{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.72)),url('/files/fotos-unterkuenfte-tirol/Waldhuettl%20Titelbild.jpg') center/cover no-repeat} .uh-mag-mini > div{position:absolute;left:0;right:0;bottom:0;padding:24px} .uh-mag-mini h3{font-size:26px;margin:8px 0 4px;color:#fff !important} .uh-mag-band{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .uh-mag-types{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .uh-mag-num{color:var(--red);font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800} .uh-mag-tlink{color:var(--green-dark) !important;font-weight:800;border-bottom:2px solid var(--green);padding-bottom:2px} .uh-mag-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(40,48,34,.12)} .uh-mag-guide{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start} .uh-mag-guide h2{font-size:clamp(34px,4vw,52px);margin-bottom:22px} .uh-mag-guide p{color:#4e594b;font-size:17px} .uh-mag-quote{margin:30px 0 0;border-left:5px solid var(--red);padding:8px 0 8px 24px;font-family:'Lora',Georgia,serif;font-size:24px;line-height:1.3} .uh-mag-checkliste{background:var(--paper);border-radius:var(--radius);padding:30px;border:1px solid var(--line)} .uh-mag-checkliste h3{font-size:28px;margin:0 0 16px} .uh-mag-checkliste ul{list-style:none;padding:0;margin:0} .uh-mag-checkliste li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)} .uh-mag-checkliste li:last-child{border-bottom:0} .uh-mag-checkliste li::before{content:"\2713";color:var(--green-dark);font-weight:900} .uh-mag-faq{background:#f4f6ed} .uh-mag-cta{max-width:1160px;margin:0 auto 80px;padding:0 28px} .uh-mag-ctabox{border-radius:30px;background:var(--red);color:#fff;padding:54px;display:flex;align-items:center;justify-content:space-between;gap:30px} .uh-mag-ctabox h2{font-size:clamp(30px,4vw,48px);max-width:700px;color:#fff !important} .uh-mag-ctabox p{margin:12px 0 0;color:rgba(255,255,255,.86)} .uh-mag-ctabox .button{background:#fff;color:var(--red) !important;flex:0 0 auto} @media (max-width:980px){ .uh-mag-herocard{min-height:560px} .uh-mag-herocopy{width:85%;padding:42px} .uh-mag-stamp{width:125px;right:22px;bottom:24px} .uh-mag-facts{grid-template-columns:repeat(2,1fr)} .uh-mag-edgrid,.uh-mag-guide{grid-template-columns:1fr} .uh-mag-side{grid-template-columns:1fr 1fr} .uh-mag-types,.uh-mag-cards{grid-template-columns:repeat(2,1fr)} } @media (max-width:680px){ .uh-mag-hero{padding:14px 14px 0} .uh-mag-herocopy{width:100%;padding:30px 24px 34px} .uh-mag-stamp{display:none} .uh-mag-facts{grid-template-columns:1fr;padding:0 14px} .uh-mag-sec{padding:52px 16px} .uh-mag-sechead{flex-direction:column;align-items:start;gap:10px} .uh-mag-side,.uh-mag-types,.uh-mag-cards{grid-template-columns:1fr} .uh-mag-ctabox{flex-direction:column;align-items:start;padding:34px} } .uh-mag-chips .chip.active{background:var(--green-dark);color:#fff !important;border-color:var(--green-dark)} @media (max-width:680px){ .uh-mag-herocard{min-height:600px;background:linear-gradient(180deg,rgba(25,34,24,.10) 15%,rgba(25,34,24,.82) 78%),url('/files/fotos-unterkuenfte-tirol/Alpenrehblick%20Titelbild.jpg') 58% center/cover no-repeat} .uh-mag-feature{min-height:420px;background-position:62% center} .uh-mag-mini{min-height:220px} } .uh-mag-sprungnav{max-width:1160px;margin:22px auto 0;padding:0 28px;display:flex;gap:10px;flex-wrap:wrap} .uh-mag-sprungnav a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font-weight:700;color:#4d584a !important;font-size:14px} .uh-mag-sprungnav a:hover{background:var(--green-soft)} .uh-mag-themenkarten{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .uh-mag-themenkarte{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;transition:.2s ease;display:block} .uh-mag-themenkarte:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(40,48,34,.10)} .uh-mag-themenkarte span{color:var(--red);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800} .uh-mag-themenkarte h3{font-size:23px;margin:7px 0 8px} .uh-mag-themenkarte p{margin:0;color:var(--muted);font-size:14.5px} @media (max-width:980px){ .uh-mag-themenkarten{grid-template-columns:repeat(2,1fr)} } @media (max-width:680px){ .uh-mag-themenkarten{grid-template-columns:1fr} .uh-mag-sprungnav{padding:0 14px} } .uh-mag-type--text{background:#fff;border-radius:var(--radius);border:1px solid rgba(70,80,61,.10);box-shadow:0 10px 30px rgba(50,60,44,.06);padding:26px} .uh-mag-type--text h3{font-size:24px;margin:8px 0 10px} .uh-mag-type--text p{margin:0 0 16px;color:var(--muted)} /* v71 — Magazin-Sprunganker: nicht unter dem Header landen */ .uh-mag [id], #ratgeber, #faq, #weitere-urlaubsthemen, #empfehlungen, #auswahlhilfe, #beratung{scroll-margin-top: 110px;} html{scroll-behavior: smooth;} /* v72 — Magazin: Textlinks in Honig, Mobile-Breiten, CTA-Zweitbutton lesbar */ .uh-mag a.uh-mag-tlink{color:#b98a3d !important} .uh-mag a.uh-mag-tlink:hover{color:#9c7330 !important} .uh-mag-ctabox .button + .button{color:#fff !important;border:2px solid rgba(255,255,255,.85)} .uh-mag-ctabox .button + .button:hover{background:rgba(255,255,255,.28)} @media (max-width: 760px){ .uh-mag-types{grid-template-columns:1fr !important} .uh-mag-edgrid{grid-template-columns:1fr !important} .uh-mag-guide{grid-template-columns:1fr !important} .uh-mag-sec{padding-left:18px;padding-right:18px} .uh-mag-herocopy{width:auto !important;padding:26px 20px !important} .uh-mag-ctabox{padding:28px 20px} } /* v73 — Magazin mobil: Bildkarten mit Bild oben + hellem Textblock (Lora, Schwarz), Hero kompakter */ @media (max-width: 760px){ .uh-mag-herocard{min-height:0 !important} .uh-mag-herocopy h1{font-size:34px !important} .uh-mag-herocopy p{font-size:16px !important} .uh-mag-feature{min-height:0 !important;padding-top:230px;display:block} .uh-mag-feature > div{position:static !important;background:#fdf8ee;padding:20px 18px !important;border-radius:0} .uh-mag-feature h3{color:#1d1d1b !important;font-size:26px !important} .uh-mag-feature p{color:#1d1d1b !important;font-family:'Lora',serif} .uh-mag-feature .button{margin-top:4px} .uh-mag-mini{min-height:0 !important;padding-top:180px;display:block} .uh-mag-mini > div{position:static !important;background:#fdf8ee;padding:16px 18px !important;border-radius:0} .uh-mag-mini h3{color:#1d1d1b !important} .uh-mag-mini p, .uh-mag-mini span{color:#1d1d1b !important;font-family:'Lora',serif} } /* v74 — Auswahlhilfe-Karten: Textlinks unten bündig auf gleicher Höhe */ .uh-mag-type--text{display:flex;flex-direction:column;align-items:flex-start} .uh-mag-type--text .uh-mag-tlink{margin-top:auto;padding-top:14px} /* v75 — Mobile Bildkarten: Hüttentitel in Markengrün (höhere Spezifität als Element-Styles) */ @media (max-width: 760px){ .uh-mag-mini > div h3, .uh-mag-feature > div h3{color:#6b8532 !important} } /* v76 — Mobile: große Bildkarten nutzen die Detailseiten-Bilder (richtiger Ausschnitt) */ @media (max-width: 760px){ .uh-mag-herocard.uh-hero-hund{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.62)),url('/files/fotos-unterkuenfte-tirol/alpenrehblick/Au%C3%9Fenansicht%20im%20Sommer.jpg') center/cover no-repeat !important} } /* v77 — Mobile: Bildausschnitt zeigt die Hütte (nicht den Himmel), Facts-Kacheln einspaltig ohne Überlauf */ @media (max-width: 760px){ .uh-mag-feature{background-position:center 78% !important} .uh-mag-mini{background-position:center 72% !important} .uh-mag-herocard.uh-hero-hund, .uh-mag-herocard.uh-hero-tipps{background-position:center 65% !important} .uh-mag-facts{grid-template-columns:1fr !important;width:100%;max-width:100%} .uh-mag-fact{min-width:0;max-width:100%} .uh-mag-sec, .uh-mag-types, .uh-mag-edgrid{max-width:100%;box-sizing:border-box} } /* v78 — „Drei weitere" Unterkunfts-Karten auf der Hundeseite */ .uh-mag-weitere{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .uh-mag-weitere article{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.07);display:flex;flex-direction:column} .uh-mag-weitere img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block} .uh-mag-weitere article > div{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1} .uh-mag-weitere .uh-ort{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#8a8574} .uh-mag-weitere h3{margin:0;color:#6b8532;font-size:23px} .uh-mag-weitere .uh-mag-tlink{margin-top:auto;padding-top:12px} @media (max-width: 760px){ .uh-mag-weitere{grid-template-columns:1fr} } /* v79 — Mobile: Empfehlungskarten-Bilder im 16/10-Format wie die Detailseite (statt fixer Höhe mit Zufalls-Crop) */ @media (max-width: 760px){ .uh-mag-feature{background:none !important;padding-top:0 !important;min-height:0 !important} .uh-mag-feature::before{content:'';display:block;width:100%;aspect-ratio:16/10;background:url('/files/fotos-unterkuenfte-tirol/alpenrehblick/Au%C3%9Fenansicht%20im%20Sommer.jpg') center/cover no-repeat} .uh-mag-mini{background:none !important;padding-top:0 !important;min-height:0 !important} .uh-mag-mini::before{content:'';display:block;width:100%;aspect-ratio:16/10;background-position:center;background-size:cover;background-repeat:no-repeat} .uh-mag-mini.one::before{background-image:url('/files/fotos-unterkuenfte-niederoesterreich/muehlenhuette/titelbild_muehle.jpg')} .uh-mag-mini.two::before{background-image:url('/files/fotos-unterkuenfte-tirol/waldhuettl/H%C3%BCtte%20mit%20Moosdach%20in%20der%20Wiese%2C%20Bergblick.jpg')} } /* v80 — Alleinreisende: 4er-Typenraster, 2er-Empfehlungsraster, Label-Pill in Karten */ .uh-mag-types--vier{grid-template-columns:repeat(4,1fr) !important} .uh-mag-weitere .uh-mag-label{display:inline-block;width:max-content;background:#b34836;color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px} @media (max-width: 1080px){ .uh-mag-types--vier{grid-template-columns:repeat(2,1fr) !important} } @media (max-width: 760px){ .uh-mag-types--vier, .uh-mag-weitere--zwei{grid-template-columns:1fr !important} } /* v82 — Mobile: Sprungnavigation auf allen Magazin-/Ratgeberseiten ausblenden, roter CTA ohne Überlauf */ @media (max-width: 760px){ .uh-mag-sprungnav{display:none !important} .uh-mag-cta{max-width:100%;box-sizing:border-box;overflow:hidden} .uh-mag-ctabox{flex-direction:column;align-items:stretch;max-width:100%;box-sizing:border-box} .uh-mag-ctabox > div{max-width:100%} .uh-mag-ctabox .button{width:100%;box-sizing:border-box;white-space:normal;text-align:center} } /* v87 — Magazin-/Ratgeberseiten: kein Riesenabstand zwischen rotem CTA und Footer */ .uh-mag-cta{margin-bottom:0 !important} .mod_article .inside:has(.uh-mag){padding-bottom:0 !important} .mod_article:has(.uh-mag){padding-bottom:0 !important;margin-bottom:0 !important} /* v89 — Themenkarten: Entdecken-Links unten bündig auf gleicher Höhe */ .uh-mag-themenkarte{display:flex;flex-direction:column;align-items:flex-start} /* v90 — Sommerfrische 2.0: Mobile-Heros mit richtigem Bildausschnitt */ @media (max-width: 760px){ .uh-mag-herocard.uh-hero-sf{background:linear-gradient(180deg,rgba(25,34,24,.55),rgba(25,34,24,.35)),url('/files/fotos-unterkuenfte-tirol/Waldhuettl%20Titelbild.jpg') center 65%/cover no-repeat !important;min-height:0 !important} } /* v91 — Themenkarten: Links wirklich auf gleicher Höhe (inline margin-top:12px überschreiben) */ .uh-mag-themenkarte{display:flex !important;flex-direction:column !important} .uh-mag-themenkarte .uh-mag-tlink{margin-top:auto !important;padding-top:12px} /* v93 — Regional einkaufen: Mobile-Heros mit richtigem Bildausschnitt */ @media (max-width: 760px){ .uh-mag-herocard.uh-hero-regional{background:linear-gradient(180deg,rgba(25,34,24,.55),rgba(25,34,24,.35)),url('/files/fotos-unterkuenfte-tirol/tirolerhuette/20240611_Huettenglueck-1253.JPG') center 65%/cover no-repeat !important;min-height:0 !important} } /* v94 — Mobile: Grid-Kinder duerfen den Viewport nicht sprengen (min-width-Falle, z. B. Maerkte-Checkliste) */ @media (max-width: 760px){ .uh-mag-guide > *, .uh-mag-grid-2 > *{min-width:0 !important} .uh-mag-checkliste{min-width:0;max-width:100% !important;box-sizing:border-box} .uh-mag section{overflow-x:clip} } /* v95 — Checklisten-Eintraege mit Textlink: Fliesstext statt Flex-Spalten, keine harten Wortbrueche */ .uh-mag-checkliste li:has(.uh-mag-tlink){display:block;position:relative;padding-left:28px} .uh-mag-checkliste li:has(.uh-mag-tlink)::before{position:absolute;left:0;top:12px} @media (max-width: 760px){ .uh-mag-checkliste li{overflow-wrap:break-word !important;word-break:normal !important} } /* v96 — Sommer & Winter in den Bergen: Mobile-Heros mit richtigem Bildausschnitt */ @media (max-width: 760px){ .uh-mag-herocard.uh-hero-sommer{background:linear-gradient(180deg,rgba(25,34,24,.55),rgba(25,34,24,.35)),url('/files/fotos-unterkuenfte-tirol/waldhuettl/Liegest%C3%BChle%20auf%20Wiese%20mit%20Bergpanorama.jpg') center 70%/cover no-repeat !important;min-height:0 !important} } /* (13.07.2026, Wiederherstellung) Header-/Leadnav-Regeln aus dem Backup: Elemente entstehen erst beim Scrollen per JS und waren im Nutzungs-Audit faelschlich als tot markiert. */ @media (min-width: 1000px){ .uh-desk-anfrage{background: #6b8532; color: #fff;} } .navbar-outer .links>*{width:auto!important;min-width:78px;height:76px!important;box-shadow:0 2px 10px rgba(0,0,0,.08)!important} .navbar-outer .links .buchen{display:none!important} .uh-merk{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)} .uh-merk a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:auto;min-width:78px;height:76px;text-decoration:none;color:#4e4639;padding:0 10px} .uh-merk__ic{font-size:22px;line-height:1;color:#a60b0b} .uh-merk__label{font-size:12px} .uh-leadnav li.uh-utils .uh-merk__ic{color:#fff;font-size:18px} .uh-leadnav li.uh-utils .uh-merk__label{font-size:13.5px} @media(max-width:900px){ .uh-leadnav li.uh-utils span:not(.uh-merk__ic){display:none} } @media (max-width:860px){ .uh-leadnav li.uh-utils .search{display:none!important} } .uh-merk-badge{display: none; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; margin-left: 5px; border-radius: 9px; background: #b98a3d; color: #fff; font-size: 12px; font-weight: 700; line-height: 18px; vertical-align: middle;} .uh-merk-bar{display: none; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; background: #fffdf9; border: 2px solid #9ba238; border-radius: 12px; padding: 14px 18px; margin: 0 0 22px; font-weight: 600; color: #4e4639; scroll-margin-top: 140px;} .uh-merk-bar__all{background: #9ba238; color: #fff; text-decoration: none; padding: 8px 16px; font-weight: 600;} .uh-merk-bar{background: #ffffff; border: 1px solid #e3dbc8; border-radius: 16px; box-shadow: 0 6px 22px rgba(78,70,57,.10); padding: 16px 22px; margin: 0 0 26px;} .uh-merk-bar__txt{font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: #33513f; letter-spacing: .01em; line-height: 1.4;} .uh-merk-bar__all{display: inline-flex; align-items: center; gap: 8px; background: #6b8532; color: #fff !important; border-radius: 999px; padding: 11px 24px; font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 600; letter-spacing: .02em; box-shadow: 0 3px 10px rgba(107,133,50,.35); transition: background .15s ease, transform .15s ease, box-shadow .15s ease;} @media (max-width: 560px){ .uh-merk-bar{padding: 14px 16px;} .uh-merk-bar__txt{font-size: 16px;} .uh-merk-bar__all{width: 100%; justify-content: center;} } .uh-utils a.contact{display: none !important;} @media (max-width: 880px){ a.uh-finder-btn{background: #6b8532 !important;} .uh-top-stack a.uh-verm-btn{background: #b98a3d !important;} } .uh-top-stack a.uh-verm-stack{display: flex !important; align-items: center; justify-content: center; padding: 0 14px !important; font-family: 'Inter', Ubuntu, Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #fff !important; text-decoration: none !important; flex: 1 1 50%; letter-spacing: .02em;} a.uh-finder-btn{background: var(--uh-rot) !important;} body .uh-vermieter{--font-display:'Lora',Georgia,serif;--akzent:#6b8532;--gruen:#6b8532;--banner:#6b8532;--akzent-d:#55702a;} body .uh-vermieter .uh-cta,body .uh-vermieter .uh-banner{background:#6b8532 !important;} .uh-vermieter .uh-sec.holz .uh-card h3{color:#6b8532 !important} @media (max-width:700px){ .uh-danke .uh-lead{font-size:17.5px !important} } /* (13.07.2026, Wiederherstellung 2) uh-top-stack/uh-finder-btn/uh-verm-stack: mobile Kopfleisten-Buttons. */ @media (max-width: 880px){ .uh-top-stack{position: absolute; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; z-index: 25; min-width: 116px;} .uh-top-stack a{flex: 1 1 50%; display: flex !important; align-items: center; justify-content: center; padding: 0 14px !important; margin: 0 !important; font-family: 'Inter', Ubuntu, Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #fff !important; text-decoration: none !important; border: 0 !important; border-radius: 0 !important; letter-spacing: .02em;} } @media (max-width: 880px){ .uh-top-stack{min-width: 134px !important;} .uh-top-stack a{padding: 0 16px !important; white-space: nowrap;} } @media (max-width: 880px){ .uh-top-btn--raised{bottom:92px;} } /* (14.07.2026, Wiederherstellung 3 - vorsorglich) Regeln fuer nicht auditierte Bereiche: Vermieter-Login (uh-vb), Share-Buttons, Themenhero, Suche, Seiten-spezifische IDs, Formulare, Companion-Typo. */ .uh-companion__title{font-family:"Lora",Georgia,serif!important;font-weight:700!important} .uh-companion__intro{font-family:"Inter",Ubuntu,Arial,sans-serif!important} .uh-share__titel{font-family:"Lora",Georgia,serif;font-weight:700;font-size:24px;color:#333;margin-bottom:14px} @media (max-width:560px){ .uh-share__btn{flex:1 1 44%;text-align:center} } .uh-themenhero{width:100vw;position:relative;left:50%;transform:translateX(-50%);background:#9ba238!important;padding:64px 24px 118px;margin:0 0 36px;border-radius:0} .uh-themenhero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:92px;background:linear-gradient(180deg,#d6d2c9 0%,#a89684 40%,#6a5642 70%,#3d3328 100%);-webkit-mask:url("/files/theme/img/mountains-green.svg") repeat-x bottom/auto 100%;mask:url("/files/theme/img/mountains-green.svg") repeat-x bottom/auto 100%} .uh-themenhero__panel{background:rgba(47,74,38,.42);border-radius:14px;padding:26px 34px 22px;max-width:940px;margin:0 auto} .uh-themenhero .content-text p{max-width:900px;margin-left:auto;margin-right:auto} .uh-themenhero::before{content:"";position:absolute;top:-1px;left:0;right:0;height:52px;background:rgba(231,224,168,.62);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 60' preserveAspectRatio='none'%3E%3Cpath d='M0,30 C60,52 120,8 190,30 C260,52 320,10 450,28 C580,46 640,6 710,26 C780,46 840,12 900,30 L900,0 L0,0 Z'/%3E%3C/svg%3E") repeat-x top/900px 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 60' preserveAspectRatio='none'%3E%3Cpath d='M0,30 C60,52 120,8 190,30 C260,52 320,10 450,28 C580,46 640,6 710,26 C780,46 840,12 900,30 L900,0 L0,0 Z'/%3E%3C/svg%3E") repeat-x top/900px 100%} @media (max-width: 880px){ li.uh-search-li{margin: 0 0 0 auto !important; padding: 0 !important; flex: 0 0 auto !important;} li.uh-search-li .search, li.uh-search-li .toggle-search-module{font-size: 0 !important; padding: 4px 2px !important; margin: 0 !important; color: #fff !important; cursor: pointer; display: inline-flex !important; width: auto !important;} li.uh-search-li i{font-size: 18px !important; color: #fff !important;} } .uh-share__gruppe{display: flex; align-items: center; flex-wrap: wrap; gap: 10px;} .uh-share__btn{display: inline-flex; align-items: center; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.45); border-radius: 999px; color: #fff !important; text-decoration: none !important; padding: 7px 16px; font-family: 'Inter', Ubuntu, Arial, sans-serif; font-size: 13.5px; font-weight: 600; letter-spacing: .02em; transition: background .15s ease;} #article-155 .ce_form{max-width:660px;margin:0 auto 60px;background:#fffdf9;border:1px solid #e7ddcd;border-radius:18px;padding:26px 22px;box-shadow:0 16px 38px -28px rgba(40,30,15,.5)} #article-155 .ce_form form .formbody{display:flex;flex-wrap:wrap;gap:0 12px} #article-155 .ce_form form .formbody > .widget{flex:0 0 100%;margin:0 0 16px} #article-155 .ce_form form .formbody > .widget.uh-half{flex:0 0 calc(50% - 6px)} @media (max-width:560px){ #article-155 .ce_form form .formbody > .widget.uh-half{flex:0 0 100%} } #article-155 .ce_form label,#article-155 .ce_form legend{display:block;font-size:13px;font-weight:600;color:#2b2722;margin-bottom:6px;padding:0} #article-155 .ce_form textarea{min-height:96px;resize:vertical} #article-155 .ce_form .uh-pills fieldset{border:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px} #article-155 .ce_form .uh-pills fieldset span{position:relative} #article-155 .ce_form .uh-pills input{position:absolute;opacity:0;width:0;height:0} #article-155 .ce_form .uh-pills input + label{display:inline-block;border:1px solid #e7ddcd;background:#f7f2ea;border-radius:11px;padding:10px 14px;font-size:13.5px;font-weight:500;cursor:pointer;margin:0;user-select:none} #article-155 .ce_form .uh-step-label p{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#c5862a;margin:0 0 4px} #article-155 .ce_form .uh-consent fieldset{border:none;margin:0;padding:0} #article-155 .ce_form .uh-consent label{display:inline;font-weight:400;font-size:12.5px;color:#766c5f} #article-155 .ce_form .uh-consent input{width:auto;margin-right:8px} #article-155 .ce_form button.submit,#article-155 .ce_form .uh-btn-next{background:#6b8532;color:#fff;border:none;border-radius:11px;padding:13px 22px;font-weight:600;font-size:15px;cursor:pointer} #article-155 .ce_form .uh-btn-back{background:none;border:none;color:#766c5f;font-size:15px;font-weight:600;padding:13px 10px;cursor:pointer} #article-155 .ce_form .uh-wiz-actions{flex:0 0 100%;display:flex;justify-content:space-between;align-items:center;margin-top:6px} #article-155 .ce_form .uh-wiz-actions .uh-btn-next{margin-left:auto} #article-155 .ce_form .uh-steps-bar{flex:0 0 100%;display:flex;gap:8px;margin-bottom:20px} #article-155 .ce_form .uh-steps-bar span{flex:1;height:5px;border-radius:20px;background:#e7ddcd} #article-155 .ce_form .uh-steps-bar span.on{background:#6b8532} #article-155 .ce_form .uh-wiz-hide{display:none!important} #article-155 .ce_form .uh-hp{display:none!important} .uh-vb-taginfo{background:#eef3e7;border:1px solid #cfe0c2;border-radius:10px;padding:10px 14px;margin:0 0 14px;font-size:14.5px} .uh-vb-anreise{border:1px solid #e7ddcd;border-radius:10px;margin-bottom:10px} .uh-vb-anreise summary{padding:12px 16px;cursor:pointer;background:#f4eede;border-radius:10px;list-style:none} .uh-vb-anreise summary::-webkit-details-marker{display:none} .uh-vb-anreise-inhalt{padding:14px 16px;overflow-x:auto} .uh-vb-objpills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px} .uh-vb-objpills button{border:1px solid #d6cbb4;background:#f7f2ea;border-radius:20px;padding:8px 16px;font-size:13.5px;font-weight:600;cursor:pointer;color:#4e4639} .uh-vb-objpills button.aktiv{border-color:#6b8532;background:#eef3e7;color:#41602c} .uh-vb-cal td.storniert{background:#f6dfe2;color:#a12a3a;font-weight:600} .uh-vb-taginfo--storno{background:#fbeef0;border-color:#eccdd2} .uh-vb-calgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-bottom:16px} .uh-vb-calmonat{font-family:'Lora',Georgia,serif;font-weight:700;color:#6b8532;text-align:center;margin-bottom:6px} .uh-vb-panel .uh-vb-cal{max-width:none} @media (max-width:880px){ .uh-vb-panel .uh-vb-tabelle thead{display:none} .uh-vb-panel .uh-vb-tabelle tr{display:block;border:1px solid #e7ddcd;border-radius:10px;margin-bottom:10px;padding:8px 12px;background:#fff} .uh-vb-panel .uh-vb-tabelle td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border:none;padding:5px 0;font-size:14px;text-align:right} .uh-vb-panel .uh-vb-tabelle td::before{content:attr(data-label);font-weight:600;color:#766c5f;text-align:left;flex:0 0 auto} .uh-vb-such input,.uh-vb-such select{width:100%} .uh-vb-taginfo{font-size:13.5px} } .uh-vb-calhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 6px} .uh-vb-calhead button{background:#6b8532;color:#fff;border:0;border-radius:8px;padding:9px 16px;font-size:14px;cursor:pointer;font-weight:600} .uh-vb-calhead strong{font-size:16px;color:#4c4437} .uh-vb-liste{display:flex;flex-direction:column;gap:10px;margin-top:10px} .uh-vb-zeile{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e5dcc9;border-radius:10px;padding:10px 14px} .uh-vb-tag{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:66px;background:#f4eede;border:1px solid #d6cbb4;border-radius:10px;padding:6px 8px;line-height:1.05;flex-shrink:0} .uh-vb-tag-wt{font-size:12px;color:#766c5f;font-weight:700;text-transform:uppercase} .uh-vb-tag-nr{font-size:30px;font-weight:800;color:#6b8532} .uh-vb-tag-mo{font-size:12px;color:#766c5f} .uh-vb-zeile-info{display:flex;flex-direction:column;gap:2px;font-size:14.5px;min-width:0} .uh-vb-zeile-info strong{font-size:16px} .uh-vb-wechsel{color:#a12a3a;font-weight:700;font-size:13.5px} .uh-vb-frei{color:#6b8532;font-size:13px} .uh-vb-woche{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:10px} .uh-vb-wtag{background:#fff;border:1px solid #e5dcc9;border-radius:10px;padding:8px;min-height:100px} .uh-vb-wtag.heute{border-color:#6b8532;box-shadow:0 0 0 2px rgba(107,133,50,.25)} .uh-vb-wtag-kopf{font-size:13px;color:#766c5f;border-bottom:1px solid #eee6d4;padding-bottom:4px;margin-bottom:6px;white-space:nowrap} .uh-vb-wev{font-size:12.5px;border-radius:8px;padding:6px;margin-bottom:6px;line-height:1.35;word-wrap:break-word} .uh-vb-wev.an{background:#eef3e2;border:1px solid #c9d6a8} .uh-vb-wev.ab{background:#faf1df;border:1px solid #e3cfa4} .uh-vb-wev.leer{color:#b8ad9c;border:0;background:none} .uh-vb-sterne{color:#c5862a;letter-spacing:2px;font-size:15px} @media (max-width:1100px){ .uh-vb-woche{grid-template-columns:repeat(4,1fr)} } @media (max-width:880px){ .uh-vb-woche{grid-template-columns:1fr} .uh-vb-wtag{min-height:0} .uh-vb-calhead{gap:8px} .uh-vb-calhead button{padding:8px 12px;font-size:13px} } .uh-vb-abmelden{display:inline-block;background:#c5862a !important;color:#fff !important;font-weight:700;padding:12px 26px;border-radius:8px;font-size:15.5px;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.15)} #uhVbObjekte .uh-vb-tile{max-width:530px} .uh-vb-tile img{height:auto !important;aspect-ratio:16/10;object-fit:cover} /* (14.07.2026) FAQ-Fixes: Kopf zentrieren (steckte linksbuendig im 860px-Container), mobil 1-spaltig statt abgeschnittener 2. Spalte */ .uh-section--faq .content-text{margin-inline:auto !important;text-align:center} @media(max-width:640px){ .uh-section--faq .ce_accordion{min-width:0 !important;width:100% !important} .uh-section--faq .inside{grid-template-columns:1fr !important} } /* === Startseite: EIN einheitlicher Hintergrund (14.07.2026 v2) === Ganze Startseite auf Themenseiten-Papier #f4eede (wie --paper der Urlaubsthemen). Keine Wechseltoene, kein Verlauf. Servus/Vermieter-Boxen: Original-Braun. Ueber-uns-Box = Kartenweiss. Hero-Slider buendig (kein Balken). */ body.home{background-color:#f4eede !important;} body.home .mod_article{background-color:transparent !important;background-image:none !important;} body.home .uh-section--hero .ce_rsce_sliderelement{margin-top:0 !important;} body.home .uh-section--about .text.rte{background-color:#fffdf9 !important;} /* === Startseite: Bilder-Leuchten (14.07.2026) === Kacheln als weisse Karten (Fotos wirken gesaettigter als auf Creme), warmer weicher Schatten, sanfter Hover-Lift + minimaler Bild-Zoom. Best Practice Reise-Seiten: ruhiger Grund, Karten heben Fotos. */ body.home .mod_article :is(.accommodation-card,[class*=kachel] a,.uh-qp a,a.tile):has(img){background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 22px -6px rgba(70,60,40,.22);transition:transform .25s ease,box-shadow .25s ease;display:block;} body.home .mod_article :is(.accommodation-card,[class*=kachel] a,.uh-qp a,a.tile):has(img):hover{transform:translateY(-4px);box-shadow:0 14px 32px -8px rgba(70,60,40,.3);} body.home .mod_article :is(.accommodation-card,[class*=kachel] a,.uh-qp a,a.tile) img{transition:transform .4s ease;} body.home .mod_article :is(.accommodation-card,[class*=kachel] a,.uh-qp a,a.tile):has(img):hover img{transform:scale(1.035);} /* (15.07.2026) FIX Preisbox Detailseite: lange Zusatz-Zeilen (z.B. "Strom 0,35 EUR per kWh, ...") haben mit white-space:nowrap (accommodation.css) die Preiszeilen ueber die Box hinaus gedehnt -> Werte liefen rechts aus dem sichtbaren Bereich. Label darf jetzt umbrechen, Wert bleibt rechts in der Box. */ .accommodation-detail__booking-box .booking-price{flex-wrap:nowrap;max-width:100%} .accommodation-detail__booking-box .booking-price__label{white-space:normal !important;overflow-wrap:anywhere;min-width:0;flex:1 1 auto} .accommodation-detail__booking-box .booking-price__value{flex:0 0 auto;white-space:nowrap;text-align:right} .accommodation-detail__booking-box .booking-price--discount{flex-wrap:wrap} /* (15.07.2026) Kalender-Popup (MWFM .calendar-modal) im Markenstil + klare Frei/Belegt-Farben. Nur Optik, keine Layout-/Positionslogik. */ .calendar-modal__dialog{background:#fff !important;border:1px solid #d6cbb4 !important;border-radius:16px !important;box-shadow:0 18px 50px rgba(60,55,40,.28) !important} .calendar-modal__header{background:#faf7f0 !important;border-bottom:1px solid #ece3d2 !important} .calendar-modal .calendar__title{font-family:Lora,Georgia,serif !important;color:#4f7a36 !important;font-weight:700} .calendar-modal .calendar__navigation button,.calendar-modal .calendar__navigation .btn{color:#4f7a36 !important;border-color:#6b8532 !important} .calendar-modal .calendar-legend{color:#4e4639} .calendar-modal .calendar__button-day{border-radius:8px !important;font-weight:600} .calendar-modal .calendar__button-day--free{background:#e8f0d9 !important;color:#3f5a1f !important} .calendar-modal .calendar__button-day--free:hover{background:#cfe0b4 !important} .calendar-modal .calendar__button-day--booked,.calendar-modal .calendar__button-day--blocked{background:#f7dcdc !important;color:#b76b6b !important;text-decoration:line-through} .calendar-modal .calendar__button-day--owner{background:#efe6d3 !important;color:#8a7c5f !important} .calendar-modal .calendar__button-day--selected,.calendar-modal .calendar__button-day--check-in,.calendar-modal .calendar__button-day--check-out{background:#6b8532 !important;color:#fff !important} .calendar-modal .calendar__button-day--softdisabled{opacity:.4 !important;text-decoration:none !important} .calendar-modal__footer .btn--apply{background:#6b8532 !important;border:1.5px solid #6b8532 !important;color:#fff !important;border-radius:999px !important} .calendar-modal__footer .btn--apply:hover{background:#5c7329 !important} .calendar-modal__footer .btn--cancel,.calendar-modal__footer .btn--clear,.calendar-modal__footer .btn--ghost{background:#fff !important;border:1.5px solid #6b8532 !important;color:#4f7a36 !important;border-radius:999px !important} /* (15.07.2026) Inline-Verfügbarkeitskalender in der Buchungsbox (uh-avail, aus custom.js) */ .uh-avail{margin:14px 0 4px;font-family:inherit} .uh-avail__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px} .uh-avail__title{font-family:Lora,Georgia,serif;font-weight:700;color:#4f7a36;font-size:16px} .uh-avail__nav{display:flex;gap:6px} .uh-avail__nav button{width:28px;height:28px;border-radius:999px;border:1.5px solid #6b8532;background:#fff;color:#4f7a36;cursor:pointer;font-size:14px;line-height:1;padding:0} .uh-avail__legend{display:flex;gap:14px;font-size:12px;color:#4e4639;margin:0 0 8px} .uh-avail__legend span{display:inline-flex;align-items:center;gap:5px} .uh-avail__legend i{width:12px;height:12px;border-radius:3px;display:inline-block} .uh-avail .uh-lgf{background:#e8f0d9;border:1px solid #cfe0b4} .uh-avail .uh-lgb{background:#f7dcdc;border:1px solid #eec3c3} .uh-avail__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px} .uh-avail__wd{text-align:center;font-size:10px;color:#9a8f7c;font-weight:600} .uh-avail__d{text-align:center;font-size:12.5px;padding:6px 0;border-radius:6px;font-weight:600} .uh-avail__d--free{background:#e8f0d9;color:#3f5a1f;cursor:pointer} .uh-avail__d--free:hover{background:#cfe0b4} .uh-avail__d--booked{background:#f7dcdc;color:#c08a8a;text-decoration:line-through} .uh-avail__d--past,.uh-avail__d--out{color:#c9beab} .uh-avail__hint{margin:8px 0 0;font-size:12.5px;color:#7c6f5c;cursor:pointer} .uh-avail__hint:hover{color:#4f7a36} /* (15.07.2026) Hinweiszeile unter den Buchungsbuttons (uh-hint aus custom.js) */ .uh-hint{display:block;margin:10px 2px 0;font-size:12.5px;line-height:1.45;color:#7c6f5c} .uh-hint b{color:#4f7a36} /* ===== UH-DETAIL: Detailseiten (Beschreibung Mehr-anzeigen, Ausstattung-Akkordeon) ===== */ .uh-desc-hidden{display:none !important;} .uh-desc-more{display:inline-block;margin-top:12px;padding:8px 18px;background:none;border:1px solid #6b8532;color:#4f7a36;font-family:'Lora',Georgia,serif;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .15s,color .15s;} .uh-desc-more:hover{background:#6b8532;color:#fff;} /* Klappbare Sektionen (Ausstattung, Lage, Entfernungen) */ .uh-collap__head{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;} .uh-collap__chev{width:12px;height:12px;border-right:2px solid #6b8532;border-bottom:2px solid #6b8532;transform:rotate(45deg);transition:transform .2s;flex:0 0 auto;margin-left:8px;} .uh-collap:not(.uh-collap--closed) .uh-collap__chev{transform:rotate(-135deg);} .uh-collap--closed > :not(.uh-collap__head):not(style){display:none !important;} /* Highlight-Ueberschrift "Das macht ... besonders" in Lora */ .uh-hl-title{font-family:'Lora',Georgia,serif !important;} /* Entfernungen (Titel + Liste) im Frontend ausblenden – Hugo 2026-07-15. Reversibel: Block entfernen. Akkordeons (location-description) bleiben sichtbar. */ .accommodation-detail__distances-title, .accommodation-detail__distances-list{display:none !important;} /* ===== Detailseiten Feinschliff (Hugo 2026-07-15): Akkordeon-Schrift Lora, Ausstattung/Lage als grüne Kachel wie Akkordeons, Highlight-Titel größer ===== */ .uh-collap__head{background:#6b8532 !important;color:#fff !important;font-family:'Lora',Georgia,serif !important;font-size:21px !important;font-weight:700 !important;padding:12px 16px !important;margin:24px 0 0 !important;} .uh-collap__chev{border-right-color:#fff !important;border-bottom-color:#fff !important;} .uh-hl-title{font-size:28px !important;} /* ===== Gastgeber-Team-Karte in der Buchungsbox (Pauline, Daniel, Julia + Anruf) ===== */ .uh-team{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;width:100%;align-self:stretch;justify-self:stretch;grid-column:1 / -1;box-sizing:border-box;margin:12px 0 0;padding:14px 12px;background:#faf7f0;border:1px solid #ece3d3;border-radius:14px} .uh-team__row{display:flex;justify-content:center;gap:10px;width:100%} .uh-team__member{margin:0;display:flex;flex-direction:column;align-items:center;gap:5px;flex:1 1 0;min-width:0} .uh-team__img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #6b8532;box-shadow:0 2px 6px rgba(0,0,0,.10)} .uh-team__name{font-family:'Lora',Georgia,serif;font-size:12.5px;color:#4f7a36;font-weight:600} .uh-team__txt{margin:2px 0 0;font-family:'Lora',Georgia,serif;font-size:13px;line-height:1.5;color:#5b5344} .uh-team__tel{display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:8px 15px;background:#6b8532;color:#fff !important;font-family:'Lora',Georgia,serif;font-size:14px;font-weight:600;text-decoration:none;border-radius:9px;transition:background .15s} .uh-team__tel:hover{background:#4f7a36} .uh-team__tel-ic{font-size:15px;line-height:1} /* Mobile-Feinschliff: Highlight-Titel kleiner + Akkordeon-Titel überall gleich groß */ @media (max-width:860px){ .uh-hl-title{font-size:20px !important;} .accommodation-detail__location-description > details > summary, .uh-collap__head{font-size:17px !important;} } /* ===== Akkordeon-Pfeil einheitlich: gleiches ▼ wie die nativen Akkordeons (statt Outline-Chevron), skaliert mit der Titelgröße ===== */ .uh-collap__chev{width:auto !important;height:auto !important;border:0 !important;transform:none !important;flex:0 0 auto;margin-left:8px;} .uh-collap__chev::before{content:"\25BC";color:#fff;font-size:1em;line-height:1;display:inline-block;} .uh-collap:not(.uh-collap--closed) .uh-collap__chev{transform:none !important;} /* ===== Merkliste-Herz auf Zeilen-Listing (.accommodation-row) – Hugo 2026-07-16. Reversibel: Block + UH-ROW-FAV in custom.js entfernen. ===== */ .accommodation-row__image{position:relative;} .accommodation-card__fav.uh-row-fav{position:absolute;top:10px;right:10px;left:auto;width:40px;height:40px;min-width:0;padding:0;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 1px 5px rgba(0,0,0,.18);border:0;cursor:pointer;} .accommodation-card__fav.uh-row-fav .accommodation-card__fav-icon{width:22px;height:22px;fill:none;stroke:#e2456b;color:#e2456b;} .accommodation-card__fav.uh-row-fav.is-active .accommodation-card__fav-icon{fill:#e2456b;stroke:#e2456b;} /* ===== Nur Akkordeon-Ueberschriften (summary) in Lora – Hugo 2026-07-16 (NICHT der Inhalt) ===== */ .accommodation-detail__location-description details > summary{font-family:'Lora',Georgia,serif !important;} /* === UH-LINKBTN: Icon-Buttons Detailseite (#article-659) – Hugo 2026-07-16 === */ #article-659 .wrapper-buttons{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:6px 0 26px;float:none !important;width:auto !important;} #article-659 .content-hyperlink{width:auto !important;float:none !important;margin:0 !important;padding:0 !important;} #article-659 .content-hyperlink a.uh-lbtn{display:flex;align-items:center;gap:13px;padding:14px 16px;background:#fff;border:1px solid #e4e7dc !important;border-radius:14px !important;color:#3c4232 !important;font-family:'Lora',Georgia,serif !important;font-size:16px;line-height:1.25;text-decoration:none;box-shadow:0 2px 8px rgba(60,66,50,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;height:100%;} #article-659 .content-hyperlink a.uh-lbtn:hover{border-color:#6b8532 !important;box-shadow:0 8px 22px rgba(107,133,50,.18);transform:translateY(-2px);} .uh-lbtn__ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#eef2e4;color:#6b8532;display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease;} .uh-lbtn__ic svg{width:23px;height:23px;} .uh-lbtn:hover .uh-lbtn__ic{background:#6b8532;color:#fff;} .uh-lbtn__label{flex:1 1 auto;font-weight:500;} .uh-lbtn__go{flex:0 0 auto;color:#b6bfa6;display:flex;align-items:center;transition:color .18s ease,transform .18s ease;} .uh-lbtn__go svg{width:18px;height:18px;} .uh-lbtn:hover .uh-lbtn__go{color:#6b8532;transform:translateX(3px);} #article-659 h2.content-headline{margin-top:14px;} @media(max-width:600px){#article-659 .wrapper-buttons{grid-template-columns:1fr;}} /* Mehr anzeigen: zentriert + Punkte-Trenner – Hugo 2026-07-16 */ .uh-desc-more{position:relative;display:block;width:-moz-fit-content;width:fit-content;margin:22px auto 4px;} .uh-desc-more::before,.uh-desc-more::after{content:"";position:absolute;top:50%;width:48px;border-top:2px dotted #b9c39c;} .uh-desc-more::before{right:100%;margin-right:16px;} .uh-desc-more::after{left:100%;margin-left:16px;} /* === Fix: Buchungsbox auf Mobil NICHT sticky – verhindert leere/nicht gezeichnete Bereiche beim Scrollen (Hugo 2026-07-16) === */ @media (max-width:900px){.accommodation-detail__booking-box{position:static !important;top:auto !important;}} /* === Fix: teure backdrop-filter auf Mobil aus – kann auf Handy-GPUs (Safari/Brave) leere/weisse Bereiche verursachen (Hugo 2026-07-16) === */ @media (max-width:900px){ .accommodation-detail__gallery-count,.ui-tooltip__inner,.accommodation-detail__gallery-close,.accommodation-detail__gallery-nav{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;} .accommodation-detail__gallery-count{background:rgba(0,0,0,.6) !important;} } /* === Fix: Kalender/Buchungs-Modal bei reduzierter Bewegung sichtbar (Samsung „Animationen reduzieren" – Kalender ging nicht auf) – Hugo 2026-07-16 === */ @media (prefers-reduced-motion: reduce){ .calendar-modal.is-open:not(.is-closing){ transform: translateY(0) !important; opacity: 1 !important; } .calendar-modal.is-open:not(.is-closing) .calendar-modal__modal, .calendar-modal.is-open:not(.is-closing) .calendar-modal__dialog, .calendar-modal.is-open:not(.is-closing) .calendar-modal__backdrop, .calendar-modal.is-open:not(.is-closing) .kw-modal-backdrop{ opacity: 1 !important; transform: none !important; } } /* === uh-mag Mobile-Kachel-Fix: Magazin-Kacheln auf Handy einspaltig + lesbare Schrift (Hugo 2026-07-16) === */ @media (max-width:680px){ .uh-mag-grid-2,.uh-mag-types,.uh-mag-side,.uh-mag-cards,.uh-mag-themenkarten,.uh-mag-guide,.uh-mag-facts,.uh-mag-weitere,.uh-mag-eauto,.uh-mag-recs{grid-template-columns:1fr !important;} .uh-mag-type--text h3,.uh-mag-type h3,.uh-mag-mini h3,.uh-mag-checkliste h3,.uh-mag-card h3,.uh-mag-feature h3,.uh-mag-weg h3{font-size:22px !important;line-height:1.18 !important;} .uh-mag-type--text p,.uh-mag-checkliste li,.uh-mag-type p{font-size:15px !important;} } /* CTA-Sekundaerbutton (Persoenlich beraten lassen) lesbar auf rotem CTA-Kasten - Hugo 2026-07-16 */ .uh-mag-ctabox a.button[href*="kontakt"]{background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.9) !important;} .uh-mag-ctabox a.button[href*="kontakt"]:hover,.uh-mag-ctabox a.button[href*="kontakt"]:focus{background:#fff !important;color:#b34836 !important;} /* === uh-mag-fp: Fließtext-Link-Reihen (Fahrpläne + Querverweise) als Link erkennbar + Abstand — 2026-07-17 === */ .uh-mag-fp{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline;margin-top:20px} .uh-mag .uh-mag-fp a{color:#b98a3d !important;font-weight:700;border-bottom:2px solid #6b8532;padding-bottom:2px} .uh-mag .uh-mag-fp a:hover{color:#9c7330 !important;border-bottom-color:#5a7029} /* Ab-Preis auf Unterkunftskarten ausblenden (Kundenwunsch 18.07.2026) */ .accommodation-card__price,.accommodation-row__price{display:none !important} /* ==== Mobiles Drilldown-Menue + Header-Vereinfachung (19.07.2026, v2 Aufklappen) ==== */ .nav--mobile.uh-mnav-on > ul{display:none !important} .uh-mnav{width:100%;max-width:440px;margin:0 auto;padding:92px 24px 48px;color:#fff;display:none;text-align:left} #top.nav-active .uh-mnav{display:block} .uh-mnav__panel{display:none} .uh-mnav__panel.is-on{display:block;animation:uhSlideIn .22s ease} @keyframes uhSlideIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}} .uh-mnav__back{display:flex;align-items:center;width:100%;background:none;border:0;color:#e8dfa8;font-family:inherit;font-size:14.5px;font-weight:600;padding:12px 0 16px;cursor:pointer;text-align:left} .uh-mnav__back:hover{color:#fff} .uh-mnav__title{color:#b98a3d;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;outline:none} .uh-mnav__row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:13px 2px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;font-family:inherit;font-size:17px;line-height:1.35;text-decoration:none;text-align:left;cursor:pointer} .uh-mnav__row > span:first-child{flex:1} .uh-mnav__row:hover,.uh-mnav__row:focus-visible{color:#e8dfa8} .uh-mnav__chev{color:#b98a3d;font-size:24px;line-height:1;margin-left:12px;transition:transform .2s} .uh-mnav__row--all{font-weight:600} .uh-mnav__row.is-current > span:first-child{color:#e8dfa8;font-weight:700} .uh-mnav__sep{border-top:1px solid rgba(255,255,255,.28);margin:20px 0 10px} .uh-mnav__cta{display:flex;align-items:center;justify-content:center;min-height:50px;margin-top:12px;background:#d63a4d;border:0;border-bottom:0 !important;border-radius:10px;color:#fff !important;font-weight:700;text-decoration:none} .uh-mnav__cta:hover{background:#bf3245;color:#fff} .uh-mnav__row--verm{border-bottom:0;margin-top:6px} /* Aufklapp-Gruppen (Bundeslaender) */ .uh-mnav__group{border-bottom:1px solid rgba(255,255,255,.16)} .uh-mnav__group .uh-mnav__row--drill{border-bottom:0} .uh-mnav__groupbox{display:none;padding:0 0 10px 16px;border-left:2px solid rgba(185,138,61,.55);margin-left:2px} .uh-mnav__group.is-open .uh-mnav__groupbox{display:block;animation:uhSlideDown .2s ease} @keyframes uhSlideDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} .uh-mnav__group.is-open > .uh-mnav__row--drill .uh-mnav__chev{transform:rotate(90deg)} .uh-mnav__groupbox .uh-mnav__row{min-height:46px;padding:10px 2px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.1)} .uh-mnav__groupbox .uh-mnav__row:last-child{border-bottom:0} /* ==== Desktop-Megamenue Regionen: vertikale Gruppenliste wie Burgermenue (19.07.2026 v5) ==== */ .uh-leadnav .uh-mega--regionen{width:340px;padding:16px 22px 20px;box-shadow:0 18px 34px rgba(0,0,0,.14)} .uh-leadnav .uh-mega a.uh-megax__all{display:block;padding:10px 2px;font-weight:700;font-size:15.5px;color:#244736 !important;border-bottom:1px solid #e3e0d2} .uh-leadnav .uh-mega a.uh-megax__all:hover{background:none;color:#6f7526 !important;text-decoration:underline} .uh-leadnav .uh-mega a.uh-megax__head{display:block;margin-top:14px;padding:0 2px 7px;font-weight:700;font-size:16px;color:#4f7a36 !important;border-bottom:2px solid #ebedd7} .uh-leadnav .uh-mega a.uh-megax__head:hover{background:none;color:#6f7526 !important} .uh-leadnav .uh-mega a.uh-megax__item{display:block;padding:7px 2px 7px 16px;font-weight:500;font-size:14.5px;border-bottom:1px solid #f1efe4} .uh-leadnav .uh-mega a.uh-megax__item:hover{background:#f2f4e4;color:#6f7526 !important} /* Urlaubsthemen + Urlaubswissen im selben Listen-Stil wie Regionen */ .uh-leadnav .uh-mega--list{width:340px;padding:16px 22px 20px;box-shadow:0 18px 34px rgba(0,0,0,.14)} .uh-leadnav .uh-mega--list ul{list-style:none;margin:0;padding:0} .uh-leadnav .uh-mega--list .uh-mega__head{margin-top:14px;padding:0 2px 7px;font-weight:700;font-size:16px;color:#4f7a36;border-bottom:2px solid #ebedd7} .uh-leadnav .uh-mega--list > .uh-mega__head:first-child{margin-top:0} .uh-leadnav .uh-mega--list ul li a{display:block;padding:7px 2px 7px 16px;font-weight:500;font-size:14.5px;border-bottom:1px solid #f1efe4;white-space:normal} .uh-leadnav .uh-mega--list ul li a:hover{background:#f2f4e4;color:#6f7526 !important} .uh-leadnav .uh-mega--list a .toggler,.uh-leadnav .uh-mega--list a i{display:none !important} /* Burger-Regionen wie Megamenue gruppiert (v4) */ .uh-mnav__land{display:flex;align-items:center;min-height:48px;margin-top:16px;padding:10px 2px 8px;color:#e8dfa8;font-weight:700;font-size:17.5px;text-decoration:none;border-bottom:2px solid rgba(185,138,61,.55)} .uh-mnav__land:hover{color:#fff} .uh-mnav__row--sub{min-height:46px;padding:10px 2px 10px 16px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.1)} /* Megamenue Regionen: Bundeslaender aufklappbar, standardmaessig zu (v7) */ .uh-leadnav .uh-mega button.uh-megax__head{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding:9px 2px;background:none;border:0;border-bottom:2px solid #ebedd7;cursor:pointer;font-family:inherit;font-weight:700;font-size:16px;color:#4f7a36;text-align:left} .uh-leadnav .uh-mega button.uh-megax__head:hover{color:#6f7526} .uh-megax__chev{color:#b98a3d;font-size:20px;line-height:1;margin-left:10px;transition:transform .2s} .uh-megax__group.is-open .uh-megax__chev{transform:rotate(90deg)} .uh-megax__box{display:none} .uh-megax__group.is-open .uh-megax__box{display:block;animation:uhSlideDown .18s ease} .uh-leadnav .uh-mega a.uh-megax__item--all{font-weight:600} /* ==== Mobil: straffere Abstaende zwischen Sektionen (19.07.2026) ==== */ @media only screen and (max-width:767px){ .mod_article > .inside{padding-top:1.6rem !important;padding-bottom:1.6rem !important} .mod_article > .inside:has(.uh-rg){padding-top:0 !important;padding-bottom:0 !important} .uh-qsearch{margin:4px auto 8px !important} .uh-qsearch .uh-qs-intro{margin-bottom:14px !important} } /* ==== Mobil v2: grosse Sektionsabstaende der Startseiten-/Themen-Sektionen straffen (19.07.2026) ==== */ @media only screen and (max-width:767px){ .mod_article.uh-section{padding-top:26px !important;padding-bottom:26px !important;margin-top:0 !important;margin-bottom:0 !important} .uh-quickpick{padding-top:22px !important;padding-bottom:28px !important} .uh-wissen{padding-top:24px !important;padding-bottom:32px !important} .uh-aktuell{margin-top:22px !important;margin-bottom:28px !important} } /* ==== Mobil v3: Platz fuer Berg-Trennelemente (19.07.2026) ==== */ @media only screen and (max-width:767px){ /* Sektionen mit Berg-Silhouette oben: Trenner braucht Luft ueber sich */ .mod_article.mountains-top{margin-top:64px !important;padding-top:34px !important} /* Berg-Silhouette unten (Nachhaltig-Block): Trenner braucht Platz im eigenen Fuss */ .mod_article.uh-section--sustainability.article--highlight::after{height:52px !important;background-size:auto 52px !important} .mod_article.uh-section--sustainability.article--highlight{padding-bottom:78px !important} } /* ==== Mobil v4: kein Balken ueber Hero-Sektionen (19.07.2026) ==== */ @media only screen and (max-width:767px){ .mod_article.uh-section--hero{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important} .mod_article.uh-section--hero > .inside{padding:0 !important;max-width:none !important} .mod_article:has(> .inside > .uh-rg-hero), .mod_article:has(> .inside > .uh-rg .uh-rg-hero__media){padding-top:0 !important;margin-top:0 !important} #main > .inside > .mod_article:first-child:has(.uh-rg-hero) > .inside, #main > .inside > .mod_breadcrumb + .mod_article:has(.uh-rg-hero) > .inside, #main > .inside > .mod_article.uh-section--hero:first-child > .inside, #main > .inside > .mod_breadcrumb + .mod_article.uh-section--hero > .inside{padding-top:0 !important;padding-bottom:0 !important} } /* Ratgeber-Zwischenueberschriften im Urlaubswissen-Panel (19.07.2026) */ .uh-leadnav .uh-mega--list li.uh-ratg-sub{margin-top:10px;padding:6px 2px 3px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b98a3d;border-bottom:0;list-style:none} /* ==== Farbkonzept: helle Basis, Salbei-Wechsel, Dunkelgruen-Anker (19.07.2026, Hugo-Brief) ==== */ body{background-color:#fbfaf6 !important} body.home{background-color:#fbfaf6 !important} /* Regions-/Erlebnisseiten: Salbei als Wechselflaeche statt Beige */ .uh-rg.uh-rg-exp--white{background:#eef2e7} .uh-rg .uh-rg-calm{background:#eef2e7} /* Genuss/Hoflaeden: einmal warmes Beige */ #genuss.uh-rg-exp{background:#f4eede} /* Sprungnavigation dunkelgruen */ .uh-rg .uh-rg-chips{background:#244736;border-bottom:1px solid #1c3a2c} .uh-rg .uh-rg-chips .uh-rg-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:#f0ede2} .uh-rg .uh-rg-chips .uh-rg-chip:hover{border-color:#9ba238;background:rgba(155,162,56,.3);color:#fff} /* Nachhaltig-Band (Landesseiten) dunkelgruen */ .uh-rg.uh-rg-eco{background:#244736} .uh-rg.uh-rg-eco h2{color:#fff !important} .uh-rg.uh-rg-eco .uh-rg-lead{color:#d9e2cf !important} .uh-rg.uh-rg-eco .uh-rg-eco__chips span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#f0ede2} .uh-rg.uh-rg-eco .uh-rg-link{color:#e8dfa8 !important;background:rgba(255,255,255,.14) !important} .uh-rg.uh-rg-eco .uh-rg-link:hover{color:#fff !important;background:rgba(255,255,255,.22) !important} /* Anreise-Sektion (Regionsseiten) dunkelgruen */ .uh-rg.uh-rg-anr{background:#244736} .uh-rg.uh-rg-anr h2{color:#fff !important} .uh-rg.uh-rg-anr .uh-rg-link{color:#e8dfa8 !important;background:rgba(255,255,255,.14) !important} .uh-rg.uh-rg-anr .uh-rg-link:hover{color:#fff !important;background:rgba(255,255,255,.22) !important} /* ==== Anpassungen 20.07.2026: Hintergruende + Bildschatten ==== */ /* 1) Startseite + Unterkunftsliste: ganz helles, wertiges Beige */ body.home, body:has(#main #article-163){background-color:#faf6ee !important} /* Bildschatten Startseite */ body.home #main .tile .image_container, body.home #main .ce_rsce_columntile .imagecontainer, body.home #main .uh-qp-img, body.home #main .uh-ak-media, body.home #main .accommodation-card{box-shadow:0 10px 28px rgba(74,60,38,.16),0 2px 8px rgba(74,60,38,.10)} /* Bildschatten Unterkunftsliste */ body:has(#main #article-163) .accommodation-row__image, body:has(#main #article-163) .accommodation-card{box-shadow:0 10px 28px rgba(74,60,38,.16),0 2px 8px rgba(74,60,38,.10)} /* 2) Regions-/Landesseiten: Seitenhintergrund wie Themenseiten (Tannengruen) */ body:has(#main .uh-rg){background-color:#1f2a22 !important} /* Lesbarkeit auf transparenten Flaechen: helle Schrift wie Themenseiten */ body:has(#main .uh-rg) #main .uh-rg{color:#f4eede} body:has(#main .uh-rg) #main .uh-rg .uh-rg-lead{color:#ddd8c8 !important} body:has(#main .uh-rg) #main .uh-rg .uh-rg-srintro__text{color:#f4eede} /* Sektionen mit eigener heller Flaeche behalten dunkle Schrift */ body:has(#main .uh-rg) #main .uh-rg.uh-rg-exp--white, body:has(#main .uh-rg) #main .uh-rg .uh-rg-calm, body:has(#main .uh-rg) #main .uh-rg-card__body, body:has(#main .uh-rg) #main #genuss.uh-rg-exp{color:#4e4639} body:has(#main .uh-rg) #main .uh-rg.uh-rg-exp--white .uh-rg-lead, body:has(#main .uh-rg) #main #genuss.uh-rg-exp .uh-rg-lead{color:#6c6257 !important} /* Salbei-Sektionen (calm) behalten dunkle Schrift */ body:has(#main .uh-rg) #main .uh-rg.uh-rg-calm, body:has(#main .uh-rg) #main .uh-rg .uh-rg-calm{color:#4e4639} body:has(#main .uh-rg) #main .uh-rg.uh-rg-calm .uh-rg-lead, body:has(#main .uh-rg) #main .uh-rg .uh-rg-calm .uh-rg-lead{color:#6c6257 !important} /* Weisse Karten auf Regionsseiten: dunkle Schrift (Land-Uebersicht, FAQ, Zitate) 20.07. */ body:has(#main .uh-rg) #main .uh-rg-land__body, body:has(#main .uh-rg) #main .uh-rg-land__body p, body:has(#main .uh-rg) #main .uh-rg-faq__list, body:has(#main .uh-rg) #main .uh-rg-faq__list summary, body:has(#main .uh-rg) #main .uh-rg-faq__list p, body:has(#main .uh-rg) #main .uh-rg-reco, body:has(#main .uh-rg) #main .uh-rg-reco p{color:#4e4639} /* Megamenue: Gruppenzeilen in Groesse und Farbe der Eintraege */ .uh-megax__head{font-size:15px !important;color:#244736 !important} /* Regionsseiten: Alm-Ueberschrift weiss, Alt-Textelemente hell auf Tannengruen 20.07. */ .uh-rg .uh-rg-alm h2{color:#fff !important} body:has(#main .uh-rg) #main .content-text, body:has(#main .uh-rg) #main .content-text .rte, body:has(#main .uh-rg) #main .content-text .rte p{color:#f4eede} body:has(#main .uh-rg) #main .ce_rsce_decoheadline .deco{color:#e8dfa8} /* Megamenue 20.07.: Gruppenzeilen wie Urlaubswissen-Zwischentitel (gold, Versalien), bleiben klappbar; Eintraege schwarz */ .uh-megax__head{font-size:11.5px !important;font-weight:700 !important;letter-spacing:1.15px !important;text-transform:uppercase !important;color:#b98a3d !important} .uh-megax__item, .uh-megax__item--all{color:#111 !important} .uh-mega--list a{color:#111 !important} .uh-mega--list a:hover, .uh-megax__item:hover{color:#4f7a36 !important} /* hoehere Spezifitaet gegen .mod_customnav-Regel */ .mod_customnav.uh-leadnav .uh-mega a.uh-megax__item, .mod_customnav.uh-leadnav .uh-mega a.uh-megax__item--all, .mod_customnav.uh-leadnav .uh-mega--list ul li a{color:#111 !important} .mod_customnav.uh-leadnav .uh-mega a.uh-megax__item:hover, .mod_customnav.uh-leadnav .uh-mega--list ul li a:hover{color:#4f7a36 !important} /* Regionen 20.07.: braune Textfarben auf hellen Flaechen -> schwarz */ body:has(#main .uh-rg) #main .uh-rg-regcard__body, body:has(#main .uh-rg) #main .uh-rg-regcard__body strong, body:has(#main .uh-rg) #main .uh-rg-regcard__text, body:has(#main .uh-rg) #main .uh-rg-entry, body:has(#main .uh-rg) #main .uh-rg-entry p, body:has(#main .uh-rg) #main .uh-rg-card__body, body:has(#main .uh-rg) #main .uh-rg-card__body p, body:has(#main .uh-rg) #main .uh-rg-land__body, body:has(#main .uh-rg) #main .uh-rg-land__body p, body:has(#main .uh-rg) #main .uh-rg-faq__list, body:has(#main .uh-rg) #main .uh-rg-faq__list summary, body:has(#main .uh-rg) #main .uh-rg-faq__list p, body:has(#main .uh-rg) #main .uh-rg-reco, body:has(#main .uh-rg) #main .uh-rg-reco p, body:has(#main .uh-rg) #main .uh-rg-partner__grid p, body:has(#main .uh-rg) #main .uh-rg-verm p, body:has(#main .uh-rg) #main .uh-card-intro, body:has(#main .uh-rg) #main .accommodation-card__content p, body:has(#main .uh-rg) #main .accommodation-card__meta .with-icon, body:has(#main .uh-rg) #main .uh-rg.uh-rg-exp--white, body:has(#main .uh-rg) #main .uh-rg .uh-rg-calm, body:has(#main .uh-rg) #main .uh-rg.uh-rg-calm, body:has(#main .uh-rg) #main #genuss.uh-rg-exp{color:#111} body:has(#main .uh-rg) #main .uh-rg.uh-rg-exp--white .uh-rg-lead, body:has(#main .uh-rg) #main .uh-rg .uh-rg-calm .uh-rg-lead, body:has(#main .uh-rg) #main .uh-rg.uh-rg-calm .uh-rg-lead, body:has(#main .uh-rg) #main #genuss.uh-rg-exp .uh-rg-lead{color:#111 !important} /* Regionen 20.07. Teil 2: weitere braune Texte -> schwarz (Tipp-Boxen, Gasthaus-/Nachbar-Karten, Anreise-Karten) */ body:has(#main .uh-rg) #main .uh-rg-tip, body:has(#main .uh-rg) #main .uh-rg-tip p, body:has(#main .uh-rg) #main .uh-rg-tip__note, body:has(#main .uh-rg) #main .uh-rg-gasthcard, body:has(#main .uh-rg) #main .uh-rg-gasthcard strong, body:has(#main .uh-rg) #main .uh-rg-gasthcard span, body:has(#main .uh-rg) #main .uh-rg-nbcard__body, body:has(#main .uh-rg) #main .uh-rg-nbcard__body strong, body:has(#main .uh-rg) #main .uh-rg-nbcard__body span, body:has(#main .uh-rg) #main .uh-rg-anr__grid span, body:has(#main .uh-rg) #main .uh-rg-anr__grid strong{color:#111} body:has(#main .uh-rg) #main .uh-faqmini, body:has(#main .uh-rg) #main .uh-faqmini summary, body:has(#main .uh-rg) #main .uh-faqmini p{color:#111} /* Regionsseiten 20.07.: Buttons ohne gruenen Hintergrund -> Beige mit dunkler Schrift */ .uh-rg .uh-rg-chips{background:rgba(250,246,238,.97) !important;border-bottom:1px solid #d6cbb4 !important} .uh-rg .uh-rg-chips .uh-rg-chip{background:#f4eede !important;border:1px solid #d6cbb4 !important;color:#111 !important} .uh-rg .uh-rg-chips .uh-rg-chip:hover{background:#fff !important;border-color:#6b8532 !important;color:#4f7a36 !important} .uh-rg a.uh-rg-btn:not(.uh-rg-btn--ghost){background:#f4eede !important;color:#111 !important;border:1px solid #d6cbb4 !important} .uh-rg a.uh-rg-btn:not(.uh-rg-btn--ghost):hover{background:#efe6d2 !important;color:#111 !important} /* auch die Unterkunftskarten-CTAs auf Regionsseiten beige */ body:has(#main .uh-rg) #main a.accommodation-card__cta{background:#f4eede !important;color:#111 !important;border:1px solid #d6cbb4 !important} body:has(#main .uh-rg) #main a.accommodation-card__cta:hover{background:#efe6d2 !important;color:#111 !important} /* 20.07.: Sprungnavigation ohne Balken - Chips frei stehend */ .uh-rg .uh-rg-chips{background:transparent !important;border-bottom:0 !important} /* 20.07.: Regions-Hero im Stil der Themenseiten (Karte mit Radius, seitlicher Verlauf) */ .uh-rg.uh-rg-hero{max-width:1320px;margin:26px auto 0;border-radius:32px;overflow:hidden;min-height:520px;box-shadow:0 18px 50px rgba(0,0,0,.30)} .uh-rg.uh-rg-hero::after{background:linear-gradient(90deg,rgba(25,34,24,.78) 0%,rgba(25,34,24,.50) 45%,rgba(25,34,24,.10) 78%) !important} .uh-rg.uh-rg-hero .uh-rg-hero__inner{padding:64px 44px 46px} @media(max-width:760px){ .uh-rg.uh-rg-hero{margin:14px 14px 0;border-radius:22px;min-height:440px} .uh-rg.uh-rg-hero::after{background:linear-gradient(0deg,rgba(25,34,24,.86) 0%,rgba(25,34,24,.42) 55%,rgba(25,34,24,.12) 100%) !important} .uh-rg.uh-rg-hero .uh-rg-hero__inner{padding:70px 20px 26px} } /* 20.07.: Hero-Bild klarer - Verlauf nur noch als lokaler Schleier hinter dem Text, Schrift per Schatten gesichert */ .uh-rg.uh-rg-hero::after{background:linear-gradient(75deg,rgba(25,34,24,.62) 0%,rgba(25,34,24,.26) 36%,rgba(25,34,24,0) 60%) !important} .uh-rg.uh-rg-hero .uh-rg-hero__inner h1{text-shadow:0 2px 18px rgba(0,0,0,.75),0 1px 4px rgba(0,0,0,.55) !important} .uh-rg.uh-rg-hero .uh-rg-hero__inner p{text-shadow:0 1px 10px rgba(0,0,0,.7)} .uh-rg.uh-rg-hero .uh-rg-hero__inner .uh-rg-kick{text-shadow:0 1px 6px rgba(0,0,0,.6)} @media(max-width:760px){ .uh-rg.uh-rg-hero::after{background:linear-gradient(0deg,rgba(25,34,24,.74) 0%,rgba(25,34,24,.30) 42%,rgba(25,34,24,0) 72%) !important} } /* 20.07.: Regions-Hero auf Desktop volle Seitenbreite (mit kleinem Randabstand), mobil unveraendert */ @media(min-width:761px){ .uh-rg.uh-rg-hero{max-width:none;margin:24px 28px 0} } /* 22.07.: Social-/Share-Beschriftung lesbar auf hellem Grund */ .uh-share__label{color:#244736 !important} /* 23.07.: Anreise-Karten sind weiss -> dunkle Schrift (Ueberschrift dunkelgruen, Text Ink) */ body:has(#main .uh-rg) #main .uh-rg-anr__grid, body:has(#main .uh-rg) #main .uh-rg-anr__grid > div, body:has(#main .uh-rg) #main .uh-rg-anr__grid span, body:has(#main .uh-rg) #main .uh-rg-anr__grid p{color:#4e4639 !important} body:has(#main .uh-rg) #main .uh-rg-anr__grid b, body:has(#main .uh-rg) #main .uh-rg-anr__grid strong{color:#244736 !important;font-weight:700} /* UH: Teilen-/Folge-uns-Block nur auf Rechtsseiten ausblenden – 23.07.2026 Seiten: Datenschutz(145), AGB's(97), Impressum(98), Bildrechte(662), Sitemap(146). Blendet den kompletten Social-Block (.uh-share = Teilen + Folge uns) aus. */ #container:has(#article-145) .uh-share, #container:has(#article-97) .uh-share, #container:has(#article-98) .uh-share, #container:has(#article-662) .uh-share, #container:has(#article-146) .uh-share{display:none !important;} /* 24.07.: Share-Beschriftung auf dunklen Seiten (Holz-Themenseiten + dunkelgruene uh-rg-Seiten) hell */ body.uh-holz .uh-share__label, body.uh-braun .uh-share__label, body:has(#main .uh-rg) .uh-share__label{color:#f4eede !important} /* === Region-Unterkünfte: manueller Slider (25.07) === */ body:has(#main .uh-rg) .uh-vus-list{position:relative;overflow:visible} body:has(#main .uh-rg) .uh-vus-list .accommodation-list__grid{display:flex !important;grid-template-columns:none !important;gap:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 14px} body:has(#main .uh-rg) .uh-vus-list .accommodation-list__grid::-webkit-scrollbar{display:none} body:has(#main .uh-rg) .uh-vus-list .accommodation-card{flex:0 0 auto !important;width:360px !important;max-width:82vw} .uh-vus-nav{position:absolute;top:104px;transform:translateY(-50%);z-index:6;width:46px;height:46px;border-radius:50%;border:1px solid #e2e2d6;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(40,48,34,.20);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s,transform .15s,background .2s;color:#244736;padding:0} .uh-vus-nav:hover{background:#fff;transform:translateY(-50%) scale(1.07)} .uh-vus-nav svg{width:20px;height:20px} .uh-vus-nav--prev{left:-6px} .uh-vus-nav--next{right:-6px} .uh-vus-nav[disabled]{opacity:0;pointer-events:none} @media(max-width:760px){body:has(#main .uh-rg) .uh-vus-list .accommodation-card{width:80vw !important}.uh-vus-nav{top:auto;bottom:2px;transform:none}.uh-vus-nav:hover{transform:scale(1.07)}.uh-vus-nav--prev{left:calc(50% - 54px)}.uh-vus-nav--next{right:calc(50% - 54px)}}