/* =================================== */
/* ============ 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-center-top {
    background-position: center top;
}

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


.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, .no-margin h1, .no-margin h2, .no-margin h3, .no-margin h4, .no-margin h5, .no-margin h6, .no-margin a{
    margin-bottom: 0px !important;
}

.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-rocket);
}

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

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

.grecaptcha-badge { 
    visibility: hidden; 
}


/* Login */

#pass-referenzen::placeholder{
    color: white !important;
}
/* Header */

header{
    transition: all 0.3s;
}

header.active{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    background-color: var(--color-lage);
}

.hamburger-menu{
    background-image: url("data:image/svg+xml,%3Csvg id='Component_178_1' data-name='Component 178 – 1' xmlns='http://www.w3.org/2000/svg' width='53' height='39' viewBox='0 0 53 39'%3E%3Crect id='Rectangle_6766' data-name='Rectangle 6766' width='53' height='39' fill='%23fff' opacity='0.196'/%3E%3Cline id='Line_55' data-name='Line 55' x2='23.383' transform='translate(14.809 10.111)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_56' data-name='Line 56' x2='23.383' transform='translate(14.809 19.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_57' data-name='Line 57' x2='23.383' transform='translate(14.809 28.889)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_55-2' data-name='Line 55' x2='23.383' transform='translate(14.809 10.111)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_56-2' data-name='Line 56' x2='23.383' transform='translate(14.809 19.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_57-2' data-name='Line 57' x2='23.383' transform='translate(14.809 28.889)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
    width: 53px;
    height: 40px;
    transition: all 0.3s;
}

.hamburger-menu:hover{
    background-image: url("data:image/svg+xml,%3Csvg id='Component_178_1' data-name='Component 178 – 1' xmlns='http://www.w3.org/2000/svg' width='53' height='39' viewBox='0 0 53 39'%3E%3Crect id='Rectangle_6766' data-name='Rectangle 6766' width='53' height='39' fill='%23fff' opacity='0.196'/%3E%3Cline id='Line_55' data-name='Line 55' x2='23.383' transform='translate(14.809 10.111)' fill='none' stroke='%239F816C' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_56' data-name='Line 56' x2='23.383' transform='translate(14.809 19.5)' fill='none' stroke='%239F816C' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_57' data-name='Line 57' x2='23.383' transform='translate(14.809 28.889)' fill='none' stroke='%239F816C' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_55-2' data-name='Line 55' x2='23.383' transform='translate(14.809 10.111)' fill='none' stroke='%239F816C' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_56-2' data-name='Line 56' x2='23.383' transform='translate(14.809 19.5)' fill='none' stroke='%239F816C' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Line_57-2' data-name='Line 57' x2='23.383' transform='translate(14.809 28.889)' fill='none' stroke='%239F816C' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.close-menu{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='39' viewBox='0 0 53 39'%3E%3Cg id='Group_2285' data-name='Group 2285' transform='translate(-290 -35)'%3E%3Crect id='Rectangle_6766' data-name='Rectangle 6766' width='53' height='39' rx='5' transform='translate(290 35)' fill='%23867f75' opacity='0.122'/%3E%3Cg id='Group_2284' data-name='Group 2284' transform='translate(3.5 -3.25)'%3E%3Cline id='Line_272' data-name='Line 272' x1='17' y2='16.5' transform='translate(304.5 49.5)' fill='none' stroke='%23867f75' stroke-linecap='round' stroke-width='2'/%3E%3Cg id='Group_2283' data-name='Group 2283' transform='translate(370.75 -255.25) rotate(90)'%3E%3Cline id='Line_273' data-name='Line 273' x1='17' y2='16.5' transform='translate(304.5 49.5)' fill='none' stroke='%23867f75' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 53px;
    height: 40px;
    transition: all 0.3s;
}

.offcanvas{
    width: 40% !important;
}

.instagram-icon-offcanvas{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.518' height='19.511' viewBox='0 0 19.518 19.511'%3E%3Cg id='Icon_awesome-instagram' data-name='Icon awesome-instagram' opacity='1'%3E%3Cpath id='Icon_awesome-instagram-2' data-name='Icon awesome-instagram' d='M9.756,6.991a5,5,0,1,0,5,5A4.995,4.995,0,0,0,9.756,6.991Zm0,8.254a3.252,3.252,0,1,1,3.253-3.252,3.258,3.258,0,0,1-3.253,3.252ZM16.13,6.786a1.167,1.167,0,1,1-1.167-1.167A1.164,1.164,0,0,1,16.13,6.786ZM19.444,7.97a5.774,5.774,0,0,0-1.576-4.088,5.813,5.813,0,0,0-4.089-1.576c-1.611-.091-6.44-.091-8.051,0A5.8,5.8,0,0,0,1.64,3.878,5.792,5.792,0,0,0,.063,7.966c-.091,1.611-.091,6.439,0,8.05A5.774,5.774,0,0,0,1.64,20.1,5.821,5.821,0,0,0,5.728,21.68c1.611.091,6.44.091,8.051,0A5.775,5.775,0,0,0,17.868,20.1a5.812,5.812,0,0,0,1.576-4.088c.091-1.611.091-6.435,0-8.045Zm-2.081,9.774A3.293,3.293,0,0,1,15.508,19.6c-1.284.509-4.332.392-5.752.392S5.284,20.1,4,19.6a3.293,3.293,0,0,1-1.855-1.855c-.509-1.284-.392-4.332-.392-5.751s-.113-4.471.392-5.751A3.293,3.293,0,0,1,4,4.387C5.288,3.878,8.336,4,9.756,4s4.472-.113,5.752.392a3.293,3.293,0,0,1,1.855,1.855c.509,1.284.392,4.332.392,5.751S17.872,16.464,17.362,17.744Z' transform='translate(0.005 -2.238)' fill='%23867F75'/%3E%3C/g%3E%3C/svg%3E%0A");
    transition: all 0.3s;
}

.facebook-icon-offcanvas{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.273' height='20.273' viewBox='0 0 20.273 20.273'%3E%3Cpath id='Icon_awesome-facebook-square' data-name='Icon awesome-facebook-square' d='M18.1,2.25H2.172A2.172,2.172,0,0,0,0,4.422V20.351a2.172,2.172,0,0,0,2.172,2.172H8.383V15.631H5.532V12.387H8.383V9.914c0-2.812,1.674-4.366,4.239-4.366a17.272,17.272,0,0,1,2.512.219v2.76H13.719A1.622,1.622,0,0,0,11.89,10.28v2.107H15l-.5,3.244H11.89v6.893H18.1a2.172,2.172,0,0,0,2.172-2.172V4.422A2.172,2.172,0,0,0,18.1,2.25Z' transform='translate(0 -2.25)' fill='%23867F75' opacity='1'/%3E%3C/svg%3E%0A");
    transition: all 0.3s;
}

.linkedin-icon-offcanvas{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.096' height='21.097' viewBox='0 0 21.096 21.097'%3E%3Cpath id='Icon_metro-linkedin' data-name='Icon metro-linkedin' d='M20.124,1.928H6.114A3.554,3.554,0,0,0,2.571,5.472V19.481a3.554,3.554,0,0,0,3.544,3.544H20.124a3.554,3.554,0,0,0,3.544-3.544V5.472a3.554,3.554,0,0,0-3.544-3.544ZM10.482,19.069H7.845V9.839h2.637v9.23ZM9.163,8.521A1.319,1.319,0,1,1,10.482,7.2,1.319,1.319,0,0,1,9.163,8.521ZM19.712,19.069H17.074V13.795a1.319,1.319,0,1,0-2.637,0v5.274H11.8V9.839h2.637v1.637c.544-.747,1.375-1.637,2.307-1.637a3.145,3.145,0,0,1,2.967,3.3v5.933Z' transform='translate(-2.571 -1.928)' fill='%23867F75' opacity='1'/%3E%3C/svg%3E%0A");
    transition: all 0.3s;
}

.arrow-offcanvas-kontakt{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.734' height='13.148' viewBox='0 0 12.734 13.148'%3E%3Cg id='Icon_feather-arrow-down' data-name='Icon feather-arrow-down' transform='translate(0.5 12.441) rotate(-90)'%3E%3Cpath id='Path_8419' data-name='Path 8419' d='M18,7.5V19.234' transform='translate(-12.133 -7.5)' fill='none' stroke='%23918b82' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8420' data-name='Path 8420' d='M19.234,18l-5.867,5.867L7.5,18' transform='translate(-7.5 -12.133)' fill='none' stroke='%23918b82' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 11px;
    height: 11px;
}

.arrow-offcanvas-kontakt{
    transition: all 0.3s;
}

.offcanvas-kontakt:hover .arrow-offcanvas-kontakt{
    margin-left: 2rem !important;
}

.morosani-logo-footer {
    width: 100px;       /* for example */
    transition: width 0.3s;
}
  
header.active .morosani-logo-footer {
    width: 40px !important;
}

.hamburger-menu {
    transition: margin-left 0.3s;
}
  
header.active .hamburger-menu {
    margin-left: margin-left 0.3s;;
}

#vermarktung {
    scroll-margin-top: 4.4rem;
}

#anfrage{
    scroll-margin-top: 5rem;
}

