/** Variables **/
:root{
    --white: #ffffff;
    --grey: #D3CDC6;
    --petrol: #085263;
    --copper: #A05409;
    --fast-trans: 0.3s all ease-in-out;
    --slow-trans: 0.5s all ease-in-out;
}
.overflow-y{
    overflow-y: hidden;
}
.border-top-white{
    border-top: 3px solid #fff;
}
.light *{
    font-weight: 300;
}
.normal{
    font-weight: 400;
}
.medium{
    font-weight: 500;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.uppercase{
    text-transform: uppercase;
}
.color-white *,
.color-white *:hover{
    color: var(--white) !important;
}
.fs-0-8{
    font-size: 0.8em;
}
.fs-1-1{
    font-size: 1.1em;
}
.fs-1-4{
    font-size: 1.35em;
    line-height: 1.5em;
}
.fs-1-5{
    font-size: 1.5em;
    line-height: 1.3em;
}
.fs-1-66{
    font-size: 1.6666em;
    line-height: 1.3em;
}

.p-1rem{
    padding: 1rem;
}
.p-2rem{
    padding: 2rem;
}
.p-3rem{
    padding: 3rem !important;
}
.p-6rem{
    padding: 6rem !important;
}
.p-t-b-1rem{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.p-t-b-4rem{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.p-t-b-6rem{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.p-t-6rem{
    padding-top: 6rem !important;
}
.p-b-0rem{
    padding-bottom: 0rem !important;
}
.p-b-3rem{
    padding-bottom: 3rem !important;
}
.p-b-6rem{
    padding-bottom: 6rem !important;
}
.p-l-3rem{
    padding-left: 3rem !important;
}
.p-r-3rem{
    padding-right: 3rem !important;
}
.m-t-1rem{
    margin-top: 1rem !important;
}
.m-t-1-5rem{
    margin-top: 1.5rem !important;
}
.m-t-2rem{
    margin-top: 2rem !important;
}
.m-t-3rem{
    margin-top: 3rem !important;
}
.m-t-5rem{
    margin-top: 5rem !important;
}
.m-t-6rem{
    margin-top: 6rem !important;
}
.m-b-0,
.m-b-0rem{
    margin-bottom: 0rem !important;
}
.m-b-1rem{
    margin-bottom: 1rem !important;
}
.m-b-1-5rem{
    margin-bottom: 1.5rem !important;
}
.m-b-2rem{
    margin-bottom: 2rem !important;
}
.m-b-3rem{
    margin-bottom: 3rem !important;
}
.m-b-6rem{
    margin-bottom: 6rem !important;
}
.bg-petrol{
    background: var(--petrol);
}
.bg-grey{
    background: var(--grey);
}
.bg-copper-90{
    background: rgba(160, 84, 9, 0.9);
}
.bg-gradient-petrol{
    background: transparent linear-gradient(359deg, #085263 0%, #52290000 100%) 0% 0% no-repeat padding-box;
}
.bg-gradient-grey{
    background: transparent linear-gradient(91deg, #B7B7B7 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.otgs-development-site-front-end{
    display: none !important;
}

/** Header Setting **/
#page-header > .at_middle > .l-subheader-h{
    align-items: flex-start !important;
}
.header_hor .loginicon,
.header_hor .language-switch,
.header_hor .w-nav.type_desktop>.w-nav-list>.menu-item{
    margin-top: 64px;
    transition-delay: 300ms;
    transition: all 0.3s cubic-bezier(.78,.13,.15,.86);
}
.header_hor .sticky .loginicon,
.header_hor .sticky .language-switch,
.header_hor .sticky .w-nav.type_desktop>.w-nav-list>.menu-item{
    margin-top: 0;
    transition-delay: 0ms;
}
#page-header > .at_middle > .l-subheader-h:before{
    content: '';
    display: block;
    background: var(--petrol);
    position: absolute;
    opacity: 0.7;
    left: 0px;
    top: calc((100% - 50px) / 2);
    height: 50px;
    width: 100vw;
    transition: top 0.3s ease-in-out 0s, left 0.3s ease-in-out 300ms;
}
#page-header.sticky > .at_middle > .l-subheader-h:before{
    left: calc(0px - (100vw - 1380px)/2);
    top: 0;
}
#page-header .at_middle svg{
    width: 160px;
    transition: var(--fast-trans);
}
#page-header.sticky .at_middle svg{
    width: 125px;
}
.header_hor .loginicon{
    padding-top: 9px;
    font-size: 1.5rem;
}
.header_hor .language-switch{
    z-index: 2;
    padding-bottom: 5px;
}
.header_hor .language-switch ul{
    direction: rtl;
    position: relative;
}
.header_hor .language-switch ul li{
    margin: 0;
    border-left: 1px solid white;
    padding: 0 0.6rem;
}
.header_hor .language-switch ul li:last-of-type{
    border-left: none;
}
header nav li.current_page_parent > a,
header nav li.current-menu-item > a,
header nav li:hover > a,
footer a:hover{
    -webkit-text-stroke: 1px white;
}

/** Footer **/
footer .footer-section .l-section-h:before{
    content: '';
    width: 12px;
    height: calc(100% + 12rem);
    border-left: 5px solid var(--copper);
    border-right: 2px solid var(--copper);
    background: var(--petrol);
    opacity: 0.9;
    position: absolute;
    top: -6rem;
    left: -6rem;
}

.footer-tab-menu .w-tabs-section .w-tabs-section-header{
    position: relative;
    padding-top: 0px;
    /*     margin-bottom: 1rem; */
    text-transform: uppercase;
    background: none !important;
}
.footer-tab-menu .w-tabs-section .w-tabs-section-title{
    font-size: 1.2rem !important;
}
.footer-tab-menu .w-tabs-section li.menu-item{
    margin-bottom: 0.5rem;
}

/** Buttons **/
.w-btn:hover .w-btn-label{
    font-weight: bold;
}

/** Icon Sidebar **/
#sidebar-contact{
    position: fixed;
    z-index: 10;
    top: 200px;
    right: -1rem;
}
#sidebar-contact .w-iconbox .w-iconbox-icon{
    background-color: var(--copper);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    color: var(--white);
    border: 1px solid var(--white);
    margin-bottom: 1rem;
    font-size: 1.2rem !important;
}
#sidebar-contact .w-iconbox .w-iconbox-icon:hover{
    background-color: var(--petrol);
}
.w-toplink:not(.w-btn){
    width: 45px;
    height: 45px;
    border: 1px solid var(--white);
    background-color: var(--petrol);
    border-radius: 50%;

}
.w-toplink span:not(.ripple-container):after {
    content: '\f357';
    line-height: 45px;
    font-weight: 600;
    font-size: 1.2rem !important;
}
/** Hero Section **/
section.hero-section .vc_column_container.bg-gradient-petrol{
    padding-bottom: 1rem !important;
    padding-top: 4rem !important;
}

