@import url("./../fonts/stylesheet.css");
@charset "utf-8";html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;}
html{font-size: 10px;}
body{margin:0;padding:0;font-family: 'Avenir LT Std';font-size:1.6rem; color: #101010; overflow-x: hidden; background: var(--WhiteColor) ;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;font-family: 'Avenir LT Std';}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box; font-family: 'Avenir LT Std';}

h1, h2, h3, h4, h5, h6{margin:0;padding:0;}
a{text-decoration: none!important;color: var(--PrimaryColor);display: inline-block;font-family: 'Avenir LT Std';}
a:hover{color: #321839;}
label{font-weight: normal!important;}
b, strong{font-family: 'Avenir LT Std';font-weight: 700;}
u{text-decoration:underline;}
i, em{font-style:italic;}
img{max-width:100%;}
input[type="button"], 
input[type="submit"], 
input[type="reset"],
input[type="text"],
select,
textarea{appearance:none;-webkit-appearance:none;-moz-:none;}
select::-ms-expand{display:none;}
input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer;}
p{color: var(--BlackColor); font-family: 'Avenir LT Std';}
a{transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;}

.heading{font-family: 'Playfair Display', serif;}

body,html{overflow-x: hidden;}

:root{
  --PrimaryColor: #176A81;
  --WhiteColor: #ffffff;
  --BlackColor: #000000;
  --LightSection: #F1F1F1;
  --BlueColor: #0C2342;
  --OrangeColor: #F6AA78;
  --SawColor: #176A81;

}

@media (min-width: 1450px){
  .container{ max-width: 1364px; }
  .container-fluid{ max-width: 1366px;}
}

.container-fluid{ padding: 0 20px;}
.container{ padding:0 15px;}

.onlink{position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer;}


.btn {position: relative; border-radius: 0; font-size: 0.9rem; min-width: 9.3rem; font-weight: 500; padding: 1.4rem 1.9rem; box-shadow: none; transition: 0.3s; text-shadow: none; box-shadow: none; text-align: center; background: none; border: 1px solid var(--WhiteColor); color: var(--WhiteColor); letter-spacing: 1.5px;}
.btn:hover{color: var(--WhiteColor);}
.btn::before{width: calc(100% - 20px); height: 1px; position: absolute; left: 50%; transform: translateX(-50%); transition: all ease .25s; content: ''; background: #7a7a83; top: -1px; }
.btn::after{width: calc(100% - 20px); height: 1px; position: absolute; left: 50%; transform: translateX(-50%); transition: all ease .25s; content: ''; background: #7a7a83; bottom: -1px; }
 .btn:hover::after, .btn:hover::before{width: calc(0%); }


.orange-cut {position: relative; border-radius: 0; font-size: 1.4rem; min-width: 9.3rem; font-weight: bold; padding: 1.4rem 1.9rem; box-shadow: none; transition: 0.3s; text-shadow: none; box-shadow: none; text-align: center; background: none; border: 1px solid var(--OrangeColor); color: var(--OrangeColor); letter-spacing: 1.5px;}
.orange-cut:hover{color: var(--OrangeColor);}
.orange-cut::before{width: calc(100% - 20px); height: 1px; position: absolute; left: 50%; transform: translateX(-50%); transition: all ease .25s; content: ''; background: #f7e6da; top: -1px; }
.orange-cut::after{width: calc(100% - 20px); height: 1px; position: absolute; left: 50%; transform: translateX(-50%); transition: all ease .25s; content: ''; background: #f7e6da; bottom: -1px; }
 .orange-cut:hover::after, .orange-cut:hover::before{width: calc(0%); }

.btn-primary{background: transparent;color: var(--BlackColor);}
.btn-primary:hover ,
.btn-primary:hover { background: var(--BlackColor); color:var(--WhiteColor); box-shadow: none;}

.btn-white{ background: var(--WhiteColor); border-color: var(--WhiteColor); color: var(--DarkPrimaryColor);transition: 0.3s;}
.btn-white:hover{ background: transparent; color: var(--WhiteColor);}

.btn-sm{padding: 1.5rem 2rem;}


.btn-orange{ background: transparent; border-color: var(--OrangeColor); color: var(--OrangeColor);transition: 0.3s;}
.btn-orange:hover{ background: transparent; color: var(--BlueColor); border-color: var(--BlueColor);}
.btn.btn-orange::after, .btn.btn-orange::before{display: none;}
.btn-orange:focus{box-shadow: none;}

.btn-black{ background: var(--BlackColor); border-color: var(--BlackColor); color: var(--PrimaryColor);transition: 0.3s;}
.btn-black:hover{ background: transparent; color: var(--BlackColor);}

.same-section{ padding: 13rem 0;}
.same-heading{margin-bottom: 10rem;}
.same-heading h2{ font-size: 4.2rem; font-weight: 500;}
.same-heading h4{ color: var(--BlackColor);margin-bottom: 6rem;}
.same-heading p{ font-size: 2rem; line-height: 1.4; font-weight: 400;  margin-top: 3rem;}
.same-heading .custom-btn{ margin-top: 30px;}
.same-heading.black h2{color: var(--BlackColor);}
.same-heading.black p{color: var(--BlackColor);}
.same-heading.black .img img{filter: brightness(0) invert(1);}
.mid-sub-heading{max-width: 95rem;margin-left: auto;margin-right: auto;}

.sub-heading{ font-size: 1.3rem;text-transform: uppercase;margin-bottom: 3rem;letter-spacing: 2px;}
.with-line::after{content: "";width: 2px;height: 7.2rem; display: block; margin: 0 auto; margin-top: 4rem; background: linear-gradient(to bottom, var(--PrimaryColor) 50%, rgba(255, 255, 255, 0) 50%); background-position: 0 -7.2rem; background-size: 100% 200%; animation: scrolldown2 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;}
@keyframes scrolldown2 {
  0% { background-position: 0 -7.2rem; }
  75% { background-position: 0 0; }
  100% { background-position: 0 7.2rem; }
}

.banner_heroInn{position: relative;padding-top: 52px;}
.banner_heroInn::after {content: ''; position: absolute; top: 58px; left: -100%; width: 100%; height: 1px; background: #F6AA78; margin-left: 10%; }


.yellow-section_main{padding: 40px 40px;}
.yellow-section{background: var(--PrimaryColor);}
.yellow-section_main .same-heading {max-width: 582px; margin: 0 auto; }
.buttyelloHS{margin-top: 4rem;}
.yellow-section .sub-heading, .yellow-section .mid-sub-heading{color: var(--WhiteColor);font-size: 2.4rem;font-family: 'Playfair Display', serif;}

.yellow-section .sub-heading{position: relative;font-size: 1.6rem;}
.yellow-section .sub-heading::after {content: ''; position: absolute; top: -37px; left: 50%; width: 52px; height: 1px; background: #F6AA78; margin-left: -26px; }
.yellow-section p{margin-top: 3rem;}

.yellow-section_main .same-heading p{color: var(--WhiteColor); font-size: 1.6rem;}
.yellow-section .same-heading{margin-bottom: 5rem;}


.headmobileleft{display: none; opacity: 0; visibility: hidden;}
.site-header{ position: fixed;left: 0;top: 0;width: 100%;z-index: 99;transition: 0.3s;border-bottom: 1px solid rgb(231 231 231 / 54%);}
.innerP_herader{background: var(--BlueColor);}
.logo-bx img{max-width: 15rem;transition: 0.3s;}
.site-header .container-fluid{display: flex;align-items: center;justify-content: space-between;}
/* .header_nav>ul{display: flex;align-items: center;}
.header_nav>ul>li + li{ margin-left: 4.5rem;}
.header_nav>ul>li>a:not(.btnx) {font-size: 18px; color: var(--WhiteColor); font-weight: 400; cursor: pointer;}
.header_nav>ul>li>a:hover,
.header_nav>ul>li>a.active{color:var(--PrimaryColor)} */
.menuu{display: flex;}
.menuitem{width: 25%; min-height: 100%; align-self: center; text-align: center;line-height: 28px;}
.menuitem a{color: var(--WhiteColor); font-size: 1.60rem; padding: 37px 30px; width: 100%; font-family: 'Playfair Display', serif; border-right: 1px solid rgb(231 231 231 / 54%); cursor: pointer;}
.site-header.fixed-header .menuitem a{border-right: 1px solid rgba(255,255,255,0.2);padding: 25px 30px;}
.fixed-header li.menuitem.menulogo a {padding: 13px 30px; }
.menulogo a img {transition: 0.3s;}
.fixed-header li.menuitem.menulogo img {max-height: 54px; }
.menulogo a{padding: 15px 30px;}
.menuitem a:hover{opacity: 0.8;}
.menulogo.menuitem a:hover{opacity: 1;}


.menuitem.leanguageHead { width: 108px;}
.leanguageHead_Two {height: 49px; border-top: 1px solid rgb(231 231 231 / 54%); }
.leanguageHead_One {height: 49px; } 
.Lcommbbt a{line-height: 48px; padding: 0px !important;}
.Lcommbbt a:hover{opacity: 0.8;}

.fixed-header .leanguageHead_Two {height: 39px;}
.fixed-header .leanguageHead_One {height: 39px; } 
.fixed-header .Lcommbbt a{line-height: 39px; padding: 0px !important;}



.site-header.fixed-header{background: var(--BlueColor); border-bottom: 1px solid rgba(255,255,255,0.2);}
.site-header.fixed-header .logo-bx img{max-width: 13rem;}

.banner-section{ padding: 10rem 0 7rem 0; background-size: 100%;  position: relative;display: flex;align-items: center;}
.banner-section>img{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%;  height: 100%;}
.banner-text h1{ font-size: 6.1rem; font-weight: 500; line-height: 1.3;  color: var(--WhiteColor); margin-bottom: 5px;font-family: 'Playfair Display', serif;}
.banner-text h1 strong{ display: block; color: var(--PrimaryColor); font-weight: 700; font-size: 7.2rem;text-transform: uppercase; }
.banner-text p{ font-size: 2.8rem;  color: var(--WhiteColor); font-weight: 300;}
.banner-text img{ width: auto!important;}
.banner-text .btnx{ min-width: 300px; padding: 2.5rem 2.2rem;}
.banner-text .sub-heading{color: var(--WhiteColor);}

.heroBbutt{margin-top: 3.6rem;}
/* .heroBbutt a{text-transform: uppercase;} */

.home-banner-section{background: url(../images/hero-banner.png) no-repeat center; height: 739px;position: relative; background-size: cover; background-position: left bottom; }
.home-banner-section::before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0; background: rgba(0, 0, 0, .46);}
.home-banner-section::after{content: "";width: 1px;height: 226px;position: absolute;left: 50%;bottom: -18%;transform: translateX(-50%); background: linear-gradient(to bottom, #F6AA78 50%, rgba(255, 255, 255, 0) 50%); background-position: 0 -50vh; background-size: 100% 200%; animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite; }

@keyframes scrolldown {
  0% { background-position: 0 -226px; }
  75% { background-position: 0 0; }
  100% { background-position: 0 226px; }
}

.home-banner-section .banner-text{max-width: 50rem;margin-left: 13.7rem;}


.machen-img{margin-bottom: 5rem;}

.LeistungenLinks{text-align: center;margin-bottom: 8rem;}
.LeistungenLinks a{font-size: 2.8rem;color: var(--BlackColor);display: block;font-weight: 500;}
.LeistungenLinks a:hover{color: var(--PrimaryColor);}
.LeistungenLinks .colla_PMain + .colla_PMain{margin-top: 3rem;}
.vermiet_callap_BX {max-width: 550px; margin: auto; padding: 30px 0px; }
.vermiet_callap_BX .news_contentBX p {text-transform: initial; }

/* 

.NeusteArbeitenSlider-outer{position: relative;padding-bottom: 3rem;}
.NeusteArbeitenSlider-outer .owl-dots{position: absolute;left: 0;top: calc(100% + 3rem);right: 0;width: 100%;}
#NeusteArbeitenSlider{padding-left: 30rem;}
#NeusteArbeitenSlider .owl-item{max-width: 600px;width: 600px;position: relative;}
.slider-caption{position: absolute;left: 0;top: 1rem;left: 1rem;}
.slider-caption h5{font-size: 2rem;color: var(--PrimaryColor);}
.slider-caption p{font-size: 2rem;color: var(--WhiteColor);}
.owl-dots{ text-align: center;}
.owl-dots button span{ display: inline-block; width: 4rem; height: .5rem; background: #BBBBBB;transition: 0.3s; margin: 0 5px;}
.owl-dots button.active span{ background: var(--PrimaryColor);} */

.hamburger, .close-icon, .only-for-mobile{ display: none; cursor: pointer; }


/*==== Berlin Blog Section ====*/
.berlinB_sec_main{padding-top: 90px;}
.berlinB_sec_main .container{max-width: 1096px;}
.bbdesc{margin-top: 3rem; border-bottom: 1px solid var(--OrangeColor); padding-bottom: 5rem;}
.bbdesc h3{color: var(--BlackColor); font-size: 1.6rem; font-family: 'Playfair Display', serif;}
.bbdesc p{color: #777777; font-size: 1.4rem; font-family: 'Playfair Display', serif; margin-top: 2rem;}
.bblo_imgB{position: relative;overflow: hidden; transition: ease .5s;}
/* .bblo_imgB:hover img{transform: scale(1.1);} */
.blogbbx{position: relative;}
.bblo_imgB img{transition: ease .5s; transform: scale(1);}
.blogbbx:hover .bblo_imgB img{transform: scale(1.2);display: block;}
.blogbbx:hover .bblo_imgB{margin: 20px 20px;}


/*====  Services Home  ====*/
.servicesH_sec_main{padding-top: 16rem; padding-bottom: 16rem;}
.servicesH_sec_main .container{max-width: 1096px;}
.titleSers h4{font-size: 1.1rem; color: #777777; letter-spacing: 1.6px;}
.servs_innB{margin-top: 1rem;}
.numsers{font-size: 13rem;font-family: 'Playfair Display', serif;line-height: 1;}
.servs_innB h5{font-size: 1.6rem;font-family: 'Playfair Display', serif; color: var(--BlackColor); margin-top: 2rem;}
.servs_innB p{font-size: 1.2rem; color: var(--BlackColor); margin-top: 2rem;}
.servicesH_sec_main .row {justify-content: space-between; }
.servicesH_sec_main .col-lg-4.col-md-4.col-sm-4{max-width: 294px;}
.servicesH_sec_main .col-lg-4.col-md-4.col-sm-4:nth-of-type(1) .numsers{color: #156A80;}
.servicesH_sec_main .col-lg-4.col-md-4.col-sm-4:nth-of-type(2) .numsers{color: #0B2342;}
.servicesH_sec_main .col-lg-4.col-md-4.col-sm-4:nth-of-type(3) .numsers{color: #F2A677;}

/*=== Gallery ===*/
.gallery_Sec{background: var(--SawColor); padding-top: 140px; padding-bottom: 130px;}

footer{ padding: 40px 40px 0px 40px;}
.footerInMain{background: var(--BlueColor); padding-top: 100px;}
.footercontect p{font-size: 3.2rem; color: var(--WhiteColor); font-family: 'Playfair Display', serif;}
.bottombar a{color: var(--WhiteColor); font-size: 1.1rem;}
.bottombar{padding: 20px 0px; border-top: 1px solid var(--OrangeColor);}
.footercontect{padding-top: 8rem;}
.footer_add{color: var(--WhiteColor); font-size: 1.1rem; padding-top: 5rem;}
.my_container{padding-bottom: 13rem;}
.mobilel_linkGairy{display: none; opacity: 0; visibility: hidden;}







.NeusteArbeitenSlider-outer{position: relative;padding-bottom: 3rem; margin-top: 3rem;}
.NeusteArbeitenSlider-outer .owl-dots{position: absolute;left: 0;top: calc(100% + 3rem);right: 0;width: 100%;}
/* #NeusteArbeitenSlider{padding-left: 40rem;} */
#NeusteArbeitenSlider .owl-item{max-width: 1093px;width: 1093px;position: relative;}
#NeusteArbeitenSlider .owl-item .item{padding: 0px; opacity: 1; overflow: hidden;}
#NeusteArbeitenSlider .owl-item .item img{transform: scale(1);transition: ease .5s;}
#NeusteArbeitenSlider .owl-item.active .item:hover img{transform: scale(1.2);}
/* #NeusteArbeitenSlider .owl-item.active:nth-of-type(even) .item{padding: 10px; opacity: 0.2;} 
#NeusteArbeitenSlider .owl-item .item{padding: 10px; opacity: 0.2;}*/

.slider-caption{position: absolute;left: 0;top: 1rem;left: 1rem;}
.slider-caption h5{font-size: 2rem;color: var(--PrimaryColor);}
.slider-caption p{font-size: 2rem;color: var(--WhiteColor);}
.owl-dots{ text-align: center;}
.owl-dots button span{ display: inline-block; width: 4rem; height: .5rem; background: #BBBBBB;transition: 0.3s; margin: 0 5px;}
.owl-dots button.active span{ background: var(--PrimaryColor);}

#NeusteArbeitenSlider .owl-nav {color: #ffffff; font-size: 2.6rem; text-align: right; margin-right: 48rem; }
#NeusteArbeitenSlider .owl-nav .owl-next {margin-left: 1.5rem; }
#NeusteArbeitenSlider button.disabled{opacity: 0.5;}

#NeusteArbeitenSliderDetails  .owl-nav {color: #ffffff; font-size: 2.6rem; text-align: right; margin-right: 48rem; }
#NeusteArbeitenSliderDetails .owl-nav .owl-next {margin-left: 1.5rem; }
#NeusteArbeitenSliderDetails button.disabled{opacity: 0.5;}
#NeusteArbeitenSliderDetails .owl-nav .owl-next, #NeusteArbeitenSliderDetails .owl-nav .owl-prev{ color: #000000;}

.centerl{position: relative;}
.centerl::before {content: ''; position: absolute; top: -14px; left: 50%; width: 52px; height: 1px; background: #F6AA78; margin-left: -26px; }



.site-ftr{position: relative; top: -12rem;}
/* .site-ftr::after{content: "";width: 1px;height: 6rem;position: absolute;left: 50%;top: -3rem;transform: translateX(-50%); background: linear-gradient(to bottom,  #F6AA78 50%, rgba(255, 255, 255, 0) 50%); background-position: 0 -6rem; background-size: 100% 200%; animation: scrolldown3 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite; } */
/* .site-ftr::after{content: ""; width: 1px; height: 40vh; position: absolute;left: 50%;bottom: -18%;transform: translateX(-50%); background: linear-gradient(to bottom, #F6AA78 50%, rgba(255, 255, 255, 0) 50%); background-position: 0 -40vh; background-size: 100% 200%; animation: scrolldown3 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite; }

@keyframes scrolldown3 {
  0% { background-position: 0 -40vh; }
  75% { background-position: 0 0; }
  100% { background-position: 0 40vh; }
} */

.site-ftr::after{content: "";width: 1px;height: 10.5rem; display: block; margin: 0 auto; margin-top: 4rem; background: linear-gradient(to bottom, var(--OrangeColor) 50%, rgba(255, 255, 255, 0) 50%); background-position: 0 -10.5rem; background-size: 100% 200%; animation: scrolldown333 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;}
@keyframes scrolldown333 {
  0% { background-position: 0 -10.5rem; }
  75% { background-position: 0 0; }
  100% { background-position: 0 10.5rem; }
}


/*==== Contact ====*/
.contact_banner{background: var(--BlueColor); padding-top: 23rem; padding-bottom: 13rem;position: relative;}
.contact_banner_inn {position: relative; padding-left: 16rem; }
.contact_banner_inn::after {content: ''; position: absolute; top: 15px; left: -100%; width: 100%; height: 1px; background: #F6AA78; margin-left: 10%; }
.contentCB span{color: var(--WhiteColor); font-size: 1.1rem;}
.contentCB p{color: var(--WhiteColor); font-size: 2.1rem; font-family: 'Playfair Display', serif;}
.contentCB{margin-bottom: 4rem;}

.contlec_leftS{margin-bottom: 3.4rem;}
.contlec_leftS h4{font-size: 1.6rem; color: var(--BlackColor);font-family: 'Playfair Display', serif;margin-bottom: 1rem;}
.contlec_leftS p{font-size: 1.4rem; color: var(--OrangeColor); margin-top: 0.5rem;}

.contactsec_cotP{padding-top: 130px;}
.contactP_contForm{padding-top: 1.5rem;}
.contlec_rightS h3{font-size: 2.1rem;  color: var(--BlackColor);font-family: 'Playfair Display', serif;}
.formfuild{margin-bottom: 4rem;}
.formfuild label{color: var(--BlackColor); font-size: 0.9rem; color: #777777;}
.fuildform_input{height: 40px; width: 100%; padding: 0 1.5rem; border: 1px solid #F7B58A; box-shadow: none; outline: none; font-size: 1.4rem; color: var(--BlackColor);transition: 0.3s;}
.fuildform_input:hover, .fuildform_input:focus{border-color: var(--BlueColor);}
textarea.fuildform_input{height: 152px; resize: none; padding: 1.5rem 1.5rem;}

/*==== Latest News Page ====*/
.blog_news{padding-top: 20rem; padding-bottom: 20rem;}
.InPNewsT{font-size: 4.45rem; color:  var(--BlackColor);font-family: 'Playfair Display', serif;}
.blog_news .row{    justify-content: space-between;}
.blog_news .col-sm-4.col-md-4.col-lg-4{max-width: 30%; margin-top: 10rem;}
.news_BX{display: flex; flex-direction: column; position: relative; }
.news_imgBX{overflow: hidden; position: relative;}
.news_imgBX img{width: 100%;transition: 0.3s;transform: scale(1);}
.news_contentBX{margin-top: 3rem;}
.news_contentBX h4{font-size: 2rem; color: var(--OrangeColor); text-transform: uppercase;}
.news_contentBX p{font-size: 1.6rem; color: var(--BlackColor);  margin-top: 1rem;}
.blog_news .news_BX:hover img{transform: scale(1.2);}
.news_imgBX{transition: 0.3s;}

/*====  Impressum Page  =====*/
.impressumP{padding-top: 20rem; padding-bottom: 10rem;}
.repeatimp{margin-top: 3rem; color: var(--BlackColor);}
.repeatimp h4{margin-bottom: 0.5rem; text-transform: uppercase;}



/*====  Vermieten Page  =====*/
.vermieten{background: url(../images/vermieten-banner.jpg) no-repeat center; height: 100vh;position: relative; background-size: cover; background-position: left bottom; }
.vermieten::before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0; background: rgba(0, 0, 0, .46);}
.vermieten::after{content: "";width: 1px;height: 30vh;position: absolute;left: 50%;bottom: -13.5%;transform: translateX(-50%); background: linear-gradient(to bottom, #F6AA78 50%, rgba(255, 255, 255, 0) 50%); background-position: 0 -50vh; background-size: 100% 200%; animation: scrolldown3 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite; }
@keyframes scrolldown3 {
  0% { background-position: 0 -30vh; }
  75% { background-position: 0 0; }
  100% { background-position: 0 30vh; }
}

.vermieten .banner-text {max-width: 50rem; margin-left: 13.7rem; }

.vermieten_gray {padding: 40px 40px; }
.vermietenG_section{background: #EDEDED;}

.vermieten_gray .same-heading {max-width: 582px; margin: 0 auto; }
.buttyelloHS{margin-top: 4rem;}
.vermietenG_section .sub-heading, .vermietenG_section .mid-sub-heading{color: var(--BlackColor);font-size: 2.4rem;font-family: 'Playfair Display', serif;}
.vermieten_pageYSec .same-heading h4{margin-bottom: 3rem;}
.light-section{margin-top: 6rem;}
/* .light-section{background: var(--LightSection);} */
.vermietenG_section .sub-heading{position: relative;font-size: 1.6rem;}
.vermietenG_section .sub-heading::after {content: ''; position: absolute; top: -37px; left: 50%; width: 52px; height: 1px; background: #F6AA78; margin-left: -26px; }
.vermietenG_section_main .same-heading p{color: var(--BlackColor); font-size: 1.6rem;}
.orng_line {width: 51px; height: 1px; background: var(--OrangeColor); margin: auto; margin-top: 2rem; margin-bottom: 1rem; }

.iconservice{max-width: 522px; margin: auto;margin-top: 3rem;}
.ic_service_BX{margin-top: 3rem;}
.ic_service_BX p{margin-top: 1rem;}

.three_impS{padding-top: 5rem;}
.repeatservices{padding-top: 5rem;}
.three_impS h4{color: var(--BlackColor); font-size: 1.4rem;}
.repServ_BX{display: flex;}
.repServ_left {min-width: 36px; width: 36px;  align-self: center;}
.repServ_right{display: flex; padding-left: 20px; align-self: center;}


/*===  apartment-details Page ===*/
.apartment_detailsP_banner{background: url(../images/apartment-details-banner.jpg) no-repeat center; }
.Pspecs_item {margin-top: 3rem;}
.se_subtitle{ color: var(--BlackColor); font-size: 1.6rem;  font-family: 'Avenir LT Std'; font-weight: bold;padding-top: 2rem;position: relative;}
.se_subtitle::after {content: ''; position: absolute; top: 3rem; right: 0; width: 60px; height: 1px; background: var(--OrangeColor); }
.rightDtls { padding-left: 6rem; max-width: 700px;}
.titl_styles_head{color: rgb(119 119 119 / 72%); font-size: 1.2rem; font-weight: bold;}
.titl_styles p{color: var(--BlackColor); font-size: 1.8rem; font-family: 'Avenir LT Std'; margin-top: 1rem;}
.titleDet_page{font-size: 4.6rem; color: var(--BlackColor); font-weight: bold;font-family: 'Playfair Display', serif;}
.rightDtls h4{font-size: 2.6rem; color: var(--BlackColor); margin-top: 3rem;font-family: 'Playfair Display', serif;}
.rightDtls p{ margin-top: 2rem;}
.rightDtls a{ margin-top: 3rem; margin-right: 1rem;}
.rightDtls h5{color: var(--BlackColor); font-size: 1.6rem; font-family: 'Avenir LT Std'; font-weight: bold; margin-top: 3rem; }


.In_Page_gallery{position: relative;}
.In_Page_gallery::after{content: ''; position: absolute; width: 600px;  top: 28px; bottom: 0px; border: 1px solid var(--OrangeColor); left: 50%; transform: translate(-50%, 0%);}
.Ingallery_title{font-size: 4.6rem; color: var(--BlackColor); position: relative; z-index: 1;}
.ingall_subH{color: rgb(119 119 119 / 72%); font-size: 1.6rem; font-weight: bold; padding-top: 3rem;}
.Ingallery_title span{padding: 10px 80px; border-right: 1px solid var(--OrangeColor); border-left: 1px solid var(--OrangeColor); background: var(--WhiteColor);font-family: 'Playfair Display', serif;}


.NeusteArbeitenSlider-inner{position: relative;padding-bottom: 3rem; margin-top: 3rem;}
.NeusteArbeitenSlider-inner .owl-dots{position: absolute;left: 0;top: calc(100% + 3rem);right: 0;width: 100%;}
#NeusteArbeitenSlider_inn .owl-item{max-width: 1450px;width: 1450px;position: relative;transition: all ease .25s;}
#NeusteArbeitenSlider_inn .owl-item .item{padding: 0px; opacity: 1; overflow: hidden;transform: scale(0.8);}
#NeusteArbeitenSlider_inn .owl-item .item {transform: scale(0.8);transition: ease .5s;}
#NeusteArbeitenSlider_inn .owl-item.center .item {transform: scale(1.2);}
#NeusteArbeitenSlider_inn .owl-item .item img{transition: ease .5s;}


.owl-dots{ text-align: center;}
.owl-dots button span{ display: inline-block; width: 4rem; height: .5rem; background: #BBBBBB;transition: 0.3s; margin: 0 5px;}
.owl-dots button.active span{ background: var(--PrimaryColor);}

#NeusteArbeitenSlider_inn .owl-nav {color: var(--BlackColor); font-size: 2.6rem; text-align: right; margin-right: 48rem; max-height: 1px;}
#NeusteArbeitenSlider_inn .owl-nav .owl-next {margin-left: 1.5rem; }
#NeusteArbeitenSlider_inn button.disabled{opacity: 0.5;}
#NeusteArbeitenSlider_inn .owl-nav button {color: #000000; }

#NeusteArbeitenSlider_inn .item .caption{position: relative; opacity: 0; }
#NeusteArbeitenSlider_inn .item .caption h5{color: #000000; font-size: 1.2rem; font-weight: bold; max-width: 570px; margin: auto;top: 1rem; bottom: 20px; transform: scale(0.8); min-height: 100px;}
#NeusteArbeitenSlider_inn .owl-item.active.center .item .caption { opacity: 1; }


.grayGLeft {padding-top: 180px; }
.gray_gellry{background: var(--LightSection); margin-top: 15rem;}
.grayGRight blockquote {font-size: 4.6rem; color: var(--BlackColor); font-weight: bold;font-family: 'Playfair Display', serif;}
.grayGRight { padding-bottom: 180px; padding-left: 6rem; max-width: 700px; }
blockquote.quote span {position: relative; padding-left: 30px; padding-right: 30px; font-family: 'Playfair Display', serif; }
blockquote.quote span::after {content: '\f10d'; position: absolute; top: -6px; left: 0; color: #000; font-family: "Font Awesome 5 Free"; font-size: 24px; color: var(--OrangeColor);

}
blockquote.quote span::before {content: '\f10e'; position: absolute; bottom: 14px; right: 0; color: #000; font-family: "Font Awesome 5 Free"; font-size: 24px; color: var(--OrangeColor); }

.fullgallT h3{position: relative; color: var(--WhiteColor); font-size: 5.6vw; font-weight: bold;font-family: 'Playfair Display', serif;letter-spacing: 0.410em; top: 0.390625vw;    line-height: 98%;}
.grayGRight p {font-size: 1.7rem; padding-top: 8rem; line-height: 1.7; }

.line-left-top{position: relative;    padding-top: 180px;}
.line-left-top:before {content: ''; position: absolute; width: 1px; height: 360px; top: 0; left: 3rem; border-left: 1px solid var(--OrangeColor); }
.line-left-top:before {height: 360px; }
.animations-enabled .anim-scroll.line-left-top:before {transition: all ease 1s; }
.galleryitemL{padding: 180px 0px;}




.Jbblo_imgB {position: relative; overflow: hidden; }
.Jbblo_imgB::after {content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: transparent; border: 10px solid #ffffff; transition: ease .3s; }
.Jbblo_imgB:hover:after{border: 20px solid #ffffff;}
 .Jbbdesc h3{font-size: 2.6rem; color: var(--BlackColor); font-weight: bold; font-family: 'Playfair Display', serif; margin-top: 3rem;}
 .galleryitemL .col-sm-6:nth-of-type(1){padding-right: 2rem}
 .galleryitemL .col-sm-6:nth-of-type(2){padding-left: 2rem; margin-top: 5rem;}

.allprodbt{padding-top: 8rem;}
.allPbtn{position: relative;}
.allPbtn:before {position: absolute; pointer-events: none; content: ''; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-top: 1px solid var(--OrangeColor); height: 2px; }
.allPbtn .orange-cut{background: #ffffff;}


.ourpropertyS{padding-bottom: 180px;}
.line-list__item:not(:last-child) {margin-bottom: 30px;}
.line-list__item {padding-bottom: 20px; display: flex; list-style: none; border-bottom: 1px solid #e5ccba; align-items: center; }
.line_list_title:not(:last-child), .line_list_txt:not(:last-child) { margin-right: 4%;} .line_list_title {width: 48%; color: #c17339; }
.line_list_txt {width: 13.3333333333%; text-transform: uppercase; }

.Jsection_subtitle{font-size: 1.2rem; color: rgb(119 119 119 / 72%);font-family: 'Avenir LT Std'; font-weight: bold;}
.ourpropertyS_subtitle{color: var(--BlackColor); font-size: 1.6rem; font-family: 'Playfair Display', serif; font-weight: bold; padding-top: 2rem; position: relative; padding-bottom: 6rem;}
.line_list_title{font-size: 2.2rem;font-family: 'Playfair Display', serif;}