.offcanvas-sketch{
    background-image: url('/uploads/sketch.svg');
    background-size: contain;
    height: 800px;
    background-repeat: no-repeat;
    width: 100%;
    opacity: 0.05 !important;
    background-position: bottom center;
}

.offcanvas.offcanvas-start{
    border-right: 0px !important;
}

tr th{
    font-weight: 400 !important;
}

.safari .min-vh-50{
    min-height: 75vh !important;
}

.safari .downloads-button {
    padding-top: 0.9rem !important;
}

.safari .bewerben-button p{
    padding-top: 0.5rem !important;
}    

.safari .download-headline{
    padding-top: 0.3rem !important;
}

/* 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;
}

/* Intro */

.intro-slider-big-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='22.713' viewBox='0 0 227 22.713'%3E%3Cg id='Icon_feather-arrow-downss' data-name='Icon feather-arrow-downss' transform='translate(0.5 0.707)'%3E%3Cg id='Icon_feather-arrow-downss-2' data-name='Icon feather-arrow-downss' transform='translate(204.701 21.299) rotate(-90)'%3E%3Cpath id='Path_8419' data-name='Path 8419' d='M18,7.5v226' transform='translate(-7.35 -212.201)' fill='none' stroke='%23f8f0eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8420' data-name='Path 8420' d='M28.8,18,18.15,28.65,7.5,18' transform='translate(-7.5 -7.35)' fill='none' stroke='%23f8f0eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 14.125rem !important;
    height: 1.375rem !important;
    top: 41% !important;
}

