﻿

   
   body{background: #F8F4F0;background-size: 100% auto;}
   .mobile{display:none}
   .mmenu {display: none;}
   .mailglobal { /*width: calc(100% - var(--yanmenugenislik));*/width: 100%;  }
   .ekatalog{display:none}
   .contbg {width: 100%;background:url("/img/bg.svg") no-repeat;background-position:top right;background-size: cover;display: flex;justify-content: center;}
   
   .begin-count {width: calc(100% - 16vw) !important;max-width: 1560px;margin-top: 30vh;display: flex;align-items: center;margin-bottom: 5vh;}
   .mttop{margin-top:10vh !important;}
   .politica{display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
   .politica>ul{margin-bottom: 50px;width: calc(93% / 3);display: flex;align-items: flex-start;}
   .politica>ul>li{}
   .politica>ul>li:first-child{font-size: calc(40px + (40 - 16) * ((100vw - 300px) / (1600 - 300)));line-height: calc(40px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));margin-right: 20px;color: #F0EAE4;}
   .politica>ul>li:nth-child(2){}
   .politica>ul>li:last-child{}
   .politica>ul>li h1{font-size: calc(22px + (22 - 18) * ((100vw - 300px) / (1600 - 300)));line-height: calc(30px + (30 - 20) * ((100vw - 300px) / (1600 - 300)));margin-bottom: 20px;font-weight: 600;}
   .politica>ul>li p{font-size: calc(16px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));line-height: calc(22px + (22 - 17) * ((100vw - 300px) / (1600 - 300)));}
   
   .Zunge {position: absolute;z-index: 999;top: 30px;right: 30px;background: #5C4A45;border: 1px solid #968681;border-radius: 100%;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;}
   .mt20-{margin-top: -20vh !important;}
   .mt10-{margin-top: -10vh !important;}
   .Zunge:hover{ background:#968681}
   .Zunge>a{font-weight: 600;display:block;color: #fff;}
   .Zungemenu>.Zunge{position:inherit;width: 50px;height: 50px;}
   .Zungemenu>.Zunge>a{display: block;padding: 0;}
   
   .begin {/* width: calc(100% - 16vw); */margin: 0 auto;/* max-width: 1560px; */}
   .padincell{width: calc(100% - 16vw);max-width: 1560px;}
   
   
   .lage-mes{width: 100%;display: flex;margin-top: 25px;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
   .lage-mes>ul{width: 48%;display: flex;align-items: center;border-bottom: 1px solid #000;}
   .lage-mes>ul>li{padding: 20px 5px 10px 5px;font-size: calc(17px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));line-height: calc(21px + (21 - 19) * ((100vw - 300px) / (1600 - 300)));}
   .lage-mes>ul>li:first-child{ font-weight:600;    width: 50%;}
   .lage-mes>ul>li:nth-child(2){width: 25%;text-align: right;}
   .lage-mes>ul>li:last-child{text-align:right;width: 25%;}
   
   .lage-mes.lage{flex-direction: column;max-width: 450px;}
   .lage-mes.lage>ul, lage-mes.lage>ul>li{width:100%}
   
   .bgresim{position:relative;display: flex;align-items: center;justify-content: center;}
   .bgresim>img{width: 100%;z-index: -1;}
   .bgresim>.begin-item{position:absolute;display: flex;align-items: center;justify-content: center;}
   .bgresim .begin-count{}
   
   .bototmpage{height: 30vh;overflow: hidden;width: 100%;display: flex;flex-direction: column;justify-content: center;position: relative;align-items: center;}
   .bototmpage-head{position: absolute;bottom: 20px;z-index: 3;display: flex;flex-direction: column;align-content: center;width: 100%;align-items: center;width: calc(100% - 16vw);max-width: 1560px;}
   .bototmpage-head h1{color:#fff;width: 100%;max-width: 1560px;font-size: calc(40px + (40 - 35) * ((100vw - 300px) / (1600 - 300)));line-height: calc(46px + (46 - 34) * ((100vw - 300px) / (1600 - 300)));font-weight: normal;font-family: 'MinervaModern';}
   
   #gallery {width: 90%;max-width: 1560px; margin:0 auto }
   
   #gallery>div:last-child{padding: 4vh 0 0 0;display: flex;justify-content: flex-end;}
   #gallery>div:last-child h1{font-size: calc(25px + (25 - 22) * ((100vw - 300px) / (1600 - 300)));line-height: calc(30px + (30 - 26) * ((100vw - 300px) / (1600 - 300)));font-weight: normal;font-family: 'MinervaModern';}
   
   .bottomlage{}
   .bottomlage>div{}
   .bottomlage>div h1{color: #5c4a45;font-size: calc(17px + (17 - 13) * ((100vw - 300px) / (1600 - 300)));line-height: calc(22px + (22 - 17) * ((100vw - 300px) / (1600 - 300)));font-weight: 600;margin-bottom: 15px;}
   .bottomlage>div ul{margin-bottom: 4vh;list-style: circle;padding-left: 35px;}
   .bottomlage>div ul>li{font-size: calc(16px + (16 - 13) * ((100vw - 300px) / (1600 - 300)));line-height: calc(22px + (22 - 15) * ((100vw - 300px) / (1600 - 300)));}
   .bottomlage>div ul>li a{ text-decoration:underline}
      .bottomlage>div ul>li a:hover{    color: #9f8c86;}

   .Kontakt{}
   .Kontakt p{font-size: calc(16px + (16 - 13) * ((100vw - 300px) / (1600 - 300)));line-height: calc(22px + (22 - 15) * ((100vw - 300px) / (1600 - 300)));margin-bottom: 0;display: flex;align-items: center;justify-content: flex-start;}
   .Kontakt p a{font-size: calc(16px + (16 - 13) * ((100vw - 300px) / (1600 - 300)));line-height: calc(22px + (22 - 15) * ((100vw - 300px) / (1600 - 300)));/* margin-left: 7px; */}
   .Kontakt p a:hover{color: #9f8c86;}
   .Kontakt p span{margin-right:5px}

.business{}
.business>ul{
    display: flex;
    width: auto;
    justify-content: space-between;
    width: 85%;
    max-width: 500px;
}

.business>ul>li{width:40%;}
.business>ul>li:first-child{
    margin-right: 20%;
}

.business>ul>li img{
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;
}
.business>ul>li p{
    margin-bottom: 0;
    font-size: calc(14px + (14 - 11) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(18px + (18 - 13) * ((100vw - 300px) / (1600 - 300)));
    display: flex;
}
.business>ul>li p span:first-child{width: 31px;/* display: block; */}
.business>ul>li p a{}
.business>ul>li p a:hover{    color: #9f8c86;}

   
.loadprogress {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: #2a221d url(/img/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;border: 1px solid #a98063;border-radius: 10px;overflow: hidden;}
   
   .lodingbar {width: 0%;height: 6px;position: absolute;z-index: 1;background: rgb(220,180,150);background: linear-gradient(-90deg, rgba(220,180,150,1) 0%, rgba(128,83,62,1) 100%);}
   .lodingpercent {background: #725448;opacity: 1;width:100%;height: 6px;}
   
   .loadslagon{position:absolute;bottom: 10vh;display: flex;align-items: center;width: 100%;justify-content: center;}
   .loadslagon h1{
       font-size: calc(15px + (15 - 12) * ((100vw - 300px) / (1600 - 300)));
       line-height: calc(20px + (20 - 17) * ((100vw - 300px) / (1600 - 300)));
       color: #ffffff;
       letter-spacing: 8px;
       font-family: 'le_more_collection_serifRg';
       background: linear-gradient(180deg, rgba(220,180,150,1) 40%, rgba(128,83,62,1) 100%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       }
   
   #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{}
   .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{
       position: absolute;
       z-index: 9;
       width: 100%;
       background: url(/img/footer.svg);
       background-size: cover;
       display: flex;
       align-items: flex-end;
       justify-content: center;
       background-position: top left;
       margin-top: -25vh;
   }
   footer>div{
       width: calc(100% - 16vw);
       max-width: 1560px;
       padding-bottom: 30px;
       margin-top: 17vh;
       position: relative;
       display: flex;
       align-items: flex-end;
   }
   footer>div>div{
       display: flex;
       align-items: center;
   }
   footer>div>div .logos{
       display: flex;
       flex-direction: column;
       align-items: center;
   }
   footer>div>div .logos img{
       filter: brightness(0) invert(1);
       width: 2vw;
       margin-bottom: 10px;
   }
   footer>div>div .logos h1{
       color: #fff;
   }
   footer>div>div .ciz{
       width: 1px;
       background: #968681;
       height: 50px;
       margin: 0 2vw;
   }
   footer>div>div .seeberg{
       margin-left: 0;
   }
   footer>div>div .seeberg h1{
       color: #fff;
       font-size: calc(14px + (14 - 11) * ((100vw - 300px) / (1600 - 300)));
       line-height: calc(18px + (18 - 13) * ((100vw - 300px) / (1600 - 300)));
       font-weight: 600;
   }
   footer>div>div .seeberg p{
       color: #fff;
       font-size: calc(13px + (13 - 11) * ((100vw - 300px) / (1600 - 300)));
       line-height: calc(16px + (16 - 13) * ((100vw - 300px) / (1600 - 300)));
   }
   
   .sense{
       position: absolute;
       right: 0;
   }
   .sense a{
       color: #fff;
   }
   .sense a:hover{}
   
   
   /*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;}
   .menu ul li a {position: relative;display: inline-block;-moz-box-sizing: border-box;box-sizing: border-box;padding: .4em 1.5em;color: #fff;font-weight:500;text-align:center;width:100%;line-height: 45px;}
   
  .menu ul li:not(li.Ausloggen).active  a,.menu ul li:not(li.Ausloggen):hover  a, .menu ul li:not(li.Zungemenu).active  a,.menu ul li:not(li.Zungemenu):hover  a{background: url(/img/menulogo.svg) no-repeat center  center;background-size: auto 40px;}
   
   /*.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;}
   .Ausloggen{
    padding-right: 15px;
}
      .Ausloggen a{
    border: 1px solid #B27E6E;
    border-radius: 10px;
    line-height: 25px !important;
}
           .Ausloggen a:hover{
    background: #5c4a45 !important;
}
   
   /*.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: #5c4a45;box-shadow: 0px 0 5px 3px rgb(0 0 0 / 35%);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;}
   .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 {}
   .menu.fixed>div{
       display: flex;
       align-items: center !important;
       margin-top: 5px;
   }
   .menu.fixed ul li.camera{display:none}
   
   #toTop {position: fixed;right: 3vw;bottom: 3vw;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: #5C4A45;/* stroke: #000000; */}
   #toTop:hover{background: #5C4A45;}
   #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{color: #ffffff;font-size: calc(40px + (40 - 35) * ((100vw - 300px) / (1600 - 300)));line-height: calc(46px + (46 - 34) * ((100vw - 300px) / (1600 - 300)));font-weight: normal;font-family: 'MinervaModern';}
   .carousel__text p{color: #ffffff;font-size: calc(17px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));line-height: calc(23px + (23 - 16) * ((100vw - 300px) / (1600 - 300)));margin-bottom: 0;}
   .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}*/
   
   .homelogin{width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end;position: absolute;top: 0;left: 0;z-index: 98;overflow: hidden;}
   .homelogin>.carousel__text{max-width: 810px;left: auto;bottom: 5vh;}
   .homelogin>.carousel__text p{font-size: calc(17px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));line-height: calc(20px + (20 - 12) * ((100vw - 300px) / (1600 - 300)));margin: 0;font-weight: normal;width: 90%;margin: 0 auto;}
   .homelogin>.carousel__text h1{}
   .homelogin>.carousel__text img{filter: brightness(0) invert(1);}
   .homelogin>img{opacity:0.3;margin-bottom: -15vh;width: 45%;max-width: 800px;min-width: 400px;}
   .homelogin .logos{margin-bottom: 50px;}
   .homelogin .logos h1{font-family: 'SVN-Optima';font-size: calc(30px + (30 - 25) * ((100vw - 300px) / (1600 - 300)));line-height: calc(36px + (36 - 24) * ((100vw - 300px) / (1600 - 300)));margin-top: 5px;font-weight: 500;}
   
   .homeslader .carousel__text{display: flex;align-items: center;justify-content: center;bottom: 14vh;}
   .homeslader .carousel__text>div{max-width: 810px;}
   .homeslader .bglogo{background: url(/img/logo-black.svg) no-repeat center center;opacity:.35;background-position-y: 15vh;}
   
   .logincode {
       margin-top: 10vh;
       display: flex;
       justify-content: center;
       flex-direction: column;
       align-items: center;
   }
   .inputcode{
       background: #F8F4F0;
       border-radius: 30px;
       height: 50px;
       width: 100%;
       max-width: 360px;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 0 20px;
   }
   .inputcode>label{
       color: #936253;
       font-size: calc(13px + (13 - 11) * ((100vw - 300px) / (1600 - 300))) !important;
       line-height: calc(17px + (17 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
   }
   .inputcode>div{
       margin-left: 10px;
   }
   .inputcode>div>input{
       line-height: 35px;
       border: 0;
       background: transparent;
       color: #936253;
       font-family: 'SVN-Optima';
       font-weight: 600;
       font-size: 100%;
   }
   
   .bottomtitle{
       width: 100%;
       margin-top: 15px;
   }
   
   
   .bottomtitle>p{
       font-size: calc(13px + (13 - 11) * ((100vw - 300px) / (1600 - 300))) !important;
       line-height: calc(17px + (17 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
       margin-bottom: 3px !important;
   }
   .bottomtitle>p>button{
       border: oldlace;
       background: transparent;
       margin: 0;
       padding: 0;
       height: auto;
       min-width: auto;
       color: #968681;
       text-decoration: underline;
       font-size: calc(13px + (13 - 11) * ((100vw - 300px) / (1600 - 300))) !important;
       line-height: calc(17px + (17 - 14) * ((100vw - 300px) / (1600 - 300))) !important;
       font-weight: 600;
       cursor: pointer;
   }
   
   .loginmodal{
       position: absolute;
       top: 0;
       left: 0;
       background: rgb(0 0 0 / 80%);
       width: 100%;
       height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       z-index: 99;
   
   }
   #loginmodal {
       display: none;
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 9999;
   }
   
   
   .loginmodal > div {
       background: #F0EAE4;
       width: 90%;
       max-width: 690px;
       border-radius: 12px;
       display: flex;
       justify-content: center;
       align-items: center;
       padding: 35px 0;
   }
   
   .maps.loginmodal>div {max-width: 90vw;}
   
   
   .loginmodal>div>div{
       width: calc(100% - 70px);
       display: flex;
       flex-direction: column;
       align-items: center;
   }
   
   .loginmodal .title{
       display: flex;
       flex-direction: column;
       align-items: center;
       text-align: center;
       width: 70%;
   }
   .loginmodal .title h1{
       color: #5C4A45;
       font-weight: 600;
       margin-bottom: 15px;
       font-size: calc(18px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
       line-height: calc(23px + (23 - 16) * ((100vw - 300px) / (1600 - 300)));
   }
   .loginmodal .title p{
       color: #5C4A45;
       margin: 0;
       font-size: calc(14px + (14 - 11) * ((100vw - 300px) / (1600 - 300)));
       line-height: calc(18px + (18 - 13) * ((100vw - 300px) / (1600 - 300)));
       font-weight: normal;
   }
   
   
   
   .loginmodal .form{
       width: 90%;
   }
   .loginmodal .form>form{}
   
   .maps.loginmodal>div ul{
       display: flex;
       flex-direction: column;
       align-items: center;
       width: 100%;
   }
   .maps.loginmodal>div ul>li{
       width: 100%;
       display: flex;
       justify-content: center;
   }
   .maps.loginmodal>div ul>li iframe{
       margin-bottom: 25px;
       height: 60vh;
   }
   .maps.loginmodal>div ul>li input{}
   
   
   /* Text Form */
   .formwrapper {margin:0px auto 0px; padding-bottom:0px; overflow:hidden;}
   .formbox {float:left;} 
   .formboxhalf {width:48%; margin:0 52% 0 0;} 
   .formboxfull {width:100%; margin:0 0% 0 0;} 
   .formboxleft {width: 46%;margin:0 4% 0 0;} 
   .formboxright {width:46%; margin:0 0 0 4%;}
   fieldset {margin-top:30px; text-align:left;}
   fieldset label {display:block;width:100%;clear:both;margin:0px 0 0px;padding:36px 5px 0;font-size:14px;line-height:18px;font-family:'euclid_circular_aregular',Arial,sans-serif;font-weight: normal;font-style: normal;color: #5C4A45;}
   fieldset input {box-sizing:border-box;border:none;background:none;width:100%;border-bottom: 1px solid #5C4A45;margin: 10px 0 5px;padding:10px 5px 8px;font-size:14px;line-height:18px;color: #5C4A45;}
   fieldset input:hover {background:none;}
   
   .styled-select select {
      box-sizing:border-box;
      background: transparent;
      width: 100%;
      padding:10px 0px 10px;
      font-size:14px;
      font-family:'euclid_circular_aregular',Arial,sans-serif;
      font-weight: normal;
      font-style: normal;
      color: #5C4A45;
      line-height: 1;
      border:none;
      border-bottom: 1px solid #5C4A45;
      border-radius: 0;
      -webkit-appearance: none;
      margin:22px 0 0 0;
      text-align:left;
      }
      
   .styled-select {
      width: 100%;
      overflow: hidden;
      /* background: url(../data/files/down_arrow_select.png) no-repeat right;*/ 
      border-right:none;
      }
   
   .homemesaj{padding: 5vh 4vw; display:none;overflow: hidden;text-align: center;}
   .homemesaj p {font-size: calc(14px + (14 - 10) * ((100vw - 300px) / (1600 - 300)));line-height: calc(17px + (17 - 12) * ((100vw - 300px) / (1600 - 300)));color: #5C4A45;}
   .homemesaj h1{color: #5C4A45;font-weight: 600;margin-bottom: 15px;font-size: calc(18px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));line-height: calc(23px + (23 - 16) * ((100vw - 300px) / (1600 - 300))); margin-bottom:15px}
   .homemesaj a{float:initial; margin-top:20px}
   .homemesaj a:hover{background: #5C4A45;color: #fff;}
   
   .homemesaj > div {display: flex;flex-direction: column;align-items: center;}
   
   
   
   
   textarea {border: 1px solid #5C4A45;background:none;width:100%;margin:9px 0 20px;padding:14px 9px 10px;box-sizing:border-box;resize: none;font-size:14px;line-height:18px;font-family:'euclid_circular_aregular',Arial,sans-serif;font-weight: normal;font-style: normal;color: #5C4A45;min-height:150px;}
   textarea:hover {background:none;}
   .btn2 {cursor:pointer;background:none;border: 1px solid #5C4A45;color: #5C4A45;border-radius:22px;padding: 10px 0px;font-size: 16px;line-height:20px;width: 134px;display:block;float:right;text-align:center;text-transform: uppercase;}
   
   .btn-disabled {cursor:default; color:#BBBAB8; border:1px solid #BBBAB8;}
   
   #response {display:block; color:#900; font-size:18px; margin-top:20px;}
   .infobox {padding:10px 0 0; text-align:center;}
   .form-required {font-size:13px; line-height:13px; color:#8B7F70; padding:0 0 0 10px; margin:-2px 0 0;}
   
   .contact-sent-infobox {border:2px solid #000; text-align:center; padding:30px; margin:100px 0 200px; font-family:'euclid_circular_aregular',Arial,sans-serif; font-weight: normal; font-style: normal; font-size:14px; line-height:24px;}
   .contact-sent-message {padding:30px; color:#999; font-size:17px; line-height:24px; font-variant-ligatures: none;}
   fieldset>div:last-child input:last-child{margin-right:10px}
   fieldset>div:last-child  input:first-child{
       background: #5C4A45;
       color: #fff;
   }
   
   fieldset>div:last-child input:last-child:hover{
       background: #5C4A45;
       color: #fff;
   }
   fieldset>div:last-child  input:first-child:hover{background: transparent;color: #5C4A45;}
   
   
   /* Ende Text Form */
   
   .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% { }
       100% { }
   }
   
   @keyframes scale-out-text { 
       0% { }
       100% {}
   }
   /*carousel bitti*/
   
   
   .fhed{width:100%;margin-bottom: 20px;}
   .fhed h2, .fhed h1, .fhed h3{color: #5C4A45;}
   .fhed h1{margin-bottom: 11px;font-size: calc(45px + (45 - 35) * ((100vw - 300px) / (1600 - 300)));line-height: calc(58px + (58 - 48) * ((100vw - 300px) / (1600 - 300)));margin-bottom: 14px;letter-spacing: 0;font-weight: 600;}
   .fhed h2{margin-bottom: 8px;color: #5c4a45;letter-spacing: 1px;text-transform: uppercase;font-size: calc(17px + (17 - 13) * ((100vw - 300px) / (1600 - 300)));line-height: calc(22px + (22 - 27) * ((100vw - 300px) / (1600 - 300)));font-weight: 600;}
   .fhed h3{letter-spacing:1px;margin-bottom: 8px;font-size: calc(14px + (14 - 11) * ((100vw - 300px) / (1600 - 300)));line-height: calc(18px + (18 - 13) * ((100vw - 300px) / (1600 - 300)));font-weight: normal;}
   .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;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((100% / 3) - 7px);margin:3.5px;line-height:0;position: relative;transition: .5s;background: #000000;}
   
   @media screen and (max-width: 750px){#galleryCont{}}
   
   .seeberg{}
   .seeberg h1{}
   .seeberg>div{text-align:center}
   .seeberg img{width: 160px;filter: brightness(0) invert(1);}
   .seeberg>div p{margin-bottom:15px}
   .seeberg>div a{ text-decoration:underline; font-weight:600; color:#9D816A} 
   
   
   .begin-item {width: 100%;position: relative;display: flex;align-items: center;}
   .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;}
   .begin-item>div,.begin-count>div{width: 50%;}
   .begin-item>div:first-child,.begin-count>div:first-child{width: 45%;margin-left: 0%; margin-right:5%}
   
   .large.begin-item{display: flex;justify-content: flex-end;position: relative;align-items: center;}
   .large.begin-item>div,.large.begin-count>div{width: 45%;}
   .large.begin-item>div:first-child,.large.begin-count>div:first-child{width: 50%;margin-left: 5%;position: absolute;z-index: 2;right: 0;top: -10vh;}
   
   .begin-item>div.resim>img,.begin-count>div.resim>img{width:100%;}
   .begin-item>div:not(div.resim){}
   .begin-count .resim{position:relative;display: flex;justify-content: center;align-items: flex-end;}
   .begin-count .resim>div{position:absolute;bottom: 75px;margin-left: 130px;}
   .mapszoom {width: auto;background: #5C4A45;height: auto;min-width: auto;border: 1px solid #968681;display: flex;align-items: center;color: #fff;font-size: 16px;padding: 10px 20px;}
   .begin-item>div.resim{display: flex;align-items: center;justify-content: center;}
   .logo-s{bottom: -80% !important;z-index: -1;margin-left: 0;}
   .logo-s>img{}
   .lagemaps .mapszoom img,.begin-count .resim>div>button>img{width: 20px;margin-right: 10px;}
   .lagemaps{position: absolute;z-index: 2;}
   .lagemaps .lagemaps{}
   
   .mt10- .begin-count{margin-top: 20vh;}
   
   .download{width: 100%;display: flex;flex-direction: column;max-width: 410px;}
   .download>div{display: flex;align-items: center;}
   .download>div>a{padding: 20px 5px 10px 5px;font-size: calc(17px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));line-height: calc(21px + (21 - 19) * ((100vw - 300px) / (1600 - 300)));display: flex;width: 100%;align-items: center;justify-content: space-between;font-weight: 600;border-bottom: 1px solid #000;}
   .download>div>a>span{}
   .download>div>a>span:last-child{font-weight: normal;font-size: calc(15px + (15 - 12) * ((100vw - 300px) / (1600 - 300)));}
   .download>div>a>span:last-child svg{
    margin-left: 7px;
    height: 15px;
}
   .download>div>a>span:last-child svg path{}
   .download>div>a:hover{border-bottom: 1px solid #d4cac0;color: #d4cac0;}
   .download>div>a:hover>span{color: #d4cac0;}
   .download>div>a:hover svg path{fill:#d4cac0;}
   
   .cevir{}
   .terscevir>div:first-child{margin-left: 5%; margin-right:0}
   .terscevir{flex-direction: row-reverse;}
   
   .gilbglogo{background:url("/img/gilbglogo.svg") no-repeat center center;background-size: 60%;}
   .gilitem{width:100%;display:flex}
   .gilitem>div:first-child{width: 48%;margin: 0 !important;}
   .gilitem>.resim>img{ width:100%}
   .gilitem>div:last-child{width: 52%;display: flex;align-items: center;}
   .gilitem>.yazi>div{width: calc(100% - 13vw);margin-left: 5vw;}
   
   .terscevir.gilitem>div:first-child{width: 52%;}
   .terscevir.gilitem>div:last-child{width: 48%;justify-content: flex-end;}
   .terscevir.gilitem>.yazi>div{margin-right: 5vw;}
   .terscevir.gilitem>.yazi>div{margin-right:5vw}
   
   
   .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: 1;}
   .two.toleft>div>img{}
   .two>div{}
   .two>div:first-child{
       width: calc(60% - 12vw);
   }
   .two>div:last-child{
       position: absolute;
       width: 40%;
       right: 8vh;
   }
   .two.toleft>div:first-child{
   }
   .two.toleft>div:last-child{
       position: absolute;
       width: 40%;
       left: 8vw;
   }
   
   .two.toleft>div>div{
       /* padding-bottom: 8vh; */
       /* padding: 35px 0; */
   }
   .two>div>div>p{}
       .two > div > div > h1 {
       font-size: calc(45px + (45 - 35) * ((100vw - 300px) / (1600 - 300)));
       line-height: calc(58px + (58 - 48) * ((100vw - 300px) / (1600 - 300)));
       margin-bottom: 14px;
       letter-spacing: 0;
       font-weight: 600;
       }
   
   .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;}}*/

   /* Main menu positionning */

.device {
    position: relative;
}

.container {
    /* position: absolute; */
    top: 0;
    right: 0;
    bottom: 0;
    /* left: -100%; */
}



.main-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background: rgba(0,0,0,.8);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all .375s;
    height: 100vh;
    width: 100vw;
    left: -100%;
    overflow: hidden;
}

.main-nav.is-open {
    opacity: 1;
    z-index: 100;
    visibility: visible;
    left: 0;
}

/* Yellow band effect */
.main-nav::before {
	 content: '';
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: -15px;
	 background: #5C4A45;
	 transform-origin: 0 0;
	 transform: skew(-14deg) translateX(-120%);
	 transition: all .275s .1s;
}

.main-nav.is-open::before {
    transform: skew(-14deg) translateX(0);
}

/* Skewing effect on menu links */
.main-nav ul {
    display: inline-flex;
    flex-direction: column;
    height: 93%; /* Should be 100%, but we have a notice message :D */
    align-items: flex-end;
    justify-content: center;
    transform: translateX(-18%) skew(-16deg);
}

.main-nav li {
    display: block;
    margin: .5rem 0;
    text-align: right;
    transform: skew(16deg);
}

.main-nav li.Ausloggen{}
.main-nav li.Ausloggen a{
    padding: 5px 13px;
    font-size: 1em;
}

.main-nav li.Zungemenu{}
.main-nav li.Zungemenu a{}


/* Apparition effect on links */
.main-nav a {
    opacity: 0;
    transform: translateY(-10px);
}

.main-nav.is-open a {
    opacity: 1;
    transform: translateY(0);
}
.main-nav li:nth-child(1) a {
	transition: all 275ms 175ms
}
.main-nav li:nth-child(2) a {
	transition: all 275ms 225ms
}
.main-nav li:nth-child(3) a {
	transition: all 275ms 275ms
}
.main-nav li:nth-child(4) a {
	transition: all 275ms 325ms
}
.main-nav li:nth-child(5) a {
	transition: all 275ms 375ms
}


/* Decoration */
.main-nav ul,
.main-nav li {
	list-style: none;
	padding: 0;
}
.main-nav a {
	display: block;
	padding: 12px 0;
	color: #ffffff;
	font-size: 1.4em;
	text-decoration: none;
	font-weight: bold;
}


.open-main-nav {
	position: absolute;
	top: 15px;
	padding-top: 20px;
	right: 15px;
	z-index: 1000;
	background: none;
	border: 0;
	cursor: pointer;
}
.open-main-nav:focus {
	outline: none;
}
.burger {
	position: relative;
	display: block;
	width: 28px;
	height: 3px;
	margin: 0 auto;
	background: #ffffff;
	transition: all .275s;
	border-radius: 6px;
}

.burger:after,
.burger:before {
	content: '';
	display: block;
	height: 100%;
	background: #ffffff;
	transition: all .275s;
	border-radius: 6px;
}

.burger:after {
	transform: translateY(-11px);
}

.burger:before {
	transform: translateY(-16px);
}

/* Toggle State part */
.is-open .burger {
	transform: skew(5deg) translateY(-8px) rotate(-45deg);
}

.is-open .burger:before {
	transform: translateY(0px) skew(-10deg) rotate(75deg);
}

.is-open .burger:after {
	transform: translateY(-12px) translateX(10px) skew(-20deg);
    opacity: 0;
}

/* MENU Text part */

.burger-text {
	display: block;
	font-size: .675rem;
	letter-spacing: .05em;
	margin-top: .5em;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
}





/* Slow motion button */
[id="slowmo"] {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 10px;
	border: 0;
	font-size: 1rem;
	background: #FEDC2A;
	color: #5A3B5D;
	font-weight: bold;
	cursor: pointer;
	transition: all .275s;
}

[id="slowmo"] span {
	display: block;
	font-weight: normal;
}

[id="slowmo"]:hover,
[id="slowmo"]:focus {
	background: #5A3B5D;
	color: #FEDC2A;
}

[id="slowmo"].is-slowmo span:after {
	content: 'Activated';
	display: block;
	font-weight: bold;
}

/* When slowmotion is activated */

.is-slowmo + .device .open-main-nav .burger,
.is-slowmo + .device .open-main-nav .burger:before,
.is-slowmo + .device .open-main-nav .burger:after,
.is-slowmo + .device .main-nav,
.is-slowmo + .device .main-nav::before,
.is-slowmo + .device .main-nav a {
	transition-duration: 3s;
}
.is-slowmo + .device .main-nav li:nth-child(1) a {
	transition-delay: 1750ms
}
.is-slowmo + .device .main-nav li:nth-child(2) a {
	transition-delay: 2250ms
}
.is-slowmo + .device .main-nav li:nth-child(3) a {
	transition-delay: 2750ms
}
.is-slowmo + .device .main-nav li:nth-child(4) a {
	transition-delay: 3250ms
}
.is-slowmo + .device .main-nav li:nth-child(5) a {
	transition-delay: 3750ms
}

/* Notice */
.notice {
	position: absolute;
	bottom: -15px;
	left: 0; right: 0;
	padding: 20px;
	background: #F2F2F2;
	color: #5A3B5D;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	z-index: 100;
	text-align: center;
}
.notice strong {
	font-weight: 700;
}
.notice a {
	padding: 2px 3px;
	background: #FEDC2A;
	text-decoration: none;
}
   
   @media(max-width:1700px) {}
   
   
   
   
   @media(max-width:1500px) {

         p { font-size: 18px !important; line-height: 26px!important;}
       .fhed h1 { font-size: 45px;line-height: 50px;margin-bottom: 5px;}
       .fhed h2 {font-size: 20px;line-height: 27px;}
       .fhed h3 {font-size: 17px; line-height: 22px;}
      .carousel__text h1,.fhed h1,.Kontakt .two h1{}
      .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: 3vw;}
      #toTop, #toTop a {width: 50px;height: 50px;}
      .w75 .slider.galeri{height: 60vh !important;}
   }
   
   
   @media(max-width:1200px) {
       p {font-size: 16px !important;line-height: 22px !important;}
       .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;}
       #toTop,  #toTop a {width: 40px;height: 40px;}
     .two>div:last-child, .two.toleft > div:last-child{width:70%}
    .large.begin-item > div, .large.begin-count > div{    width: 55%;}
    .large.begin-item > div:first-child, .large.begin-count > div:first-child {width: 40%;}
    .main{padding-bottom: 25vh;}


   }
   
   @media(max-width:1100px) {
.bototmpage-head h1{font-size: 30px;line-height: 35px;}
.business > ul {width: 90%;}
.business > ul > li {width: calc(50% - 20px);}
.business > ul > li:first-child {margin-right: 40px;}
.bgresim>img {min-height: 500px;}
.menu ul li a{    padding: 0.4em 1em;}
        }

   @media(max-width:1080px) {
       .fhed h3 {font-size: 16px;  line-height: 20px;}
       .homeslader .socialmedia div:first-child { display:none}


   }
   
   @media(max-width:800px) 
   {
  .menu ul li a{padding: 0.4em 0.5em;font-size: 14px;}
  .homeslader .carousel__text>div{max-width:80%}
  .carousel__text h1{margin-bottom:20px}
  #galleryCont a{    width: calc((100% / 2) - 7px);}

   }
   
   @media(max-width:600px) {
       .loginmodal > div{
    padding: 20px 0;
    max-width: calc(100% - 20px) !important;
    width: 100%;
}
       .loginmodal>div>div{
    width: calc(100% - 30px);
}
       .loginmodal .title{width: 90%;}
       .loginmodal .form{width: 100%;}.loginmodal .form textarea{min-height: 100px;margin: 6px 0 12px;}
        .loginmodal fieldset{margin-top: 15px;}
        fieldset input{margin: 7px 0 4px;padding: 8px 5px 6px;}
        fieldset>div:last-child{}
        fieldset>div:last-child .btn2{width: 100px;font-size: 13px;padding: 6px 0px;}
        fieldset .formboxleft{}

       .homelogin>.carousel__text{width: 90% !important;}
       .homeslader .socialmedia,  #galleryCont a div.zoom.fa{display:none}
       .loadprogress{background: #382A24 url(/img/loadin_bg-600.jpg) no-repeat center;background-size: cover;}

       .bgresim>img {min-height: auto;}
       #galleryCont {}

       .begin.mt10-.bgresim, .begin.mt20-.bgresim{margin-top: 0!important;min-height: 620px;display: flex;align-items: flex-start;}
        .begin.mt10-.bgresim{min-height: 660px;}
       .begin-count>div{width:100%;padding: 0;margin-top: 25px;}
       .begin-count .resim{width: 80% !important;}

       .gilbglogo>div{display: flex;flex-direction: column;margin-top: 30px !important;}
       .gilbglogo>div>div{width: 100% !important;}
       .gilitem .resim img{margin-bottom: 30px !important;}

       .bg{background-size: 300% auto;}
       .mobile{display:block}
       .menu{display:none}
       .mmenu{display:block;position:absolute;width:100%;left:0px;top: 0;z-index:999; transition:.5s}
       .mmenu.active{height:100%}
       .mmenu .logo{width: 14vw;margin:0 auto;margin-top: 10px;position: absolute;left: 5vw;margin-top: 5vw;z-index: 9999;}
       .mmenu .logo img{filter: brightness(0) invert(1);transition:.5s;width: 100%;}
       .mmenu .menubar{position:absolute; top:4vh; right:4vh; color:#fff}


       .terscevir.gilitem>.yazi>div{margin:0 auto!important}
       
       .ekatalog>a:hover{}
       .leftbos{width:100%; margin-left:0}
       .carousel__text h1 {font-size: 24px;line-height: 28px;letter-spacing: 0;}
       .carousel__text h2 { font-size: 20px;  line-height: 25px; }
       .homeslader{height:100%}
       .slider-progress{ bottom:0 !important}
       .icortala { width: 90%; text-align:center;}
       p{}
       .fhed{}
       .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 {position: relative;width: 100%;margin: auto;display: flex;flex-direction: column;align-items: center;}
        .begin-item>div{width:100%;display: flex;flex-direction: column;}
        .begin-item>div.resim{width: 60% !important;}

       .mts{margin-top: 4vh;}
       .fhed{}
       .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;letter-spacing: 0;}
   .fhed h2 {font-size: 16px;line-height: 27px;width: 90%;margin: 0;}
   .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 {}
   footer>div{display: flex;flex-direction: column;align-items: flex-start;margin-top: 60px;}
   footer>div>div{display: flex;flex-direction: row;position: relative !important;margin-top: 13px;margin-top: 19px;justify-content: flex-start;}
   footer>div>div .logos img{width: 30px;}
   .seeberg img{width: 120px;}
   footer>div>div .ciz{margin: 0 26px;}
   .large.begin-item>div:first-child, .large.begin-count>div:first-child{position: relative !important;top: 5vh;margin: 0;}
   .large.begin-item > div:first-child, .large.begin-count > div:first-child, .large.begin-item>div:first-child, .large.begin-count>div:first-child,.large.begin-item > div, .large.begin-count > div{width:100%;}

    .bototmpage-head{/* display:none; */}
    .sense a{font-size: 12px;}
    #gallery>div:last-child h1{font-size: 17px;line-height: 22px;}
    .mttop{margin-top: 5vh !important;}
    .business,.business>ul{width:100%}
    .business > ul > li{    width: calc(50% - 10px);}
    .business > ul > li:first-child{margin-right: 20px;}
    .business>ul>li p, .business>ul>li p a, .business>ul>li p span{font-size: 15px;}
    .business>ul>li p span:first-child{width: 25px;}
    .mapszoom{margin-top: 45px;}
    .main.giris .begin.mt20-.bgresim, .main.giris .begin.mt10-.bgresim {
        display: flex;
        align-items: center;
        margin-top: -30vh !important;
        min-height: 840px;
    }
    .main.giris .begin.mt10-.bgresim {
        display: flex;
        align-items: center;
        margin-top: -17vh !important;
        min-height: 790px;
    }
    .homelogin .logos{    margin-bottom: 25px;}
    .logincode{    margin-top: 5vh;}
    .homelogin>.carousel__text img{width:100px}

   }
   