/** Breadcrumbs **/
ol.g-breadcrumbs{
    font-size: 0.8em;
}

/** News Grid **/
.btn-read-more{
    margin-top: 2rem;
    padding-top: 2rem;
    padding-right: 0px;
    border-top: 1px solid var(--white) !important;
    font-size: 0.8em;
    width: 100%;
    text-align: right;
}

/** Hover Boxes **/
.hoverbox-info{
    position: relative;
}
.hoverbox-big{
    width: fit-content;
    margin-left: auto;
}
.hoverbox-info.hover-blue *{
    z-index: 2;
}
.hoverbox-info.hoverbox-brown:before,
.hoverbox-info.hover-blue:before{
    content: '';
    width: 100%;
    height: 100%;
    background: var(--petrol);
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
    transition: var(--fast-trans);
}
.hoverbox-info.hoverbox-brown:before,
.hoverbox-info.hover-blue:hover:before{
    background: var(--copper);
}
.hoverbox.hover-brown .vc_column-overlay{
    opacity: 0;
    transition: var(--fast-trans);
}
.hoverbox.hover-brown:hover .vc_column-overlay{
    opacity: 1;
}

/** Teaser Icons **/
.teaser-icon .w-image{
    margin-bottom: 1rem !important;
}
.teaser-icon svg{
    max-height: 100px;
    height: 100px;
}
.teaser-icon.hover-copper:hover svg path{
    fill: var(--copper);
}