.intro-slider-big-arrow-mobile{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='22.713' viewBox='0 0 227 22.713'%3E%3Cg id='Icon_feather-arrow-downss' data-name='Icon feather-arrow-downss' transform='translate(0.5 0.707)'%3E%3Cg id='Icon_feather-arrow-downss-2' data-name='Icon feather-arrow-downss' transform='translate(204.701 21.299) rotate(-90)'%3E%3Cpath id='Path_8419' data-name='Path 8419' d='M18,7.5v226' transform='translate(-7.35 -212.201)' fill='none' stroke='%23f8f0eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8420' data-name='Path 8420' d='M28.8,18,18.15,28.65,7.5,18' transform='translate(-7.5 -7.35)' fill='none' stroke='%23f8f0eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 14.125rem !important;
    height: 1.375rem !important; 
}

.intro-slider-small-arrow{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.734' height='13.148' viewBox='0 0 12.734 13.148'%3E%3Cg id='Icon_feather-arrow-down' data-name='Icon feather-arrow-down' transform='translate(0.5 12.441) rotate(-90)'%3E%3Cpath id='Path_8419' data-name='Path 8419' d='M18,7.5V19.234' transform='translate(-12.133 -7.5)' fill='none' stroke='%23f8f0eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8420' data-name='Path 8420' d='M19.234,18l-5.867,5.867L7.5,18' transform='translate(-7.5 -12.133)' fill='none' stroke='%23f8f0eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    height: 0.75rem !important;
    width: 0.75rem !important;
}

