/* =================================== */
/* ============ ALLGEMEIN ============ */
/* =================================== */

.background-cover {
    background-size: cover;
}

.background-contain {
    background-size: contain;
}

.background-inherit{
    background-size: inherit;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

.background-center-center {
    background-position: center center;
}

.background-bottom-center {
    background-position: bottom center;
}

.background-center-top {
    background-position: center top;
}

.background-right-top {
    background-position: right top;
}

.background-center-right{
    background-position: center right;
}

.background-center-left{
    background-position: center left;
}

.object-position-left{
    object-position: left;
}

.object-position-center{
    object-position: center;
}

.max-width {
    max-width: 1440px;
}

.max-width-lg {
    max-width: 1920px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.image-hover .image-scale{
    transition: all 0.3s;
}

.image-hover:hover .image-scale{
    transform: scale(1.1);
}

.hyphens{
    hyphens: auto;
}

.invert-filter{
    filter: invert(1);
}

.no-margin p:last-of-type,
.no-margin h1:last-of-type,
.no-margin h2:last-of-type,
.no-margin h3:last-of-type,
.no-margin h4:last-of-type,
.no-margin h5:last-of-type,
.no-margin h6:last-of-type,
.no-margin a:last-of-type {
    margin-bottom: 0 !important;
}

.min-vh-50{
    min-height: 50vh;
}

.min-vh-80{
    min-height: 80vh;
}

.anchor-sm{
    scroll-margin-top: 6rem;
}

.section-scroll{
    border-left: 1px solid var(--color-white);
}

.ellipsis p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

::selection {
    color: #fff;
    background-color: var(--color-arsenic);
}

.transition-time{
    transition: all 0.3s;
}

.datenschutzerklaerung a{
    text-decoration: none !important;
    color: var(--color-white) !important;
}

.hero-overlay{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.2) 100%);
}

/* Header */

.hamburger-menu{
    background-image: url("data:image/svg+xml,%3Csvg width='45' height='14' viewBox='0 0 45 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='13' x2='44' y2='13' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='1' y1='1' x2='44' y2='1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    width: 45px;
    height: 12px;
}

.close-menu{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1012.49 1012.49'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M9.14,9.14c12.23-12.19,32.02-12.19,44.2,0l452.9,452.9L959.14,9.14c12.19-12.19,31.97-12.19,44.2,0,12.19,12.23,12.19,32.02,0,44.2l-452.9,452.9,452.9,452.9c12.19,12.19,12.19,31.97,0,44.2-12.23,12.19-32.02,12.19-44.2,0l-452.9-452.9L53.34,1003.35c-12.19,12.19-31.97,12.19-44.2,0-12.19-12.23-12.19-32.02,0-44.2l452.9-452.9L9.14,53.34c-12.19-12.19-12.19-31.97,0-44.2h0Z'/%3E%3C/g%3E%3C/svg%3E");
    width: 45px;
    height: 15px;
}

.header-logo{
    max-width: 155px;
}

header.active{
    background-color: var(--color-cool-grey);
}

header.active .header-logo{
    max-width: 75px;
}

.header-container{
    padding: 3rem 0px !important;
}

header.active .header-container{
    padding: 1rem 0px !important;
}

.header-flex-container{

}

.offcanvas.offcanvas-top{
    left: auto !important;
    right: calc((100vw - 1440px) / 2) !important;
    bottom: auto !important;
    height: auto !important;
    width: 500px !important; 
}

.navigation-tab-container{
    border-bottom: 1px solid #899BAE !important;
}

.nav-tab-menu,
.nav-tab-menu span{
    transition: all 0.3s;
}

.nav-tab-menu:hover{
    padding-left: 1rem;
}

.nav-tab-menu:hover span{
    color: var(--color-ucla);
}


/* Hero */

.arrow-down{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='37' height='37' viewBox='0 0 37 37'%3E%3Cimage id='noun-direction-2135468-FFFFFF' width='37' height='37' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAB8ElEQVR4nO3aS0rlQBhA4WxBUHEZKqirsFfqwE10T1rQq6JbkMbXDk4PTGEZkvuspJLU+eDOkqqfHJI7qaqSJEmSJEmSJEmSJEmSJCUF/AIegWvgMPc8pQEOgCtgAVxWwD++PRhlOHWM++j5v1TAEz8ZZQB1jEXj2T9WwAnwZpThdMR4B07CBcfAa+OCZ+Ao8+yz0/KZAvgAzpoXGqVna8eIbjBKTzaOEd1olMQ6/jNWx4gWMEoiO8eIFjLKjpLFiBY0ypaSx4gWNsqGeosRbWCUNfUeI9rIKCsAe8BN7zGiDY3SYfAY0cZGacgWIxrAKLXsMaJBio8ymhjRQG1RnkqIsiTGee7Biosy2hhBSVFGHyMoIcpkYgRzjjK5GMEco0w2RsDXwYlZRJl8jGAOUWYTI5hylNnFCKYYpSPG5+RjBB1RFsB+7tmaZh8jmEKUYmIEY45SXIyA9rPEWaMUGyMYU5TiYwRjiGKMhpxRjNEhRxRjrDBkFGOsaYgoxthQR5S7FFGMsaU+ohhjRymjGCORFFGMkdguUeoYf42R2DZRjNGzTaIYYyDrRDHGwJZFMUYmwBlfhw1it/Uvlu8UemmA05Y3pflmXOSesyhLohgjl5YoxsitjvIb+AOc5p5HkiRJkiRJkiRJkiRJkjQu/wG8+O7JCQhsTwAAAABJRU5ErkJggg=='/%3E%3C/svg%3E%0A");
    height: 37px;
    width: 37px;
}

.homepage-sticker{
    top: 12rem;
    right: 3rem;
}

.sticker{
    max-width: 220px;
}

/* Intro */

/* Give each slide a transition */
#introSlider .splide__slide img {
    height: auto;
    transition: transform 0.3s ease;
    transform-origin: center center; /* or left/center if you prefer */
}

