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}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.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}
.cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px}
/*Allgemeines*/
body{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #0c1b26;
    background-color: #fff;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 2046px;
    margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 2047px) {body{
    margin: auto;
}}

::selection{
    background: rgba(103, 159, 49, 0.55);
    color: #fff;
    text-shadow: none;
}
:focus{
    outline:none !important;
}
address{
    font-style: normal;	
}
hr{
    border: 0;
    height: 1px;
    background: #0c1b26;
    clear: left;
}
a{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: #679f31;
}
p.error{
	background-color: #ffbfbf;
    border: 1px solid #ff8f8f;
    border-radius: 4px;
    padding: 10px;
}
strong {
    color: #679f31;
}
p {
    color: #0c1b26;
    line-height: 25px;
}
li{
    color: #333333;
}
.active {
    font-weight: bold;
}
.center{
    text-align: center;
}
h1, h2, h3, h4, h5, h6, h7{
    color:#333333;
    font-weight: 400;
}
h1{
    font-size:2.5em;
}
h2{
    font-size:2em;
}
/*Checkbox etc.*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
}
select {
  width:100%;
  border: 1px solid #d0d0d0;
  padding:.75em 1em .5em 1em;
  background-color:white;
  background-image:url(/files/postschwangau/layout/bilder/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
}
select::-ms-expand {
  display:none;
}
.lt-ie10 select {
    background-image: none;
}
select {
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    border-top-left-radius: 0px;
    padding: .75em 1em .5em 1em;
    background-color: #fff;
    color: #0c1b26;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
option {
    background: #fff;
    border-top: 1px solid #444;
    padding: .3em 1em .3em 1em;
}
/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 1em;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:#7e7775;
  box-shadow: inset 0 0 0 2px white;
}
/*icons*/
.icon::before, .icon_a::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.icon_phone::before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f095";
    font-weight: 900;
    padding-right: 5px;
    color:  #665d57;
}
.icon_mail::before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f0e0";
    font-weight: 900;
    padding-right: 5px;
    color:  #665d57;
}
.icon_book::before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f562";
    font-weight: 900;
    color: #679f31;
    top: 30%;
    position: absolute;
    margin-left: 15px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.icon_inquiry::before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f0e0";
    font-weight: 900;
    color: #679f31;
    top: 30%;
    position: absolute;
    margin-left: 15px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.icon_arrow::after {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f061";
    font-weight: 900;
    padding-right: 5px;
    color: #ffffff;
	margin-left: 10px;
}
.icon_calendar::after {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f073";
    font-weight: 900;
    padding-right: 5px;
    color: #ffffff;
	margin-left: 10px;
}
@media (max-width: 774px) {.icon_inquiry::before, .icon_book::before{
    margin-left: 10px;
}}
.icon_fax::before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f1ac";
    font-weight: 900;
    padding-right: 5px;
    color:  #665d57;
}
.icon_pin::before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f276";
    font-weight: 900;
    padding-right: 5px;
    color:  #665d57;
}
.header_arrow::after {
    position: absolute;
    left: 0;
    text-align: center;
    width: 1.9em;
    line-height: 1.9em;
    animation: slide1 1s ease-in-out infinite;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-family: 'Font Awesome\ 5 Free';
    content: "\f309";
    font-weight: 600;
    color: #8fb766;
    font-size: 45px;
}
/*.widget-calendar::after {
	font-family: 'Font Awesome\ 5 Free';
    content: "\f073";
    font-weight: 900;
    color: #665d57;
    display: inline-block;
    font-size: 25px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: relative;
    margin-left: 85%;
    top: -34px;
}*/
.widget-calendar a.input-button{
	position: relative;
	margin-left: 85%;
	top: -29px;
}
.ce_image{
    width: 100%;
}
.ce_image img{
    width: 100%;
}
/*Navigation*/
#header > .inside{
    font-size: 1.35em;
}
.navtop{
    width: 80%;
    text-align: left;
    padding: 0.5em 10%;
    background-color: #6e665e;
    min-height:70px;
    z-index: 99;
    position: relative;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow:0 4px 2px -2px rgba(0, 0, 0, 0.14);
    top: 0;
}
.startseite .navtop{
    position: absolute;
    box-shadow: none;
    background-color: transparent;
}
@media (max-width: 767px) {.startseite .navtop{
    position: relative;
    background-color: #6e665e;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow:0 4px 2px -2px rgba(0, 0, 0, 0.14);
}}
@media (max-width: 1700px) {
	.navtop {
    padding-left: 4%;
    padding-right: 4%;
    width: 92%;
	}
}
#logo{
    max-width: 60px;
    float: left;
    position: absolute;
    filter: brightness(0) invert(1);
    top: 4px;
}
.startseite #logo {
    max-width: 110px;
    filter: none !important;
}
@media (max-width: 1500px) {.startseite #logo {
    max-width: 70px;
}}
@media (max-width: 1230px) {.startseite #logo {
    max-width: 70px;
}}
@media (max-width: 767px) {.startseite #logo {
    max-width: 60px;
    filter: brightness(0) invert(1) !important;
}}
.navtop .mod_navigation{
    min-height: 68px;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.navtop .mod_navigation ul{
    list-style: none;
}
.navtop .mod_navigation ul li span,.navtop .mod_navigation ul li span a, .navtop .mod_navigation ul li a{
    color: #ffffff;
}
.navtop .mod_navigation ul li{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
.navtop .mod_navigation ul li strong{
    color:white;
}

@media (min-width: 1100px) {.navtop .mod_navigation ul li a:after ,.navtop .mod_navigation ul li strong:after{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    content: '.';
    color: transparent;
    background: rgba(103, 159, 49, 0.55);
    visibility: none;
    opacity: 0;
    z-index: -1;
    transition: all .5s;
}}
@media (min-width: 1100px) {.navtop .mod_navigation ul li a:hover:after {
    opacity: 1;
    visibility: visible;
    height: 100%;
}}
@media (min-width: 1100px) {.navtop .mod_navigation ul li a,.navtop .mod_navigation ul li strong{
    position: relative;
    z-index: 1;
    padding: 20px 10px;
    font-weight: 500;
}}

@media (min-width: 1200px) {.navtop .mod_navigation ul li a,.navtop .mod_navigation ul li strong{
    font-size: 1.35rem;
}}
@media (min-width: 1100px) {.navtop .mod_navigation ul li strong:after {
    opacity: 1 !important;
    visibility: visible !important;
    height: 100% !important;
}}
@media (min-width: 1100px) {.navtop .mod_navigation ul li span, .navtop .mod_navigation ul li a{
    position: relative;
    z-index: 1;
    font-weight: 500;
    color: #ffffff;
}}
@media (min-width: 1100px) {.navtop .mod_navigation ul li a:hover{
    color: #ffffff;
}}
@media (max-width: 1425px) {
	.navtop .mod_navigation ul li span{
		padding: 5px 5px;
	}
	.navtop .mod_navigation ul li a, .navtop .mod_navigation ul li strong{
		padding: 20px 5px;	
	}
}
/*Mobile Navigation*/
@media (max-width: 1269px) {.navtop .mod_navigation {
    top: -650px;
    position: absolute;
    left: 0;
    width: 100%;
    transition: ease-out all 0.4s;
    -ms-transform: ease-out all 0.4s;
    -moz-transform: ease-out all 0.4s;
    -webkit-transform: ease-out all 0.4s;
    -o-transform: sall 0.4s;
    z-index: 999;
}}
@media (max-width: 1269px) {header .open{
    top: 69px !important;
    transition: ease-out all 0.4s;
    -ms-transform: ease-out all 0.4s;
    -moz-transform: ease-out all 0.4s;
    -webkit-transform: ease-out all 0.4s;
    -o-transform: sall 0.4s;
}}
@media (max-width: 1269px) {.navtop .mod_navigation ul li {
    height: 9em;
    border: none;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: rgba(110, 102, 94, 0.91);
    outline: 1px solid white;
}}
@media (max-width: 1269px) {.navtop .mod_navigation ul li:hover, .navtop .mod_navigation ul li:hover strong,.navtop .mod_navigation ul li:hover a,.navtop .mod_navigation ul li:hover span {
    background-color: #ffffff;
    color: #5f6876;
}}
@media (max-width: 1269px) {.navtop .mod_navigation ul li a,.navtop .mod_navigation ul li span{
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0;
}}
@media (max-width: 1269px) {.navtop .mod_navigation ul{
    width: 100%;
    padding: 0;
}}


/*Header Slider*/

.slider .ce_image figure {
    margin:0;
    max-width:100%;
}

.slider .ce_image figure img {
    width:auto;
    height:auto;
    max-height:100%;
    margin:0 auto;
    display:block;
}  

.headerslider .content-slider, .headerslider .slider-wrapper, .headerslider .slider-wrapper > div{
	height: 100%;
	margin: 0;
	max-width: none;
	width: 100%;
}

.headerslider .slider-control{
	display:none;
}

/*Headerbild*/
.headerbild{
    width: 100%;
    max-height: 100vh;
}
.headerbild img{
    width: 100%;
    display: block;
    max-height: 100vh;
    height:100vh;
    object-fit: cover;
}
.headerbild > div, .header-content{
    display: flex;
    align-items: center;
    min-height: 100vh;
    max-height: 100vh;
	position: relative;
}
.headerbild > div:after{
    content:'';
    min-height:inherit;
    font-size:0;
}
.headerbild > div figure{
    position: fixed;
    width: 100%;
    top:0;
    max-width: 2046px;
}
.headerbild > div h2{
    color: white;
    display: block;
    margin: 0;
    font-size: 4.5em;
    line-height: 100px;
    /*    opacity: 0.8;*/
    max-width: 95%;
}
.headerbild > div > div{
    position: absolute;
    color: white;
    display: block;
    margin: 0;
    max-width: 95%;
    opacity: 1;
    margin-left: 5%;
}
@media (max-width: 700px) {.headerbild > div > div{
    display: none;
}}
.headerbild > div h2 em{
    font-size: 0.5em;
    line-height: 78px;
    font-family: 'Great Vibes';
}
@media (max-width: 767px) {.headerbild > div h2 em{
    display: none;
}}
.headerbild > div h2
{
    width: 50em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 6s steps(999, end);
    animation: type2 6s steps(999, end);
    text-shadow: 0 0 10px rgba(0,0,0,.5);
}
@media (max-width: 767px) {.headerbild, .headerbild > div, .headerbild img{
    max-height: 50vh;
    height: 50vh;
    min-height: 50vh;
}}
@media (max-width: 767px) {.headerbild{
    width: 100%;
    position: relative;
    overflow: hidden;
    top: -65px;
    margin-bottom: -95px;
}}
@media (min-width: 996px) {
    .headerbild > div h2:nth-child(1) {
        white-space: nowrap;
        overflow: hidden;
        opacity: 0;
        -webkit-animation: type 6s steps(999, end);
        animation: type2 6s steps(999, end);
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .headerbild > div h2:nth-child(2) {
        white-space: nowrap;
        overflow: hidden;
        opacity: 0;
        -webkit-animation: type 6s steps(999, end);
        animation: type2 6s steps(999, end);
        -webkit-animation-delay: 1.5s;
        animation-delay: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .headerbild > div h2:nth-child(3) {
        white-space: nowrap;
        overflow: hidden;
        opacity: 0;
        -webkit-animation: type 6s steps(999, end);
        animation: type2 6s steps(999, end);
        -webkit-animation-delay: 1.8s;
        animation-delay: 1.8s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        margin-bottom: 50px;
    }

    @keyframes type {
        from {
            width: 0;
        }
    }

    @-webkit-keyframes type {
        from {
            width: 0;
        }
    }
    @keyframes type1 {
        0% {
            width: 0;
        }
        from {
            opacity: 0;
        }
        1% {
            opacity: 0;
        }
        to {
            opacity: 0;
        }
        100% {
            opacity: 0.8;
        }
    }
    @-webkit-keyframes type1 {
        0% {
            width: 0;
        }
        from {
            opacity: 0;
        }
        1% {
            opacity: 1;
        }
        to {
            opacity: 1;
        }
        100% {
            opacity: 0.8;
        }
    }
    @keyframes type2 {
        0% {
            width: 0;
        }
        from {
            opacity: 0;
        }
        1% {
            opacity: 1;
        }
        to {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    @-webkit-keyframes type2 {
        0% {
            width: 0;
        }
        from {
            opacity: 0;
        }
        1% {
            opacity: 1;
        }
        to {
            opacity: 1;
        }
        100% {
            opacity: 0.8;
        }
    }
    @keyframes type3 {
        0% {
            width: 0;
        }
        from {
            opacity: 0;
        }
        1% {
            opacity: 1;
        }
        to {
            opacity: 1;
        }
        100% {
            opacity: 0.8;
        }

    }
    @-webkit-keyframes type3 {
        0% {
            width: 0;
        }
        from {
            opacity: 0;
        }
        1% {
            opacity: 1;
        }
        to {
            opacity: 1;
        }
        100% {
            opacity: 0.8;
        }
    }
}
@media (max-width: 1099px) {.headerbild > .ce_image {
    margin-top: 84.5px;
}}
.headerbild-small{
    width: 100%;
    position: relative;
    overflow: hidden;
    top: -65px;
    margin-bottom: -65px;
}
.headerbild-small, .headerbild-small > div{
    height: 65vh;
}
body .leaflet-map{
    top: 0;
}
body .leaflet-map .ce_leaflet{
    position: unset;
    width: auto;
    height: 100%;
    margin: 0 !important;
}
body .leaflet-map .ce_leaflet > .leaflet-container{
    position: fixed;
    top: -60px;
    margin-bottom: -60px;
    max-width: 2046px;
}
body .leaflet-bottom{
    top: 65vh;
    margin-top: 70px;
}
body .leaflet-top .leaflet-control{
    top: 65vh;
}
@media (max-width: 767px){body .leaflet-top .leaflet-control{
    top: 50vh;
}}
@media (max-width: 767px){body .leaflet-bottom{
    top: 50vh;
}}
.headerbild-small > div{
    position: fixed;
    width: 100%;
    max-width: 2046px;
}
.headerbild-small figure, .headerbild-small img{
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 767px) {.headerbild-small, .headerbild-small > div{
    height: 50vh;
}}
/*Header Text*/
@media (max-width: 820px) {.header_text{
    display: none;
}}
.header_text{
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    z-index: 0;
}
.header_text h2{
    font-size: 4em;
    margin: 0;
    color: #ffffff;
}
.header_text p{
    font-size: 2em;
    color: #ffca00;
    margin: 0;
}
.header_text p:last-child{
    font-size: 1.5em;
    color: #ffffff;
    z-index: 1;
    position: relative;
}
.header_text p:last-child{
    font-size: 1.5em;
    color: #ffffff;
    margin: 30px;
}
.header_text p:last-child a{
    background-color: rgba(255, 255, 255, 0.11);
}
.header_arrow::before {
    display: inline-block;
    content: '';
    width: 4em;
    height: 4em;
    background: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.header_arrow{
    color: rgba(255, 255, 255, 0);
    opacity: 0;
    transition: all .5s;
    display: inline-block;
}
@media (max-width: 1280px) { .header_arrow{
        display: none;
}}
.header_arrow_display{
    opacity: 1;
}
@keyframes slide1 {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, 5px);
    }
}
/*footer-kontakt*/
#footer-kontakt {
	max-width: 2046px;
    position: fixed;
    z-index: 999;
    right: 5%;
    bottom: 1.5em;
    background-color: rgba(255, 255, 255, 0.77);
}
#footer-kontakt > div > div{
    display: flex;
}
#footer-kontakt > div > div p{
    margin: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
#footer-kontakt > div > div p:hover:before{
    color: white;
}
#footer-kontakt > div > div p:first-child a{
    border-right: 0;
}
#footer-kontakt > div > div p:last-child a{
    border-left: 0;
}
#footer-kontakt > div > div p:last-child a:before{
    content: "";
    position: absolute;
    border: 0 solid transparent;
    border-left: 0.05em solid #679f31;
    height: 80%;
    top: 10%;
    z-index: 999999999;
    bottom: 10%;
    left: 0;
}
#footer-kontakt > div > div p:first-child a:before{
    content: "";
    position: absolute;
    border: 0 solid transparent;
    border-left: 0.05em solid #679f31;
    right: 0;
    height: 80%;
    top: 10%;
    z-index: 999999999;
    bottom: 10%;
}
/*Footer*/
@media (min-width: 1006px) {
    #footer {
        display: flex;
    }
}
.fa_box{
    position: absolute;
    bottom: 0;
    right: 25%;
}
@media (max-width: 1005px) {.fa_box{
    bottom: auto;
    top: 408px;
}}
@media (max-width: 760px) {.fa_box{
    top: 746px;
    text-align: left;
    left: 10%;
    width: 50%;
}}
@media (max-width: 580px) {.fa_box{
    display: none;
}}
#footer {
    background-color: #b3a7a4;
    color: #333333;
    position: static;
    z-index: 999;
}
#footer li {
    list-style: none;
}
#footer li:first-child{
    margin-left: 5px;
    min-height: 50px;
}
#footer div div p {
    color: #333333;
}
#footer .inside {
    justify-content: center;
    text-align: left;
    background-color: #b3a7a4;
    z-index: 999;
    padding-top: 25px;
    display: flex;
    padding-bottom: 25px;
    width: 80%;
    padding-left: 10%;
    flex-wrap: wrap;
    padding-right: 10%;
    border-top: 50px solid #7e7775;
}
#footer a, #footer h2{
    color: #333333;
}
#footer strong{
    color: #333333 !important;
    border-bottom: 1px solid #679f31;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    display: -webkit-inline-box;
}
#footer div div {
    height: auto;
    width: 20%;
    padding-right: 5%;
    display: flex;
    justify-content: center;
}
@media (min-width: 761px) and (max-width: 1005px) {#footer div div {
    justify-content: flex-start !important;
}}
#footer div div:last-child {
    margin-right: 0;
}
#footer div div p {
    width: 100%;
    height: auto;
}
#footer a:hover {
    color: #665d57;
}
#footer .inside ul {
    padding-left: 0;
    min-width: 150px;
}
#footer .inside div:last-child{
    border-right: none;
}
@media (max-width: 1005px) {
    #footer .inside .footer-liste li {
        margin-right: 0px;
    }
}
#footer .inside .footer-liste li a {
    display: block;
    text-decoration: none;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}