/* 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;
}

/* Galerie */

#galerieSlider .splide__arrow--prev{
    left: calc((100vw - 1360px)/2) !important;
    opacity: 1 !important;
}

#galerieSlider .splide__arrow--next{
    right: calc((100vw - 1360px)/2) !important;
    opacity: 1 !important;
}

.wohnung-slider-arrow-next{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 49.6 50.4'%3E%3C!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23f8f0eb; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Icon_feather-arrow-down'%3E%3Cpath id='Path_8419' class='st0' d='M1,25.2h47.6'/%3E%3Cpath id='Path_8420' class='st0' d='M24.8,1.4l23.8,23.8-23.8,23.8'/%3E%3C/g%3E%3C/svg%3E");
    height: 1.5rem;
    width: 1.5rem;
}

.wohnung-slider-arrow-prev{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49.558' height='50.387' viewBox='0 0 49.558 50.387'%3E%3Cg id='Icon_feather-arrow-down' data-name='Icon feather-arrow-down' transform='translate(48.558 1.414) rotate(90)'%3E%3Cpath id='Path_8419' data-name='Path 8419' d='M18,7.5V55.058' transform='translate(5.779 -7.5)' fill='none' stroke='%23f8f0eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Path_8420' data-name='Path 8420' d='M55.058,18,31.279,41.779,7.5,18' transform='translate(-7.5 5.779)' fill='none' stroke='%23f8f0eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    height: 1.5rem;
    width: 1.5rem;
}

#galerieSlider .splide__pagination__page.is-active{
    transform: scale(1) !important;
    opacity: 1 !important;
}

#galerieSlider .splide__pagination__page{
    border-radius: 0px !important;
    width: 50px;
    height: 4px;
}

#galerieSlider .splide__pagination{
    bottom: 1rem !important;
}

.wohnungen-slider{
    filter: brightness(0.7);
}

.splide__arrow{
    background-color: var(--color-rocket) !important;
    height: 50px;
    width: 50px;
    transition: all 0.3s;
}

/* Vermarkter */

.vermarkter-grid{
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 0px 1rem; 
}

.vermarkter-container{
    min-height: 210px;
}

.vermarktung-image{
    max-height: 80px;
    object-position: left;
}

.morosani-logo{
    max-width: 190px;
}

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

.form-field input, .form-nachricht-field textarea{
    border-radius: 0px !important;
    background: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid var(--color-black) !important;
    padding: 0px !important;
    font-family: 'Gill Sans' !important;
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
}

.form-nachricht-field textarea{
    margin-bottom: 1rem !important;
}

.fui-field{
    flex: auto !important;
}

.fui-page-row{
    display: flex !important;
}

.form-plz-field{
    width: 30% !important;
    flex: auto !important;
}

.form-adresse-field{
    width: 70% !important;
    flex: auto !important;
}

.form-checkbox{
    padding-bottom: 3rem !important;
    margin-top: 1rem !important;
}

.form-checkbox .fui-input-wrapper{
    width: 60% !important;
}

.form-checkbox .fui-legend{
    margin-bottom: 2rem !important;
}

.fui-radio-label{
    font-family: 'Gill Sans' !important;
    font-size: 1rem !important;
    line-height: 1.75rem !important;
    text-transform: uppercase !important;
}

