@import url('../js/fancybox/jquery.fancybox.css');
@import url('../request-form/datepicker.css');
@import url('swiper.css');
@import url('../request-form/request-form.css');
@import url("https://use.typekit.net/lmt4gow.css");
@import url("https://use.typekit.net/lpe3gle.css");
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
/*font einfuegen in css*/
@font-face { font-family: "font-name"; src: url("font-name.eot");}
@font-face { font-family: "font-name"; src: url("font-name.ttf");}
@font-face { font-family: "font-name"; src: url("font-name.woff2");}

html, body { margin:0px; padding:0px; font-size:1em;font-family: "brandon-grotesque", sans-serif;font-weight:400; color:#f3ede1; background-color:#f3ede1;}

/*--common--*/
.h1 {}
.h2 {}
.h3 {text-transform: uppercase;  font-size: 17px;}
h3 {text-transform: uppercase;  font-size: 19px;font-weight: unset;letter-spacing: 0.04em;}
p, ul {font-size: 19px;line-height: 24px;}
ul {margin: 35px 0 0;padding: 17px;}
li {list-style: none;}
ul li::before {content: '\00B7';position: relative;left: -10px;top: 4px;font-size: 40px;color: #9FA582;}
a { text-decoration:none; color:inherit;}
a:hover { }
.img_hidden_slide {width: 50px;top: -100px;position: absolute;}
.start_language{margin: unset; position: relative; opacity: 0.8; font-size: 16px;word-spacing: 25px;display: ruby-base;}
.lang{}
.cur_language{display: none;}

.transition { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}

/*--menu--*/
.header {position: absolute;z-index: 5;width: 100%;height: 73px;top: 30px;}
.header-logo {position: absolute;/*! left: 5%; */top: 0px;width: 100%;margin: 0 auto;text-align: center;}
.header-logo img {width: 15%;-webkit-filter: brightness(20);}
.header-buttons {position: absolute;top: 0;right: 6%;display: block;}
.header-bt {display: inline-block;overflow: hidden;position: relative;width: auto;text-align: center;padding: 27px 35px;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;color: #f3ede1;}
.bt-anf {background-color: #a7a98d;}
.header-bt .button-back {background-color: #f3ede1;opacity: 1;}
.header-bt.bt-kont .button-back {background-color: #9FA582;}
.header-bt span {position: relative;}
.bt-kont {background-color: #F3EDE1;color: #9FA582;}
.header-m-img {display: none;}
.header-m-img img {}

.header-buttons-resp {display: none;}
.header-bt-resp {display: block;overflow: hidden;position: relative;width: 50%;text-align: center;padding: 20px 0;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;color: #9FA582;background-color: #e9e3d7;flex: 0 0 50%; box-sizing: border-box;}


.bt-anf-resp {background-color: #a4a68a;color: #f3ede1;}
.header-bt-resp .button-back-resp {background-color: #f3ede1;opacity: 1;}
.header-bt-resp.bt-kont-resp .button-back-resp {background-color: #9FA582;}
.header-bt-resp span {position: relative;}
.bt-kont {background-color: #ECE6DA;color: #9FA582;}
.header-m-img-resp {display: none;}
.header-m-img-resp img {}

.header-bt:hover {text-decoration: none;color: #9FA582;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.header-bt:hover .button-back {top: -100%;}
.header-bt:hover.bt-kont {color: #f3ede1;}











.menu_button { position:absolute; background-color:#a7a98d; color:#fff; display:none;     top: 0px;left: 6%;width: 73px;height: 73px;cursor: pointer;}
.menu_button>span {position: absolute;left: 50%;transform: translateX(-50%);top: 12px;font-size: 14px;text-transform: uppercase;}
.menu_button-lines { width:30px; height:18px; position:absolute; bottom:15px; left:50%;   display:none; transform: translateX(-50%);}
.menu_button-lines span {background-color:#fff; width:100%; height:1px; position:absolute; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;left: 0;}
.menu_button-lines span:nth-child(1) {top: 0;}
.menu_button-lines span:nth-child(2) {top: 50%; transform: translateY(-50%);}



.menu_button-lines span:nth-child(3) {bottom: 0;}
.header-open .menu_button-lines {transform: translateX(-50%) rotate(90deg);}
.header-open .menu_button-lines span:nth-child(1) {transform: rotate(45deg);top: 48%;}
.header-open .menu_button-lines span:nth-child(2) {opacity:0;}
.header-open .menu_button-lines span:nth-child(3) {transform: rotate(-45deg);bottom: 46%;}
.header-open .header-logo img{-webkit-filter: unset;height: unset;width: 9%;display: none;}





    .navigation { display: table; position:absolute; top:0; right:0; z-index: 3; margin:auto; width:100%;height: 100%;}
	.menu-img-box {top: 50%;left: 50%;transform: translate(-50%, -50%);box-sizing: border-box;position: absolute;width: 40vw;height: 40vw;background-color: #9FA582;}
	.menu-img-box-2 {top: calc(50% + 130px);transform: translate(-50%, -50%);box-sizing: border-box;position: absolute;width: 20vw;height: 20vw;background-color: #9FA582;left: calc(50% - 30vw - 80px);}
	.menu-img-box-3 {top: calc(50% - 130px);left: calc(50% + 30vw + 80px);transform: translate(-50%, -50%);box-sizing: border-box;position: absolute;width: 20vw;height: 20vw;background-color: #9FA582;}
	.menu-img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-position: center;background-size: cover;opacity:0;-webkit-transition: all 0.4s cubic-bezier(.65,.05,.36,1) 0s;-moz-transition: all 0.4s cubic-bezier(.65,.05,.36,1) 0s;-o-transition: all 0.4s cubic-bezier(.65,.05,.36,1) 0s;transition: all 0.4s cubic-bezier(.65,.05,.36,1) 0s;}
	.menu-img-box-2 .menu-img {-webkit-transition: all 0.8s cubic-bezier(.65,.05,.36,1) 0s;-moz-transition: all 0.8s cubic-bezier(.65,.05,.36,1) 0s;-o-transition: all 0.8s cubic-bezier(.65,.05,.36,1) 0s;transition: all 0.8s cubic-bezier(.65,.05,.36,1) 0s;opacity: 1;clip-path: polygon(0 0,0 0,0 100%,0 100%);-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	.menu-img-box-2 .menu-img:nth-child(even) {clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);-webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	.menu-img-box-3 .menu-img {-webkit-transition: all 0.8s cubic-bezier(.65,.05,.36,1) 0s;-moz-transition: all 0.8s cubic-bezier(.65,.05,.36,1) 0s;-o-transition: all 0.8s cubic-bezier(.65,.05,.36,1) 0s;transition: all 0.8s cubic-bezier(.65,.05,.36,1) 0s;opacity: 1;clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);-webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	.menu-img-box-3 .menu-img:nth-child(even) {clip-path: polygon(0 0,0 0,0 100%,0 100%);-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	.menu-img-active {opacity:1;}
	.menu-img-box-2 .menu-img-active {-webkit-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;-moz-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;-o-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;clip-path: polygon(0 0,100% 0,100% 100%,0 100%) !important;-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%) !important;}
	.menu-img-box-3 .menu-img-active {-webkit-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;-moz-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;-o-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;clip-path: polygon(0 0,100% 0,100% 100%,0 100%) !important;-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%) !important;}
	.menu-slog-cont {position: absolute;font-family: "minerva-modern", sans-serif;font-size: 2.4vw;width: 100%;top: calc(-6vw - 20px);}
	.menu-slog {position: absolute;opacity: 0;transform: translateX(40px);-webkit-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;-moz-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;-o-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0s;color: #9FA582;}
	.menu-slog-active {opacity: 1;transform: translateX(0);-webkit-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0.2s;-moz-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0.2s;-o-transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0.2s;transition: all 0.6s cubic-bezier(.65,.05,.36,1) 0.2s;}

	.menu-img-box-3 .menu-slog-cont {bottom: -20px;top: unset;text-align: left;}
	.menu-img-box-3 .menu-slog {left: unset;transform: translateX(-40px);color: #9FA582;}
	.menu-img-box-3 .menu-slog-active {transform: translateX(0);}
	.menu { margin:0px; padding:0px; display:block; text-align: left;position: absolute;z-index: 4;}
    .menu-item { padding:13px 4px;letter-spacing:2px;cursor: pointer; display: inline-table; position: relative;text-decoration:none;box-sizing: border-box;text-align: center;font-size: 30px;font-family: "minerva-modern", sans-serif;font-weight: 700;margin: 15px 0;color: #9FA582;}
    .menu-item-active {}
    .menu-item:hover {color:#fff;text-decoration: none;background-color: #9FA582;}
    .submenu {display:none;}
    .submenu-item {}
    .submenu-item:hover {}


    /*menu*/
	.menu_button { display:block; z-index:10;font-weight: 400;}
	.menu_button-lines { display:block; z-index:10;}
	.navigation { position: fixed;  margin:0 auto; text-align:right;opacity:0.001;pointer-events: none;height: 100vh;background-color: #f3ede1;z-index: 4;}
	.header-open.navigation {opacity:1;pointer-events: all;}
    .menu {top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; background-color: #f3ede1de; box-sizing: border-box;padding: 2vw 10vw;backdrop-filter: blur(5px);}
    .menu-item { display:block; width: 100%;}
    .lang-text {background-color:#aaa;}
    .menu-other {position:relative;}
    .menu-other-href {padding: 0;text-align: left;background-color: #aaa;margin: 1px 0 0;}
    #s01 {position:relative;display: none;}
    #s02 {position:absolute;display: none;}
    .s0-open{position:relative !important;display:block !important;}

	.header.fixed {position: fixed;transform: translateY(-100%);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
	.header.fixed-2 {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;transform: unset !important;}
	.header-open {position: fixed;}
	.header.fixed {background-color: #f3ede1e5;top: 0;}
	.header.fixed.header-open {transform: translateY(-100%) !important;}
	.header.fixed .header-logo {top: 7px;height: 100%;}
	.header.fixed .header-logo img {-webkit-filter: unset;width: unset;height: 80%;}
	.header.fixed .header-bt {padding: 27px 35px;}

/*--Slide--*/
.slide {height:1000px;position:relative;height:calc(100vh);}
.swiper-container {width:100%;height:100%;}
.swiper-slide {position:relative;text-align: center;font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-position:center; background-repeat:no-repeat; background-size:cover;height:100%;}
.swiper_sfondo {object-fit: cover; width: 100%; height: 100%; max-width: 100%; max-height: 100%; transform:scale(1); transition: all 4s cubic-bezier(0.82, 0.01, 0.77, 0.78) 0s;}
.pag-box { top:50%; left:0; display: table;  height:auto; position: absolute; text-align:center;z-index: 3; box-sizing:border-box;transform: translateY(-50%);}
.pagination {display: inline-table;position: relative;vertical-align: middle;}
.swiper-pagination-bullet { background:#fff; width:15px; height:2px; opacity:0.6;  display:block; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;margin: 11px 0;}
.swiper-pagination-bullet:first-child:last-child {display:none;}
.swiper-pagination-bullet-active { width:30px; height:2px; opacity:0.8; position: relative;border-width: 1.5px;}
.slide-grad-1 {position: absolute;width: 100%;height: 30%;background: linear-gradient(rgb(0, 0, 0), rgba(0,0,0,0));background: -webkit-linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));background: -moz-linear-gradient(rgb(0, 0, 0), rgba(0,0,0,0));opacity: 0.4;top: 0;left: 0;pointer-events:none;z-index:1;}
.slide-grad-2 {position: absolute;width: 100%;height: 30%;background: linear-gradient(rgba(0,0,0,0), rgb(0, 0, 0));background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0));background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0));opacity: 0.4;left: 0;bottom: 0;pointer-events:none;z-index:1;}


#mb-slide .pag-box {top: unset;position: relative;transform: unset;left: unset;box-sizing: unset;height: unset;margin: 0 auto;}
#mb-slide .pagination {display: block;}
#mb-slide .swiper-pagination-bullet {display: inline-block;position: relative;background: unset;width: unset;height: unset;opacity: 1;margin: 20px 0 50px;}
#mb-slide .swiper-pagination-bullet:first-child:last-child {}
#mb-slide .swiper-pagination-bullet-active {}
#mb-slide .swiper-pagination-bullet:last-child {margin-left: 20px;}
.pag-box-bullet-inside {display:none;}
.pagination .pag-box-bullet-inside {position: relative; display:block;}



.start {position: absolute;top: 0;left: 0;height: 100vh;width: 100%;z-index: 1;pointer-events: none;}
.start-cont {position: absolute;bottom: 40px;width: 100%; font-size: 80px;font-weight: 600;font-family: "minerva-modern", sans-serif;text-align: center;font-weight: unset;}
.start-cont img {position: relative;margin: 0 auto;width: 95vw;display: table;opacity: 0.2;}
.start-slog {position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%, -50%);font-size: 60px;font-weight: 600;line-height: 55px;font-family: "minerva-modern", sans-serif;}
.main {background-color: #9FA582;position: relative;display: block;padding: 250px 0 0;}
.main-back {position: absolute;bottom: 0;width: 100%;left: 0;}
.main-back img {width: 100%;opacity: 0.03;display: none;}
.main-container {position: relative;display: table;width: 90%;max-width: 900px;margin: 0 auto;text-align: center;color: #F3EDE1;}
.main-cont-b {position: absolute;width: 500px;top: -170px;right: -90px;opacity: 0.2;}
.main-cont-b img {width: 100%;}
.main-slogan {position: relative;display: table;margin: 0 auto 10px;font-size: 80px;font-weight: 600;font-family: "minerva-modern", sans-serif;line-height: 80px;}
.h1 {position: relative; margin: 0 auto; font-size: 19px; font-weight: 400; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.04em;}
.main-txt {position: relative;display: block;margin: 60px auto 0;text-align: center;}
.h2 {font-size: 20px;line-height: 24px;font-weight: 501;}
.main-txt p {margin: 0;}
.main-txt span{  opacity: 0.9; font-size: 29px;/*! font-weight: 400; */line-height: 1.5;/*! text-transform: uppercase; *//*! letter-spacing: 0.04em; *//*! position: relative; */font-family: "Indie Flower", cursive;}
.main-bott {position: relative;display: table;margin: 170px auto 0;width: 100%;}
.main-bot-slog {position: relative;display: table;text-align: center;margin: 0 auto;color: #f3ede1;font-size: 19px;text-transform: uppercase;letter-spacing: 0.04em;}
.main-bot-slog-green{color:#9FA582;}
.main-bot-cont {position: relative;display: table;margin: 30px auto 0;width: 100%;height: 35vw;z-index: 1;margin-bottom: -12vw;}
.space-inner{height: 100px;}




.button-switch {position: relative; display: flex; align-items: center; margin: 30px auto 0; padding: 0; width: 220px;    height: 44px; border: 1px solid #f3ede1; color: #f3ede1; cursor: pointer; overflow: hidden; text-transform: uppercase; font-size: 16px;}
.button-switch .button-back { position: absolute;    top: 0;    left: 0;    width: 50%;    height: 100%;    background-color: #f3ede1;    transform: translateX(0);    transition: transform 0.4s ease;text-align: center;}
.button-switch span {position: relative;    z-index: 1;    /*! display: flex; */    align-items: center;    justify-content: center;    width: 50%;    height: 100%;    transition: color 0.4s ease;text-align: center;width: 100%;position: absolute;}
.button-switch span:first-of-type {color: #333333;}
.button-switch span:last-of-type {color: #f3ede1;}
.button-switch.winter-active span:first-of-type { color: #f3ede1;}
.button-switch.winter-active span:last-of-type { color: #333333;}

.main-bot-img-cont {position: absolute;display: block;}
.main-bot-img-cont-1 {left: calc(50% - 27.5vw - 70px);transform: translate(-50%, -50%);top: calc(50% + 1vw + 30px);width: 17vw;}
.main-bot-img-cont-inn {position: relative;display: block;width: 35vw;height: 35vw;overflow: hidden;}
.main-bot-img {position: absolute;top: 40px;left: 0;width: 100%;height: 110%;background-position: center;background-size: cover;}
.main-bot-txt {font-family: "minerva-modern", sans-serif;font-size: 2.6vw;}
.main-bot-img-cont-2 {left: 50%;transform: translateX(-50%);}




.main-bot-img-cont-3 {left: calc(50% + 27.5vw + 70px);transform: translate(-50%, -50%);top: calc(50% + 10vw - 30px);width: 17vw;}
.main-bot-img-cont-1 .main-bot-img-cont-inn {width: 17vw;height: 17vw;}
.main-bot-img-cont-2 .main-bot-img-cont-inn {}
.main-bot-img-cont-3 .main-bot-img-cont-inn {width: 17vw;height: 17vw;}
.main-bot-img-cont-1 .main-bot-txt {color: #9FA582;margin-top: 40px;text-align: right;}
.main-bot-img-cont-2 .main-bot-txt {}
.main-bot-img-cont-3 .main-bot-txt {margin-bottom: 40px;}
.main-bot-img-cont-1 .main-bot-img {}
.main-bot-img-cont-2 .main-bot-img {top: -70px;}
.main-bot-img-cont-3 .main-bot-img {}
.button {position: relative;display: block;margin: 30px auto 0;z-index: 1;padding: 10px 70px;font-size: 16px;text-transform: uppercase;border: solid 1px #f3ede1;width: fit-content;color: #9FA582;cursor: pointer;overflow: hidden;background-color: #f3ede1;}
.button-switch {}
.button-back {position: absolute;top: 100%;left: 0;width: 101%;height: 200%;background-color: #9FA582;opacity: 1;pointer-events: none;clip-path: polygon(0 0, 100% 50%, 100% 100%, 0 100%);-webkit-transition: all 0.7s cubic-bezier(.65,.05,.36,1) 0s;-moz-transition: all 0.7s cubic-bezier(.65,.05,.36,1) 0s;-o-transition: all 0.7s cubic-bezier(.65,.05,.36,1) 0s;transition: all 0.7s cubic-bezier(.65,.05,.36,1) 0s;}
.button span {position: relative;width: 100%;text-align: center;margin: 0 auto;}
.button-txt-switch {position: absolute !important;top: 50%;left: 50%;width: 100%;white-space: nowrap;transform: translate(-50%, -50%);text-align: center;opacity: 0;}
.button:hover {text-decoration: none;color: #f3ede1;}
.button:hover .button-back {top: -100%;}
.living {position: relative;background-color: #f3ede1;padding: 28vw 0 0;}
#living{width: 100%;height: 73px;position: absolute;top: -73px;}
#active{width: 100%;height: 73px;position: absolute;top: -73px;}
#position{width: 100%;height: 73px;position: absolute;top: -100px;}
.living-back {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;opacity: 0.04;}
.living-container {position: relative;display: block;width: 90%;margin: 0 auto;}
.living-title {position: relative;display: table;margin: 0 auto;font-size: 80px;color: #9FA582;font-family: "minerva-modern", sans-serif;font-weight: 700;max-width: 800px;text-align: center;line-height: 90px;}
.living-slog {color: #4a4a4a;position: relative;display: table;margin: 40px auto 15px;font-size: 19px;text-align: center;width: 90%;}
.mb-slide {position: relative; display:block !important;width: 100%;max-width: 1500px;margin: 0 auto;}
.mb-slide .swiper-container {}
.mb-slide .swiper-wrapper {}
.mb-slide .swiper-slide {background-color:#9FA582;height: auto;}
.liv-back {position: absolute;height: 95%;left: 50%;transform: translateX(-50%);}
.liv-back img {height: 100%;opacity: 0.04;}
.liv-txt-cont {position: relative;display: inline-block;width: 50%;margin: 0 auto 0 0;left: 8%;max-width: 850px;text-align: left;padding: 60px 0;}
.liv-s-title {font-family: "minerva-modern", sans-serif;position: relative;display: table;margin: 0 0 10px 0;font-size: 55px;}
.liv-s-info {position: relative;display: table;}
.liv-s-info-inn {position: relative;display: inline-table;}
.liv-s-info-inn:last-child {margin-left: 25px;}
.liv-s-info-inn img {width: 21px;position: relative;display: inline-table;vertical-align: middle;}
.liv-s-info-inn span {position: relative;display: inline-table;vertical-align: middle;margin-left: 10px;}
.liv-txt-cont p {position: relative;display: table;margin: 40px 0;width: 100%;max-width: 700px;}
.liv-buttons {position: relative;display: block;}
.liv-button {display: inline-block;margin: unset;padding: 15px 60px;background-color: #e5dfd3;}
.liv-button:nth-child(2) {margin: 0 20px;}
.button-anf {background-color: unset;}
.liv-button .button-back {}
.button-anf .button-back {}
.liv-button span {color: #9FA582;}
.button-anf span {color: #8e8b82;}
.liv-s-img {position: relative;display: inline-block;width: 33%;height: 76%;right: 8%;background-position: center;background-size: cover;max-width: 400px;}
.liv-bot {position: relative;display: table;margin: 170px auto 0;width: 100%;margin-bottom: calc(-17.5vw - 230px);}
.liv-bot .main-bot-slog {}
.liv-bot .main-bot-cont {margin-bottom: unset;}
.liv-bot .main-bot-img-cont {}
.liv-bot .main-bot-img-cont-1 {top: calc(50% + 1.5vw + 30px);}
.liv-bot .main-bot-img-cont-inn {}
.liv-bot .main-bot-img {}
.liv-bot .main-bot-txt {}
.liv-bot .main-bot-txt-extra {}
.liv-bot .main-bot-img-cont-2 {}
.liv-bot .main-bot-img-cont-3 {}
.liv-bot .main-bot-img-cont-1 .main-bot-img-cont-inn {}
.liv-bot .main-bot-img-cont-2 .main-bot-img-cont-inn {}
.liv-bot .main-bot-img-cont-3 .main-bot-img-cont-inn {}
.liv-bot .main-bot-img-cont-1 .main-bot-txt {color: #f3ede1;}
.liv-bot .main-bot-img-cont-2 .main-bot-txt {}
.liv-bot .main-bot-img-cont-3 .main-bot-txt {color: #9FA582;}
.liv-bot .main-bot-img-cont-1 .main-bot-txt-extra {top: unset;left: unset;bottom: 0;right: 0;}
.liv-bot .main-bot-img-cont-2 .main-bot-txt-extra {}
.liv-bot .main-bot-img-cont-3 .main-bot-txt-extra {}
.liv-bot .main-bot-img-cont-1 .main-bot-img {}
.liv-bot .main-bot-img-cont-2 .main-bot-img {}
.liv-bot .main-bot-img-cont-3 .main-bot-img {}
.liv-bot-txt {position: relative;z-index: 1;display: block;width: 90%;max-width: 550px;margin: 60px auto 0;text-align: center;}
.liv-bot-txt p {}
#summer-txt.liv-bot-txt {}
#winter-txt.liv-bot-txt {}
#summer-txt.liv-bot-txt p {}
#winter-txt.liv-bot-txt p {}
.position {position: relative;background-color: #9FA582;display: block;width: 100%;}
.position-top {position: relative;display: block;width: 100%;padding-top: calc(30vw + 250px);}
.position-bott {padding-bottom: 150px;}
.position-back {position: absolute;display: block;width: 100%;bottom: 0;left: 0;}
.position-back img {width: 100%;opacity: 0.05;display: none;}

#map {width: 90vw; max-width: 1000px; height: 80vh; max-height: 700px; padding: 0; margin: 0; overflow: hidden;}
#map .map-container {position: relative; width: 100%; height: 100%;}
#map iframe {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

    

.season-toggle {position: relative; display: flex; align-items: center; margin: 30px auto 0; width: 200px; height: 44px; border: 1px solid #f3ede1; color: #f3ede1; cursor: pointer; overflow: hidden;  font-size: 18px;color: #9FA582;border: solid 1px #f3ede1;z-index: 1;}
.season-toggle-background {position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: #9FA582; transform: translateX(0); transition: transform 0.4s ease;}
.season-toggle-label {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 50%; height: 100%; transition: color 0.4s ease;font-family: "the-seasons", sans-serif;}
.season-toggle-label:first-of-type { color: #f3ede1;}
.season-toggle-label:last-of-type { color: #9FA582;}
.season-toggle.winter-active .season-toggle-label:first-of-type { color: #9FA582;}
.season-toggle.winter-active .season-toggle-label:last-of-type { color: #f3ede1;}

.liv-bot-txt {scroll-margin-top: 500px;}
.season-toggle-label {cursor: pointer;}




.position-cont {position: relative;display: block;width: 90%;margin: 0 auto;max-width: 550px;text-align: center;}
.position-cont-back {position: absolute;top: -170px;right: -200px;width: 600px;}
.position-cont-back img {width: 100%;opacity: 0.2;}
.position-title {position: relative;display: table;margin: 0 8px;font-size: 80px;font-family: "minerva-modern", sans-serif;font-weight: 700;text-align: center;line-height: 90px;}
.position-slogan {color: #f3ede1;position: relative;display: table;text-transform: uppercase;margin: 15px auto 110px;font-size: 19px;letter-spacing: 0.04em;}
.position-cont p {}
.pos-bot-img-cont {position: absolute;display: block;}
.pos-bot-img-cont-1 {left: calc(50% - 27.5vw - 70px);transform: translate(-50%, -50%);top: calc(50% + 1vw + 420px);width: 17vw;}
.pos-bot-img-cont-inn {position: relative;display: block;width: 17vw;height: 17vw;overflow: hidden;}
.pos-bot-img {position: absolute;top: 40px;left: 0;width: 100%;height: 110%;background-position: center;background-size: cover;}
.pos-bot-img-cont-2 {left: calc(50% + 27.5vw + 70px);transform: translate(-50%, -50%);top: calc(50% + 10vw + 100px);width: 17vw;}
.pos-bot-img-cont-1 .main-bot-txt {margin-top: 20px;text-align: right;color: #f3ede1;}
.pos-bot-img-cont-2 .main-bot-txt {margin-bottom: 20px;color: #f3ede1;}

.pos-bot-img-cont-1 .pos-bot-img {}
.pos-bot-img-cont-2 .pos-bot-img {top: -90px;}
.arrival {position: relative;display: block;padding: 100px 0;background-color: #9FA582;}
.arrival .liv-bot {margin: 0 auto;}
.arrival .main-bot-slog {}
.arrival .main-bot-cont {margin-bottom: unset;}
.arrival .main-bot-img-cont {}
.arrival .main-bot-img-cont-1 {top: calc(50% + 1.5vw + 30px);}
.arrival .main-bot-img-cont-inn {}
.arrival .main-bot-img {}
.arrival .main-bot-txt {color: #f0eee1 !important;}
.arrival .main-bot-txt-extra {}
.arrival .main-bot-img-cont-2 {}
.arrival .main-bot-img-cont-3 {}
.arrival .main-bot-img-cont-1 .main-bot-img-cont-inn {}
.arrival .main-bot-img-cont-2 .main-bot-img-cont-inn {}
.arrival .main-bot-img-cont-3 .main-bot-img-cont-inn {}
.arrival .main-bot-img-cont-1 .main-bot-txt {color: #f0eee1;}
.arrival .main-bot-img-cont-2 .main-bot-txt {}
.arrival .main-bot-img-cont-3 .main-bot-txt {}
.arrival .main-bot-img-cont-1 .main-bot-txt-extra {}
.arrival .main-bot-img-cont-2 .main-bot-txt-extra {}
.arrival .main-bot-img-cont-3 .main-bot-txt-extra {}
.arrival .main-bot-img-cont-1 .main-bot-img {}
.arrival .main-bot-img-cont-2 .main-bot-img {}
.arrival .main-bot-img-cont-3 .main-bot-img {}
.arrival .liv-bot-txt {margin: 20px auto 0;}
.arrival .liv-bot-txt p {}
.arr-title {position: relative;display: block;font-size: 40px;font-family: "minerva-modern", sans-serif;}
#car-txt.liv-bot-txt {display: block;}
#bus-txt.liv-bot-txt {display: none;}
#plane-txt.liv-bot-txt {display: none;}
#car-txt.liv-bot-txt p {}
#bus-txt.liv-bot-txt p {}
#plane-txt.liv-bot-txt p {}
.arrival-btns {position: relative;display: block;text-align: center;margin: 30px auto 0;}
.arr-bt {display: inline-block;margin: unset;padding: 20px;}
.arr-bt:nth-child(2) {margin: 0 40px;}
.arr-bt img {width: 40px;-webkit-filter: brightness(20);}
.arr-bt-active .button-back {top: -100%;}
.bt-bullet {margin-top: unset;}
.swiper-pagination-bullet-active .button-back {top: -100%;background-color: #9FA582;opacity: 1;color: #e5dfd3;}
.bt-bullet span {color: #304138;}
.swiper-pagination-bullet-active .bt-bullet span {color: #e5dfd3;}
.footer {position: relative;display: block;width: 100%;background-color: #F3EDE1;color: #4A4A4A;}
.footer-top {position: relative;display: table;width: 100%;}
.footer-back {position: absolute;height: 90%;opacity: 0.1;bottom: 0;margin: 0 auto;text-align: center;left: 23%;transform: scaleX(-1);display: none;}
.footer-back img {height: 100%;}
.footer-top-cont {position: relative;display: table;width: 90%;margin: 0 auto;}
.footer-l {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.footer-l img {width: 240px;}
.footer-r {position: relative;display: table;margin: 0 0 0 auto;padding: 90px 0;}
.footer-r-inn {position: relative;display: inline-table;}
.footer-r-inn:last-child {margin-left: 110px;}
.footer-title {position: relative;display: table;text-transform: uppercase;font-size: 19px;font-weight: 510;letter-spacing: 1px;}
.footer-r-inn p {margin-bottom: unset;line-height: 27px;}
.footer-info {}
.footer-bot {position: relative;display: table;margin: 0 auto;width: 90%;text-align: center;padding: 25px 0;}
.footer-line {position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #a0b4a9;opacity: 0.4;}
.footer-bot-cont {}
.footer-bot-cont p {margin: unset;position: relative;opacity: 0.8;font-size: 16px;display: ruby-base;}
.sep {position: relative;display: inline-table;vertical-align: top;margin: 0 20px;}
.footer-bot-cont a {}

.impressum_sides_top {display: table;position: relative;width: 100%;margin-bottom: 60px;}
.impressum-sides {position: relative;width: 50%;display: table-cell;line-height: 25px;}



/* --------------- APARTMENTS ---------------- */

.app-section { position:relative; display:block; width:100%; margin:20px auto 0; overflow: auto;z-index: 3;padding: 0px 20px;box-sizing: border-box;}
.apps { position:relative; display:block; margin:0 auto; width:100%; }
.app { position:relative; display:block; margin:15px;  height:750px; cursor:pointer; overflow:hidden; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; width: 100%;margin: 20px 0px;/*! padding: 20px; */box-sizing: border-box;}
.app-active { height:750px; }
.app-px { position:absolute; top: -80px; left: 0; height: 0; width: 0; }
.app-img { position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; transform:scale(1.01); -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
.app-overlay { position:absolute; left:0; top:0;   background:linear-gradient(to top, #000, transparent); opacity:0.4; -webkit-transition:all 600ms ease 0s; -moz-transition:all 600ms ease 0s; -o-transition:all 600ms ease 0s; transition:all 600ms ease 0s; right: 0;bottom: 0;}
.app:hover .app-overlay { /*! opacity:0.4; */ }
.app-active .app-overlay { opacity:0.1; }
.app-img:hover{transform: scale(1.04);}

.app-inner { position: relative; display: block; width: 90%; top: 50%; transform: translate(0,-50%); margin: 0 auto; text-align: left; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; text-align: center;}
.app-icon { position:relative; display:none; max-width:50px; margin:0 auto; }
.app-title { font-size: 7.5vw; font-weight: 500;  /*! -webkit-text-stroke: 0px #000; */ /*! -webkit-text-fill-color: transparent; */ /*! background: linear-gradient(to right, #fff, #ead9bf); */   background-clip: border-box; /*! background-clip: text; */ line-height: 8.5vw; /*! text-transform: uppercase; */display: block;font-family: "minerva-modern", sans-serif;}
.app-sub {font-size: 57px;display: block;font-size: 20px;font-weight: 500;line-height: 10px;margin: 10px auto 0;letter-spacing: 1px;line-height: 38px;position: relative;}

.app-bts { position:absolute;   left: 50%;bottom: 50px; /*! -webkit-transition:all 300ms ease 0s; */ /*! -moz-transition:all 300ms ease 0s; */ /*! -o-transition:all 300ms ease 0s; */ /*! transition:all 300ms ease 0s; */transform: translate(-50%, 0%);font-family: "the-seasons", sans-serif;}
.app-bts a { position: relative; display: inline-block; color: #fff; /*! text-transform: uppercase; */ font-size: 18px; margin: 0px 3px; padding: 10px 15px; vertical-align: middle; background-color: #9FA582; /*! font-weight: 600; */ transition:all 300ms ease 0s; /*! font-family: "the-seasons", sans-serif; */padding: 27px 20px;}
.app-bt-1 { }
.app-bt-2 { }
                .app-bt-3 { }
.app-bts a:hover { background-color:#F3EDE1; color: #9FA582;}
.app-open { position:relative; display:inline-block; margin:0px 10px; /*! -webkit-transition:all 300ms ease 0s; */ /*! -moz-transition:all 300ms ease 0s; */ /*! -o-transition:all 300ms ease 0s; */ /*! transition:all 300ms ease 0s; */ vertical-align: middle;}
.plus { position:relative; display:inline-block; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;vertical-align:middle;  width: 20px;height: 20px;margin-right: 5px;}
.plus-open-1, .plus-open-2 { position:absolute; width:20px; height:1px; background-color:#fff; top:50%; margin-bottom:-1px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; left: 0;}

.app:hover .plus-open-2 { transform:rotate(90deg); }
.app-open-title { position:relative; display:inline-block; vertical-align:middle; color:#fff; text-transform: uppercase;/*! letter-spacing: 1px; */font-size: 20px;}
.price-title { position:absolute; top:10px; left:10px; font-size:18px; color:#fff; width: 180px;height: 180px;/*! border-bottom-right-radius: 30px; *//*! background-color: #fff; */text-align: center;border-right: 1px solid rgb(255, 255, 255);border-bottom: 1px solid rgb(255, 255, 255);border-radius: 50%;font-style: italic; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; padding-top: 61px;box-sizing: border-box;display: none;}
.price-title font { font-size:30px; font-weight:700;  }
.wo-inner { position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(255,255,255,0.8); opacity: 0;visibility: hidden; -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s; }
.wo-in-con { width:60%; float:left;height: 100%;position: relative;width: auto;grid-column: 1;grid-row: 1 / 3;padding: 0 20px;box-sizing: border-box;text-align: left;color: #4a4a4a;}
.wo-in-con-img { width:40%; float:left; height: 100%;position: relative;padding: 0px 20px;box-sizing: border-box;width: auto;height: auto;grid-column: 2;grid-row: 1;padding: 0 20px;box-sizing: border-box;align-self: center;}
.wo-in-con-img a { width: 33.333%; float: left; padding: 2px; box-sizing: border-box; }
.wo-in-con-img img { width:100%; height: 13vh;object-fit: cover;}
.wo-in-con-img img:hover { opacity: .8;}
.wic-active { width:100%; }
.wo-close { position:absolute; top:30px; right:35px; width:40px; height:40px; opacity:1;  -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
.wo-close-1, .wo-close-2 { position:absolute; width:40px; height:2px; background-color:#28282d; top:50%; margin-bottom:-1px; transform:rotate(-45deg); left: 0;}
.wo-close-2 { transform:rotate(45deg); }
.wo-in { position:absolute; width:90%; /*! max-width:900px; */ left:50%; top:50%; transform:translate(-50%,-50%); display: grid;grid-template-columns: 60% 40%;grid-template-rows: auto auto;align-content: center;}
.wo-in-title {     color:#333; margin-top: 0; margin-bottom: 20px; font-weight: 400; line-height: 24px;text-align: left;font-family: "minerva-modern", sans-serif;font-size: 2.6vw;}
.wo-in p, .wo-in .list {  color:#333;  list-style: url('../img/layout/list-2.png') inside;font-weight: 400;margin-bottom: 15px;text-align: left;padding-left: 0px;font-size: 19px;line-height: 24px;}
.wo-bts {    height: 100%;position: relative;padding: 0px 20px;box-sizing: border-box;width: auto;}
.wo-bts a { -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
.app-bt-0 { position:relative; display:inline-block; padding:16px 22px; background-color:#c27e7f; color:#fff; text-transform: uppercase;letter-spacing: 0.5px;font-size: 14px; font-weight: 600; }
.wo-bt-0 { position:relative; display:inline-block; padding:16px 22px; background-color:#c27e7f; color:#fff; text-transform: uppercase;letter-spacing: 0.5px;font-size: 14px; font-weight: 600;}
.wo-bt-1 { position:relative; display:inline-block; padding:16px 22px; background-color:#f3ede1; color:#fff; font-size: 14px; color: #9FA582;font-size: 18px;font-family: "the-seasons", sans-serif;padding: 27px 20px;}
.wo-bt-2, .wo-bt-3 { position:relative; display:inline-block; padding:10px 20px; background-color:#9FA582; color:#fff; font-size: 18px; font-family: "the-seasons", sans-serif;padding: 27px 20px;}
.app-bt-0:hover { background-color:#d28e8f; }

.wo-bt-0:hover { background-color:#d28e8f; }
.wo-bt-1:hover { background-color:#9FA582; color: #fff;}
.wo-bt-2:hover { background-color:#F3EDE1; color: #9FA582;}
.wo-bt-3:hover {  background-color: #F3EDE1;color: #9FA582;}
.wo-img { position:relative; display:block; width:100%; margin:50px auto 0; overflow: auto; }
.wo-img img { position:relative; float:left; width:19%; margin-right:1%; max-width: 150px; margin-bottom: 0.5vw;}

.app:not(.app-active):hover .wo-overlay { opacity:0.4; }
.app-active .wo-inner { opacity:1; visibility:visible; top: 0;bottom: 0;}
.app-active .app-close { opacity:1; visibility:visible; }
.app-active .app-img { -webkit-filter: blur(4px); filter: blur(4px); }
.app-active .app-overlay { opacity:0.1; }
.app-active:hover .app-overlay { opacity:0.1; }
.app-active .app-open { opacity:0; }
.app-active .app-inner { opacity:0; }
.app-active .app-bts { opacity:0; }
.app-active .price-title { opacity:0; }
#app-5 .wo-img img { max-width: 100px; }


.ap-info { color: #4a4a4a; text-align: center; position: relative; padding-top: 40px; padding-bottom: 40px; scroll-margin-top: 30px; }
.ap-info[hidden] { display: none; }

.titel-info { color: #9FA582; font-weight: 600; /*! line-height: 24px; */ font-family: "minerva-modern", sans-serif; font-size: 2.6vw; }
.sub_titel-info { margin-top: 30px; line-height: 24px; position: relative; text-transform: uppercase; font-size: 20px; font-weight: bold;}
.ap-info ul { list-style: inside; margin: 15px auto 40px; padding: 0; }
.ap-info li { margin-bottom: 5px; }
.text-info { position: relative; display: table; margin: 15px auto 40px; font-size: 19px; width: 90%; max-width: 850px; }
.ap-info-close { display: inline-block; margin-top: 10px; padding: 12px 25px; border: 1px solid #9FA582; background: transparent; color: #4a4a4a; font-family: inherit; font-size: 16px; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; padding: 10px 70px;font-size: 16px;text-transform: uppercase;color: #9FA582;}
.ap-info-close:hover {  color: #f3ede1; }
.ap-info-close:focus-visible { outline: 2px solid #4a4a4a; outline-offset: 3px; }


.plan img{  position: relative;  width: 35%;/*! padding-bottom: 35px; */}
.plan-box{display: inline-table;}
.ap-column{column-count: 2;width: 80%; margin: 50px auto; text-align: left;column-gap: 50px;}
.ap-column p{margin-top: 7px;line-height: 1.4;}
.ap-column a{font-size: 20px;  font-weight: bold;background-color: #9FA582;color: #f3ede1;padding: 9px 17px;}

.plan img:hover{opacity: .8;}




@media (max-width:1500px) {

 .menu-item {padding: 13px 25px;margin: 5px 0;font-size: 27px;}
 .liv-button {padding: 10px 20px;font-size: 14px;}
 .liv-button:nth-child(2) {margin: 0 5px;}
}






@media (max-width:1100px) {

/*--menu--*/
.header-bt {width: 210px;}
.start-slog {font-size: 50px;line-height: 45px;}
.position-cont {max-width: 430px;}
.position-slogan {margin: 15px auto 60px;}
.footer-l img {width: 200px;}
.footer-r-inn:last-child {margin-left: 30px;}

.plan img{top: 0px;width: 100%;left: unset;}
.plan-box{} 
.plan{margin-bottom: 0px;position: relative;z-index: 4;}   
    
.app { margin:70px auto 46px; }
.app { height:auto; margin:20px 0px 20px; width: 100%;overflow: unset;}
.app-img { position:relative; height:300px; transform: none;filter: blur(0px) !important;}
.app-overlay { opacity:0.4; height: 300px;top: 0px;left: 0px;width: 100%;}
.wo-title { font-size:30px; top: 150px;}
.wo-inner { position:relative; opacity:1; visibility:visible; display:none; /*! transition:none; */ /*! transform: none; */overflow: auto;background: #fff;}
.wo-in { position: relative;padding: 20px;width: auto;left: auto;right: auto;transform: none;overflow: auto;display: block;}
.app-active .wo-inner { display:block; }
.wo-in-title { font-size:25px; line-height: 40px;}
.wo-img img { width:100%; margin:3px auto 0; max-width:none !important; }
.app-descr { position:absolute; top:150px; width: 80%; left: 10%; padding-left: 30px;}
.app-bt { display:none; }
.app-title { font-size:9vw; padding: 0;line-height: normal;margin: -3vw auto 0px;}
.app-close { opacity:1; visibility:visible; }
.app-sub, #ro-2 .room-sub, #ro-5 .room-sub { margin-bottom:0;  width:auto; font-size: 16px;line-height: normal;margin: 0 auto;}
.app-inner { position:absolute; width:90%; top:150px; left: 5%;text-align: center;opacity: 1 !important;}
.app-open { /*! top: 236px; */ /*! bottom: auto; */ /*! right: auto; */ /*! left: 50%; */ /*! transform: translate(-50%,0); */ /*! display: none; */}
.plus-open-2 { transform: rotate(90deg); }

.wo-bt-1 { margin:3px auto; }
.app-close { top:10px; right:10px; }
.ap-nav { position:relative; bottom:auto; background: transparent;margin: 20px auto 50px; z-index:1; }
.ap-nav-inner { width:90%; }
.ap-nav-inner a { width:100%; }
.wo-close { width:30px; height:30px; top:15px; right:15px; }
.wo-close-1, .wo-close-2 { width:30px; }
.price-title { width: 90px; height: 90px; padding-top: 24px;font-size: 12px;}
.price-title font { font-size:20px; }
.app-section { margin:0 auto; padding: 0px 10px;text-align: center;}
.app-icon { max-width:40px; display: none;}

.gal a { width:100%; padding: 0;margin: 3px auto;}

.ap { height:60vw; }
.ap-overlay { top: 15px; right: 15px; bottom: 15px; left: 15px; }
.ap-title { font-size:33px; line-height: 32px;}
.ap-sub { float:none; font-size:26px; }
.ap-images img, .img img { width:100%; margin:3px auto 0; }

.article { margin:50px auto; }
.app-bts { /*! display: block; */bottom: 15px;/*! left: 0px; */width: 100%;}
.routenplaner { margin: 20px auto 0; max-width: 270px;}
.ap-icon { width:32%; padding:15px; }
.footer-logo img { margin:0 auto; }

.app-bts a { font-size:18px; padding: 13px 16px;}
#header.fixed, .no-slide #header { height:70px; }
.wo-in-con, .wo-in-con-img { width:100%; height:auto; padding:0px; }
.wo-in-con-img { margin-top:30px; position: relative;z-index: 4;margin-bottom: 30px;}
.qr-3 { margin-bottom: 30px; }
.language{}
    
}




@media (max-width:900px) {
    
 .plan-box{display: unset;}

/*--menu--*/ .header {height: 65px;}
 .header-logo {top: -20px;width: 120px;left: 20px;}
 .header-logo img {width: 100%;}
 .header-buttons {display: none;}
 .header-bt {padding: 20px;}
 .bt-anf {}
 .header-bt .button-back {}
 .header-bt.bt-kont .button-back {}
 .header-bt span {/*! display: none; */text-align: center;padding: 20px 0;}
 .bt-kont {}
 .header-m-img {display: block !important;width: 27px;position: absolute !important;top: 50%;left: 50%;transform: translate(-50%, -50%);}
 .header-m-img img {width: 27px;display: none;}
 .header-bt:hover {}
 .header-bt:hover .button-back {}
 .header-bt:hover.bt-kont {}
 .menu_button {}
 .menu_button>span {font-size: 12px;top: 8px;}
 .menu_button-lines {}
 .menu_button-lines span {}
 .menu_button-lines span:nth-child(1) {}
 .menu_button-lines span:nth-child(2) {}
 .menu_button-lines span:nth-child(3) {}
 .header-open .menu_button-lines {}
 .header-open .menu_button-lines span:nth-child(1) {}
 .header-open .menu_button-lines span:nth-child(2) {}
 .header-open .menu_button-lines span:nth-child(3) {}.navigation {}
 .menu-img-box {width: 100vw;height: 100vh;opacity: 0.2;}
 .menu-img-box-2 {width: 40vw;left: 5vw;transform: unset;top: calc(50% + 215px);height: 180px;display: none;}
 .menu-img-box-3 {width: 40vw;right: 5vw;left: unset;transform: unset;height: 180px;top: calc(50% + 166px);display: none;}
 .menu-img {}
 .menu-img-box-2 .menu-img {}
 .menu-img-box-3 .menu-img {}
 .menu-img-active {}
 .menu-img-box-2 .menu-img-active {}
 .menu-img-box-3 .menu-img-active {}
 .menu-slog-cont {font-size: 23px;top: -52px;}
 .menu-slog {}
 .menu-slog-active {}
 .menu-img-box-3 .menu-slog-cont {bottom: 0;}
 .menu-img-box-3 .menu-slog {}
 .menu-img-box-3 .menu-slog-active {}
 .menu {top: 50%;backdrop-filter: unset;background-color: unset;}
 .menu-item {white-space: nowrap;font-size: 31px;margin: 22px 0;color: #f3ede1;}
 .menu-item-active {}
 .menu-item:hover {}
 .submenu {}
 .submenu-item {}
 .submenu-item:hover {}
    
 #map {width: calc(100vw - 30px); height: calc(100dvh - 80px); max-height: none;}
    
 /*menu*/ 
 .menu_button {right: 0;left: unset;/*! transform: translateY(-50%); *//*! top: 50%; */position: fixed;background-color: #9C9E85E8;width: 65px;height: 65px;transform: unset;}
 .menu_button-lines {}
 .navigation {}
 .header-open.navigation {background-color: #9FA582;}
 .lang-text {}
 .menu-other {}
 .menu-other-href {}
 #s01 {}
 #s02 {}
 .s0-open{}
 .header.fixed {}
 .header.fixed-2 {}
 .header-open {}
 .header.fixed {}
 .header.fixed .menu_button {/*! display: none; */}
 .header.fixed .header-logo {width: 112px;top: 14px;left: 6%;}
 .header.fixed .header-logo img {height: 60%;}
 .header.fixed .header-buttons {height: 100%;display: none;}
 .header.fixed .header-bt {padding: unset;width: 60px;height: 100%;}
 .header.fixed .bt-anf {}
 .header.fixed .header-bt .button-back {}
 .header.fixed .header-bt span {}
 .header.fixed .bt-kont {}
 .header.fixed .header-m-img {width: 40px;}
 .header.fixed .header-m-img img {}
 .header.fixed.header-open {}
    
 /*--Slide--*/ 
 .slide {height: 60vh;}
 .swiper-container {}
 .swiper-slide {}
 .swiper_sfondo {}
 .pag-box {}
 .pagination {}
 .swiper-pagination-bullet {}
 .swiper-pagination-bullet:first-child:last-child {}
 .swiper-pagination-bullet-active {}
 #mb-slide .pag-box {}
 #mb-slide .pagination {}
 #mb-slide .swiper-pagination-bullet {margin: 0 0 20px;}
 #mb-slide .swiper-pagination-bullet:first-child:last-child {}
 #mb-slide .swiper-pagination-bullet-active {}
 #mb-slide .swiper-pagination-bullet:last-child {margin-left: 10px;}
 .pag-box-bullet-inside {}
 .pagination .pag-box-bullet-inside {}
 .slide-grad-1 {}
 .slide-grad-2 {}

 .start {height: 60vh;}
 .start-cont {font-size: 35px;bottom: 7vh;margin: 0 5%;width: 90%;}
 .start-cont img {}
 .start-slog {font-size: 40px;width: 90%;line-height: 40px;top: unset;transform: translateX(-50%);bottom: 10px;}
 .main {padding: 150px 0 0;}
 .main-back {}
 .main-back img {}
 .main-container {}
 .main-cont-b {width: 350px;top: -130px;right: -20px;}
 .main-cont-b img {}
 .main-slogan {font-size: 50px;line-height: 50px;}
 .h1 {}
 .main-txt {margin: 40px auto 0;column-count: 1;}
 .h2 {font-size: 18px;}
    
 .header-buttons-resp {position: fixed;top: unset;right: 0;display: block;z-index: 10;bottom: 0;display: flex; width: 100%;}

    


 .main-txt p {font-size: 18px;}
 .main-bott {margin: 80px auto 0;}

 .main-bot-slog {}
 .main-bot-cont {height: 70vw;margin-bottom: -30vw;margin-top: 60px;}
 .main-bot-img-cont {}
 .main-bot-img-cont-1 {left: calc(50% - 29vw);z-index: 1;top: calc(50% + 35vw);width: 40vw;}
 .main-bot-img-cont-inn {width: 70vw;height: 70vw;}
 .main-bot-img {}
 .main-bot-txt {}
 .main-bot-img-cont-2 {}
 .main-bot-img-cont-3 {left: calc(50% + 28.5vw);top: calc(50% - 35vw);width: 40vw;}
 .main-bot-img-cont-1 .main-bot-img-cont-inn {display: none;}
 .main-bot-img-cont-2 .main-bot-img-cont-inn {}
 .main-bot-img-cont-3 .main-bot-img-cont-inn {display: none;}
 .main-bot-img-cont-1 .main-bot-txt {margin-top: unset;font-size: 25px;text-shadow: 1px 1px 7px #fff;display: none;}
 .main-bot-img-cont-2 .main-bot-txt {}
 .main-bot-img-cont-3 .main-bot-txt {margin: unset;font-size: 25px;text-shadow: 0.6px 0.6px 4px #000;}
 .main-bot-img-cont-1 .main-bot-img {}
 .main-bot-img-cont-2 .main-bot-img {}
 .main-bot-img-cont-3 .main-bot-img {}
 .living {padding: 46vw 0 0;}
 .living-back {}
 .living-container {}
 .living-title {font-size: 50px;line-height: 50px;}
 .living-slog {font-size: 16px;text-align: center;}
 .mb-slide {}
 .mb-slide .swiper-container {}
 .mb-slide .swiper-wrapper {}
 .mb-slide .swiper-slide {display: block;}
 .liv-back {height: unset;width: 95%;top: 16%;}
 .liv-back img {height: unset;width: 100%;}
 .liv-txt-cont {display: block;width: 85%;margin: 0 auto;max-width: unset;left: unset;padding: 20px 0;}
 .liv-s-title {font-size: 40px;}
 .liv-s-info {}
 .liv-s-info-inn {}
 .liv-s-info-inn:last-child {}
 .liv-s-info-inn img {}
 .liv-s-info-inn span {}
 .liv-txt-cont p {margin: 20px 0;}
 .liv-buttons {text-align: center;}
 .liv-button {}
 .liv-button:nth-child(2) {}
 .button-anf {}
 .liv-button .button-back {}
 .button-anf .button-back {}
 .liv-button span {}
 .button-anf span {}
 .liv-s-img {right: unset;display: block;width: 90%;max-width: unset;height: 60vw;margin: 0 auto;max-height: 400px;margin-bottom: 20px;}

 .liv-bot {margin-top: 80px;margin-bottom: calc(-80vw - 20px);}
 .liv-bot .main-bot-slog {}
 .liv-bot .main-bot-cont {margin-top: 70px;}
 .liv-bot .main-bot-img-cont {}
 .liv-bot .main-bot-img-cont-1 {top: calc(50% + 35vw);left: calc(50% - 37vw);}
 .liv-bot .main-bot-img-cont-inn {}
 .liv-bot .main-bot-img {}
 .liv-bot .main-bot-txt {}
 .liv-bot .main-bot-txt-extra {}
 .liv-bot .main-bot-img-cont-2 {}
 .liv-bot .main-bot-img-cont-3 {}
 .liv-bot .main-bot-img-cont-1 .main-bot-img-cont-inn {}
 .liv-bot .main-bot-img-cont-2 .main-bot-img-cont-inn {}
 .liv-bot .main-bot-img-cont-3 .main-bot-img-cont-inn {}
 .liv-bot .main-bot-img-cont-1 .main-bot-txt {text-shadow: 0.6px 0.6px 4px #000;display: block;}
 .liv-bot .main-bot-img-cont-2 .main-bot-txt {}
 .liv-bot .main-bot-img-cont-3 .main-bot-txt {text-shadow: 0.6px 0.6px 4px #f3ede1;}

 .liv-bot .main-bot-img-cont-1 .main-bot-txt-extra {}
 .liv-bot .main-bot-img-cont-2 .main-bot-txt-extra {}
 .liv-bot .main-bot-img-cont-3 .main-bot-txt-extra {}
 .liv-bot .main-bot-img-cont-1 .main-bot-img {}
 .liv-bot .main-bot-img-cont-2 .main-bot-img {}
 .liv-bot .main-bot-img-cont-3 .main-bot-img {}
 .liv-bot-txt {}
 .liv-bot-txt p {}
 #summer-txt.liv-bot-txt {}
 #winter-txt.liv-bot-txt {}
 #summer-txt.liv-bot-txt p {}
 #winter-txt.liv-bot-txt p {}
 .button {}

 .button-switch {}

 .button-back {}
 .button span {}
 .button-txt-switch {}
 .button:hover {}
 .button:hover .button-back {}
 .position {overflow: hidden;}
 .position-top {padding-top: 105vw;}
 .position-bott {padding-bottom: 100px;}
 .position-back {}
 .position-back img {}
 .position-cont {}
 .position-cont-back {width: 430px;right: -110px;top: -100px;}
 .position-cont-back img {}
 .position-title {font-size: 50px;line-height: 50px;margin: 0 auto;}
 .position-slogan {font-size: 16px;text-align: center;margin: 15px auto 30px;}
 .position-cont p {}
 .pos-bot-img-cont {}
 .pos-bot-img-cont-1 {position: relative;top: unset;left: unset;transform: unset;width: 80vw;height: 80vw;margin: 30px auto 0;}
 .pos-bot-img-cont-inn {width: 80vw;height: 80vw;}
 .pos-bot-img {}
 .pos-bot-img-cont-2 {display: none;}
 .pos-bot-img-cont-1 .main-bot-txt {margin-top: 15px;font-size: 25px;}
 .pos-bot-img-cont-2 .main-bot-txt {}
 .pos-bot-img-cont-1 .pos-bot-img {}
 .pos-bot-img-cont-2 .pos-bot-img {}
 .arrival {padding: 50px 0;}
 .arrival .liv-bot {}
 .arrival .main-bot-slog {}
 .arrival .main-bot-cont {}
 .arrival .main-bot-img-cont {}
 .arrival .main-bot-img-cont-1 {}
 .arrival .main-bot-img-cont-inn {}
 .arrival .main-bot-img {}
 .arrival .main-bot-txt {display: none;}
 .arrival .main-bot-txt-extra {}
 .arrival .main-bot-img-cont-2 {}
 .arrival .main-bot-img-cont-3 {}
 .arrival .main-bot-img-cont-1 .main-bot-img-cont-inn {}
 .arrival .main-bot-img-cont-2 .main-bot-img-cont-inn {}
 .arrival .main-bot-img-cont-3 .main-bot-img-cont-inn {}
 .arrival .main-bot-img-cont-1 .main-bot-txt {display: none;}
 .arrival .main-bot-img-cont-2 .main-bot-txt {}
 .arrival .main-bot-img-cont-3 .main-bot-txt {}
 .arrival .main-bot-img-cont-1 .main-bot-txt-extra {}
 .arrival .main-bot-img-cont-2 .main-bot-txt-extra {}
 .arrival .main-bot-img-cont-3 .main-bot-txt-extra {}
 .arrival .main-bot-img-cont-1 .main-bot-img {}
 .arrival .main-bot-img-cont-2 .main-bot-img {}
 .arrival .main-bot-img-cont-3 .main-bot-img {}
 .arrival .liv-bot-txt {}
 .arrival .liv-bot-txt p {}
 #car-txt.liv-bot-txt {}
 #bus-txt.liv-bot-txt {}
 #plane-txt.liv-bot-txt {}
 #car-txt.liv-bot-txt p {}
 #bus-txt.liv-bot-txt p {}
 #plane-txt.liv-bot-txt p {}
 .arrival-btns {margin: 50px auto 0;}
 .button {}
 .arr-bt {}
 .arr-bt:nth-child(2) {margin: 0 10px;}
 .button-back {}
 .arr-bt img {}
 .arr-bt-active .button-back {}
 .arr-title {font-size: 35px;}
.bt-bullet {padding: 10px 25px;}
.bt-bullet .button-back {}
.swiper-pagination-bullet-active .button-back {}
.bt-bullet span {}
.swiper-pagination-bullet-active .bt-bullet span {}
 .footer {margin-bottom: 70px;}
 .footer-top {}
 .footer-back {height: 120px;width: 100%;top: unset;bottom: 0;position: absolute;left: unset;}
 .footer-back img {}
 .footer-top-cont {}
 .footer-l {position: relative;display: table;margin: 0 auto;transform: unset;top: unset;margin-top: 60px;}
 .footer-l img {}
 .footer-r {margin: 30px auto;padding: unset;text-align: center;}
 .footer-r-inn {display: table;margin: 0 auto;}
 .footer-r-inn:last-child {margin-left: unset;}
 .footer-title {margin: 0 auto;}

 .footer-r-inn p {margin: 10px 0 30px;}
 .footer-info {}
 .footer-bot {}
 .footer-line {}
 .footer-bot-cont {}
 .footer-bot-cont p {display: block;}
 .sep {position: relative;display: table;margin: 0 auto;}
 .footer-bot-cont a {}

 .impressum_sides_top {}
 .impressum-sides {}
 .impressum-sides {display: table;width: 100%;}

    
.titel-info{font-size: 40px;}
.wo-bt-1{padding: 13px 16px;}
.wo-bt-2{padding: 13px 16px;}
.wo-bt-3{padding: 13px 16px;}
    
.header-open .header-logo img{-webkit-filter: brightness(20);}
    
.ap-column{column-count: 1;width: 90%; margin: 0 auto; text-align: left;}    
.ap-info ul{font-size: 16px;}
.ap-column p{font-size: 16px;}
.space-inner {height: 20px;}
}



@media (max-width:500px) {
    .liv-bot{margin-bottom: calc(-110vw - 20px);}
    .position-top{padding-top: 145vw;}
}


@media (max-width:400px) {
    .liv-bot{margin-bottom: calc(-150vw - 20px);}
    .position-top{padding-top: 190vw;}
}