#footer .inside .footer-liste li a:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    color: #333333;
}
/*Tablet Footer*/
@media (max-width: 1005px)  { #footer .inside div {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
}}
@media (max-width: 760px)  { #footer .inside div {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}}
#inner{
    position: absolute;
    right: -11%;
    bottom: 75px;
}
#inner figure{
    width: 125px;
}
/*Kleiner Footer*/
@media (max-width: 1330px) {
    #footer .inside {
        padding-left: 5%;
        padding-right: 0;
        width: 95%;
    }
}

@media (max-width: 760px) {
    #footer .inside {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

@media (max-width: 760px) {
    #footer div div {
        float: none;
        width: 100%;
        border-bottom: 1px solid #333333;
    }
}

@media (max-width: 760px) {
    #footer .inside {
        text-align: center;
    }
}

@media (max-width: 760px) {
    #footer div div:last-child {
        width: 100%;
        border-bottom: none;
    }
}

@media (max-width: 760px) {
    #footer div div p input[type=text] {
        width: 90%;
    }
}
/*Hamburger menu*/
@media (min-width: 1269px) {.hamburger{
    display: none !important;
}}
.hamburger {
    position: absolute;
    padding: 26px 21px;
    right: 5%;
    top: 7%;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    font-weight: 500;
    transition-timing-function: linear;
    font: inherit;
    color: #424242;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    z-index: 2;
}
.hamburger:focus{
    outline:none !important;
}
.hamburger:hover {
    opacity: 0.7;
}
.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #FFFFFF;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}
.hamburger-inner::after {
    bottom: -10px;
}
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger-container {
    text-align: right;
}
@media (max-width: 700px) {
	.hamburger{
    	right: 45px;
	}
}
/*Hauptteil Padding*/
.space{
    padding-left: 10%;
    padding-right: 10%;
    width: 80%;
    padding-top: 5em;
    padding-bottom: 5em;
}
.container-green-infos{
    padding-left: 10%;
    padding-right: 10%;
    width: 80% !important;
}
@media (max-width: 1330px) {.space {
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    .container-green-infos{
	    padding-left: 5%;
	    padding-right: 5%;
	    width: 90% !important;
	}
}}