.form-field .fui-select{
    border-radius: 0px !important;
    background: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    padding-left: 0px !important;
    border-bottom: 1px solid var(--color-black) !important;
    font-family: 'Gill Sans' !important;
    font-size: 1.5rem !important;
    color: var(--color-black) !important;
}

.form-field .fui-label{
    font-family: 'Gill Sans' !important;
    font-size: 1rem !important;
    line-height: 1.75rem !important;
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
    margin-top: 1rem !important;
}

.form-nachricht-field textarea{
    min-height: 150px !important;
}

.fui-submit{
    background-color: var(--color-green) !important;
    font-family: 'Gill Sans' !important;
    font-size: 1rem !important;
    line-height: 1rem !important;
    text-transform: uppercase !important;
    border: 0px !important;
    padding: 1rem 8rem 0.8rem 8rem !important;
    margin-top: 2rem !important;
    transition: all 0.3s;
}

.fui-submit:hover{
    transform: scale(1.05) !important;
}

.form-field input::placeholder, .form-field textarea::placeholder{
    color: var(--color-black) !important;
    font-family: 'Gill Sans' !important;
    font-size: 1.5rem !important;
    line-height: 1.575rem;
    opacity: 1 !important;
}

.fui-checkbox-label {
    font-family: 'Gill Sans' !important;
    font-size: 1rem !important;
    line-height: 1.75rem !important;
    padding-top: 0.5rem !important;
    padding-left: 2.5rem !important;
    text-transform: uppercase;
}

.fui-legend, .fui-label{
    font-family: 'Gill Sans' !important;
    font-size: 1rem !important;
    line-height: 1.75rem !important;
    text-transform: uppercase !important;
}

.fui-checkbox label:before{
    height: 30px !important;
    width: 30px !important;
    border: 1px solid var(--color-black) !important;
}


.form-checkbox .fui-checkbox label:before{
    background-color: var(--color-white);
    border-color: var(--color-inde);
    border-radius: 0px !important;
}

.fui-layout-horizontal .fui-layout-wrap, .fui-row{
    flex-wrap: wrap;
}

.form-checkbox{
    padding-bottom: 2rem;
}

.fui-checkbox{
    width: 50% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0.5rem !important;
}

.form-ort-field{
    width: 80% !important;
    flex: auto !important;
}

.form-plz-field{
    width: 20% !important;
    flex: auto !important;
}


.form-button button:hover{
    background-color: color-mix(in srgb, var(--color-primary) 70%, black) !important;
    color: var(--color-white) !important;
}

.fui-alert p{
    margin-bottom: 0px !important;
    font-family: 'Gill Sans' !important;
}

/* Lage */
.lage-slider{
    opacity: 50%;
    transition: all 0.3s;
}

.lage-slider.active{
    opacity: 100%;
}

.lage-container{
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 1rem 1rem; 
}

#lageSlider .lage-accordion-header{
    border-bottom: 1px solid #867F75 !important;
}

.lage-tabelle-row{
    opacity: 50%;
    transition: all 0.3s;
}

.lage-tabelle-row:hover {
    opacity: 100%;
}

.circle-event{
    z-index: 9999;
    position: relative;
    transition: all 0.3s;
}

.grundrisse-table.opacity-50 {
    pointer-events: none;
}

.circle-event:hover{
    
}

.circle-info{
    display: none
}

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

/* Footer */

.footer-icons{
    height: 20px;
    width: 20px;
}