/** Immo Detailseite **/
section.immo-hero-image{
    height: 28vw;
}
.immo-detail-breadcrumbs .far{
    margin: 0 0.6em;
}
.immo-children th{
    border: none;
    padding: 0 0 1rem;
    font-weight: 500;
}
.immo-children td{
    border: none;
    padding: 0.2rem 0;
}
.inx-detail-list li{
    display: flex;
    width: 100%;
}
.immo-detail-image-col > .vc_column-inner{
    height: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.immo-detail-image-col > .vc_column-inner *{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/** Immobilien Bildergalerie **/
.immo-detail-galery{
    column-count: 3;
    column-gap: 1rem;
}
.immo-detail-galery .immo-detail-img-container{
    margin-bottom: calc(1rem - 8px);
}
.immo-detail-galery .immo-detail-img-container img{
    width: 100%;
}
.immo-detail-floors .uk-slider-items:not(.uk-grid){
    justify-content: center;
}
.immo-detail-floors .inx-thumbnail-nav__item:last-child{
    padding-right: 0;
}
.immo-detail-floors .inx-gallery__slidenav{
    font-size: 3rem;
}
.immo-detail-floors .inx-gallery__images{
    min-height: 50vh !important;
}
.immo-detail-floors .inx-gallery__image img{
    max-height: 50vh;
}

.immo-detail-areas ul li{
    width: 100% !important;
    display: flex;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
    justify-content: center;
    gap: .5rem;
}


.immo-detail-areas ul{
    margin-left: 0;
}

.immo-detail-areas h2{
    text-align: center;
}
.immo-detail-areas .room-fix .inx-detail-list{
    justify-content: center;
    margin: 0 auto;
    width: min-content;
}

.g-cols .wpb_column:first-child .immo-detail-areas ul li {
    justify-content: flex-start;
    margin-left: 0;
}

.immo-detail-areas .inx-detail-list li > span.inx-detail-list__title,
.immo-detail-areas .room-fix .inx-detail-list__title {
    width: 170px !important;
    margin-right: 50px;
}
.immo-detail-areas .inx-detail-list li > span.inx-detail-list__value,
.immo-detail-areas .room-fix .inx-detail-list__value {
    width: fit-content;
    min-width: 100px;
}


/** Contact Form **/
.wpcf7{
    z-index: 2;
}
.form-row{
    display: flex;
    column-gap: 2rem;
    row-gap: 0.5rem;
}
.wpcf7-list-item-label{
    color: var(--white);
}

.inx-single-property__section-title {
    display: none;
}

.immo-signature-image img{
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

/** Immobilien-Formular **/
.form-row.immo-form{
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 70%;
    margin: 0 auto;
    position: relative;
}
.form-row.immo-form br{
    display: none;
}
.form-row.immo-form > span,
.form-row.immo-form > p{
    width: calc(50% - 1rem);
    margin-bottom: 0;
}
.form-row.immo-form span[data-name="immo-nachricht"]{
    width: 100%;
}
.form-row.immo-form span>input,
.form-row.immo-form span>select,
.form-row.immo-form span>textarea{
    border: 1px solid #CFCDCD;
    border-radius: 11px;
}

.form-row.immo-form span>select option {
    color: black;
}

.form-row.immo-form span>select:invalid,
.form-row.immo-form span>select option[value=""],
.form-row.immo-form span>select option:not([value]) {
    color: grey;
}

.message-submit-container{
    width: 100%;
    position: relative;
}
.message-submit-container .submit-container{
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
}
.message-submit-container .submit-container input[type="submit"]{
    background: none !important;
    color: var(--copper) !important;
    padding-left: 10px !important;
    font-weight: 300 !important;
}
.message-submit-container .submit-container input[type="submit"]:hover{
    background: none !important;
    color: var(--copper) !important;
    padding-left: 10px !important;
    font-weight: bold !important;
}
.message-submit-container .submit-container:before{
    font-family: "fontawesome";
    font-weight: 300;
    color: var(--copper) !important;
    content: "\f067";
}
.wpcf7-spinner{
    display: none;
}

/** Image Hover Box **/
.image-hover-box{
    position: absolute !important;
    top: 0;
    left: 0;
    height: 100% !important;
}
.image-hover-box .w-ibanner-h{
    background: var(--grey)
}
.image-hover-box .w-ibanner-title{
    font-weight: bold;
    color: #000000 !important;
}

/** Login pages **/
.tml-action .l-main {
    padding-block: 20vh;
}

.tml {
    width: 100%;
    max-width: 20rem;
    padding: 1rem;
    margin-inline: auto;
}

section.l-section{
    overflow: hidden;
}

/**
 * Cleverreach at Footer
 */
@media (min-width: 1680px) {
    #footer-middle > .l-section-h {
        max-width: calc(var(--site-content-width) + 100px);
        transform: translateX(50px);
    }
}

#footer-middle > .l-section-h > .g-cols {
    --custom-columns: 1fr 1fr !important;
}

@media (min-width: 1280px) {
    #footer-middle > .l-section-h > .g-cols {
        --custom-columns: 1fr 1fr 1fr 2fr !important;
    }
}