@media (max-width: 767px) {.space {
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 5%;
    padding-bottom: 5%;
    width: 98%;
    .container-green-infos{
	    padding-left: 1%;
	    padding-right: 1%;
	    width: 98% !important;
	}
}}
main{
    background-color: #f1edeb;
}
/*Button Hover*/
.btn:after {
    width: 105%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #665d57;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.btn {
    border: 3px solid #665d57;
    cursor: pointer;
    color: #665d57;
    font-size: 20px;
    padding: 15px 40px;
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}
@media (max-width: 774px) {.btn {
    padding: 15px 30px;
}}
.btn:hover{
    color: white;
}
.btn:hover:after {
    height: 280%;
    opacity: 1;
}
.btn-1:after {
    background: #679f31;
}
.btn-1 {
    border: 2px solid #679f31;
    color: #679f31;
}
.btn-1:hover{
    color: white;
}
/*Booking*/
.booking #footer-kontakt{
    display: none;
}
#booking-form{
    width: 50%;
    float: left;
}
@media (max-width: 767px) {.ce_text{
    width: 100%;
}}
@media (max-width: 767px) {#booking-form{
    width: 100%;
    float: none;
}}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 50% !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	    top: 10px !important;
}
.d21_quickbook{
    width: 100% !important;
    font: normal 16px Segoe UI, helvetica, arial !important;
}
.d21_header{
    color: #5f6876 !important;
    font-weight: 400 !important;
    font-size: 2em !important;
    border-bottom: none !important;
    margin-block-start: 0.67em !important;
    margin-block-end: 0.67em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    display: none !important;
}
.d21_col1 {
    padding-top: 3px !important;
    clear: both !important;
    margin-left: 4px !important;
    width: 100% !important;
    display: block !important;
    font-weight: bold !important;
}
.d21_col1, .d21_col2 {
    width: 95% !important;
}
.ui-widget-header > div{
    display: flex !important;
    justify-content: center !important;
}
#d21QuickBook input {
    display: block !important;
    width: 95% !important;
    height: calc(2.19rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: .9rem !important;
    line-height: 1.6 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
}
#d21QuickBook select {
    display: block !important;
    width: 100% !important;
    height: calc(2.19rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: .9rem !important;
    line-height: 1.6 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out !important;
}
.d21_arrivalimg, .d21_departureimg{
    display: none !important;
}
#d21_colSubmit input{
    border-radius: 0 !important;
    border: none !important;
    cursor: pointer;
    height: auto !important;
    transition: all .5s !important;
    font-size: 20px !important;
    background-color: #665d57 !important;
    color: white !important;
    margin-bottom: 20px;
    margin-top: 10px;
	width: 100% !important;
}
.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{
    color: #665d57 !important;
    border: 1px solid #665d57 !important;
    filter: grayscale(100%);
}
.ui-widget-header{
    border: 1px solid #665d57 !important;
    background: #665d57 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #761e06 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #665d57 !important;
    background: #665d5757 !important;
}
.ui-datepicker{
    font-size: 16px !important;
    z-index:999 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #665d57 !important;
    color: #665d57 !important;
}
#d21_colRebook{
    width: 95% !important;
}
#d21_colPackages{
    display: none;
}
#d21_colPackages a, #d21_colRebook a{
    border: 1px solid #665d57;
    color: #665d57;
    cursor: pointer;
    font-size: 20px;
    padding: 5px 40px;
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}
#d21_colPackages a:hover, #d21_colRebook a:hover{
    background-color: #665d57 !important;
    color: white !important;
}
.d21_colEmpty{
    display: none !important;
}
.booking-page{
    width: 50%;
}
#book{
    display: flex;
    flex-flow: wrap;
}
#book > div{
    width: 50%;
}
#book > div:first-child{
    width: 100%;
}
#book > .last{
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 767px) {#book {
    flex-flow: column;
}}
@media (max-width: 767px) {#book > div{
    width: 100%;
}}
/*Hauptteil, Main*/
/*Startseite*/
.galerie_vier > ul{
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}
.galerie_vier > ul figure{
	margin:5px;
}
.galerie_vier > ul img{
    display: block;
    object-fit: cover;
}
@media (max-width: 767px) {.galerie_vier > ul{
    justify-content: center;
    flex-flow: wrap;
}}
.contain-3{
    display: flex;
    flex-flow: wrap;
}
.contain-3 > h1, .contain-3 > h2{
    flex-basis: 100%;
    text-align: left !important;
    padding-bottom: 25px;
    border-bottom: 1px solid #c71712;
    border-top: 1px solid #c71712;
    padding-top: 25px;
}
.contain-3 > div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em;
    margin: 1em;
    flex-basis: 1%;
    flex-grow: 1;
    flex-shrink: 1;
    border: 1px solid #8fb766;
}
@media (max-width: 1100px) {.contain-3 {
    flex-wrap: wrap;
}}
@media (max-width: 1100px) {.contain-3 > div{
    flex-basis: 40%;
    flex-grow: 1;
    flex-shrink: 1;
}}
.contain-3 h2{
    text-align: center;
    font-weight: 400;
    font-size: 27px;
}
.contain-3 figure{
    text-align: center;
}
.contain-4{
    display: flex;
    justify-content: center;
}
.contain-4 > div{
    text-align: center;
    margin: 1em;
    margin-top:0;
    flex-basis: 40%;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 315px;
    max-height: 222px;
}
@media (max-width: 1100px) {.contain-4 {
    flex-wrap: wrap;
}}
@media (max-width: 500px) {.contain-4 {
    align-items: center;
    flex-flow: column;
}}
@media (max-width: 500px) {.contain-4 figure, .contain-4 figure img{
    max-height: 222px;
}}
.contain-4 figure{
    max-width: 315px;
    height: 100%;
        position: relative;
}
.contain-4 figure img{
    outline: 1px solid #d5ffa9;
    outline-offset: -1em;
    transition: all 1s;
    -ms-transform: all 1s;
    -moz-transform: all 1s;
    -webkit-transform: all 1s;
    -o-transform: sall 1s;
    display: -webkit-inline-box;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-filter: brightness(0.5);
	filter: brightness(0.5);
}
.contain-4 figure figcaption{
    opacity: 1;
    transition: all 1s;
    -ms-transform: all 1s;
    -moz-transform: all 1s;
    -webkit-transform: all 1s;
    -o-transform: sall 1s;
}
.contain-4 figure:hover figcaption{
    opacity: 0;
	     z-index: -1;
}
.contain-4 figure:hover img {
    -webkit-filter: brightness(1);
	filter: brightness(1);
	outline: 1px solid #8fb766;
}
#angebote .contain-4 figure img, #angebote .contain-4 figure:hover figcaption{
	-webkit-filter: brightness(1);
	filter: brightness(1);
	opacity: 1 !important;
	display: block !important;
}
#angebote .contain-4 figure img{
	    outline: 1px solid #8fb766 !important;
}
#angebote figure:hover figcaption{
	opacity: 0 !important;