.instagram-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.518' height='19.511' viewBox='0 0 19.518 19.511'%3E%3Cg id='Icon_awesome-instagram' data-name='Icon awesome-instagram' opacity='1'%3E%3Cpath id='Icon_awesome-instagram-2' data-name='Icon awesome-instagram' d='M9.756,6.991a5,5,0,1,0,5,5A4.995,4.995,0,0,0,9.756,6.991Zm0,8.254a3.252,3.252,0,1,1,3.253-3.252,3.258,3.258,0,0,1-3.253,3.252ZM16.13,6.786a1.167,1.167,0,1,1-1.167-1.167A1.164,1.164,0,0,1,16.13,6.786ZM19.444,7.97a5.774,5.774,0,0,0-1.576-4.088,5.813,5.813,0,0,0-4.089-1.576c-1.611-.091-6.44-.091-8.051,0A5.8,5.8,0,0,0,1.64,3.878,5.792,5.792,0,0,0,.063,7.966c-.091,1.611-.091,6.439,0,8.05A5.774,5.774,0,0,0,1.64,20.1,5.821,5.821,0,0,0,5.728,21.68c1.611.091,6.44.091,8.051,0A5.775,5.775,0,0,0,17.868,20.1a5.812,5.812,0,0,0,1.576-4.088c.091-1.611.091-6.435,0-8.045Zm-2.081,9.774A3.293,3.293,0,0,1,15.508,19.6c-1.284.509-4.332.392-5.752.392S5.284,20.1,4,19.6a3.293,3.293,0,0,1-1.855-1.855c-.509-1.284-.392-4.332-.392-5.751s-.113-4.471.392-5.751A3.293,3.293,0,0,1,4,4.387C5.288,3.878,8.336,4,9.756,4s4.472-.113,5.752.392a3.293,3.293,0,0,1,1.855,1.855c.509,1.284.392,4.332.392,5.751S17.872,16.464,17.362,17.744Z' transform='translate(0.005 -2.238)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
    transition: all 0.3s;
}

.instagram-icon:hover{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.518' height='19.511' viewBox='0 0 19.518 19.511'%3E%3Cg id='Icon_awesome-instagram' data-name='Icon awesome-instagram' opacity='1'%3E%3Cpath id='Icon_awesome-instagram-2' data-name='Icon awesome-instagram' d='M9.756,6.991a5,5,0,1,0,5,5A4.995,4.995,0,0,0,9.756,6.991Zm0,8.254a3.252,3.252,0,1,1,3.253-3.252,3.258,3.258,0,0,1-3.253,3.252ZM16.13,6.786a1.167,1.167,0,1,1-1.167-1.167A1.164,1.164,0,0,1,16.13,6.786ZM19.444,7.97a5.774,5.774,0,0,0-1.576-4.088,5.813,5.813,0,0,0-4.089-1.576c-1.611-.091-6.44-.091-8.051,0A5.8,5.8,0,0,0,1.64,3.878,5.792,5.792,0,0,0,.063,7.966c-.091,1.611-.091,6.439,0,8.05A5.774,5.774,0,0,0,1.64,20.1,5.821,5.821,0,0,0,5.728,21.68c1.611.091,6.44.091,8.051,0A5.775,5.775,0,0,0,17.868,20.1a5.812,5.812,0,0,0,1.576-4.088c.091-1.611.091-6.435,0-8.045Zm-2.081,9.774A3.293,3.293,0,0,1,15.508,19.6c-1.284.509-4.332.392-5.752.392S5.284,20.1,4,19.6a3.293,3.293,0,0,1-1.855-1.855c-.509-1.284-.392-4.332-.392-5.751s-.113-4.471.392-5.751A3.293,3.293,0,0,1,4,4.387C5.288,3.878,8.336,4,9.756,4s4.472-.113,5.752.392a3.293,3.293,0,0,1,1.855,1.855c.509,1.284.392,4.332.392,5.751S17.872,16.464,17.362,17.744Z' transform='translate(0.005 -2.238)' fill='%2318AE90'/%3E%3C/g%3E%3C/svg%3E%0A");
    transition: all 0.3s;
}

.facebook-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.273' height='20.273' viewBox='0 0 20.273 20.273'%3E%3Cpath id='Icon_awesome-facebook-square' data-name='Icon awesome-facebook-square' d='M18.1,2.25H2.172A2.172,2.172,0,0,0,0,4.422V20.351a2.172,2.172,0,0,0,2.172,2.172H8.383V15.631H5.532V12.387H8.383V9.914c0-2.812,1.674-4.366,4.239-4.366a17.272,17.272,0,0,1,2.512.219v2.76H13.719A1.622,1.622,0,0,0,11.89,10.28v2.107H15l-.5,3.244H11.89v6.893H18.1a2.172,2.172,0,0,0,2.172-2.172V4.422A2.172,2.172,0,0,0,18.1,2.25Z' transform='translate(0 -2.25)' fill='%23fff' opacity='1'/%3E%3C/svg%3E%0A");
    transition: all 0.3s;
}

