@charset "utf-8";
/* CSS Document */

/* BASICS ------------------------------ */
body, td, th, div, p, span{
    color: var(--primary-font-color);
}

hr{
    border-top-color: var(--hr-color);
}

h2{
    font-weight: 400;
}

h1, h2, h3, h4 {
    color: var(--primary-header-color);
    text-transform: none;
}

h3{
    color:var(--primary-font-color);
    line-height: 1.3;
}

h2,h3,h4{
    margin-top:0;
    padding-top:0;
}

article a, a.txtLink {
    border-bottom: dotted 1px var(--primary-font-color);
}

a:hover,
a:focus {
    color: var(--link-hover-color);
}

article blockquote {
    border-left: solid 5px var(--primary-color);}


.fs-normal{
    font-size: 1rem;
    line-height: normal;
}


.d-inline-block{
    display: inline-block;
}

.d-felx{
    display: flex !important;
}

.grid-xs-center-vertical{
    display: flex;
    align-items: center;
}

.justify-content-center{
    justify-content: center;
}

.white-space-normal{
    white-space: normal !important;
}

.d-none{
    display: none !important;
}

.container-fluid-full{width:100%;}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 500;}

ul.circle-li{
    margin-left: 20px;
}

ul.circle-li li:before {
    font-family: FontAwesome;
    content: '\f10c';
    margin-left: -20px;
    margin-right: 10px;
}

table.no-whitespace tr td{
    white-space: normal;
}

.w-100{
    width: 100%;
}

.overflow-hidden{
    overflow: hidden;
}

.text-color-primary{
    color: var(--primary-color);
}

/* MOBILE ONLY */
@media screen and (max-width: 767px) {
    .xs-space-bottom {margin-bottom:20px;}
    .xs-space-top {margin-top:20px;}
    .w-100-xs{width:100%;}
}

/* SPINNER */
.spinner .pfeil{
    stroke: var(--spinner-pfeil-color);
}

.spinner .ring{
    stroke: var(--spinner-ring-color);
}

/* FORM */
.form-row {

    margin-right: -10px;
    margin-left: -10px;
}

.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

/* DROPDOWN + CHECKBOX */


input.labelauty:checked + label {
    background-color: var(--primary-font-color);
    color: var(--primary-inv-color);
}

input.labelauty + label{
    border-color: var(--primary-font-color);
    margin: 0 10px 0 0;
}

/* NEW*/
input[type='radio'].labelauty + label{
    border-radius: 50%;
}

input.labelauty:checked:not([disabled]) + label:hover {
    background-color: var(--primary-font-color);
    opacity: .8;
}

input.labelauty:not(:checked):not([disabled]) + label:hover {
    background-color: var(--primary-hg-color-1);
    color: var(--primary-hg-color-1);
}

.checkbox-menu li div {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}

/* NEW*/
.checkbox-menu li div{
    display: flex;
}

/* NEW*/
.checkbox-menu li div{
    flex-direction: row-reverse;
    justify-content: space-between;
}
/* NEW*/
.checkbox-menu li div input.labelauty + label{
    margin: 0 0 0 10px;
}

.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}
.checkbox-menu li div:hover,
.checkbox-menu li div:focus {
    background-color: var(--primary-hg-color-1);
}

.dropdown-menu{
    border: none;
    -webkit-box-shadow: var(--box-shadow-all);
    box-shadow: var(--box-shadow-all);
    width: 100%;
}

/* TOOLTIP */
.tooltip-inner {
    color: #000000;
    background-color: #ffffff;
    -webkit-box-shadow: var(--box-shadow-all);
    box-shadow: var(--box-shadow-all);
}

.tooltip.bottom .tooltip-arrow{
    border-bottom-color: #ffffff;
}

.tooltip.top .tooltip-arrow{
    border-top-color: #ffffff;
}

/* BTN */
.btn,
input .btn{
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus{
    outline:none;
    outline-offset:inherit;
}

.btn:not([data-toggle="toggle"]):hover,
.btn:not([data-toggle="toggle"]):active,
.btn:not([data-toggle="toggle"]):focus{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--primary-inv-color);
}

.btn.hell,
.hg-wrapper .btn{
    border-color: var(--primary-inv-color);
    color: var(--primary-inv-color);
}