z-index: 1 !important;
}
.neuigkeiten {
    background-color: #8fb766;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.neuigkeiten h2{
    text-align: center;
    color: #f9f9fa;
    width: 100%;
    font-weight: 400;
    font-size: 32px;
    margin-top: 0;
}
.neuigkeiten p{
    color: white;
    text-align: center;
    margin-bottom: 0;
}
.contain-4 figcaption{
    text-align: left;
    position: absolute;
    top: 20%;
    margin-left: 1.5em;
    margin-right: 1.5em;
    font-weight: 300;
    color: #f9f9fa;
    font-size: 1.5rem;
    font-weight: 500;
}
/*@media (max-width: 660px) {.contain-4 figcaption{
    bottom: 53%
}}*/

.neuigkeiten .btn1-simple a{
    background-color: #8fb766;
    color: #6c6c76;
    font-weight: 500;
}
.neuigkeiten .btn1-simple a:hover{
    background: #8fb766;
    color: #c71712;
}
.neuigkeiten .btn1-simple p{
    text-align: center;
}
.border-outline{
    padding-top: 5%;
}
#cboxTitle, #cboxCurrent{
    display: none !important;
}
#cboxPrevious{
    left: 2px;
}
#cboxNext{
    right: 2px;
}
@media (min-width: 851px) {.border-outline section h1{
    margin-top: 0;
}}
@media (max-width: 850px) {.border-outline {
    padding: 0;
    display: flex;
    flex-flow: column-reverse;
}}
.border-outline figure{
    position: relative;
    margin-left: 10%;
    width: 40%;
}
@media (max-width: 767px) {.border-outline figure{
    width: auto;
}}
@media (max-width: 850px) {.border-outline > h1{
    text-align: center;
}}
@media (max-width: 850px) {.border-outline figure {
    float: none;
    text-align: center;
    margin: 0;
}}
@media (min-width: 851px) {.border-outline figure:before{
    content: "";
    width: 10%;
    height: 100%;
    position: absolute;
    border: 0 solid transparent;
    border-left: 1px solid #8fb766;
    border-bottom: 1px solid #8fb766;
    top: -10%;
    left: -10%;
}}
@media (min-width: 851px) {.border-outline figure:after {
    content: "";
    width: 100%;
    height: 10%;
    position: absolute;
    border: 0 solid transparent;
    border-right: 1px solid #8fb766;
    border-top: 1px solid #8fb766;
    top: -10%;
    left: -10%;
}}
/*Zimmer und Preise*/
.zimmer{
    padding-bottom: 3rem;
    padding-left: 1%;
    padding-right: 1%;
}
.tab {
    border-bottom: 1px solid #7e7775;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
}
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    position: relative;
    top: 2px;
    color: #333333;
}
.tab button:hover {
    color: #679f31;
}
.tab button.active {
    border: 1px solid #7e7775;
    border-bottom: 2px solid #f1edeb;
    background-color: #f1edeb;
    color: #679f31;
    font-weight: normal;
}
@media (max-width: 767px) {.tab {
    border-bottom: none;
    overflow: hidden;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    flex-flow: column;
}}
@media (max-width: 767px) {.tab button{
    top: 0;
    border: 1px solid #7e7775;
    margin: 5px;
    display: inline-block;
    min-width: 155px;
}}
@media (max-width: 767px) {.tab button.active{
    border-bottom: 1px solid #7e7775;
}}
.tabcontent {
    display: flex;
    padding: 6px 12px;
    justify-content: space-around;
    flex-flow: wrap;
    gap: 45px;
    align-items: flex-start;
    
    opacity: 0;
	height: 0;
	overflow: hidden;
}