.facebook-icon:hover{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.273' height='20.273' viewBox='0 0 20.273 20.273'%3E%3Cpath id='Icon_awesome-facebook-square' data-name='Icon awesome-facebook-square' d='M18.1,2.25H2.172A2.172,2.172,0,0,0,0,4.422V20.351a2.172,2.172,0,0,0,2.172,2.172H8.383V15.631H5.532V12.387H8.383V9.914c0-2.812,1.674-4.366,4.239-4.366a17.272,17.272,0,0,1,2.512.219v2.76H13.719A1.622,1.622,0,0,0,11.89,10.28v2.107H15l-.5,3.244H11.89v6.893H18.1a2.172,2.172,0,0,0,2.172-2.172V4.422A2.172,2.172,0,0,0,18.1,2.25Z' transform='translate(0 -2.25)' fill='%2318AE90' opacity='1'/%3E%3C/svg%3E%0A");
    transition: all 0.3s;
}

.linkedin-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.096' height='21.097' viewBox='0 0 21.096 21.097'%3E%3Cpath id='Icon_metro-linkedin' data-name='Icon metro-linkedin' d='M20.124,1.928H6.114A3.554,3.554,0,0,0,2.571,5.472V19.481a3.554,3.554,0,0,0,3.544,3.544H20.124a3.554,3.554,0,0,0,3.544-3.544V5.472a3.554,3.554,0,0,0-3.544-3.544ZM10.482,19.069H7.845V9.839h2.637v9.23ZM9.163,8.521A1.319,1.319,0,1,1,10.482,7.2,1.319,1.319,0,0,1,9.163,8.521ZM19.712,19.069H17.074V13.795a1.319,1.319,0,1,0-2.637,0v5.274H11.8V9.839h2.637v1.637c.544-.747,1.375-1.637,2.307-1.637a3.145,3.145,0,0,1,2.967,3.3v5.933Z' transform='translate(-2.571 -1.928)' fill='%23fff' opacity='1'/%3E%3C/svg%3E%0A");
    transition: all 0.3s;
}

.linkedin-icon:hover{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.096' height='21.097' viewBox='0 0 21.096 21.097'%3E%3Cpath id='Icon_metro-linkedin' data-name='Icon metro-linkedin' d='M20.124,1.928H6.114A3.554,3.554,0,0,0,2.571,5.472V19.481a3.554,3.554,0,0,0,3.544,3.544H20.124a3.554,3.554,0,0,0,3.544-3.544V5.472a3.554,3.554,0,0,0-3.544-3.544ZM10.482,19.069H7.845V9.839h2.637v9.23ZM9.163,8.521A1.319,1.319,0,1,1,10.482,7.2,1.319,1.319,0,0,1,9.163,8.521ZM19.712,19.069H17.074V13.795a1.319,1.319,0,1,0-2.637,0v5.274H11.8V9.839h2.637v1.637c.544-.747,1.375-1.637,2.307-1.637a3.145,3.145,0,0,1,2.967,3.3v5.933Z' transform='translate(-2.571 -1.928)' fill='%2318AE90' opacity='1'/%3E%3C/svg%3E%0A");
    transition: all 0.3s;
}

.footer-border{
    border-bottom: 1px solid white;
}

.morosani-logo-footer{
    max-width: 100px !important;
}

.meinwohntraum-logo{
    max-width: 320px !important;
}

.guyan-logo{
    max-width: 200px !important;
}

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

/* Effekte / Animationen */