.btn.hell:hover,
.btn.hell:active,
.btn.hell:focus,
.hg-wrapper .btn:hover,
.hg-wrapper .btn:active,
.hg-wrapper .btn:focus{
    background-color: var(--primary-inv-color);
    border-color: var(--primary-inv-color);
    color: var(--primary-color);
}

.btn.btn-secondary{
    border-color: var(--primary-font-color);
    color: var(--primary-font-color);
}

.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus{
    background-color: var(--primary-font-color);
    border-color: var(--primary-font-color);
    color: var(--primary-inv-color);
}

/* Layout */
main.templ_0{
    overflow: hidden;
    margin-top: var(--wrapper-spacer__S);
}

#wrapper:before{
    margin-top:0;
}

/* HEADER / NAV  */
#menueIcon span,
#header.headroom--top #menueIcon span{
    background:var(--nav-menueIcon-color__top);
}

#header.headroom--not-top #menueIcon span{
    background:var(--nav-menueIcon-color__not-top);
}

.sidr ul li a, .sidr ul li span {
    text-transform: uppercase;
}

/* start Header Modul  */
#header {
    height: var(--nav-height__S);
}

#header,
#header.headroom--top{
    background-color: var(--nav-bg-color__top);
    box-shadow: var(--nav-box-shadow__top);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}


#header.headroom--not-top {
    background-color: var(--nav-bg-color__not-top);
    box-shadow: var(--nav-box-shadow__not-top);
}
/* end Header Modul  */

#mainLogo{
    margin: var(--main-logo-m__S);
}

#mainLogo h1{
    background: none;
    width: var(--main-logo-w__S);
    height: var(--main-logo-h__S);
}

/* start Header Modul  */
#header #mainLogo,
#header.headroom--top #mainLogo{
    opacity: var(--nav-mainlogo-opacity__top);
}

#header.headroom--not-top #mainLogo{
    opacity: var(--nav-mainlogo-opacity__not-top);
}
/* end Header Modul  */

/* SideNav */
.sidr ul.sidr-class-metaNav-li{
    padding:0;
}

.sidr ul.sidr-class-metaNav-li li a{
    padding: 15px 15px 15px 15px;
    opacity: .6;
}

.sidr ul.sidr-class-metaNav-li li a .sidr-class-metaTxt{
    line-height: normal;
    margin-top:5px;
}

/* SWIPER HEADER */
.swiper-header {
    height: var(--swiper-heder-h__S);
}


.swiper-header{
    z-index: 0 !important;
}

/* HERO */
.hero .swiper-container::after{
    content: '';
    background: var(--hero-header-overlay-color);
    width:100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top:0;
}

.hero{
    position: relative;
}

.hero .jumbotron{
    z-index: 1;
    width: 100%;
    background: none;
    display: flex;
    padding:0;
    margin:0;
}

.hero .jumbotron .hero-header{
    text-align: center;
}

.hero .jumbotron h1,
.hero .jumbotron .h1 {
    color: var(--primary-header-color);
}

/* HERO OVERLAY */
#hero-overlay{
    position: absolute;
    width: 100%;
    bottom: -1px;
    z-index: 100;
}

#hero-overlay .row > div{
    /*overflow: hidden;*/
}

#hero-overlay img{
    height: var(--swiper-overlay-h__S);
    width: auto;
    max-width: none;
    margin-left: var(--swiper-overlay-left__S);
}

/* Lightbox */
.glightbox-clean .gslide-description,
.glightbox-modern .gslide-description {
    background: transparent;
}

.glightbox-clean .gdesc-inner,
.glightbox-modern .gdesc-inner {
    text-align: center;
}

.glightbox-clean .gdesc-inner *,
.glightbox-modern .gdesc-inner *{
    color: var(--lightbox-color) !important;
}

/* ANIMATIONS */
.hidden-anim-fix{
    opacity: 0;
}

.fadeIn{
    animation: fadeIn;
    animation-duration: 2s;
    animation-fill-mode: both;
}

.fadeInRight{
    animation: fadeInRight;
    animation-duration: 2s;
    animation-fill-mode: both;
}

.fadeInLeft{
    animation: fadeInLeft;
    animation-duration: 2s;
    animation-fill-mode: both;
}

.fadeInUp{
    animation: fadeInUp;
    animation-duration: 2s;
    animation-fill-mode: both;
}

.jumbotron-head.fadeInLeft{

    animation: fadeInLeft;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-fill-mode: both;
}