.tabcontent.active-tab{
	opacity: 1;
	height: auto;
	overflow: auto;
}

@media (max-width: 767px) {.tabcontent {
    padding: 0;
}}
.room_list{
    display: flex;
    flex-direction: column;
    max-width: 500px;
    flex-flow: wrap;
    overflow: initial;
    transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    position: relative;
}
.room_list > div {
    position: relative;
    padding: 3px;
    background-color: white;
    left: 35px;
    bottom: 60px;
    transition: all 0.7s ease-in-out;
    overflow: hidden;
    padding: 0px 5%;
    width:500px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    -webkit-animation: shadowhoverb 1.2s 1 linear;
    -moz-animation: shadowhoverb 1.2s 1 linear;
    -o-animation: shadowhoverb 1.2s 1 linear;
    -ms-animation: shadowhoverb 1.2s 1 linear;
    animation: shadowhoverb 1.2s 1 linear;
}
.room_list > div > div{
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
}
.room_list > div > div p{
    padding: 1rem;
        margin: 0 0.25rem 0.25rem;
}
.room_list > div h3{
    font-weight:500;
}
.room_list figure{
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: white;
    transition: all 0.7s ease-in-out;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    -webkit-animation: shadowhoverb 1.2s 1 linear;
    -moz-animation: shadowhoverb 1.2s 1 linear;
    -o-animation: shadowhoverb 1.2s 1 linear;
    -ms-animation: shadowhoverb 1.2s 1 linear;
    animation: shadowhoverb 1.2s 1 linear;
}
@media (min-width: 768px) {.room_list:hover > div, .room_list:hover figure{
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    -webkit-animation: shadowhover 1.2s 1 linear;
    -moz-animation: shadowhover 1.2s 1 linear;
    -o-animation: shadowhover 1.2s 1 linear;
    -ms-animation: shadowhover 1.2s 1 linear;
    animation: shadowhover 1.2s 1 linear;
}}
.room_list figure img{
    width: 100%;
    object-fit: cover;
    min-height: 350px;
}
@media (min-width: 768px) {.room_list:hover > div {
    left: 0;
    bottom: 0;
}}
.room_list > div::before {
    position: absolute;
    bottom: 80%;
    left: 0;
    width: 3px;
    height: 100%;
    background: #679f31;
    content: '';
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}