.l-footer .cr_body {
    --inputs-height: 2.8em;
    background-color: transparent;
    color: inherit;
    margin-block: 2%;
}

.l-footer .cr_body .editable_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
    row-gap: .5rem;
}

.l-footer .cr_body [rel=recaptcha],
.l-footer .cr_body [rel=button],
.l-footer .cr_body [rel=mce_text] {
    grid-column: span 2;
}

.l-footer .cr_body option {
    background-color: transparent;
    color: var(--petrol);
}

.l-footer .cr_button,
.l-footer .cr_button[type=submit] {
    background-color: var(--white);
    color: var(--petrol) !important;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    padding: .75em 1.25em;
    border-radius: .75em;
}

.l-footer .cr_button:hover,
.no-touch .l-footer .cr_button:hover,
.l-footer .cr_button:focus-visible,
.no-touch .l-footer .cr_button:focus-visible,
.l-footer .cr_button[type=submit]:hover,
.no-touch .l-footer .cr_button[type=submit]:hover,
.l-footer .cr_button[type=submit]:focus-visible,
.no-touch .l-footer .cr_button[type=submit]:focus-visible {
    background-color: var(--copper);
    color: var(--white) !important;
    opacity: 1;
    filter: none;
}

.l-footer .cr_body [rel=mce_text] {
    margin-top: 5%;
}

.l-footer .cr_button[type=submit] {
    display: flex;
    justify-content: space-between;
}

.l-footer .cr_button[type=submit]::after {
    display: block;
    content: "\f105";
    font-family: "fontawesome";
    font-weight: 400;
    font-size: 1.33em;
    line-height: 1;
}

.l-footer .cr_body input:not([type=submit]),
.l-footer .cr_body textarea,
.l-footer .cr_body select {
    background-color: var(--white);
    color: var(--petrol);
}

.l-footer .cr_form.cr_form .cr_ipe_item,
.l-footer .cr_body button[type=submit]:not(.w-btn) {
    font-size: .75rem;
}