.jumbotron-link.fadeInLeft{

    animation: fadeInLeft;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

#object-logo-wrapper.fadeInUp{

    animation: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
}

/* OBJECT IMAGE */
#object-logo-wrapper img{
    height: var(--object-logo-h__S);
    margin: var(--object-logo-m__S);
}

/* CONTENT-SECTION */
.block-content{
    padding:var(--spacer__S) 0;
    display: flow-root;
}

section.hero>section{}

.hg-wrapper{
    background-color: var(--primary-color);
}

.hg-wrapper *{
    color:var(--primary-inv-color);
}


.section-hg div.container-fluid:first-child h2{
    margin-top:0;
}

/* PIC GALSLIDER */
.picGalSlider-full .swiper-slide img {
    height: var(--picGal-h__S);
    width: auto;
}

/* MOUSE OVER EFFECTS */
.mo-effects{
    overflow: hidden;
    display: block;
    background: var(--img-link-bg-color);
}

/* Zoom In*/
.mo-zoom img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: var(--mo-zoom-duration) ease-in-out;
    transition: var(--mo-zoom-duration) ease-in-out;
}
.mo-zoom:hover img {
    opacity: 1;
    -webkit-transform: scale(var(--mo-zoom-scale));
    transform: scale(var(--mo-zoom-scale));
}