#introSlider .splide__slide.is-active img {
    height: 100%;
    transform: scale(1.1);
    z-index: 2; /* ensures it stays on top if it overlaps */
    transition: all 0.3s;
}

#introSlider .splide__list:hover .splide__slide.is-active img{
    transform: scale(1);
}
  
/* Scale down non-active slides */
#introSlider .splide__slide:not(.is-active) img {
    transform: scale(0.4);
}

.arrow-slider-intro{
    background-image: url("data:image/svg+xml,%3Csvg width='235' height='235' viewBox='0 0 235 235' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.5 0.50001C182.117 0.500007 234.5 52.8827 234.5 117.5C234.5 182.117 182.117 234.5 117.5 234.5C52.8827 234.5 0.499998 182.117 0.499995 117.5C0.499992 52.8827 52.8827 0.500013 117.5 0.50001Z' stroke='white'/%3E%3Cpath d='M140.478 118.207C140.869 117.817 140.869 117.183 140.478 116.793L134.114 110.429C133.724 110.038 133.091 110.038 132.7 110.429C132.31 110.819 132.31 111.453 132.7 111.843L138.357 117.5L132.7 123.157C132.31 123.547 132.31 124.181 132.7 124.571C133.091 124.962 133.724 124.962 134.114 124.571L140.478 118.207ZM95.9966 118.5L139.771 118.5L139.771 116.5L95.9966 116.5L95.9966 118.5Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 200px !important;
    height: 200px !important;
    transform: translate(-28%, -50%) !important;
}

.arrow-slider-highlights{
    background-image: url("data:image/svg+xml,%3Csvg width='235' height='235' viewBox='0 0 235 235' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.5 0.50001C182.117 0.500007 234.5 52.8827 234.5 117.5C234.5 182.117 182.117 234.5 117.5 234.5C52.8827 234.5 0.499998 182.117 0.499995 117.5C0.499992 52.8827 52.8827 0.500013 117.5 0.50001Z' fill='white' stroke='white'/%3E%3Cpath d='M140.478 118.207C140.869 117.817 140.869 117.183 140.478 116.793L134.114 110.429C133.724 110.038 133.091 110.038 132.7 110.429C132.31 110.819 132.31 111.453 132.7 111.843L138.357 117.5L132.7 123.157C132.31 123.547 132.31 124.181 132.7 124.571C133.091 124.962 133.724 124.962 134.114 124.571L140.478 118.207ZM95.9966 118.5L139.771 118.5L139.771 116.5L95.9966 116.5L95.9966 118.5Z' fill='%23899BAE'/%3E%3C/svg%3E%0A");
    width: 60px !important;
    height: 60px !important;
    transform: translate(-20%, 15%) !important;
}


/* Intro */

#introSlider .splide__slide .intro-title{
    display: none;
    opacity: 0%;
}

#introSlider .splide__slide.is-active .intro-title{
    display: block;
    opacity: 100%;
    transition: all 0.3s;
}

.intro-slider-arrow{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 453.43 287.17'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M453.43,143.58c0-3.5-2.12-8.14-4.26-10.4L328.25,4.72c-5.64-5.84-14.79-6.51-21.37-.59-5.88,5.3-6.03,15.62-.59,21.38l97.06,102.97H15.11c-8.35,0-15.11,6.77-15.11,15.11s6.77,15.11,15.11,15.11h388.24l-97.06,102.97c-5.44,5.75-5.05,15.82.59,21.37,5.96,5.86,15.81,5.34,21.37-.59l120.91-128.47c3.55-3.48,4.2-6.84,4.26-10.39h0Z'/%3E%3C/g%3E%3C/svg%3E");
    width: 15px;
    height: 5px;
}