.downloads-button,
.nav-tab-menu,
.close-menu,
.footer-icons,
.download-headline,
.download-bereich,
.intro-slider-big-arrow{
    transition: all 0.3s;
}

.downloads-button:hover{
    background-color: var(--color-brown);
    border: 1px solid var(--color-brown) !important;
    color: white !important;
}

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

.download-bereich:hover .download-headline{
    padding-left: 2.5rem !important;
}

.download-bereich:hover{
    background-color: var(--color-rocket);
}

.close-menu:hover{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='39' viewBox='0 0 53 39'%3E%3Cg id='Group_2285' data-name='Group 2285' transform='translate(-290 -35)'%3E%3Crect id='Rectangle_6766' data-name='Rectangle 6766' width='53' height='39' rx='5' transform='translate(290 35)' fill='%239F816C' opacity='1'/%3E%3Cg id='Group_2284' data-name='Group 2284' transform='translate(3.5 -3.25)'%3E%3Cline id='Line_272' data-name='Line 272' x1='17' y2='16.5' transform='translate(304.5 49.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cg id='Group_2283' data-name='Group 2283' transform='translate(370.75 -255.25) rotate(90)'%3E%3Cline id='Line_273' data-name='Line 273' x1='17' y2='16.5' transform='translate(304.5 49.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.footer-icons:hover{
    transform: scale(1.1) !important;
}

@media (max-height: 800px) {

    .min-vh-50{
        min-height: 75vh !important;
    }

}

@media (max-height: 800px) {

    .offcanvas-social-media{
        display: none !important;
    }

    .morosani-offcanvas{
        max-width: 40px !important;
    }

    .nav-tab-menu{
        margin-bottom: 1rem !important;
    }

}


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

}

@media (max-width: 1600px) {

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

    .intro-slider-big-arrow{
        left: 94% !important;
    }

}

@media (max-width: 1399px) {

    .intro-slider-big-arrow{
        left: 85% !important;
    }

    #galerieSlider .splide__arrow--prev{
        left: 3rem !important;
        opacity: 1 !important;
    }
    
    #galerieSlider .splide__arrow--next{
        right: 3rem !important;
        opacity: 1 !important;
    }

    .vermarktung-image{
        max-height: 80px;
        object-position: center;
    }

    .vermarkter-grid{
        display: grid; 
        grid-template-columns: 1fr; 
        gap: 2rem 1rem; 
    }

    .offcanvas {
        width: 50% !important;
    }

    .intro-slider-container{
        min-height: 70vh !important;
    }

    .lage-container{
        display: grid; 
        grid-template-columns: 1fr 1fr 1fr; 
        gap: 1rem 1rem; 
    }

}

@media (max-width: 1199) {

    
}

@media (max-width: 992px) {

    /* Downloads */
    .download-image{
        min-height: 600px !important;
    }

    .form-checkbox .fui-input-wrapper{
        width: 100% !important;
    }

    .lage-container{
        display: grid; 
        grid-template-columns: 1fr 1fr; 
        gap: 1rem 1rem; 
    }

    .offcanvas {
        width: 100% !important;
    }

}

@media (max-width: 768px) {

    .lage-container{
        display: grid; 
        grid-template-columns: 1fr; 
        gap: 1rem 1rem; 
    }
    
    #galerieSlider .splide__pagination__page{
        width: 15px;
    }

    .intro-slider-container {
        min-height: 30vh !important;
    }
}

@media (max-width: 576px) {

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

    #galerieSlider .splide__arrow--prev{
        left: 1rem !important;
        opacity: 1 !important;
    }
    
    #galerieSlider .splide__arrow--next{
        right: 1rem !important;
        opacity: 1 !important;
    }

    .fui-checkbox{
        width: 100% !important;
    }

    .fui-submit{
        padding: 1rem 1rem 0.8rem 1rem !important;  
        width: 100% !important;
        margin-top: 0rem !important;
    }

    .form-checkbox{
        padding-bottom: 1.5rem !important;
    }

}