/* Circle */
.mo-circle {
    position: relative;
}
.mo-circle::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.mo-circle:hover::before {
    -webkit-animation: circle 1.3s;
    animation: circle 1.3s;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

/* FULL BG IMAGE */
.full-gb-img{
    height: var(--fullPic-h__S);
    width: 100%;
}

.jarallax  .jarallax-img img{
    max-width: none;
    width:100%;
}

/* COLLAPSE */
.collapse-container.collapsed .collapse-icon{
    -webkit-transform: translateY(0%);
    transform: rotateX(0deg);
}

.collapse-container .collapse-icon{
    -webkit-transform: translateY(180%);
    transform: rotateX(180deg);
    transition: transform .4s ease-in-out;
}

/* IMG DROPDOWN */
.img-drop-wrapper{
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 40px;
}

.img-drop-wrapper img{
    width: 100%;
}

.btn-drop{
    position: absolute;
    margin-left: 20px;
    margin-top: 20px;
    width: calc(100% - 40px);
    height: 100%;
    z-index: 1;
}

.btn-drop .header{
    width: 100%;
    background-color: var(--btn-drop-color);
    display: flex;
    justify-content:space-between;
    align-items: center;
    cursor: pointer;
}

.btn-drop .header:hover span:after{
    transform: rotatez(-180deg);
    transition: transform .4s ease-in-out;
}

.btn-drop .header span{
    display: block;
    width:var(--btn-drop-header-h__S);
    height: var(--btn-drop-header-h__S);
    background-color: var(--primary-color);
    padding-top: calc((var(--btn-drop-header-h__S) / 2) - 0.8rem);
}

.btn-drop .header span:after{
    font-family: FontAwesome;
    content: "\f067";
    font-size: 2rem;
    text-align: center;
    color:#fff;
    display: inline-block;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.btn-drop .header[aria-expanded=true] span:after {
    transform: rotatez(45deg);
    transition: transform .4s ease-in-out;
}

.btn-drop .header h3{
    margin: 0;
    padding-left:15px;
    font-size: 22px;
    font-size: 1.375em;
}

.btn-drop .wrapperCollapse{
    background-color: var(--btn-drop-color);
    -webkit-box-shadow: var(--box-shadow-down);
    box-shadow: var(--box-shadow-down);
    overflow: hidden;

}

.btn-drop .wrapperCollapse>div{
    padding:15px;
}

/* full Pic & link Overlay */
.img-overlay-wrapper{
    margin-left: -20px;
    margin-right: -20px;
}

.img-overlay-wrapper .mo-zoom img{
    position: relative;
    z-index: -1;
}

.btn.btn-custom-1{
    background-color: var(--primary-color);
    color: var(--primary-inv-color);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    white-space: var(--btn-custom-1-white-space__S, normal);
    padding: var(--btn-custom-1-py) var(--btn-custom-1-px);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: relative;
    z-index: 10;
}

.btn.btn-custom-1 span{
    flex-grow: 2;
}

.btn.btn-custom-1 i{
    margin-left: var(--btn-custom-1-px);
}

.btn.btn-custom-1 *{
    color: var(--primary-inv-color);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.btn.btn-custom-1:hover{
    background-color: var(--primary-inv-color);
}

.btn.btn-custom-1:hover *{
    color:  var(--primary-color);
}

/* WOHNUNG SELECT */
.filterWrapper{
    z-index: 600;
}

.filterWrapper .fg-search{
    min-width: 200px;
}

.btn.btn-dropdown{
    border: none;
    -webkit-box-shadow: var(--box-shadow-all);
    box-shadow: var(--box-shadow-all);
    position: relative;
    padding-right:61px;
    text-align: left;
    background-color: #fff;
}

.btn.btn-dropdown:after{
    content:"";
    background-color: var(--primary-color);
    width:36px;
    height: 36px;
    right: 0;
    position: absolute;
}

.custom-dropdown .selecter-selected{
    border: none;
    -webkit-box-shadow: var(--box-shadow-all);
    box-shadow: var(--box-shadow-all);
    text-transform: uppercase;
}

.custom-dropdown .selecter-options{
    -webkit-box-shadow: var(--box-shadow-all);
    box-shadow: var(--box-shadow-all);
}

.custom-dropdown .selecter-selected:after{
    background-color: var(--primary-color);
    width:36px;
    height: 36px;
    right: 0;
    opacity: 1;
    background-image: none;
}

.custom-dropdown .selecter .selecter-selected:before,
.btn.btn-dropdown:before{
    font-family: FontAwesome;
    content: "\f107 ";
    position: absolute;
    text-align: center;
    width:36px;
    height:36px;
    right: 0;
    top:50%;
    z-index: 100;
    color: var(--primary-inv-color);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform .4s ease-in-out;
    transform-origin: 50% 25%;
}

.custom-dropdown .selecter.open .selecter-selected:before,
.btn.btn-dropdown[aria-expanded="true"]:before{
    -webkit-transform: translateY(180%);
    transform: rotateX(180deg);
}

.obj-wrapper{
    margin-left:-20px;
    margin-right: -20px;
}

.obj-metaNav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.obj-metaNav .erg-wrapper{
    background-color: var(--primary-font-color);
    padding: 13px 20px;
    display: flex;
    min-width: 200px;
    align-items: center;
    justify-content: center;
}

.obj-metaNav .erg-wrapper h4 {
    color: var(--primary-inv-color);
    padding:0;
}

.obj-list-title .title-small{width: calc((100%/var(--obj-list-items__S))*0.5);}
.obj-list-title .title-normal{width: calc((100%/var(--obj-list-items__S))*1);}
.obj-list-title .title-large{width: calc((100%/var(--obj-list-items__S))*1.5);}

.obj-list-title{
    display: flex;
    justify-content: space-between;
    align-items : center;
    padding: 10px 40px 10px 10px;
}

.obj-list-title span{
    line-height: normal;
}

.obj-list-header.obj-list-title{
    background-color: var(--primary-color);
    padding-top:20px;
    padding-bottom: 20px;
}

.obj-list-header.obj-list-title *{
    color: var(--primary-inv-color);
    text-transform: uppercase;
    font-size: 80%;
}

.panel-group.panel-group-obj .panel{
    box-shadow: none;
    border:none;
    margin-bottom: 5px;
}

.panel-group.panel-group-obj .panel + .panel {
    margin-top: 0px;
}

.panel-group.panel-group-obj .panel-heading{
    padding:0;
    background-color: var(--primary-hg-color-1);
}

.panel-group.panel-group-obj .panel:nth-child(odd) .panel-heading{
    background-color: var(--primary-hg-color-2);
}


.panel-group.panel-group-obj .panel-heading a{
    position: relative;
}

.panel-group.panel-group-obj .panel-heading a:after{
    font-family: FontAwesome;
    content: "\f107 ";
    font-size: 1.5rem;
    text-align: center;
    position: absolute;
    right:10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: transform .4s ease-in-out;
    transform-origin: 50% 25%;
    opacity: .5;
}

.panel-group.panel-group-obj .panel-heading a[aria-expanded=true]:after{
    transform: rotateX(180deg);

}

.panel-group.panel-group-obj .panel-collapse .panel-body{
    padding:0;
    border:0;
    box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;

    /*border-bottom: solid 1px var(--primary-hg-light);
    */
}

.obj-interact{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    gap:20px;
}

.obj-interact a{
    margin-top:10px;
    display: inline-block;
}

.filter-block{
    background-color: var(--primary-hg-color-1);
    border-radius: 0px;
    padding:10px 20px;
}

.filter-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filter-header h4{
    padding-bottom: 0;
}

.wohnung-prop-filter{
    /*margin-left:20px;
    margin-right:20px;*/
}


.wohnung-prop-filter .slider.slider-horizontal{
    width: 100%;
}

.wohnung-prop-filter .filter-label{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wohnung-prop-filter .refresh-filter{
    cursor: pointer;
    padding: 3px;
}

.wohnung-prop-filter .refresh-filter:hover{
    opacity: .8;
}

.wohnung-prop-filter .slider-handle,
.wohnung-prop-filter .slider-selection{
    background-image: none;
    background-color: var(--slider-selection-on-color);
    -webkit-box-shadow: var(--box-shadow-down);
    box-shadow: var(--box-shadow-down);
}

.wohnung-prop-filter .slider-track-high,
.wohnung-prop-filter .slider-track-low,
.wohnung-prop-filter .slider-tick{
    background-color: var(--slider-selection-off-color);
    background-image: none;
}

.wohnung-prop-filter .slider-selection.tick-slider-selection,
.wohnung-prop-filter .slider-tick.in-selection{
    background-image: none;
    background-color: var(--slider-selection-on-color);
}

.btn.toggle{
    border-radius: 0px;
    margin:0px;
}

.btn-check-toggle-off{
    background-color: var(--primary-hg-color-2);
    border-color: var(--primary-hg-color-2);
    boder:none;
    color: var(--primary-inv-color);
}

.btn-check-toggle-off:hover{
    background-color: var(--primary-hg-color-2) !important;
    border-color: var(--primary-hg-color-2) !important;
    border:none !important;
    opacity: .8;
}

.btn-check-toggle-on{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border:none;
    color: var(--primary-inv-color);
}

.btn-check-toggle-on:hover{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    border:none !important;
    opacity: .8;
}

.toggle-off.btn,
.toggle-on.btn{
    padding:0 20px !important;
    height: 48px;
}

.toggle-handle{display: none;}

.btn.toggle .btn:active,
.btn.toggle .btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hla-drop{
    background-color: var(--primary-hg-color-1);
    border-radius: 10px;
    padding: 20px 20px;
}

/* modal loading */
/*
.modal-loading{
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    z-index: 1000;
}
*/
.modal-loading{
    position: fixed;
    top:50px; /*top:50vh;*/
    left:50vw;
    z-index: 10000;
    -webkit-transform: translate(50%, 50%);
    transform: translate(-50%, -50%);
}

.modal-loading .modal-inner{
    background-color: var(--modal-bg-color);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal-loading .modal-inner .erg-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal-loading .modal-inner *{
    color: var(--modal-txt-color);
}

.modal-loading .modal-inner .modal-loading--header-1{
    min-height: 46px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modal-loading .modal-inner .anker-link{
    color:var(--modal-link-color);
}

/* PIC GALSLIDER */
.objGalSlider .swiper-slide img {
    height: var(--objGal-h__S);
    width: auto;
}

/* FOOTER */
#footerWrapper{
    background: none;
    margin-top:0;
}

#footerWrapper *{
    color:var(--footer-txt-color);

}

#footerWrapper .logo a{
    margin-right: 10px;
}

#footerWrapper a:hover,
#footerWrapper a:focus {
    color: var(--link-hover-color);
}

#footerWrapper .logo img{
    filter: grayscale(100%);
    display: inline-block;
}

#footerWrapper .logo img:hover{
    filter: grayscale(0%);
}