.l-footer .cr_form.cr_form .cr_ipe_item label {
    margin-bottom: .125em;
}

.l-footer .cr_body label,
.l-footer .cr_body .label {
    margin-top: 0;
}


@media(min-width: 1024px) and (max-width: 1280px){
    body > .l-canvas{
        overflow-x: hidden;
    }
    #page-header>.at_middle>.l-subheader-h:before {
        top: 65px;
    }
    .header_hor .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn) {
        padding-left: 10px;
        padding-right: 10px;
    }
    .hero-section .wpb_column.bg-gradient-petrol{
        width: 100% !important;
    }
}
@media(min-width: 1024px){
    .footer-tab-menu .w-tabs-section .w-tabs-section-header{
        pointer-events: none;
    }
    .footer-tab-menu .w-tabs-section .w-tabs-section-header .w-tabs-section-control{
        display: none;
    }

}
@media(min-width: 899px) and (max-width: 1024px){
    .tab-50-50 > .vc_column-inner{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .tab-50-50 > .vc_column-inner .hoverbox-info{
        margin-bottom: 0 !important;
    }
}

@media(min-width: 900px){
    /** Blue Section with Image Slider **/
    .slider-column-right{
        position: absolute !important;
        left: calc(50% - 15px) !important;
        top: 0 !important;
        width: calc(50vw + 30px) !important;
    }
    .slider-column-left{
        position: absolute !important;
        left: -15px !important;
        top: 0 !important;
        width: calc(50vw + 30px) !important;
    }
    .slider-column-left ~ .wpb_column{
        direction: ltr;
    }
    .slider-column-right,
    .slider-column-left,
    .slider-column-right > .vc_column-inner,
    .slider-column-left > .vc_column-inner,
    .slider-column-right > .vc_column-inner .royalSlider,
    .slider-column-left > .vc_column-inner .royalSlider,
    .slider-column-right > .vc_column-inner .rsOverflow,
    .slider-column-left > .vc_column-inner .rsOverflow{
        height: 100% !important;
    }
    .slider-column-right img.rsImg,
    .slider-column-left img.rsImg{
        height: 100% !important;
        object-fit: cover;
        margin-top: 0 !important;
    }
    .slider-left-row > .l-section-h > .g-cols{
        direction: rtl;
    }
}

@media(min-width: 699px) and (max-width: 1024px){
    .hero-section .bg-gradient-petrol{
        width: 70% !important;
        margin: 0 auto;
    }
}

@media(max-width: 1024px){
    .fs-1-66{
        font-size: 1.1em;
        line-height: 1.3em;
    }
    #page-header>.at_middle>.l-subheader-h:before,
    #page-header.sticky>.at_middle>.l-subheader-h:before{
        width: 100vw;
        top: 0;
        left: -2.5rem;
    }
    .l-subheader-cell.at_left {
        z-index: 2;
    }
    #page-header .at_middle svg,
    #page-header.sticky .at_middle svg{
        width: 60px;
    }
    .header_hor .loginicon, .header_hor .w-nav.type_desktop>.w-nav-list>.menu-item{
        margin-top: 0px;
    }
    #footer-middle .g-cols > .wpb_column:after {
        content: '';
        width: 100vw;
        height: 2px;
        background: var(--white);
        position: absolute;
        bottom: 0px;
        left: -1.5rem;
    }
    #footer-middle .w-tabs-section-content-h{
        padding-bottom: 2rem;
    }
    #sidebar-contact{
        top: calc(100vh - 90px);
        width: 100%;
        left: 0;
        bottom: 0;
        top: unset;
        right: unset;
        padding-top: 1rem;
        background: linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%);
        transform: translate3d(0,5rem,0);
        transition: transform 0.3s;
    }
    #sidebar-contact.active{
        transform: translate3d(0,0,0)!important
    }
    #sidebar-contact .vc_column-inner{
        display: flex;
        flex-direction: row;
        width: calc(50% + 22.5px);
        justify-content: flex-end;
        gap: 1.5rem;
        padding-right: 0px;
    }
    .w-toplink:not(.w-btn){
        left: calc(50% + 12.5px + 1.5rem);
        margin-bottom: 1rem !important;
    }
    section.hero-section{
        min-height: 45vh !important;
    }
    .wpb_row.teaser-row-1-2{
        grid-template-columns: 1fr;
    }
    .wpb_row.teaser-row-1-2 .tab-50-50 > .vc_column-inner{
        display: flex;
        flex-direction: row;
        gap: 1rem;
    }
    .wpb_row.teaser-row-1-2 .tab-50-50 > .vc_column-inner .w-vwrapper{
        width: 50%;
        margin-bottom: 1rem;
    }
}