/* Modal */
.modal-close{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.96 59.89'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %23899bae; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2-2' data-name='Layer 2'%3E%3Crect class='cls-2' width='59.96' height='59.89'/%3E%3C/g%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Crect class='cls-1' x='28.7' y='5.62' width='2.59' height='48.76' transform='translate(-12.43 30) rotate(-45)'/%3E%3Crect class='cls-1' x='5.62' y='28.7' width='48.76' height='2.59' transform='translate(-12.43 30) rotate(-45)'/%3E%3C/g%3E%3C/svg%3E");
    height: 50px;
    width: 50px;
    top: 3rem;
    /*right: 3rem;*/
    left: 50%;
    transform: translateX(-50%);
}

/* Highlights */

#highlightsSliders{
    min-height: 60vh;
}

.highlights-slider-container .is-active.is-visible .highlights-image{
    height: 50vh !important;
    transition: 0.3s;
}

.highlights-slider-container .splide__slide .highlights-index-number{
    display: none;
}

.highlights-slider-container .splide__slide.is-active .highlights-index-number{
    display: block;
}

.highlights-slider-container{
    padding-left: calc((100vw - 1440px - 1rem)/2) !important;
}

/* Wohnlage */

.grundrisse-table.bought{
    opacity: 50% !important;
}

#iso_top{
    top: 5rem;
}

.slider-overlay{
    opacity: 10% !important;
}