#footerWrapper .comp-adr{
    margin-bottom:20px;
}
#footerWrapper .fa-li{
    text-align: left;
}

/* Responsive Design
**********************************************/
/* LAYOUT > 320 ------------------------------ */
@media only screen and ( min-width: 320px ) {

}

/* LAYOUT > 480 ------------------------------ */
@media only screen and ( min-width: 480px ) {
    /* IMG DROPDOWN */
    .btn-drop{
        width: 100%;
        margin-left: 15px;
        margin-top: 15px;
    }

    .img-drop-wrapper{
        margin-left: 0;
        margin-right: 0;
        display: inline-block;
    }

    .btn-drop .header span{
        width:var(--btn-drop-header-h__M);
        height: var(--btn-drop-header-h__M);
        padding-top: calc((var(--btn-drop-header-h__M) / 2) - 0.8rem);
    }

    .btn-drop .collapse {
        max-height: none;
    }

    .btn-drop .collapse {
        transition: height 1.5s;
    }

    .btn-drop .collapse.collapsing {
        height: 0 !important;
    }

    .btn-drop .collapse.collapse.in {
        height: calc(100% - var(--btn-drop-header-h__M));
    }

    .btn.btn-dropdown:before{
        width:48px;
        height: 48px;
    }

    .btn.btn-dropdown:after{
        width:48px;
        height: 48px;
    }

    .filterWrapper .fg-search{
        min-width: 230px;
    }

    .btn.btn-dropdown{
        padding-right:78px;
    }
}