@media(max-width: 899px){
    h1{
        font-size: 28px;
    }
    h2{
        font-size: 25px;
    }
    #page-header>.at_middle>.l-subheader-h:before,
    #page-header.sticky>.at_middle>.l-subheader-h:before{
        width: 100vw;
        transition: opacity 0.3s ease-in-out;
        top: 0;
        left: -1rem;
    }
    #page-header>.at_middle>.l-subheader-h.open:before{
        opacity: 1;
    }
    #page-header ul.w-nav-list{
        background: var(--petrol) !important;
        text-align: center;
        top: 50px;
    }
    #page-header .w-nav-icon>div{
        width: 19px;
    }
    #page-header .w-nav-icon>div:before{
        width: 22px;
    }
    #page-header .w-nav-icon>div:after{
        width: 16px;
    }
    #page-header .w-nav-control.active .w-nav-icon>div,
    #page-header .w-nav-control.active .w-nav-icon>div:before,
    #page-header .w-nav-control.active .w-nav-icon>div:after{
        width: inherit;
    }
    .header_hor .loginicon,
    .header_hor .language-switch,
    .header_hor .w-nav.type_desktop>.w-nav-list>.menu-item{
        margin-top: 0;
        transition-delay: 0ms;
    }
    .header_hor .language-switch {
        padding-bottom: 0px;
    }
    .p-r-3rem{
        padding-right: 0rem!important;
    }
    .p-l-3rem{
        padding-left: 0rem!important;
    }
    .p-m-1rem{
        padding: 2rem !important;
    }
    .hero-section .fs-1-5{
        font-size: 1.2rem;
    }
    a.w-btn{
        font-size: 16px !important;
    }
    .hoverbox-info{
        padding: 3rem 1.5rem !important;
    }
    .hoverbox-big{
        min-height: 40vh;
        padding: 3rem 0rem !important;
        margin-left: 0;
    }
    .wpb_row.teaser-row-1-2 .tab-50-50 > .vc_column-inner{
        flex-direction: column;
        padding-left: 0;
        padding-right: 0;
    }
    .wpb_row.teaser-row-1-2 .tab-50-50 > .vc_column-inner .w-vwrapper{
        width: 100%;
        margin-bottom: 0rem !important;
    }
    .teaser-icon{
        margin-bottom: 2rem;
    }
    .teaser-icon .w-image{
        margin-bottom: 1rem;
    }
    .teaser-icon svg {
        max-height: 70px;
    }
    .teaser-row-copper{
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .immo-detail-galery {
        column-count: 2;
    }
    .form-row.immo-form{
        max-width: 100%;
    }
    .form-row.immo-form span {
        width: 100%;
    }
    .job-link{
        text-align: center;
        width: 100%;
    }
    .slider-column-right,
    .slider-column-right{
        height: 100%;
    }
}