.room_list > div::after {
    position: absolute;
    left: 0%;
    width: 10%;
    height: 3px;
    background: #679f31;
    content: '';
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
    top: 0%;
}
.room_list:hover > div, .room_list:focus > div {
    outline: none;
}
@media (min-width: 768px) {.room_list:hover > div::after {
    width: 100%;
}}
@media (min-width: 768px) {.room_list:hover > div::before {
    bottom: 0%;
}}
@media (max-width: 767px) {.room_list > div{
    left: 0;
    bottom: 0;
}}
@media (max-width: 767px) {.room_list{
    margin-top: 5%;
    overflow: hidden;
}}
@media (max-width: 767px) {.room_list > div::before {
    bottom: 0%;
}}
@media (max-width: 767px) {.room_list > div::after {
    width: 100%;
}}
@media (max-width: 767px) {.room_list > div > div p{
    padding: 0.8rem;
}}
#nebensaison{
    background-color: #c8ad9c;
}
#nachsaison{
    background-color: #92867e;
}
#hauptsaison{
    background-color: #a1907a;
}
#saison{
    display: flex;
    text-align: center;
    justify-content: center;
    flex-flow: wrap;
    padding-top: 3rem;
}
#saison > div{
    margin-left: 5%;
    margin-right: 5%;
    padding: 20px;
    margin-top: 3rem;
}
#saison > div strong{
	color: #0c1b26;
    font-weight: 400;
    font-size: 18px;
	text-decoration: underline;
}
#saison p{
    margin: 0;
}
/*Anfrageformular*/
.anfrage #footer-kontakt{
	display:none;
}
.kontaktformular {
    display: flex;
    justify-content: center;
    padding-top: 5%;
    padding-bottom: 5%;
}
.kontaktformular > .formbody {
    width: 100%;
}
.kontaktformular > div > div{
	width:50%;
	float:left;
	margin: 5px 0 5px 0;
}
@media (max-width: 1100px) {.kontaktformular > div > div{
        width: 100%;
}}
.kontaktformular div > input, .kontaktformular textarea {
    border-radius: 0px;
    background-color: #ffffff;
    border: none;
    box-shadow: none;
    color: #0c1b26;
    padding: 10px 0px 10px 5px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
	border: 1px solid #d0d0d0;
    border-radius: 4px;
	border-top-left-radius: 0px;
}
.kontaktformular div > fieldset{
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    padding: 0;
	border-image: none;
	border: 1px solid #d0d0d0;
    border-radius: 4px;
	background: white;
	margin-top: 10px;
	border-top-left-radius: 0px;
}
.kontaktformular div > fieldset legend{
    background-color: white;
    position: relative;
    top: -11px;
    left: -1px;
    border: 1px solid #d0d0d0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0px 5px 0px 5px;
	border-bottom: 0;
}
.kontaktformular div > fieldset > span{
    padding: 10px;
    padding: 10px;
    display: block;
    float: left;
	width: 95%;
}
.kontaktformular div > label{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    background-color: white;
    position: relative;
    border: 1px solid #d0d0d0;
    border-bottom: none;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0px 10px 0px 10px;
	top:2px;
}
.kontaktformular div > label span:last-child{
        position: absolute;
}
.kontaktformular .widget-select label{
	width: 100%;
    margin-left: 0;
    margin-right: 0;
	float: none;
	top:1px;
}
.kontaktformular .widget-radio{
	    clear: left;
}
.kontaktformular .widget-select{
	width: 15%;
    margin-left: 5%;
    margin-right: 5%;
}
@media (max-width: 1100px) {.kontaktformular .widget-select{
    width: 30%;
    margin-left: 10%;
    margin-right: 10%;
}}
@media (max-width: 600px) {.kontaktformular .widget-select{
	width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}}
.kontaktformular .widget-select select{
	    min-width: 160px;
}
.kontaktformular .widget-submit{
	        width: 100%;
			text-align: right;
}
.kontaktformular .radio_container input{
	    width: auto !important;
}
.kontaktformular button {
    width: 190px;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
    color: white;
    border: 1px solid #665d57;
    padding: 10px 20px 10px 20px;
    background: #665d57;
    border-radius: 0;
    margin-right: 4%;
    cursor: pointer;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
@media (max-width: 1100px) {.kontaktformular button {
    margin-right: 9%;
}}
.kontaktformular button:hover {
    background-color: #f2edeb;
    color: #665d57;
    border: 1px solid #665d57;
}
.widget-calendar input{
	    cursor: pointer;
}

@media (max-width: 550px) {.widget-calendar::after {
    margin-left: 80%;
}}
/*Schlösser und Umgebung*/
video{
    width: 100%;
    object-fit: cover;
    height:100%;
	background:black;
	min-height: 100%;
	min-width: 100%;
	-webkit-transform-style: preserve-3d;
}
#video-background span{
    color: #f1edeb;
    position: absolute;
    right: 15px;
    top: 60vh;
}
@media (max-width: 767px) {#video-background span{
    top: 45vh;
}}
#rss-feed .mod_rssReader{
    max-width: 1000px;
}
#rss-feed .rss_default_header{
    display: none;
}
/*Anfahrt & Info*/
.ce_leaflet > div{
    height: 100% !important;
}
#anfahrt section{
	float:left;
}
#anfahrt p{
    top: 50%;
    position: relative;
    text-align: center;
}
#anfahrt p a{
    background-color: #6d665e;
    padding: 20px;
    border-radius: 5px;
    color: #ffffff
}
#anfahrt p a:hover{
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.49);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.49);
}
@media (max-width: 424px) {#anfahrt section{
    float: none;
}}
@media (max-width: 424px) {#anfahrt p{
    top: 0;
	margin-top: 35px;
}}
#info-page{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
#info-page .long{
    width: 100%;
}
#info-page div{
    width: 45%;
}
@media (max-width: 1023px) {#info-page div{
    width: 100%;
}}