/* LAYOUT > 768 ------------------------------ */
@media only screen and ( min-width: 768px ) {

    .text-sm-left{
        text-align: left;
    }
    /* GRID */
    .grid-center-vertical{
        display: flex;
    }

    .grid-center-vertical [class*='col-']{
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    /* HERO */
    .hero .jumbotron {
        padding: 0;
        margin: 0;
    }

    /* SWIPER HEADER */
    .swiper-header {
        height: var(--swiper-heder-h__M);
    }

    /* HERO OVERLAY */
    #hero-overlay{
        left: var(--swiper-overlay-pos-l__M);
    }

    #hero-overlay img{
        height: var(--swiper-overlay-h__M);
        width: auto;
        max-width: none;
        margin-left: var(--swiper-overlay-left__M);
    }

    /* OBJECT IMAGE */
    #object-logo-wrapper img{
        height: var(--object-logo-h__M);
        margin: var(--object-logo-m__M);
    }

    /* PIC GALSLIDER */
    .picGalSlider-full .swiper-slide img {
        height: var(--picGal-h__M);
    }

    /* FULL BG IMAGE */
    .full-gb-img{
        height: var(--fullPic-h__M);
    }

    /* WOHNUNG SELECT */
    .obj-metaNav{
        flex-direction: row;
    }
    .obj-wrapper{
        margin-left:0px;
        margin-right: 0px;
    }

    .obj-list-title{
        padding: 10px 60px 10px 30px;
    }


    .panel-group.panel-group-obj .panel-heading a:after{
        right:20px;
    }

    .obj-list-title .title-small{width: calc((100%/var(--obj-list-items__M))*0.5);}
    .obj-list-title .title-normal{width: calc((100%/var(--obj-list-items__M))*1);}
    .obj-list-title .title-large{width: calc((100%/var(--obj-list-items__M))*1.5);}

    .objGalSlider .swiper-slide img {
        height: var(--objGal-h__M);
    }

    .obj-interact{
        flex-direction: row;
        justify-content:flex-end;
        align-items : center;
    }

    .obj-interact a{
        margin-left:10px;
    }

    .wohnung-prop-filter{
        /*background-color: var( --wpf-hg-color);
        -webkit-box-shadow: var(--box-shadow-all);
        box-shadow: var(--box-shadow-all);
        padding: 40px;
        overflow:inherit;
        */
        margin-left:20px;
        margin-right:20px;
    }

    .filter-block {
        background-color:transparent;
        padding: 0 10px;
        height: 90px;
    }

    .hg-style{
        position: relative;
    }

    .hg-style:before{
        content:'';
        background-color: var(--wpf-hg-style-color);
        background-size: 100% 200%;
        background-position: 0 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -2;
        left: -10px;
        top: 0px;
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }

    .hla-drop{
        margin-bottom: -20px;
        z-index: 1;
        position: relative;
        background-color: transparent;
        padding: 0;
    }

    /* full Pic & link Overlay */
    .img-overlay-wrapper{
        margin-left: 0;
        margin-right: 0;
        position: relative;
    }

    .img-overlay-wrapper .btn.btn-custom-1{
        position: absolute;
        left: 50%;
        bottom: var(--btn-custom-1-bottom);
        transform: translate(-50%,50%);
        z-index: 1;
        width: auto;
        white-space: var(--btn-custom-1-white-space__L, normal);
        opacity: .9;
        /*        border-color: var(--primary-inv-color);*/
        border-color: var(--btn-custom-1-border-color__L);
    }

    .img-overlay-wrapper:hover .btn.btn-custom-1{
        /*        border-color: var(--primary-color);*/
        border-color: var(--btn-custom-1-border-color-hover__L);
        background-color: var(--btn-custom-1-bg-hover);
    }

    .img-overlay-wrapper:hover .btn.btn-custom-1 *{
        color: var(--primary-color);
    }

    .img-overlay-wrapper .btn.btn-custom-1 span{
        margin: 0 var(--btn-custom-1-span-px) 0 var(--btn-custom-1-span-px);
    }

}

