﻿#54463E:root {
    --yanmenugenislik: 80px;
    --ustbosluk: 80px;
    --altbosluk: 40px;
    --menutop: 32px;
}
body{ overflow: hidden;    background: #231d19 url(/img/bg.png) top repeat-y;
    background-size: 100% auto;}
.mobile{display:none}
.mmenu {display: none;}
.mailglobal { /*width: calc(100% - var(--yanmenugenislik));*/width: 100%;  }
.ekatalog{display:none}

.bg {
    background: url(/img/bg.svg) left top repeat-y;
    background-size: 100% auto;
    background-position-y: -26vh;
    height: 0;
    z-index: -2;
    min-height: 100%;
    position: absolute;
    width: 100%;
}
.begin {}
.loadprogress {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #382A24 url(/img/loadin_bg.jpg) no-repeat center;
    background-size: cover;
}

.scroll-downs {
    position: absolute;
    /* top: 0; */
    right: 5vh;
    bottom: 5vh;
    /* left: 0; */
    /* margin: auto; */
    width: 34px;
    height: 55px;
}

.mousey {
    width: 3px;
    padding: 10px 10px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
}

.scroller {
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}

@keyframes scroll {
    0% {
        opacity: 0;
    }

    10% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}
.loadprogress .progressmain{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.loadprogress .progressmain>div{width:350px; max-width: 350px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.loadprogress .progressmain>div img{
    /* box-shadow: 3px 3px 4px #000; */
    max-width: 200px;
}
.loadprogress .progressmain>div>div:first-child{margin-bottom:45px}
.loadprogress .progressmain>div>div:last-child{width:100%;display:flex;justify-content:left;flex-direction: column;position: relative;}

.lodingbar {background-color: #F7F2EF;width: 0%;height: 2px;position: absolute;z-index: 1;}
.lodingpercent {background:#F7F2EF; opacity:0.28; width:100%; height:2px;}

.loadslagon{position:absolute;bottom: 10vh;display: flex;align-items: center;width: 100%;justify-content: center;}
.loadslagon h1{
    font-size: calc(13px + (13 - 10) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(17px + (7 - 11) * ((100vw - 300px) / (1600 - 300)));
    color: #ffffff;
    letter-spacing: 10px;
    font-family: 'le_more_collection_serifRg';
    }

#wrapper {width: 100%;}

.leftslider{}
.leftslider .slick-slide img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-height: calc(100vh - 130px);
}
.leftslider .slick-list, .leftsliderteam .slick-list{padding-left: 0px !important;margin:var(--yanmenugenislik) 0;}
.leftslider .slick-list{margin:0;}
.projecte{padding: 8vh 0 8vh 0;}
.cameralive {
    /* position: absolute; */
    right: 4vw;
    top: 40px;
    width: 70px;
    height: 70px;
    z-index: 9;
    cursor: pointer;
}

.popup{background: rgba(0, 0, 0, 0.8); width:100%; height:100%; position:fixed; left:0; top:0;z-index: 9999;transition: .5s;}
.popup .close{
    position: absolute;
    z-index: 3;
    right: -30px;
    top: -30px;
    width: 50px;
    height: 50px;
    background: #5a4747;
    border-radius: 25px;
}

.popup .close:hover{background: #fff;}
.popup .close:hover img {filter: brightness(1) invert(1);}


.popup .close button{
    background: transparent;
    border: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: auto;
}
.popup .close button img{
    /* filter: brightness(1) invert(1); */
    width: 40%;
}
.popup .video {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup .video>div{
    width: calc(100% - 20vh);
    height: calc(100% - 20vh);
    border: 15px solid #fff;
    position: relative;
    max-width: 1800px;
}
.popup .video video{
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    z-index: 1;
    cursor: pointer;
}

.ange-detay{
    width: 90%;
    max-width: 1110px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}
.ange-detay>ul{
    display: flex;
    border-bottom: 1px solid #7f7f7f;
    width: 100%;
    padding: 6px 0;
    align-items: center;
    justify-content: space-between;
}
.ange-detay>ul:first-child{
    background: #2f2f2f;
    /* padding: 25px 0; */
    border-bottom: 0;
}
.ange-detay>ul:first-child>li{
    color: #fff;
    font-weight: bold;
    padding: 10px 15px;
}
.ange-detay>ul>li{padding: 5px 15px;color: #ffffff;width: calc(((100% - 370px)/4))
}
.ange-detay>ul>li img{}
.ange-detay>ul>li:nth-child(1){width: 120px;text-align: left;}
.ange-detay>ul>li:nth-child(2){}
.ange-detay>ul>li:nth-child(3){}
.ange-detay>ul>li:nth-child(4){}
.ange-detay>ul>li:nth-child(5){width: 80px;}
.ange-detay>ul>li:nth-child(6){width: 170px;}
.ange-detay>ul>li:nth-child(7){ text-align:center}



.katplan {display: table;width: 90%;margin-top: 1vw;}
.katplan > ul {display: table-row;}
.katplan > ul > li:first-child {width: 44%;margin-right: 10px;overflow: hidden;/* min-height: 420px; */}
.katplan > ul > li {display: table-cell;float: left;width: calc(56% - 10px);}
.katplan > ul > li:first-child img {width: 120%;max-width:inherit; position: relative;/* top: 50%; *//* transform: translateY(-50%); */}
.katplanlari {display: table;width: 100%;margin: 0 auto;}
.katplanhead {display: table-row;background: #0a1748;}
.katplanhead > li {display: table-cell;}
.planlar {display: table-row;width: 100%;cursor: pointer;}
.planlar > li {display: table-cell;padding: 5px 15px;color: #ffffff;}
.planlar > li a {}
.planlar a:hover svg path {fill: #ffffff;}
 .aktifberkauft{font-size: 6vw !important;}
.opentab {display: none !important;}
#Videopopup {width: 100%}
.planlar a svg path{fill: #ffffff;}

.mobile-menu{display:none;background:#fff;position:fixed;bottom: 0px;margin:0 auto;z-index:100;padding: 10px 10px 5px 10px;border-radius: 20px 20px 0 0;border: 1px solid #E5E5E5;box-shadow: 1px 1px 13px rgb(0 0 0 / 30%);left: calc(50% - 125px);}
.mobile-menu>ul>li{display:table-cell;padding: 5px;}
.slider{ height:75vh !important}
.mts{margin-top:var(--ustbosluk)}
footer{text-align:center}
footer>div{margin-bottom:25px;}
footer>div img{ max-width:80px; width:40%}
footer .twon{height:40px}
/*menu bar*/
.menu{position:absolute; width:100%; height:var(--yanmenugenislik); left:0; top:0; z-index:99; transition:.5s}
.menu>div{width: calc(100% - 8vw);margin:0 auto;position:relative;display:flex;justify-content: space-between;align-items: flex-end;}
.menu ul {position: relative;height:var(--yanmenugenislik);display:flex;justify-content: flex-end;align-items: center;transition:.5s;}
.menu ul li {text-align: center;padding: 0px 20px;}
.menu ul li a {position: relative;display: inline-block;-moz-box-sizing: border-box;box-sizing: border-box;padding: .4em .2em;color: #fff;font-weight:500;text-align:center;width:100%; }
.menu ul :not(li.camera) a:before, .menu ul :not(li.camera) a:focus:before {content: '';position: absolute;right: 0;bottom: -4px;left: 0;height: 4px;border-radius: 2px;background-color: #5e493e;pointer-events: none;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform-origin: center top;-ms-transform-origin: center top;transform-origin: center top;}
.menu ul li.active a:before, .menu ul li a:hover:before { -webkit-transform: scaleX(1);  -ms-transform: scaleX(1);}
.camera a:before, .camera a:focus:before{background:none!important}

.katalog{display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 30px;}
.katalog>a {border: 1px solid #d7c6bc;display: flex;justify-content: space-around;align-items: center;padding: 10px 25px;margin-right: 20px;}
.katalog>a>img{width: 24px;margin-right: 10px;filter: brightness(0) invert(1);}
.katalog>a:hover{
    color: #fff;
    background: #2e2726;
    border: 1px solid #2e2726;
}
.katalog>a:hover img{
    filter: brightness(0) invert(1);
}
.button{font-weight: 500;font-size: 16px;line-height: 30px;padding: 5px 20px;color: #fff;margin-top: 25px;cursor: pointer;position: relative;display: inline-block;overflow: hidden;}
.button p { position: relative;  transition: all 0.25s ease; margin:0; padding:0}
.button::before, .button::after { content: ""; position: absolute; top: 0; left: 0;height: 100%; width: 100%; transition: all 0.25s ease; }
.button::before {transition-duration: 0.5s;box-shadow: inset 0 0 0 1px #D7C6BC;}
.button:hover::before {box-shadow: inset 0 0 0 60px #c3ae9d;}


/*.menu ul :not(li.search):hover a::before{width:0px;transition:.5s}
.menu ul :not(li.search):hover a::after {content: "";position: absolute;bottom: -12px;left: 0;width: inherit;height: 4px;border-radius: 2px;pointer-events: none;background: #228D4D;}*/
.menu ul li.search{width:23px; padding:0px}
.menu ul li.search a{position:initial;display:block;text-align:center;width: 23px;padding: 0;cursor: pointer;}
.menu ul li.search a svg path{fill:#fff;transition:.5s}
.menu ul li.search a:hover svg path{fill:#46B974;}
.search a svg{width:100%}
.searchbox{position:absolute; left:0;top:0; width:100%; background:#fff; z-index:999}
.menu .logo{padding-top: 20px;transition:.5s;}
.menu .logo img{height: 6vh;filter: brightness(0) invert(1);transition:.5s;max-height: 70px;min-height: 50px;}
.menu .logo a{display:block}
.menu .logo .line{position:absolute;top: calc(var(--yanmenugenislik) - 1px);height:1px;background:rgba(255, 255, 255, 0.24);left:0;width:0;}
.menu.fixed {position:fixed;background: #382A24;box-shadow: 5px 4px 5px rgba(0, 0, 0, 0.15);height: 70px;}
.menu.fixed .logo {padding-top:0px;}
.menu.fixed .logo img{/* filter:none; */height: 36px;min-height: 45px;}
.menu.fixed .logo .line{width:0;}
.menu.fixed  ul li a {/* color: #7C686C; */font-size: 15px;padding: .4em .2em;}
.menu.fixed ul{padding-top:0; height:60px}
.menu.fixed .logo .line{top:60px}
.menu.fixed ul li.search a svg path{fill:#b5b5b5}
.menu.fixed ul li.search a:hover svg path{fill:#46B974}
.menu.fixed ul li {padding: 0px 10px;}
.menu.fixed>div{
    display: flex;
    align-items: center !important;
    margin-top: 5px;
}
.menu.fixed ul li.camera{display:none}

#toTop {position: fixed;right: 6vh;bottom: 10vh;border-radius: 10px;display: none;background: #ffffff;border-radius: 30px;width: 60px;height: 60px;z-index: 999;box-shadow: 0px 0px 7px rgb(0 0 0 / 25%);}
#toTop a{display:block;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;}
#toTop a svg path{fill: #000000;stroke: #000000;}
#toTop:hover{background: #7d6452;}
#toTop:hover a svg path{fill: #fff;stroke: #fff;}


@keyframes yazigoster { 0% {  opacity: 0;  } 100% {  opacity: 1;  }}

.carousel__text{position:absolute;z-index:2; color:#fff}
.carousel__slide__overlay{width: 100%; height: 100%; background:rgba(0, 0, 0, 0.3);  top: 0;  position: absolute;  z-index: 1;}

/*carousel*/
.homeslader.slader .slick-arrow{top: 50%;background: url(/assets/img/white-arrow.svg) no-repeat 6px;width: 30px;height: 30px;left: 4vw;display: block;z-index: 11;}
.homeslader.slader .slick-arrow:hover{/* background-color: #001665; */opacity: .5;}
.homeslader.slader .slick-next.slick-arrow{left: auto;right: 4vw;}
/*.homeslader.slader .slick-dots li.slick-active button::after{content:"";border: 2px solid #ffffff;padding: 10px;border-radius: 15px;left: 3px;position: absolute;top: -7px;}*/
.slider .slick-dots li.slick-active button::after{content:"";border: 2px solid #ffffff;padding: 10px;border-radius: 15px;left: 3px;position: absolute;top: -7px;}

/*.carousel__text{position:absolute;z-index: 3;color:#fff;width:100%;max-width: 550px;margin-left: 8vw;bottom: 32vh;transform: scale(1);}*/

.carousel__text{position:absolute;z-index: 3;color:#fff;width:100%;bottom: 43vh;transform: scale(1);text-align:center;left:0;margin:0 !important;}
.carousel__text h1{font-weight:900;letter-spacing: 10px;color: #ffffff;font-family: 'le_more_collection_serifRg';font-size: calc(40px + (40 - 34) * ((100vw - 300px) / (1600 - 300)));line-height: calc(43px + (43 - 34) * ((100vw - 300px) / (1600 - 300)));}
.carousel__text p{color: #ffffff;font-size: calc(17px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));line-height: calc(23px + (27 - 14) * ((100vw - 300px) / (1600 - 300)));}
.carousel__text h2{font-weight:300;font-size: 22px;line-height: 23px;color: #fff;letter-spacing: 7px;}
/*.carousel__text a{ font-weight:500; font-size:14px; line-height:18px; padding:5px 10px; display:block; float:left; border:1px solid #fff; color:#fff; margin-top:15px}*/
.homeslader .socialmedia{bottom: 4vh;position:absolute;/* width: 100px; */height: 30px;display: flex;right: 4vw;z-index: 13;flex-direction: row;align-items: center;}
.homeslader .socialmedia a {display: block;padding: 5px 25px 0 0;text-align: left;height: 35px;}
.homeslader .socialmedia a svg {width: 21px;}
.homeslader .socialmedia a:hover svg path{fill: #c3ae9d;}
.homeslader .socialmedia div:first-child{width:63px}
.homeslader .socialmedia div{display:flex; color:#fff}
.homeslader .socialmedia div .sline{width:80px;height: 1px;background: #fff;margin: 0 15px;}
.homeslader .socialmedia.sbrg{right:auto;left: 4vw;}
.homeslader .socialmedia.sbrg a{color:#fff}
#chVideo2,#chVideo1{width:100%;cursor: pointer; transition:.5s}
#chVideo2{/* border: 1px solid rgba(255, 255, 255, 0.15); *//* box-shadow: 5px 4px 5px rgb(0 0 0 / 55%); */}
.greenborder{border: 1px solid rgba(70, 185, 116, 0.90)}
/*carousel*/

.carousel__slide__inner {overflow: hidden;position: relative;cursor: pointer;}
/*.doAnimation .slick-active .carousel__slide__inner .carousel__image { -webkit-animation: scale-out 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;  animation: scale-out 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both; transform: scale(1.3);}*/
.doAnimation .slick-active .carousel__slide__inner .carousel__image { -webkit-animation: scale-out 1s cubic-bezier(0.7, 0, 0.3, 1) 0s both;  animation: scale-out 01s cubic-bezier(0.7, 0, 0.3, 1) 0s both; transform: scale(1);}
.carousel__slide__overlay {background-color:transparent;background-size:100%;height:100%; left: 0;  opacity: 0.5; position: absolute; top: 0;  width: 100%; z-index: 2;}
.carousel__image { height: 100%; -o-object-fit: cover; object-fit: cover; position: relative;  width: 100%; z-index: 1; cursor:pointer}
.doAnimation .slick-active .carousel__slide__inner .carousel__text { -webkit-animation: scale-out-text 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;  animation: scale-out-text 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;}

@-webkit-keyframes scale-out {
    0% { width:100%}
    90%{width:105%}
    100%{width:105%}

}
@keyframes scale-out { 
    0% { width:100%}
     90%{width:105%}
      100%{width:105%}

}

@-webkit-keyframes scale-out-text {
    0% { transform: scale(0);}
    100% { transform: scale(1);}
}

@keyframes scale-out-text { 
    0% { transform: scale(0); opacity:0;}
    100% { transform: scale(1); opacity:1;}
}
/*carousel bitti*/


.fhed{width:100%;margin-bottom: 20px;}
.fhed h2, .fhed h1, .fhed h3{color: #C3AE9D;}
.fhed h1{margin-bottom: 11px;font-size: calc(22px + (32 - 22) * ((100vw - 300px) / (1600 - 300)));line-height: calc(28px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));color: #ffffff;margin-bottom: 14px;letter-spacing: 5px;font-family: 'le_more_collection_serifRg';}
.fhed h2{font-size: 20px;font-weight: 300;line-height: 27px;letter-spacing:5px;margin-bottom: 8px;color: #cba17e;/* font-style: italic; */letter-spacing: 5px;}
.fhed h3{font-size: 20px;font-weight: 300;line-height: 28px;letter-spacing:1px;margin-bottom: 8px;}
.txtcenter{text-align:center}
.txtcenter p{text-align:center; margin-bottom:15px}
.txtright{text-align:right;}
.ftxt{font-size:15px;line-height:24px;color:#000;}
.txtright.ftxt{ display: flex;  flex-direction: column;    align-items: flex-end;}
.ftxt p{margin-bottom:15px;}
.txtwhite h1, .txtwhite h2, .txtwhite, .txtwhite{/* color: #7C686C; */}
.font-size25{font-size:25px;line-height: 35px;font-weight: 300;}
.twoflex{display:flex;padding: var(--yanmenugenislik) 0;width:calc(100% - (var(--yanmenugenislik) * 2));margin: 0 auto;justify-content: space-between;flex-wrap: wrap;}
.twoflex>div{flex-wrap: wrap;  display: flex;    width: calc((100% /2 ) - 10px);    align-content: center;   justify-content: flex-start;    position: relative;}
.twoflex>div img{width:100%}

.Angebote{margin: 8vh 0 0 0;min-height: 50vh;display: flex;align-items: center;justify-content: center;}
.Angebote h1, .Angebote h2, .Angebote h3, .Angebote p{color: #ffffff !important;}
.Angebote-detail{width: 100%;margin:0 auto;/* background: #E6DBD5; */padding: 25px 0;max-width: 1200px;}
.Angebote-detail ul{display: flex;justify-content: center;align-items: center;}
.Angebote-detail ul li{color: #ffffff;font-weight:800;text-align:center;/* width: 20%; */border-right: 1px solid #d7c6bc94;font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300)));line-height: calc(18px + (22 - 12) * ((100vw - 300px) / (1600 - 300)));padding: 0 40px;}
.Angebote-detail ul li:last-child{border-right:0px}
.Angebote-detail ul li span{display:block;font-weight: 300;font-size: 20px;font-size: calc(12px + (19 - 14) * ((100vw - 300px) / (1600 - 300)));line-height: calc(18px + (25 - 14) * ((100vw - 300px) / (1600 - 300)));}
.Angebote .txtcenter.icortala{max-width:550px}


    #galleryCont{clear:both;overflow:hidden;width:100%;padding: 0px 0 0 0; width:calc(100% - 8vh);margin: auto auto;margin-top: 4VH;}
    #galleryCont>a>div{display: flex;justify-content: center;align-items: center;cursor: pointer;}
    #galleryCont>a>div>img {
    width: 100%;
    display: block;
    overflow: hidden;
    -o-transition: .5s linear;
    -ms-transition: .5s linear;
    -moz-transition: .5s linear;
    -webkit-transition: .5s linear;
    transition: .5s linear;
    -webkit-transform: scale(1);
    transform: scale(1);
    cursor: pointer;
    }

    #galleryCont a:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
    #galleryCont a div.zoom.fa img {width:100%}

    #galleryCont a div.zoom.fa {
    position: absolute;
    height: 40px;
    width: 40px;
    -o-transition: .5s linear;
    -ms-transition: .5s linear;
    -moz-transition: .5s linear;
    -webkit-transition: .5s linear;
    transition: .5s linear;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    }
    #galleryCont a:hover div.zoom.fa{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
     #galleryCont a:hover{background: rgba(46 39 38)}
     #galleryCont a:hover>img{opacity:1 !important}


    #galleryCont a{display: block;overflow:hidden;float:left;width:calc(25% - 7px);margin:3.5px;line-height:0;position: relative;transition: .5s;}


        @media screen and (max-width: 750px){#galleryCont{padding:0px 0 0 0;width: 90%;}}

.seeberg{}
.seeberg h1{
    margin-bottom: 11px;
    color: #cba17e;
    font-size: 20px;
    line-height: 27px;
    font-weight: 300;
    letter-spacing: 5px;
}
.seeberg>div{text-align:center}
.seeberg img{width: 220px; margin-bottom:25px}
.seeberg>div p{margin-bottom:15px}
.seeberg>div a{ text-decoration:underline; font-weight:600; color:#9D816A}
.maps{margin:0 auto; width:100%; max-width:1200px; height:550px; margin-bottom:45px; border:10px solid #fff; position:relative} 

.Kontakt{position:relative;z-index: 0;/* background: #2e2726; */display: flex;flex-direction: column;padding: 4vh 0 0vh 0;width: 100%;}
.Kontakt>div{width: 100%;display: flex;}
.Kontakt>div:first-child{background: #654e4aa3;margin-bottom: 2vh;padding: 2vh 0;}

.Kontakt>div:first-child ul{
    display: flex;
    flex-direction: row;
    width: calc(100% - 8vw);
    justify-content: space-between;
    margin: 0 auto;
}
.Kontakt>div:first-child ul>li{
    display: flex;
    align-items: center;
}

.Kontakt>div:first-child ul>li:first-child{
    display: flex;
    flex-direction: column;
    align-items: flex-start;

}
.Kontakt>div:first-child ul>li:first-child h1{
    color: #ffffff;
    margin-bottom: 0px;
    letter-spacing: 5px;
    font-family: 'le_more_collection_serifRg';
    font-size: calc(22px + (32 - 22) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(28px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));
}
    .Kontakt > div:first-child ul > li:last-child {width: 70%;}

.Kontakt>div:first-child ul>li:first-child p{
    font-size: calc(13px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(20px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
}

.Kontakt>div:first-child ul>li img{
    width: 50px;
    /* filter: drop-shadow(8px 8px 10px gray); */
    /* filter: contrast(200%) brightness(150%); */
    filter: saturate(15) blur(0px);
}
.Kontakt>div:first-child ul>li>div{
    display: flex;
    align-items: flex-start;
    width: calc(100%/3);
}
.Kontakt>div:first-child ul>li>div>div{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-right: 20px;
}
.Kontakt p,.Kontakt h1, .Kontakt li{color: #f7f2ef;}
.Kontakt .two>div{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 4vh;
    width: calc(40% - 8vh) !important;
}

.Kontakt .two>div:first-child{
    width: 60% !important;
    padding: 0;
}

.Kontakt .two>div:first-child iframe{
    min-height: 60vh;
}
.Kontakt .two>div:last-child{
    position: initial;
}
.Kontakt .two h1{
    font-size: calc(22px + (32 - 22) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(28px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));
    margin-bottom: 14px;
    letter-spacing: 5px;
    font-family: 'le_more_collection_serifRg';
}
.Kontakt .two p{}
.Kontakt .two ul{
    list-style: disc;
    margin-left: 15px;
    margin-top: 25px;
}
.Kontakt .two ul>li{
    margin-bottom: 11px;
    font-size: calc(12px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(18px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));
    margin-bottom: 17px;
}

.Kontakt>div:first-child h1{font-size: calc(18px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));line-height: calc(24px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));margin-bottom: 5px;}
.Kontakt>div:first-child  p{
    margin-bottom: 0;
    font-size: calc(13px + (13 - 12) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(17px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
}

.Kontakts>div>div h1, .Kontakt-detail>h1{font-size: 16px;font-weight: 800;margin-bottom: 10px;}
.Kontakts{
    /* background: #2e2726; */
    width: calc(100% - 8vh);
    margin: 4vh auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7vh;
}
.Kontakts>div{
    padding: 4vh;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.Kontakts>div>div{/* margin-right: 35px; */text-align: left;color: #fff !important;min-width: 260px;}
.Kontakts>div>div:first-child{
    min-width: 200px;
}
.Kontakts>div>div>img{
    filter: brightness(0) invert(1);
    width: 150px;
}
.Kontakts>div h2{
    font-style: italic;
    margin-bottom: 8px;
}
.Kontakts>div li{ margin-bottom:8px}

.Kontakts h1, .Kontakts h2, .Kontakts a, .Kontakts p, .Kontakts li{color:#fff;font-size: 14px !important;line-height: 16px !important;}


.begin-item {
    width: 100%;
    /* margin: 8vh auto 45px auto; */
    position: relative
}
.img-item{width:100%; position:relative;display: flex;justify-content: center;}
.bosright{text-align:right}
.bosleft{ text-align:left}
.begin-item .img-item>img{max-height: 80vh;height: 100%;-o-object-fit: cover;object-fit: cover;position: relative;width: 100%;z-index: 1;cursor: pointer;}

.begin-item .img-item .carousel__text{
    width: 90%;
    max-width: 975px;
    margin: 0 auto !important;
    left: auto;
    bottom: 5vh;
}
.projedetail {
    position: relative;
    width: 100%;
}
.projedetail>div{}

.two {width: 100%;display: flex;flex-direction: row;margin: 5vh 0;align-items: center; position:relative}
.two.toleft{display: flex;flex-direction: row-reverse;}
.two>div{display: flex;align-items: flex-end;justify-content: flex-start;}
.two.toleft>div{justify-content: flex-end;}
.two>div>img{height: 100%;-o-object-fit: cover;object-fit: cover;position: relative;width: 100%;z-index: 1;cursor: pointer;left: 50%;transform: translateX(-50%);max-height: 80vh;opacity: .85;-webkit-mask-image: linear-gradient(to left, transparent 5%, #1c110f 75%);mask-image: linear-gradient(to left, transparent 5%, black 75%);}
.two.toleft>div>img{-webkit-mask-image: linear-gradient(to right, transparent 5%, #1c110f 75%);mask-image: linear-gradient(to right, transparent 5%, black 75%);}
.two>div{}
.two>div:first-child{
    width: 60%;
}
.two>div:last-child{
    position: absolute;
    width: 40%;
    right: 4vh;
}
.two.toleft>div:first-child{
}
.two.toleft>div:last-child{
    position: absolute;
    width: 40%;
    left: 4vw;
}

.two.toleft>div>div{
    /* padding-bottom: 8vh; */
    /* padding: 35px 0; */
}
.two>div>div>p{}
    .two > div > div > h1 {
        font-family: 'le_more_collection_serifRg';
        margin-bottom: 11px;
        font-size: calc(22px + (32 - 22) * ((100vw - 300px) / (1600 - 300)));
        line-height: calc(28px + (32 - 18) * ((100vw - 300px) / (1600 - 300)));
    }

.leftbos{margin-left:4vw;  width:calc(100% - 4vw)}
.rightbos{margin-right:4vw; width:calc(100% - 4vw) }
.projedetail>.right{width:100%;text-align:right;display:flex;flex-direction: column;align-items: flex-end;}
.projedetail>.right .resimbg{position:absolute;z-index: -1;width:80%;right:0;background: #D7C6BC url("/img/bg.jpg") no-repeat;background-position: center left;background-size: cover;}
.projedetail>.left{position:absolute;left:4vw;top: 30px;}
.wohnen{position:relative;width: 100%;text-align: left;}
.projedetail>.right .left{position:absolute;right:4vw;top: 30px;text-align: right;}
 .left h1{
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 5px;
    margin-bottom: 8px;
    color: #7d686c;
    letter-spacing: 0;
    }

.w80 {  width: 80% !important}.w75{width: 70%;}.w70{width:70%!important}.w65{width:65% !important}.w60{width:60% !important}
.w60{width:60% !important}.w55{width:55% !important}
.w40{width:40% !important}.w45{width:45% !important}.w20{width: 23% !important;}.w35{width: 35% !important;}

.treeflex{display: flex;flex-wrap: wrap;width: calc(100% - (var(--yanmenugenislik) * 2));margin: 0 auto;flex-direction: row;justify-content: space-between;align-content: stretch;}
.treeflex>div{width:calc((100% / 3) - 15px);display: flex;position:relative;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.homeslo.treeflex>div img{width:100%}
.homeslo.treeflex>div:nth-child(2n){background: #126734;}
.txtpop{position:absolute;bottom:50px; left:50px; width:calc(100% - 100px); margin:0 auto; color:#fff; z-index:2}
.txtpop a{color:#fff}
.txtpop h1{font-weight:bold;font-size:30px;line-height: 39px;}
.txtpop h2{font-weight:300; font-size:25px; line-height:28px}
.mg50{left: 50px;bottom: 50px;}
.ptb15{padding:15px 0}
.ptb20{padding:20px 0}

.fullsize{width:100%;}
.fiveflex{display:flex;flex-wrap: wrap;}
.fiveflex>div{text-align:center;flex-wrap: wrap;align-items: center;display: flex;justify-content: center;font-size:16px;line-height:20px;padding:0 65px;border-right:1px solid #F4F6F7;padding-top:35px;padding-bottom:35px;width: calc(100% / 3);}


.newsdetail .fhed h1{ font-size:35px; line-height:40px}

/*Resim zoom*/
.zoomimg{ cursor:pointer}
.zoomimg>a:not(.button){display:block; width:100%; height:100%}
.zoomimg:hover .img img{  -webkit-transform: scale(1.06);  -ms-transform: scale(1.06);  transform: scale(1.06);}
.zoomimg .img{position:relative; width:100%; overflow:hidden}
.zoomimg .img img {width: 100%;position:relative;-webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);}

.fourflex{display: flex;flex-wrap: wrap;width: calc(100% - (var(--yanmenugenislik) * 2));margin: 0 auto;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.fourflex>div{width:calc((100% / 4) - 15px);display: flex;position:relative;flex-direction: column;justify-content: space-between;align-items: flex-start;}



/*Dialog*/
.whitebg{background:#fff}
.display_none{display:none}
.fullscreen { z-index: 6000;  border-radius: 0!important;    max-width: 100vw;    max-height: 100vh;    position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;background:rgba(0, 0, 0, 0.85)}
.dialog-begin-bg>div{display:table; width:100%; height:100%}
.dialog-begin-bg>div>div{display:table-cell; vertical-align:middle; height:100%}
.dialog-begin-bg .dialog-begin-bg-begin{position:relative;/*height:60vh;width: 60vw;top:20vh;*/box-shadow: 0 6px 12px rgba(0,0,0,.175);padding: 40px 45px;border-radius:15px;}
.dialog-center{max-width:550px; margin:0 auto; width:100%}
.dialog-begin{position:relative; width:100%; padding:50px 25px}
.dialog-head-close{position:absolute;right: 30px;top: 30px;}
.dialog-head-close a{float:right;padding: 1px;width: 20px;height: 20px;text-align: center;}

.modal-icerik{height: calc(60vh - 60px );line-height:20px;padding-right: 25px;}
.modal-icerik h1{font-weight:700; font-size:16px;margin-top:25px}
.modal-icerik h2{font-weight:700; font-size:16px;margin-top:15px}
.modal-icerik strong{font-weight:bold; }
.modal-icerik p{margin-top:15px }
.modal-icerik>div{display:none}
.modal-buton{font-size: 14px;color: #7065D0;margin-right: 10px;font-weight: 800;display: block;  float: left;   padding: 10px 20px;border-radius: 10px; position: relative; cursor:pointer;border: 1px solid #7065D0;}
.modal-buton.active, .modal-buton:hover{ background: #110a4b; color: #fff;}

/*Dialog bitti*/

.popup-icerik{text-align:center}
.popup-icerik  img{ width: 95px;  margin-bottom: 15px;}
.popup-icerik h1{font-weight:bold;font-size:35px;margin-bottom: 15px;}
.popup-icerik input{ width: 100%; padding: 15px 15px; border: 1px solid #ccc;  font-weight: 500;  font-size: 18px;   border-radius: 15px;    margin-bottom: 15px;}
.popup-icerik .buttons{background: #126734;color: #ffffff;font-size: 18px;font-weight: bold;border: 1px solid #126734;border-radius: 15px;}
.popup-icerik .buttons:hover{background: #ffffff;color: #126734;}

.bottompage{position:relative;overflow:hidden;}
.mainbar{width:100%; height:40vh; overflow:hidden;position:relative}
.mainbar img{width:100%;position: relative;top: 50%;transform: translateY(-50%);}
.bottommain{display:flex;top:20vh;width: calc(100% - (var(--yanmenugenislik) * 4));margin:0 auto;justify-content: space-around;flex-direction: row;align-items: stretch;padding-bottom: var(--yanmenugenislik);}
.homepage{margin-left: 40px;border: 1px solid #228d4d;display: flex;border-radius: 30px;width: 153px;align-items: center;flex-direction: row;justify-content: flex-start;padding: 6px;margin-bottom: 35px;}
.homepage a{color: #fff;font-weight: bold;display: flex;width: 100%;height: 100%;align-items: center;justify-content: flex-start;font-size: 14px;}
.homepage svg{margin-right: 14px;}
.homepage svg path{}
.homepage:hover a svg path{fill:#fff}

.alticerik{width: calc(100% - (var(--yanmenugenislik) * 2) - 350px);}
.minibar{width: 100%;border-bottom: 1px solid #e8e8e8;padding: 21px 0;}
.minibar ul{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;font-weight: 300;font-size: 13px;letter-spacing: 1px;}
.minibar ul li:nth-child(2n+1){ margin-right: 5px;}
.minibar ul li:nth-child(2n){ margin-right: 12px;}
.minibar ul a {font-weight: 300;font-size: 13px; color:#000}
.minibar a{ font-weight:300}
.minibar b{ font-weight:bold}
.contact-txt{  margin-top: var(--yanmenugenislik);}
.text-dec{font-size: 18px;line-height: 25px;color: #444;font-weight: 300;margin-bottom: 30px;}
.text-dec p{margin-bottom:15px}
.text-dec p:last-child{margin-bottom:0}
.fullsize.hvideo{/* width:980px; */cursor:pointer;}
.fullsize.hvideo video{width:980px;max-width: 100%;}


.text-dec table td {padding: 5px 10px;border: solid 1px #ddd;text-align: left;font-size: 15px;line-height: 20px;vertical-align: middle;}
.text-dec h1{font-weight:bold;color:#000;margin-top: 25px;font-size: 20px;margin-bottom: 10px;}
strong{text-align:left; font-weight:bold}
.text-dec ul {text-align: left;padding-left: 5%;margin-bottom: 15px;}
.text-dec ul li{font-size: 18px;list-style-type: disc;line-height: 29px;}
.note {border: 2px dashed #000;padding: 10px;background: #fff;}
.modalicon{position:absolute; top:15px; right:15px;z-index:1}
.modalicon svg{width:35px; height:35px}

.modalicerik {position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100vw;height: 100%;opacity: 0;z-index:999;visibility: hidden;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: rgba(0, 0, 0, 0.45);}
.modal__wrapper{position: absolute;width: 100vw;height: 100%;top: 0;right: -17px;overflow: hidden auto;cursor: pointer;padding: 0;}
.modalicerik .modal__wrapper>div{width:30vw;background:#fff;right:-30vw;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding:45px;position: absolute;min-height: 100vh;}
.modalicerik.active { opacity: 1;  visibility: visible;}
.modalicerik #modal-guncelle{ position:relative}
.modalicerik.active .modal__wrapper>div{right:var( --yanmenugenislik)}
.modal-close {width:30px;height:30px;position:absolute;right: 44px;cursor:pointer;text-align: right;z-index: 2;display: flex;align-items: center;justify-content: flex-end;}
#modal-guncelle img{width:100%; margin-bottom:30px}
#modal-guncelle h1{margin-bottom: 15px;font-size: 25px;line-height:30px;width: calc(100% - 75px);font-weight: bold;}
#modal-guncelle p{font-size: 16px;  line-height: 24px;}
body.modal-open { overflow: hidden;}
.Kontakt .fhed h2, .Kontakt .fhed h1{/* color:#fff; */}
/*@media(max-width:2000px) { .slider { height: 700px !important;}}*/

@media(max-width:1700px) {
    .w75{width:68%}
    p {}
      .two>div:last-child, .two.toleft > div:last-child{width:50%}
}




@media(max-width:1500px) {
   .carousel__text h1,.fhed h1,.Kontakt .two h1{}
   .maps {max-width: 1050px;height: 400px}
   .carousel__text h2 { font-size: 20px;  line-height: 30px; }
   .slider .slick-dots button, .slader .slick-dots button, .slider .slick-dots button, .slader .slick-dots button {width: 15px;height: 15px;}
   .slick-dots li {width: 20px;}
   .slider .slick-dots li.slick-active button::after, .homeslader.slader .slick-dots li.slick-active button::after { padding: 8px;left: 0px; top: -6px;}
   .w75{width:60%}
   .w20{width:33%!important}
   #toTop{right:1vw}
   #toTop, #toTop a {width: 50px;height: 50px;}
   .w75 .slider.galeri{height: 60vh !important;}
    .two>div:last-child, .two.toleft > div:last-child{width:55%}
        body{    background: #231d19 url(/img/bg-1500.png) top repeat-y;}
}

@media(max-width:1200px) {   .two>div:last-child, .two.toleft > div:last-child{width:60%}}

@media(max-width:1200px) {
    p { font-size: 16px; line-height: 22px;}
    .fhed h1 { font-size: 35px;line-height: 35px;margin-bottom: 5px;}
    .fhed h2 {font-size: 20px;line-height: 27px;}
    .fhed h3 {font-size: 17px; line-height: 22px;}
   .maps, .icortala { width: 90%;}
    .Angebote-detail ul li { font-size: 20px; line-height: 25px;}
    #toTop,  #toTop a {width: 40px;height: 40px;}
  .two>div:last-child, .two.toleft > div:last-child{width:70%}
}

@media(max-width:1100px) {
    .homeslader .socialmedia div .sline { width: 50px;  }x
    .homeslader .socialmedia a svg { width: 18px; }
    .homeslader .socialmedia a {padding: 5px 17px 0 0;}
    .projedetail>.right .left, .projedetail>.left { position:relative; width:calc(100% - 8vw); margin:0 auto; left:auto; top:0;display:table; text-align:center; right:auto}
    .projedetail>.right { position:relative; width:calc(100% - 8vw); margin:0 auto; right:auto; text-align:center; }
    .w20 { width: 100% !important; }    
    .w75{ width: 100% !important; text-align:left;margin-top:2vw }       
    .mts {margin-top: 6vw;margin-bottom:2vw; text-align:center}
    .projedetail{padding:0}
    .projedetail>.right .resimbg {width: calc(100% + 8vw);  right: auto; left:-4vw}
    .menu ul li a{font-size:15px;padding: .2em .2em;}
     }
@media(max-width:1080px) {
    .fhed h3 {font-size: 16px;  line-height: 20px;}
    .Angebote-detail ul li {  font-size: 16px; line-height: 20px; }
    .menu ul li {     padding: 0px 10px;    }
    .homeslader .socialmedia div:first-child { display:none}
    .popup .video {

    }

        .popup .video > div {
    border: 6px solid #fff;
    width: calc(90vw);
    height: calc(((90vw )/4) * 3);
    max-height: 80vh;}

            .two.toleft>div>img, .two>div>img{-webkit-mask-image: none;mask-image:initial;width: 90%;left: 0;transform: translateX(0px);border-radius: 16px;border: 4px solid #e7ddd8;}

 .two{display: flex;flex-direction: column !important;margin: 0;}
 .two>div{opacity: 1;width:100% !important;text-align: center;justify-content: center !important;margin-bottom: 4vh;}
 .two>div:first-child{ margin-bottom:15px}
   .two>div>div {width: calc(100% - 8vw);padding: 0 !important;}
    .two.toleft > div > div {padding-bottom: 0;}
    .two > div > div > h1 {margin-top: 25px}
    .two>div:last-child,.two.toleft>div:last-child{ position:relative;left: 0;right: 0;}
        .Kontakt>div:first-child ul{display: flex;flex-direction: column;}
    .Kontakt .two>div:first-child, .Kontakt>div:first-child ul>li{width: 100% !important;text-align: center;margin-top: 0;display: flex;align-items: center !important;}
    .Kontakt>div:first-child ul>li>div{display: flex;flex-direction: column;align-items: center;}
    .Kontakt>div:first-child ul>li:first-child{margin-bottom:25px}
    .Kontakt>div:first-child ul>li>div>div{align-items: center;margin-top: 8px;text-align: center;margin-right: 10px;}
    .Kontakt>div.two{}
    .Kontakt>div.two>div{width: 80% !important;text-align: center;padding: 0;margin-top: 30px;display: flex;align-items: center;/* text-align: left; */}
    .Kontakt .two>div:first-child iframe{height: 460px !important;}
    .Kontakt{padding: 0vh 0 2vh 0;}
    .Kontakts{width: 100%;}
    .Kontakts>div{display: flex;flex-direction: column;align-items: center;}
    .Kontakts>div>div{margin-bottom:3vh;text-align: center;}
    .Kontakt>div:first-child{background:none}
    #galleryCont a{width: calc(50% - 7px);}
    .Kontakt p, .Kontakt h1, .Kontakt li{text-align: center;}

}

@media(max-width:800px) 
{
 .homeslader .socialmedia, .homeslader .socialmedia.sbrg{display:none}
 .homeslader{height:70vh}
 .slider-progress{bottom:30vh !important}

 

}

@media(max-width:700px) {
    #galleryCont a div.zoom.fa{display:none}
    body{    background: #231d19 url(/img/bg-1000.png) top repeat-y;}
    .loadprogress{background: #382A24 url(/img/loadin_bg-600.jpg) no-repeat center;}
    #galleryCont {width: 90%;}
	.bg{background-size: 300% auto;}
    .mobile{display:block}
    .menu{display:none}
    .mmenu{display:block; position:absolute; width:100%; left:0px; top:4vh; z-index:999}
    .mmenu .logo{width: 40vw; margin:0 auto;}
    .mmenu .logo img{filter: brightness(0) invert(1);transition:.5s;width: 100%;}
    .mmenu .menubar{position:absolute; top:4vh; right:4vh; color:#fff}
    .ekatalog{
    position: absolute;
    bottom: 31px;
    top: auto;
    left: -30px;
    z-index: 9998;
    transform: rotate(-90deg);
    display: block;
}
    .ekatalog>a{
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: block;
    background: #483030;
    padding: 11px 12px;
}
    .ekatalog>a:hover{}
    .leftbos{width:100%; margin-left:0}
    .carousel__text h1 {font-size: 24px;line-height: 40px;letter-spacing: 0;}
    .carousel__text h2 { font-size: 20px;  line-height: 25px; }
    .homeslader{height:100%}
    .slider-progress{ bottom:0 !important}
    .maps, .icortala { width: 90%; text-align:center;}
    p{font-size: 16px; line-height:24px;text-align: center;}
    .fhed{text-align:center}
    .begin-item .img-item>img { width:100%;margin-bottom: 15px;}
    .slider {  height:200px !important;}
       .w75 .slider.galeri{height: 200px !important;}
    .slader .slick-dots, .slider .slick-dots { bottom:35px}
    .product-photos__slider .slick-arrow, .slader .slick-arrow, .slider .slick-arrow{left:0px}
    .product-photos__slider .slick-arrow.slick-next, .slader .slick-arrow.slick-next, .slider .slick-arrow.slick-next { right:0}
    .product-photos__slider figure{width:80vw !important}
    .product-photos__slider {  padding-bottom: 0px;}

    .begin-item {width: 90%;margin: auto;}
    .mts{margin-top: 4vh;}
    .fhed{margin-bottom:4vh;}
    .Kontakt .mts, .Galeria.mts,.seeberg.mts,.projedetail>.right, .img-item.mts{margin-top: 0;display: flex;align-items: center;}
    .Angebote{
    margin-top: 0;
    margin-bottom: 8vh;
}
    .Angebote h1{margin-bottom:15px}
    .fhed h3 {    font-size: 18px;     line-height: 24px;    }
    .Angebote-detail ul{flex-wrap: wrap;display: flex;flex-direction: column;}
    .Angebote-detail ul li{width: 100%;margin:0;padding: 14px;border-right: 0px solid #D7C6BC !important;border-bottom: 1px solid #d7c6bc54 !important;font-size: 15px;}
    .Angebote-detail ul li:nth-child(2n){}
    .Angebote-detail ul li:nth-child(3){/* border-bottom:0px solid #fff !important; */}
   .Angebote-detail ul li:nth-child(4){}
    .Angebote-detail {padding: 0 20px;}    
    .Kontakt-detail, .Kontakt-detail a {font-size: 18px;   line-height: 23px;}
 .fhed h1 {font-size: 24px;line-height: 30px;width: 90%;margin-left: 5%;letter-spacing: 0;}
    .fhed h2 {font-size: 16px;line-height: 27px;width: 90%;margin-left: 5%;letter-spacing: 1px;}
    .cameralive.mobile{position: absolute;display: flex;justify-content: flex-end;align-items: center;z-index: 9999;}
    .cameralive.mobile img{width: 50px;}

      .leftslider{margin:6vh 0}


 .txtorta{
    display: flex !important;
    flex-flow: column-reverse;
}
  .txtorta>div{
    position: initial;
    width: 90% !important;
}

  .txtorta .bg30{}
 .projecte {padding: 4vh 0 4vh 0;}
   .txtorta p{color: #ffffff;}


     .katplanhead, .planlar.mbgizle{display:none!important;}
    .opentab{display:block !important}
    .opentab>div{width: 90%;margin: 0 auto;}
    .opentab>div ul{
    width: 100%;
    display: table;
}
    .katplanlari{width:90%}
    .planlar > li {display: block;}

    .leftslider .slick-slide img {
        display: block;
        height: auto;
        -o-object-fit: inherit;
        object-fit: inherit;
        max-height: calc(100vh - 130px);
    }
    .Kontakt>div:first-child ul>li img{width:30px}
    .loadprogress .progressmain>div{width:200px}
    .loadslagon{width: 90%;left: 5%; text-align:center}
      .loadslagon h1{letter-spacing: 4px;}
      .scroll-downs{display:none}
    .Kontakt > div:first-child h1{font-size: 13px;font-weight: 800;}
    .Kontakt .two ul{list-style:none}
    .Angebote-detail ul li:last-child{border: 0px !important;}
    #galleryCont a {/* width: calc(100%); *//* margin: 10px 0; */border-radius: 8px;border: 2px solid #e7ddd8;transition: 0s;}
}