/*Bilder*/
#cboxLoadedContent{
    border: 2px solid #679f31;
}
#cboxClose{
    top: 2px;
}
#cboxContent{
    background: transparent;
}
/*Internet Explorer*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .tabcontent {
    	display: block;
	}
	.tab{
		display:none;
	}
	.room_list{
		width: 48%;
		float: left;
		margin-left: 1%;
	}
	.headerbild > div h2{
		opacity:1 !important;
	}
	.header_arrow::before{
		display:none !important;
	}
	.header_arrow{
		display:none !important;
	}
	#logo{
		padding: 0 10px;
		border-radius: 5px;
		background-color: white;
		top: 2px;
	}
	.startseite #logo{
		background-color:transparent;
	}
	.headerbild-small{
		margin-top: -35px;
	}
	.leaflet-map {
		z-index:-1;
	}
}

/*Impressionen*/
.galerie-row ul{
    display: flex;
    flex-flow: wrap;
	padding-bottom: 1rem;
}

.galerie-row h2{
    flex-basis: 100%;
}

.galerie-row ul li{
    flex-basis: 33.3333%;
}

.galerie-row ul li img{
    height: auto;
    object-fit: cover;
    width: 100%;
    display: block;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
}

.galerie-row ul li figure{
    margin: 15px;
}

.galerie-bg-weiß ul li figure{
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
}

@media (max-width: 1200px) {
    .galerie-row ul li{
        flex-basis: 50%;
    }
}

@media (max-width: 500px) {
    .galerie-row ul li{
        flex-basis: 100%;
    }
}

.cookiebar{
	z-index: 99999;
	background-color: #6e665e;
}

.cookiebar__button{
	background-color: #679f31;
}

.cookiebar__button:hover {
    background-color: #71b035;
}

/*Sprachenwechsler*/

.sprachenwechsler ul .lang-en a, .sprachenwechsler ul .lang-en span{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cstyle%3E.st7{fill:%232057a7}.st8{fill:%23d81f2a}%3C/style%3E%3Cdefs%3E%3Ccircle id='SVGID_1_' cx='-148' cy='128' r='113.78'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Cpath d='M-332.89 14.22H36.89v75.8h-369.78z'/%3E%3Cpath fill='%23db1f26' d='M-332.89 90.02H36.89v75.8h-369.78z'/%3E%3Cpath fill='%23fece07' d='M-332.89 165.82H36.89v75.8h-369.78z'/%3E%3C/g%3E%3Cg%3E%3Ccircle id='Ellipse_355' cx='128' cy='128' r='128' fill='%23fff'/%3E%3Ccircle cx='128' cy='128' r='113.78' fill='none'/%3E%3Ccircle cx='128' cy='128' r='113.78' fill='%23f1f0f0'/%3E%3Cpath class='st7' d='M37.74 58.73a113.262 113.262 0 00-19.6 39.59h59.19L37.74 58.73zM237.86 98.32a113.262 113.262 0 00-19.6-39.59l-39.59 39.59h59.19zM18.14 157.68a113.262 113.262 0 0019.6 39.59l39.59-39.59H18.14zM197.27 37.74a113.262 113.262 0 00-39.59-19.6v59.19l39.59-39.59zM58.73 218.26a113.262 113.262 0 0039.59 19.6v-59.19l-39.59 39.59zM98.32 18.14a113.262 113.262 0 00-39.59 19.6l39.59 39.59V18.14zM157.68 237.86a113.262 113.262 0 0039.59-19.6l-39.59-39.59v59.19zM178.67 157.68l39.59 39.59a113.262 113.262 0 0019.6-39.59h-59.19z'/%3E%3Cg%3E%3Cpath class='st8' d='M240.81 113.16h-97.97V15.19c-4.86-.63-9.81-.96-14.84-.96-5.03 0-9.98.33-14.84.96v97.97H15.19c-.63 4.86-.96 9.81-.96 14.84 0 5.03.33 9.98.96 14.84h97.97v97.97c4.86.63 9.81.96 14.84.96 5.03 0 9.98-.33 14.84-.96v-97.97h97.97c.63-4.86.96-9.81.96-14.84.01-5.03-.32-9.98-.96-14.84z'/%3E%3Cpath class='st8' d='M157.68 157.68l50.77 50.77c2.34-2.33 4.56-4.77 6.69-7.3l-43.47-43.47h-13.99zM98.32 157.68l-50.77 50.77c2.33 2.34 4.77 4.56 7.3 6.69l43.47-43.47v-13.99zM98.32 98.32L47.55 47.55c-2.34 2.33-4.56 4.77-6.69 7.3l43.47 43.47h13.99zM157.68 98.32l50.77-50.77c-2.33-2.34-4.77-4.56-7.3-6.69l-43.47 43.47v13.99z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.mod_changelanguage ul .lang-de a, .sprachenwechsler ul .lang-de span {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cstyle%3E%3C/style%3E%3Ccircle id='Ellipse_355-2' cx='128' cy='128' r='128' fill='%23fff'/%3E%3Cdefs%3E%3Ccircle id='SVGID_1_' cx='128' cy='128' r='113.78'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23SVGID_2_)'%3E%3Cpath d='M-56.89 14.22h369.78v75.8H-56.89z'/%3E%3Cpath fill='%23db1f26' d='M-56.89 90.02h369.78v75.8H-56.89z'/%3E%3Cpath fill='%23fece07' d='M-56.89 165.82h369.78v75.8H-56.89z'/%3E%3C/g%3E%3C/svg%3E");
}
.mod_changelanguage ul .lang-de a, .sprachenwechsler ul .lang-de span, .sprachenwechsler ul .lang-en a, .sprachenwechsler ul .lang-en span {
    display: block;
    width: 25px;
    height: 25px;
    color: transparent !important;
    background-repeat: no-repeat;
}
.mod_changelanguage ul {
    position: absolute;
    right: 5%;
    top: 10px;
}
.sprachenwechsler ul li{
    border: none !important;
    top: 5px;
    list-style: none;
}