/* LAYOUT > 980 ------------------------------ */
@media only screen and ( min-width: 980px ) {
    /* GRID */
    .grid-md-center-vertical{
        display: flex;
        align-items: center;
    }


    /* Layout */
    #wrapper:before {
        margin-top: 0;
    }

    main.templ_0{
        overflow: hidden;
        margin-top: var(--wrapper-spacer__L);
    }

    /* HEADER ------------------------------ */
    #header #metaNav{
        right:0px;
    }

    #header {
        height: var(--nav-height__L);
    }

    #header nav {
        margin-top: 45px;
    }

    #mainLogo {
        margin: var(--main-logo-m__L);
    }

    #mainLogo h1 {
        width: var(--main-logo-w__L);
        height: var(--main-logo-h__L);
    }

    /* start Header Modul  */
    #header.headroom--top nav > ul > li > a,
    #header.headroom--top nav > ul > li > span{
        color: var(--nav-font-color__top);
    }
    /* end Header Modul  */

    #header nav > ul > li > a,
    #header nav > ul > li > span {
        text-transform: uppercase;
        font-size: 1em;
        margin-bottom: 0px;
        color: var(--primary-mainnav-color);
    }

    #header nav > ul > li:last-child > a,
    #header nav > ul > li:last-child > span{
        /*padding-right:0px;*/
    }

    /* NAV */
    #header nav.nav-hg > ul > li > span,
    #header nav.nav-hg > ul > li > a{
        background-color: #ffffff;
        color: var(--primary-mainnav-color) !important;
    }

    #header nav > ul > li:hover > span,
    #header nav > ul > li:hover > a {
        color: var(--primary-color) !important;
        background-color: #ffffff;
    }

    .metaNav-li{
        padding-right:15px;
    }


    /* SWIPER HEADER */
    .swiper-header {
        height: var(--swiper-heder-h__L);
    }



    /* HERO */
    .hero .jumbotron{
        position: absolute;
        top:0;
        z-index: 1;
        width: 100%;
        background: none;
        height: var(--swiper-heder-h__L);
    }

    .hero .jumbotron{
        height: var(--swiper-heder-h__L);
    }

    .hero .jumbotron .hero-header{
        display: flex;
        align-self: center;
        justify-content: flex-start;
        text-align: left;
        margin-left:0;
    }

    .hero .jumbotron .hero-header h1,
    .hero .jumbotron .hero-header p{
        color: var(--hero-header-color);
    }

    .hero .jumbotron .hero-header .pos{
        margin-left:var(--object-logo-ml__L);
    }

    /* HERO OVERLAY */

    #hero-overlay img{
        height: var(--swiper-overlay-h__L);
        width: auto;
        max-width: none;
        margin-left: var(--swiper-overlay-left__L);

    }

    /* OBJECT IMAGE */
    #object-logo-wrapper img{
        height: var(--object-logo-h__L);
        margin: var(--object-logo-m__L);
    }

    /* CONTENT-SECTION */
    .block-content{
        padding:var(--spacer__L) 0;
    }

    /* IMG DROPDOWN */
    .img-drop-wrapper{
        margin-bottom: 0px;
    }



}

/* LAYOUT > 1200 ------------------------------ */
@media only screen and ( min-width: 1200px ) {
    /* GRID */
    .grid-lg-center-vertical{
        display: flex;
        align-items: center;
    }


    /* HERO */
    .hero .jumbotron .hero-header{
        text-align: left;
        margin-left: auto;
    }



    /* FOOTER */
    #footerWrapper .comp-adr{
        margin-bottom:0px;
    }

}

/* LAYOUT > 1400 ------------------------------ */
@media only screen and ( min-width: 1400px ) {

}