@media(max-width: 768px){
    h2{
        font-size: 22px;
    }
    .p-t-6rem {
        padding-top: 4rem!important;
    }
    .p-b-6rem {
        padding-bottom: 4rem!important;
    }
    .teaser-row-copper {
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }
    .w-grid .post_image{
        margin-bottom: 1rem;
    }
    .w-grid .fs-0-8,
    .owl-carousel .fs-0-8{
        font-size: 1rem;
    }
    .hero-section .fs-1-5{
        font-size: 1rem;
    }
}


/**
 * Masonry gallery
 */
.wbn-img-masonry .vc_column-inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}


.wbn-img-masonry-img-lg {
    grid-column: span 2;
    grid-row: span 2;
}

.wbn-img-masonry-img-right {
    grid-column-end: 4;
    grid-column-start: 2;
}

@media (max-width: 768px) {
    .wbn-img-masonry .vc_column-inner {
        grid-template-columns: 1fr;
    }

    .wbn-img-masonry-img-lg {
        grid-column: auto;
        grid-row: auto;
    }
}


.wbn-img-masonry img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.wbn-img-masonry a,
.wbn-img-masonry .w-image {
    display: flex;
    width: 100%;
    height: 100%;
}

/**
 * CleverReach forms
 * @author WEBneo GmbH
 */
.cr_form.cr_form .mce_text {
    text-align: center;
}

.cr_form.cr_form .badge {
    display: none;
}

.cr_form.cr_form .cr_button {
    height: auto;
}

.cr_form.cr_form,
.cr_form.cr_form .submit_container {
    text-align: left !important;
    margin: 0;
}

.cr_form.cr_form .cr_ipe_item input,
.cr_form.cr_form .cr_ipe_item select,
.cr_form.cr_form .cr_ipe_item textarea {
    border: 1px solid var(--white-slate, #CFCDCD);
    border-radius: 11px;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
}

.cr_form.cr_form .cr_ipe_item label {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: .25em;
}

.cr_form.cr_form .cr_ipe_item {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.cr_form.cr_form .cr_header_text,
.cr_form.cr_form .cr_ipe_item.ui-sortable {
    margin-bottom: .4rem;
}

.cr_form.cr_form .cr_ipe_item[rel='recaptcha'] {
    margin-top: .4rem;
}

/**
 * Project details
 */
.immo-children {
    /* make responsive table with horizontal scroll */
    overflow-x: auto;
    scrollbar-color: var(--white-slate) transparent;
}

@media (max-width: 1200px) {
    .immo-children {
        background-image: linear-gradient(to right, transparent, transparent),
        linear-gradient(to right, transparent, transparent),
        linear-gradient(to right, rgba(207, 205, 205, 0.45), rgba(255, 255, 255, 0)),
        linear-gradient(to left, rgba(207, 205, 205, 0.45), rgba(255, 255, 255, 0));
        background-position: left center, right center, left center, right center;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
        background-attachment: local, local, scroll, scroll;
    }
}

.immo-children::-webkit-scrollbar {
    background: var(--petrol, #085263);
    height: 10px;
}

.immo-children::-webkit-scrollbar-thumb {
    background: var(--white-slate, #CFCDCD);
    border-radius: 10px;
}

.immo-children th,
.immo-children td {
    padding-right: 1em !important;
}

.immo-children table {
    border-collapse: collapse;
    width: 100%;
}

.immo-children table,
.immo-children table a {
    word-break: keep-all;
    white-space: nowrap;
}

/*
 * Contact banner
 */
.contact-banner {
    padding-block: 1rem;
    color: white;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.1em;
    background-color: var(--copper, #A05409);
}

.contact-banner a {
    color: white;
    font-weight: 600;
}

.contact-banner .vc_column-inner > *:not(:last-child) {
    margin-bottom: .25em;
}

@media (min-width: 768px) {
    .contact-banner {
        line-height: 1.2em;
    }
}

.tml-action .l-main.l-main {
    padding-block-end: 0;
}

.tml.tml-login {
    padding-bottom: 20vh;
}