@media (max-width: 1700px) {
	.mod_changelanguage ul{
		right: 2rem;
	}
}

@media (max-width: 1400px) {
	.mod_changelanguage ul {
	    right: 20px;
	}
}

.pb-0{
	padding-bottom: 0 !important;
}

.room_list_gallery.no-example-image:before,
.room_list.no-example-image:before{
	display: none !important;
}

.room_list_gallery{
    display: flex;
    flex-direction: column;
    max-width: 500px;
    flex-flow: wrap;
    overflow: initial;
    transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    position: relative;
}

.room_list_gallery:before,
.room_list:before{
right: 5px;
  top: 42px;
  position: absolute;
  z-index: 99;
  opacity: 0.5;
  font-size: 14px;
}

html:lang(de) .room_list_gallery:before{
	content: 'Beispielbilder';
}

html:lang(en) .room_list_gallery:before{
	content: 'Sample images';
}

html:lang(de) .room_list:before{
	content: 'Beispielbild';
}

html:lang(en) .room_list:before{
	content: 'Sample image';
}

.room_list_gallery > .ce_sliderStart{
	position: relative;
}


.room_list_gallery > .ce_sliderStart nav{
	position: absolute;
	bottom: 50%;
	width: 100%;
	height: 0px;
	display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.room_list_gallery > .ce_sliderStart nav > .slider-menu{
	display: none;
}

.room_list_gallery > .ce_sliderStart nav > a{
	text-indent: -9999px;
	color: transparent;
	top: 0;
}

.room_list_gallery > .ce_sliderStart nav > .slider-prev{
	left: 5px;
}

.room_list_gallery > .ce_sliderStart nav > .slider-next{
	right: 5px;
}

.room_list_gallery > .ce_sliderStart nav > .slider-prev::before,
.room_list_gallery > .ce_sliderStart nav > .slider-next::before{
	content: '';
	width: 30px;
	height: 30px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0.7;
}

.room_list_gallery > .ce_sliderStart nav > .slider-prev:hover::before,
.room_list_gallery > .ce_sliderStart nav > .slider-next:hover::before{
	opacity: 1;
}

.room_list_gallery > .ce_sliderStart nav > .slider-prev::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
}

.room_list_gallery > .ce_sliderStart nav > .slider-next::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E");
}

.room_list_gallery > div:not(.ce_sliderStart) {
    position: relative;
    padding: 3px;
    background-color: white;
    left: 35px;
    bottom: 60px;
    transition: all 0.7s ease-in-out;
    overflow: hidden;
    padding: 0px 5%;
    width:500px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    -webkit-animation: shadowhoverb 1.2s 1 linear;
    -moz-animation: shadowhoverb 1.2s 1 linear;
    -o-animation: shadowhoverb 1.2s 1 linear;
    -ms-animation: shadowhoverb 1.2s 1 linear;
    animation: shadowhoverb 1.2s 1 linear;
}
.room_list_gallery > div > div:not(.content-slider){
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
}
.room_list_gallery > div > div:not(.content-slider) p{
    padding: 1rem;
        margin: 0 0.25rem 0.25rem;
}
.room_list_gallery > div:not(.ce_sliderStart) h3{
    font-weight:500;
}
.room_list_gallery figure{
    padding-top: 35px;
    padding-bottom: 35px;
    background-color: white;
    transition: all 0.7s ease-in-out;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    -webkit-animation: shadowhoverb 1.2s 1 linear;
    -moz-animation: shadowhoverb 1.2s 1 linear;
    -o-animation: shadowhoverb 1.2s 1 linear;
    -ms-animation: shadowhoverb 1.2s 1 linear;
    animation: shadowhoverb 1.2s 1 linear;
}
@media (min-width: 768px) {.room_list_gallery:hover > div, .room_list_gallery:hover figure{
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    -webkit-animation: shadowhover 1.2s 1 linear;
    -moz-animation: shadowhover 1.2s 1 linear;
    -o-animation: shadowhover 1.2s 1 linear;
    -ms-animation: shadowhover 1.2s 1 linear;
    animation: shadowhover 1.2s 1 linear;
}}
.room_list_gallery figure img{
    width: 100%;
    object-fit: cover;
    min-height: 350px;
}
@media (min-width: 768px) {.room_list_gallery:hover > div {
    left: 0;
    bottom: 0;
}}
.room_list_gallery > div:not(.ce_sliderStart)::before {
    position: absolute;
    bottom: 80%;
    left: 0;
    width: 3px;
    height: 100%;
    background: #679f31;
    content: '';
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}

.room_list_gallery > div:not(.ce_sliderStart)::after {
    position: absolute;
    left: 0%;
    width: 10%;
    height: 3px;
    background: #679f31;
    content: '';
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
    top: 0%;
}
.room_list_gallery:hover > div, .room_list_gallery:focus > div {
    outline: none;
}
@media (min-width: 768px) {.room_list_gallery:hover > div:not(.ce_sliderStart)::after {
    width: 100%;
}}
@media (min-width: 768px) {.room_list_gallery:hover > div:not(.ce_sliderStart)::before {
    bottom: 0%;
}}
@media (max-width: 767px) {.room_list_gallery > div:not(.ce_sliderStart){
    left: 0;
    bottom: 0;
}}
@media (max-width: 767px) {.room_list_gallery{
    margin-top: 5%;
    overflow: hidden;
}}
@media (max-width: 767px) {.room_list_gallery > div:not(.ce_sliderStart)::before {
    bottom: 0%;
}}
@media (max-width: 767px) {.room_list_gallery > div:not(.ce_sliderStart)::after {
    width: 100%;
}}
@media (max-width: 767px) {.room_list_gallery > div:not(.ce_sliderStart) > div p{
    padding: 0.8rem;
}}

/*Internet Explorer*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.room_list_gallery{
		width: 48%;
		float: left;
		margin-left: 1%;
	}
}

.container-green-infos > *{
	text-align: left !important;
	color: #f9f9fa !important;
}

.container-green-infos > hr{
	background: #f9f9fa;
}

.container-green-infos a{
	background: #f9f9fa;
	border-radius: 5px;
	padding: 5px;
	top: -5px;
	position: relative;
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: url('../../files/postschwangau/layout/fonts/lato-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../../files/postschwangau/layout/fonts/lato-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/postschwangau/layout/fonts/lato-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/postschwangau/layout/fonts/lato-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/postschwangau/layout/fonts/lato-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/postschwangau/layout/fonts/lato-v15-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}