@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://db.onlinewebfonts.com/c/c5ee43325037adc9ae4c5b469e7c1ae4?family=ALS+Alumna+Regular);

html, body { margin:0px; padding:0px; font-size:16px; font-family:"Montserrat", Arial, sans-serif;font-weight:400; color:#323232; background-color:#fff;background-color: #aaa;background-color: #e2e0d4;}

#smooth-content {position:fixed; top:0; left:0; width:100%; will-change:transform;}
/*--common--*/
h1 {margin: 0 0 39px; font-size: 27px; font-weight: 501;    line-height: 1.2; letter-spacing: 2px; text-transform: uppercase;}
h2 {max-width: 1120px; margin: 0 auto; font-size: 16px; line-height: 1.8; letter-spacing: 0.8px;font-weight: 501;}
p, ul {}
ul {padding: unset;padding-left: 16px;}
li {line-height: unset;padding: 5px 0;}
a { text-decoration:none; color:inherit;}
a:hover { text-decoration:none;}
.button {letter-spacing: 0.8px;white-space: nowrap;display: flex;align-items: center;justify-content: center;border: 1px solid #4c4b47;color: #343434;text-align: center;padding: 20px;text-decoration: none;line-height: normal !important;cursor: pointer;}
.button:hover{background-color: #343434; color: #e2e0d4;}


.img_hidden_slide {width: 50px;top: -100px;position: absolute;}

.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;}
.request-transition { display: inline-flex !important; width: 151px; height: 37px; align-items: center; justify-content: center; border: 1px solid #4c4b47; border-radius: 50%; transition: background-color 0.25s ease, color 0.25s ease; }

/*--menu--*/
.header {position: absolute;z-index: 4;width: 100%;height: 73px;}

.menu_button { position:absolute; background-color:#fff4; color:#fff; display:none;     top: 0;left: 0;width: 70px;height: 70px;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%;}
.resp-logo{height: 100%; position: absolute;margin: 0 auto;text-align: center;width: 100%;-webkit-filter: brightness(20);display: none;}
.resp-logo-img{height: 80%;top: 10%;position: absolute;right: 5vw;}

.navigation { display: table; position:absolute; top:0; right:0; z-index: 3; margin:auto; width:100%;height: 100%;}
.menu-two{left:0; right: unset;margin: 0px;z-index: 4;top: 37px;color: #fff;padding: 10px 10px 7px;cursor: pointer;display: inline-table;position: relative;text-decoration: none;font-size: 20px;min-width: unset;text-transform: initial;font-family: "apparat-light", sans-serif;left: 4.5%;}
.menu {margin: 0px;padding: 0px;display: block;text-align: left;position: absolute;z-index: 4;right: 4.5%;top: 37px;color: #fff;}
.menu-two a {padding: 10px;}
.navigation-img{display: none;}

.menu a {padding: 10px; cursor: pointer;display: inline-table;position: relative;text-decoration: none;font-size: 20px;min-width: unset;text-transform: initial;font-family: "apparat-light", sans-serif;}
.menu a:hover {color:#fff;}
.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 {}
.header.fixed {background-color: #d4d2c3;z-index: 6;}
.header.fixed.header-open {transform: unset;}
.header-logo{height: 80%;width: auto;position: absolute;top: 10%;transform: translatex(-50%);left: 50%;display: none;}
.header-logo img{height: 100%;}

.fixed-2 .menu{top: 17px;color: #4c6962;}
.fixed-2 .menu-two{top: 17px;color: #4c6962;}

.fixed-2 .header-logo{display: block;}
.fixed-2 .header-logo img{}

.sticker{width: 235px;   right: 29px; bottom: 29px;   -webkit-filter: unset;position: absolute;z-index: 1;}

.fixed-2 .resp-logo{display: none;}
.resp-contact{position: fixed; bottom: 0; width: 100%;display: none;}
.contact-border{border-right: solid 1px #D4D2C391;}

/*--Slide--*/
.slide {height:1000px;position:relative;height:calc(100vh);}
.swiper-container {width:100%;height:100%;}
.swiper-slide {position:relative;  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%;object-fit: cover;position: relative;}
.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 { bottom:29px; left:0; display: table; width:100%; height:auto; position: absolute; text-align:center;z-index: 3; box-sizing:border-box;}
.pagination {display: inline-table;position: relative;vertical-align: middle;width: 200px;}
.swiper-pagination-bullet { background:#fff; width:12px; height:12px; opacity:0.3; margin:0 15px; display:inline-table; vertical-align: middle;-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;border-radius: 50%;}
.swiper-pagination-bullet:first-child:last-child {display:none;}
.swiper-pagination-bullet-active { width:12px; height:12px; 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), rgb(0, 0, 0));opacity: 0.4;left: 0;bottom: 0;pointer-events:none;z-index:1;}
.slide-grad-3 { background: radial-gradient(circle,rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 57%, rgba(0, 0, 0, 0) 100%); position: absolute;width: 100%;height: 100%;opacity: 0.4;left: 0;bottom: 0;pointer-events:none;z-index:1;}



.slide-logo{position: absolute; top: 35%; width: 530px; z-index: 1;left: 50%;transform: translate(-50%);-webkit-filter: brightness(8);}
.slide-shape{width: 690px;opacity: 0.1;left: 50%;top: 25%;transform: translate(-50%);-webkit-filter: unset;}

.start_elements{height: 100vh; width: 100vw; top: 0; position: absolute;}

.agb{width: 70%;margin: 0 auto;line-height: 1.6;letter-spacing: 0.8px;}
.agb titel{font-family: "ALS Alumna Regular",Georgia,serif;font-size: 27px;line-height: 1.08;letter-spacing: 0.5px;}
.ausst{width: 70%;margin: 0 auto;line-height: 1.6;letter-spacing: 0.8px;}
.ausst titel{font-family: "ALS Alumna Regular",Georgia,serif;font-size: 27px;line-height: 1.08;letter-spacing: 0.5px;}
.hausordnung{list-style: inside;width: 70%;margin: 0 auto;line-height: 1.6;letter-spacing: 0.8px;}
.hausordnung titel{font-family: "ALS Alumna Regular",Georgia,serif;font-size: 27px;line-height: 1.08;letter-spacing: 0.5px;}
.inkl{width: 70%; margin: 0 auto;  line-height: 1.6; letter-spacing: 0.8px;}
.inkl titel{font-family: "ALS Alumna Regular",Georgia,serif;font-size: 27px;line-height: 1.08;letter-spacing: 0.5px;}

.close-toggle{display: flex; width: 80px;  align-items: center; justify-content: center; border: 1px solid #4c4b47;  color: #343434; text-decoration: none; transition: background-color 0.25s ease,color 0.25s ease;cursor: pointer;background-color: unset;}

.main{background-color: #e2e0d4;font-size: 72px;text-transform: uppercase;}
.muster{width: 100vw; opacity: 0.3;position: absolute;}
.main-box{width: 80vw; column-count: 3;text-align: center;margin: 0 auto; padding: 20vh 0 5vh;position: relative;font-family: "ALS Alumna Regular";}
.img-box{width: 100%;height: 65vh;object-fit: cover;transition: all 0.9s ease 0s;}
.img-box:nth-child(1) {transform: translateX(-100px);opacity: 0;}
.img-box:nth-child(3) {transform: translateX(100px);opacity: 0;}
.img-box-visible {}
.img-box-visible:nth-child(1) {transform: translateX(0px);opacity: 1;}
.img-box-visible:nth-child(3) {transform: translateX(0px);opacity: 1;}
.img-box img {}
.center-box img{width: 110px;margin-bottom: 75px;}


.main-2 {position: relative; min-height: 573px; overflow: hidden; background-color: #e0e0d6; padding: 220px 25px 180px; box-sizing: border-box; font-family: "Montserrat", Arial, sans-serif; color: #343434;}
.main-shape { position: absolute; top: 5px; left: 50%; width: 730px; max-width: 75%; transform: translateX(-50%); opacity: 0.3; pointer-events: none; z-index: 1;-webkit-mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 100% );}
.main-2-content { position: relative; z-index: 2; max-width: 1160px; margin: 0 auto; text-align: center;}
.main-text { max-width: 1130px; margin: 0 auto;   line-height: 2; letter-spacing: 0.8px; }


.apartment-page{position:relative;background-color:#e2e0d4;color:#343434;font-family:"Montserrat",Arial,sans-serif;padding:90px 0;}
.apartment-tabs{position:absolute;left:50%;width:760px;max-width:calc(100% - 40px);display:flex;justify-content:space-between;transform:translateX(-50%);z-index:2;}
.apartment-tab{position:relative;z-index:1;min-width:300px;padding:20px 20px 35px;color:#89857d;font-family:"ALS Alumna Regular",Georgia,serif;font-size:27px;line-height:1.08;letter-spacing:0.5px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .35s cubic-bezier(.4,0,.2,1);}
.apartment-tab:hover{color:#5f5c56;}
.apartment-tab.is-active{min-width:310px;color:#303030;transform:translateY(-2px);}
.apartment-tab.is-active:before{position:absolute;z-index:-1;top:0;right:-12px;bottom:0;left:-12px;content:"";background-color:#d3d2c5;animation:tabFade .35s cubic-bezier(.4,0,.2,1);}
.apartment-stage{position:relative;width:80%;min-height:850px;margin:100px auto 0;height: auto;}
.apartment-intro{position:absolute;left:0;width:330px;}
.apartment-intro titel{margin:0 0 34px;font-family:"ALS Alumna Regular",Georgia,serif;font-size:43px;font-weight:400;line-height:1.34;letter-spacing:0.4px;text-transform:uppercase;position: relative;z-index: 3;}
.apartment-intro p{max-width:315px;margin:0;line-height: 1.6;letter-spacing: 0.8px;}
.apartment-image{position:absolute;margin:0;overflow:hidden;transition: all 0.9s ease 0s;}
.apartment-image img{display:block;width:100%;height:100%;object-fit:cover;}
.apartment-image-img{display:block;width:100%;height:100%;background-position: center;background-size: cover;}
.apartment-image-visible {}
.ap-img-box{top: 0;position: absolute;height: 100%;width: 50vw;transform: translateX(-50%);left: 50%;max-width: 1000px;}
.ap-img-box a:hover{opacity: 0.8;}
.apartment-main-image{z-index:2;height:calc(100% - 30px);transform: translateX(-50%);left: 50%;width: 64%;}
.apartment-bath-image{z-index:4;top:4%;left:72%;width:27%;height:40%;transform: translateX(100px);opacity: 0;}
.apartment-image-visible.apartment-bath-image {transform: translateX(0px);opacity: 1;}
.apartment-garden-image{z-index:1;top:540px;left:725px;width:160px;height:155px;}
.apartment-living-image{z-index:3;bottom:0%;left:6%;width:27%;height:42%;transform: translateX(-100px);opacity: 0;}
.apartment-image-visible.apartment-living-image {transform: translateX(0px);opacity: 1;}



.apartment-detail{position:absolute;z-index:5;top:49%;left:73.6%;width:390px;}
.apartment-detail p{margin:0;line-height: 1.6;letter-spacing: 0.8px;width: calc(100% - 60px);}
.apartment-actions{margin-top: 28px;}
.apartment-actions a{display: inline-block; width: max-content; margin: 0 15px 15px 0;}
.apartment-next{position:absolute;top:566px;right:clamp(35px,6vw,96px);z-index:8;display:block;width:38px;height:24px;}
.apartment-next:before{position:absolute;top:11px;left:0;width:34px;height:1px;content:"";background-color:#343434;}
.apartment-next:after{position:absolute;top:6px;right:0;width:10px;height:10px;content:"";border-top:1px solid ;}


.is-hidden {display: none;}




.season-page{position:relative;background-color:#e2e0d4;font-family:"Montserrat",Arial,sans-serif;color:#343434;padding: 85px 0;overflow: hidden;}
.season-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0.08;pointer-events:none;}
.season-stage{position:relative;min-height:750px;margin:0 0 0 6%;}
.season-title{position:absolute;z-index:3;top:95px;left:0;font-family:"ALS Alumna Regular",Georgia,serif;font-size:68px;font-weight:400;line-height:1.3;letter-spacing:1px;text-transform:uppercase;}
.season-text{position:absolute;z-index:3;top:unset;left:0; bottom: 0;width: 35%;line-height: 1.6;letter-spacing: 0.8px;}
.season-sign{display:inline-block;width:67px;height:auto;margin:0 0 2px 8px;vertical-align:middle;object-fit:contain;}
.season-main-image{position:absolute;z-index:2;width:100%;object-fit:cover;height: 100%;}
.season-next{position:absolute;z-index:5;right:78px;bottom:56px;width:38px;height:22px;text-decoration:none;}
.season-next:before{position:absolute;top:10px;left:0;width:34px;height:1px;content:"";background-color:#343434;}
.season-next:after{position:absolute;top:5px;right:0;width:10px;height:10px;content:"";border-top:1px solid #343434;border-right:1px solid #343434;transform:rotate(45deg);}


.season-stage2{margin: 0 6% 0 0;}
.season-title2{right: 0; left: unset;width: 35%;}
.season-text2{right: 0; left: unset;}
.three-slide2{right: unset !important;left: -45% !important;}

/*multi-block-slide*/
.mb-slide {position: relative; display:block !important;}
.mb-slide .swiper-container {}
.mb-slide .swiper-wrapper {}
.mb-slide .swiper-slide {}


/*three-slide*/
.three-slide {position: absolute; display:block !important; width: 120%;height: 667px;right: -45%;left: unset;}
.three-slide .swiper-container {-webkit-mask-image: radial-gradient( circle at bottom left, transparent 0%, transparent 10%, rgba(0, 0, 0, 1) 30% );}
.three-slide .swiper-wrapper {}
.three-slide .swiper-slide {}

/*four-slide*/
.four-slide {position: absolute; display:block !important; width: 120%;height: 667px;right: -45%;left: unset;}
.four-slide .swiper-container {-webkit-mask-image: radial-gradient( circle at bottom left, transparent 0%, transparent 10%, rgba(0, 0, 0, 1) 30% );}
.four-slide .swiper-wrapper {}
.four-slide .swiper-slide {}
.four-slide .swiper-container {-webkit-mask-image: radial-gradient( circle at bottom right, transparent 0%, transparent 10%, rgba(0, 0, 0, 1) 30% );}


.contact-page{position:relative;min-height:550px;overflow:hidden;background:#d4d2c3; margin-top: 50px;}
.slogan-background{position:absolute;bottom:70px;width:90%;opacity: 0.4;left: 5%;}
.contact-content{position:relative;z-index:2;width:min(1260px,calc(100% - 80px));min-height:550px;margin:0 auto;padding-top:65px;box-sizing:border-box;}
.contact-logo{display:block;width:285px;max-width:70%;height:auto;margin:0 auto;}
.contact-row{display:flex;align-items:flex-start;justify-content:space-between;margin-top:87px;}
.contact-box{width:30%;text-align:center;}
.contact-icon{display:block;width:31px;height:31px;margin:0 auto 16px;object-fit:contain;}
.contact-title{font-family:"ALS Alumna Regular",Georgia,serif;font-size:27px;font-weight:400;line-height:1.2;letter-spacing:0.7px;text-transform:uppercase;}
.contact-info{display:block;margin-top:21px;color:#343434;font-size:13.5px;line-height:1.5;text-decoration:none;}
.contact-legal{position:absolute;bottom:17px;left:50%;display:flex;align-items:center;justify-content:center;gap:19px;width:max-content;max-width:100%;transform:translateX(-50%);white-space:nowrap;}
.legal-text{color:#8d8b84;font-size:13px;line-height:1.4;}


.shadow-blue-top{background: #E2E0D4;background: -webkit-linear-gradient(0deg, rgba(226, 224, 212, 0) 0%, rgba(226, 224, 212, 1) 100%);background: -moz-linear-gradient(0deg, rgba(226, 224, 212, 0) 0%, rgba(226, 224, 212, 1) 100%);background: linear-gradient(0deg, rgba(226, 224, 212, 0) 0%, rgba(226, 224, 212, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E2E0D4", endColorstr="#E2E0D4", GradientType=0); width: 100%;
height: 300px; top: 0; position: absolute;}

.shadow-blue-bottom{background: -webkit-linear-gradient(0deg,rgba(226, 224, 212, 1) 0%, rgba(226, 224, 212, 0) 100%); background: -moz-linear-gradient(0deg,rgba(226, 224, 212, 1) 0%, rgba(226, 224, 212, 0) 100%); background: linear-gradient(0deg,rgba(226, 224, 212, 1) 0%, rgba(226, 224, 212, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr="#E2E0D4",  endColorstr="#E2E0D4",  GradientType=0);width: 100%;
height: 300px;bottom: 0; position: absolute;}



.start_language{color: #8d8b84; font-size: 13px; line-height: 1.4;text-transform: uppercase;word-spacing: 12px;}
.language-cur{display: none;}
.language{}




@media (max-width:1400px) {

    html, body {font-size:14px;}

    li{padding: 5px 0;}

    .sticker{width: 125px;right: 3px;bottom: unset;top: 1px;}
    .header-logo{height: 20px;display: none !important;}
	.menu_button { display:block; z-index:10;font-weight: 400;height: 100%;background-color: unset;}
	.menu_button-lines { display:block; z-index:10;}
	.navigation { position: absolute;  margin:0 auto; text-align:right;opacity:0.0000001;pointer-events: none;height: 100vh;background-color: #3c5c56;}
    .navigation img{height: 100vh; width: 100vw; object-fit: cover;opacity: 0.1;display: block;}
	.header-open .navigation {opacity:1;pointer-events: all;}
    .menu {top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%;  box-sizing: border-box;text-align: center;}
    .menu a { display:block; border-bottom: solid 1px #ffffff42;padding: 20px 0 19px;}
    .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{background-color: #3c5c56;}
    .fixed-2 .menu-two{left: unset;display: none;}
    .fixed-2 .menu{top: 50%;  left: 50%; transform: translate(-50%, -50%); width: 80%;  box-sizing: border-box;color: #fff;}
    .menu-two{left: unset;display: none;}
    .slide-shape{width: 100%;opacity: 0.08;}
    .slide-logo{width: 220px;top: 15%;}
    .slide{height: 50vh;}
    .resp-contact{display: block;z-index: 7;background-color: #3c5c56;color: #d4d2c3;column-count: 2;column-gap: 0;}
    .resp-contact a{display: block;text-align: center;width: 100%;padding: 16px 0;}
    .resp-logo{display: none;}
    .fixed-2 .resp-logo{display: block;}


    .main{position:relative;overflow:hidden;font-size:56px;}
    .muster{width:130vw;left:50%;transform:translateX(-50%);}
    .main-box{display:grid;width:88vw;padding:14vh 0 8vh;grid-template-columns:repeat(3,1fr);column-count:unset;gap:24px;align-items:center;}
    .img-box{display:block;width:100%;height:52vw;max-height:560px;object-fit:cover;}
    .center-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
    .center-box img{width:90px;margin-bottom:50px;}
    .main-2{min-height:0;padding:180px 40px 120px;}
    .main-shape{width:620px;max-width:85%;}
    .main-2-content{max-width:850px;}
    .main-2 h1{font-size:30px;line-height:1.25;}
    .main-2 h2{font-size:16px;line-height:1.45;}
    .main-text{max-width:800px;font-size:14px;line-height:1.8;}


    .season-page{padding:70px 0;}
    .season-stage{display:flex;flex-direction:column;width:calc(100% - 80px);min-height:0;margin:0 auto;}
    .season-stage2{margin:0 auto;}
    .season-title{position:relative;top:auto;left:auto;right:auto;width:100%;font-size:56px;order:1;text-align: center;}
    .season-title2{text-align:center;}
    .season-text{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;margin-top:38px;line-height:1.65;order:3;text-align: center;}
    .season-text2{margin-left:auto;text-align:right;text-align: center;}
    .three-slide{position:relative;right:auto;left:auto;width:100%;height:540px;margin-top:45px;order:2;}
    .three-slide2{right:auto !important;left:auto !important;}
    .four-slide{position:relative;right:auto;left:auto;width:100%;height:540px;margin-top:45px;order:2;}
    .four-slide2{right:auto !important;left:auto !important;}
    .season-main-image{position:absolute;width:100%;height:100%;}
    .season-next{right:25px;bottom:25px;}
    .four-slide .swiper-container{-webkit-mask-image: unset;}
    .three-slide .swiper-container{-webkit-mask-image: unset;}


    .apartment-page{padding:65px 0 70px;}
    .apartment-tabs{position:relative;left:auto;width:100%;max-width:unset;margin:0 auto;transform:none;}
    .apartment-tab{min-width:0;flex:1;padding:18px 15px 26px;font-size:23px;right: 0 !important; left: 0 !important;}
    .apartment-tab.is-active{min-width:0; right: 0 !important; left: 0 !important;}
    .apartment-tab.is-active:before{right:0;left:0;}
    .apartment-stage{display:flex;flex-direction:column;width:calc(100% - 48px);min-height:0;margin:60px auto 0;overflow: hidden;}
    .apartment-intro{position:relative;left:auto;width:100%;max-width:600px;margin:0 auto 42px;text-align: center;}
    .apartment-intro titel{display:block;margin-bottom:25px;font-size:38px;}
    .apartment-intro p{max-width:unset;font-size:14px;}
    .ap-img-box{position:relative;top:auto;left:auto;width:100%;max-width:650px;height:590px;margin:0 auto;transform:none;}
    .apartment-main-image{width:64%;height:calc(100% - 30px);}
    .apartment-bath-image{top:4%;left:unset;width:27%;height:40%;right: 0;}
    .apartment-living-image{bottom:0;left:0;width:27%;height:42%;}
    .apartment-detail{position:relative;top:auto;left:auto;width:100%;max-width:540px;margin:42px auto 0;text-align: center;}
    .apartment-detail p{font-size:14px;width: 100%;}
    .apartment-actions{flex-wrap:wrap;gap:14px;justify-content: center;}

    .contact-page{min-height:auto; margin-top: unset;}
    .contact-content{width:min(720px,calc(100% - 48px));min-height:auto;padding-top:55px;padding-bottom:80px;}
    .contact-row{margin-top:65px;gap:25px;}
    .contact-box{width:33.333%;}
    .contact-legal{position:static;width:100%;max-width:none;margin-top:65px;transform:none;white-space:normal;flex-wrap:wrap;gap:10px 18px;text-align:center;}
    .slogan-background{bottom:80px;width:100%;left:0;}
}



@media (max-width:600px) {

    html, body {font-size:13px;}

    .season-page{padding:45px 0 55px;}
    .season-stage{width:calc(100% - 32px);}
    .season-title{font-size:38px;line-height:1.2;letter-spacing:0.6px;}
    .season-text{max-width:100%;margin-top:28px;font-size:13px;line-height:1.65;letter-spacing:0.5px;}
    .season-text2{text-align:center;}
    .season-title2{text-align:center;}
    .three-slide{margin-top:32px;height: 52vw;}
    .four-slide{margin-top:32px;height: 52vw;}
    .season-next{right:18px;bottom:18px;}

    .img-box-visible:nth-child(1){display: none;}
    .main{font-size:46px;}
    .muster{width:190vw;}
    .main-box{display:flex;width:calc(100% - 32px);padding:19px 0 55px;flex-direction:column;gap:28px;font-size: 33px;}
    .img-box{height:52vw;max-height:none;}
    .center-box{height:auto;min-height:unset;padding:5px 0;box-sizing:border-box;}
    .center-box img{width:78px;margin-bottom:10px;}

    .main-2{padding:30px 20px 120px;}
    .main-shape{top:0;width:460px;max-width:120%;}
    .main-2 h1{font-size:25px;line-height:1.25;}
    .main-2 h2{font-size:13px;line-height:1.45;}
    .main-text{font-size:13px;line-height:1.7;letter-spacing:0.5px;}


    .apartment-page{padding:0 0 55px;}
    .apartment-tabs{}
    .apartment-tab{padding:13px 0px 10px;font-size:18px;line-height:1.15;}
    .apartment-stage{width:calc(100% - 32px);margin-top:42px;}
    .apartment-intro{text-align:center;margin-bottom:34px;}
    .apartment-intro titel{margin-bottom:20px;font-size:30px;}
    .apartment-intro p{max-width:100%;font-size:13px;line-height:1.65;letter-spacing:0.5px;}
    .ap-img-box{height:260px;}
    .apartment-main-image{width:68%;height:calc(100% - 20px);}
    .apartment-bath-image{top:3%;left:68%;width:32%;height:37%;}
    .apartment-living-image{bottom:0;left:0;width:32%;height:39%;}
    .apartment-detail{margin-top:32px;text-align:center;}
    .apartment-detail p{font-size:13px;line-height:1.65;letter-spacing:0.5px;}
    .apartment-actions{justify-content:center;gap:12px;margin-top:22px;}
    .agb{width: 90%;}
    .ausst{width: 90%;}
    .hausordnung{width: 90%;}
    .inkl{width: 90%;}


    .contact-content{width:calc(100% - 40px);padding-top:45px;padding-bottom:80px;}
    .contact-logo{width:240px;max-width:85%;}
    .contact-row{flex-direction:column;align-items:center;margin-top:55px;gap:45px;}
    .contact-box{width:100%;max-width:340px;}
    .contact-icon{width:28px;height:28px;margin-bottom:14px;}
    .contact-title{font-size:24px;}
    .contact-info{margin-top:14px;font-size:13px;}
    .contact-legal{margin-top:55px;gap:9px 15px;}
    .legal-text{font-size:12px;}
    .slogan-background{width:100%;left:0;bottom:90px;opacity:0.3;}
}