.arrow-slider-wohnlage{
    background-image: url("data:image/svg+xml,%3Csvg width='235' height='235' viewBox='0 0 235 235' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M117.5 0.50001C182.117 0.500007 234.5 52.8827 234.5 117.5C234.5 182.117 182.117 234.5 117.5 234.5C52.8827 234.5 0.499998 182.117 0.499995 117.5C0.499992 52.8827 52.8827 0.500013 117.5 0.50001Z' stroke='white'/%3E%3Cpath d='M140.478 118.207C140.869 117.817 140.869 117.183 140.478 116.793L134.114 110.429C133.724 110.038 133.091 110.038 132.7 110.429C132.31 110.819 132.31 111.453 132.7 111.843L138.357 117.5L132.7 123.157C132.31 123.547 132.31 124.181 132.7 124.571C133.091 124.962 133.724 124.962 134.114 124.571L140.478 118.207ZM95.9966 118.5L139.771 118.5L139.771 116.5L95.9966 116.5L95.9966 118.5Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 200px !important;
    height: 200px !important;
}

.arrow-down-lage{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 311.36 182.89'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath d='M0,20.41L21.92,0l133.76,139.05L289.44,0l21.92,20.41-155.68,162.48L0,20.41Z'/%3E%3C/g%3E%3C/svg%3E");
    width: 15px;
    height: 8px;
}

.lage-accordion,
.arrow-down-lage{
    transition: all 0.3s;
}

.lage-accordion.collapsed .arrow-down-lage{
    transform: rotate(0deg);
}

.lage-accordion .arrow-down-lage{
    transform: rotate(180deg);
}

/* Downloads */

.icon-downloads{
    width: 100%;
    max-width: 35px;
    height: 35px;
}

.downloads-element{
    display:inline-block;
    background-size: 200% 200%;
    transition: background-position 1s;
    background-image: linear-gradient(to right, #3e6091 50%, #5d7597 0);
    background-position: right;
}

.downloads-element:hover {
    background-position: left;
}

/* Ansprechpartner */

.ansprechperson-border{
    border-bottom: 1px solid var(--color-ucla);
}

.ansprechpartner-button-border{
    border-bottom: 1px solid #C3D1DE;
}

.vermakrtung-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}

.vermakrtung-text a{
    text-decoration: none;
    color: var(--color-ucla);
    font-size: 1rem !important;
    line-height: 1.5 !important;
}

.anfrage-arrow{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 453.43 287.17'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2350688B; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M453.43,143.58c0-3.5-2.12-8.14-4.26-10.4L328.25,4.72c-5.64-5.84-14.79-6.51-21.37-.59-5.88,5.3-6.03,15.62-.59,21.38l97.06,102.97H15.11c-8.35,0-15.11,6.77-15.11,15.11s6.77,15.11,15.11,15.11h388.24l-97.06,102.97c-5.44,5.75-5.05,15.82.59,21.37,5.96,5.86,15.81,5.34,21.37-.59l120.91-128.47c3.55-3.48,4.2-6.84,4.26-10.39h0Z'/%3E%3C/g%3E%3C/svg%3E");
    height: 10px;
    transition: all 0.3s;
}

.ansprechpartner-button-border:hover .anfrage-arrow{  
    padding-right: 15px;
    margin-right: 10px;
}

.parter-logo{
    max-height: 70px;
}

/* Lage */

.circle-event{
    z-index: 1;
    position: relative;

    transition: all 0.3s;
}

.circle-event:hover{

}

.circle-info{
    display: none
}

g .circle-event:hover + .circle-info{
    display: block;
    z-index: 999;
}

.lage-slider.active{
    color: var(--color-ucla);
    border-bottom: 1px solid #C3D1DE;
}

.lage-table-row{
    border-top: 1px solid #C3D1DE;
}

/* Form */

.fui-label{
    font-family: 'Literata Light' !important;
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
    color: var(--color-ucla) !important;
    margin-bottom: 0px !important;
}

.fui-input,
.fui-select{
    border: 0px !important;
    border-radius: 0px !important;
    background-color: transparent !important;
    padding-left: 0px !important;
    padding-right: 0px !important; 
    border-bottom: 1px solid #C3D1DE !important;
    font-family: 'Encode Sans';
    font-size: 1rem !important;
}

.fui-select option {
    background-color: #dde2e9;
    color: #000;
    padding: 0.5rem 0.5rem !important;
    font-family: 'Encode Sans';
    font-size: 1rem !important;
  }

.fui-input::placeholder{
    font-family: 'Encode Sans';
    font-size: 1rem !important;
    line-height: 1.4 !important;
    color: var(--color-arsenic) !important;
}

textarea{
    min-height: 200px !important;
}

.fui-submit{
    font-family: 'Literata Light' !important;
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
    color: var(--color-ucla) !important;
    margin-bottom: 0px !important;
    border: 0px !important;
    border-bottom: 1px solid #C3D1DE !important;
    background-color: transparent !important;
    border-radius: 0px !important;
    box-shadow: 0px !important;
    outline: none !important;
    padding: 0px 0px 0.5rem 0px !important;
    margin-top: 1rem !important;
    text-transform: uppercase !important;
}

.form-checkbox .fui-layout-wrap .fui-checkbox{
    width: 50% !important;
    margin: 0px !important;
    font-family: 'Encode Sans';
    font-size: 1rem !important;
    line-height: 1.4 !important;
    color: var(--color-arsenic) !important;
    padding-bottom: 0.5rem !important;
}

.fui-checkbox label:before{
    background-color: transparent !important;
    height: 30px !important;
    width: 30px !important;
}

.fui-checkbox-label{
    height: 30px !important;
    padding-left: 3rem !important;
    padding-top: 0.5rem !important;
}

/* Galerie */

.galerie-border-ucla{
    border-color: var(--color-ucla);
}

.galerie-content-padding{
    padding-left: calc((100vw - 1344px - 1rem) / 2) !important;
}

.galerie-content{
    min-height: auto !important;
}

@media only screen and (max-width: 1500px) and (min-width: 1400px)  {

}

@media (max-width: 1600px) {

    .highlights-slider-container {
        padding-left: 3rem !important;
    }
}

@media (max-width: 1440px) {

    .galerie-content-padding{
        padding-left: 3rem !important;
    }
    
    .offcanvas.offcanvas-top{
        left: auto !important;
        right: 0 !important;
        bottom: auto !important;
        height: auto !important;
        width: 500px !important; 
    }

}

@media (max-width: 1200px) {

    .intro-slider-image-container{
        height: auto !important;
    }

    .intro-slider-image{
        height: 600px !important;
    }

    .arrow-slider-intro, .arrow-slider-wohnlage{
        transform: none !important;
        bottom: 25px !important;
        right: 25px !important;
        top: auto !important;
        left: auto !important;
        height: 100px !important;
        width: 100px !important;
    }

    #introSlider .splide__slide.is-active img{
        transform: scale(1) !important;
    }

    #introSlider, #introSlider div, .slider-intro{
        height: auto !important;
    }

}

@media (max-width: 992px) {

    .header-container{
        padding: 1rem 0px !important;
    }

    .header-logo{
        max-width: 75px;
    }

    .vermakrtung-grid{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }

    .scroll-anchor-mobile{
        scroll-margin-top: 4rem;
    }

    .galerie-content-padding{
        padding-left: 1rem !important;
    }

    .homepage-sticker{
        top: 9rem;
        right: 1.5rem;
    }
    
}

@media (max-width: 768px) {

}

@media (max-width: 576px) {

    .sticker{
        max-width: 170px;
    }
   
    .highlights-slider-container {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    
}