﻿
.black-overlay {
    background-color: rgba(0,0,0,0.2)
}


/*#region image-Modules*/

.image-module {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto;
    width: 100%
}

.image-module-layer {
    grid-row: 1;
    grid-column: 1;
}

    .image-module-layer h1 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 56px;
        line-height: 120%;
        /* or 96px */
        text-align: center;
        color: #FFFFFF;
    }

    .image-module-layer p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        /* White */
        color: #FFFFFF;
        display: none
    }

    .image-module-layer img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
    }

.image-module-mobil-text{
    background-color: #FFFFFF;
    text-align: center;
    display: block
}

@media (min-width: 576px) {
    .image-module-layer h1 {
        font-size: 56px;
    }

    .image-module-layer p {
        display: none
    }

    .image-module-mobil-text {
        display: block
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .image-module-layer h1 {
        font-size: 56px;
    }

    .image-module-layer p {
        display: block
    }

    .image-module-mobil-text {
        display: none
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .image-module-layer h1 {
        font-size: 80px;
    }

    .image-module-layer p {
        display: block
    }

    .image-module-mobil-text {
        display: none
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .image-module-layer h1 {
        font-size: 80px;
    }

    .image-module-layer p {
        display: block
    }

    .image-module-mobil-text {
        display: none
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .image-module-layer h1 {
        font-size: 80px;
    }

    .image-module-layer p {
        display: block
    }

    .image-module-mobil-text {
        display: none
    }
}

/*#endregion image-Modules*/

/*#region slideshow-Modules*/

.carousel-inner{
   
}

.carousel-caption {
    right: 0% !important;
    left: 0% !important;
    bottom: 0% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto;
}

.carousel-caption-layer {
    grid-row: 1;
    grid-column: 1;
}

.carousel h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    /* or 96px */
    text-align: center;
    color: #FFFFFF;
}

.carousel p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    /* White */
    color: #FFFFFF;
    display: none
}


.carousel-content {
    position: relative;
    width: 100%;
    text-align: left !important;
    display: none
    /*border: solid 1px #ff0000*/
}

.carousel-content-text h1 {
    text-align: left !important;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 33px !important;
    line-height: 120%;
    color: #FFFFFF;
    /*color: #124735;*/
}

.carousel-content-text {
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: rgba(0,0,0,0.3);
    width: 25%;
}


    .carousel-content-text, .carousel-content-text p {
        text-align: left !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }

.carousel-content .details-container {

}



@media (min-width: 576px) {
    .carousel h1 {
        font-size: 36px;
        
    }

    .carousel p {
        font-size: 16px;
        line-height: 20px;
        display: none
    }

    .carousel-content {
        display: none
    }

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .carousel h1 {
        font-size: 46px;
    }

    .carousel p {
        font-size: 20px;
        line-height: 30px;
        display: block
    }

    .carousel-content {
        display: none
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .carousel h1 {
        font-size: 80px;
    }

    .carousel p {
        font-size: 20px;
        line-height: 30px;
        display: block
    }

    .carousel-content {
        display: block
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .carousel h1 {
        font-size: 80px;
    }

    .carousel p {
        font-size: 20px;
        line-height: 30px;
        display: block
    }

    .carousel-content {
        display: block
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .carousel h1 {
        font-size: 80px;
    }

    .carousel p {
        font-size: 20px;
        line-height: 30px;
        display: block
    }

    .carousel-content {
        display: block
    }
}

/*#endregion slideshow-Modules*/

/*#region Article-Modules*/

.article-module{
    background-color: #FFFFFF;
}

    .article-module h5 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 120%;
        /* identical to box height, or 48px */
        /* Main_green/100 */
        color: #124735;
    }

    .article-module p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* Text color */
        color: #18191A;
    }


@media (min-width: 576px) {
    .article-module h5 {
        font-size: 24px;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .article-module h5 {
        font-size: 30px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .article-module h5 {
        font-size: 40px;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .article-module h5 {
        font-size: 40px;
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .article-module h5 {
        font-size: 40px;
    }
}

/*#endregion Article-Modules*/

/*#region Contact-Modules*/

.contact-module {
    background-color: #124735;
}

    .contact-module h5 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 120%;
        /* identical to box height, or 48px */

        color: #FFFFFF;
    }

    .contact-module p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* identical to box height */
        /* White */
        color: #FFFFFF !important;
    }

.contact-module-icon{
    width: 18%
}


@media (min-width: 576px) {
    .contact-module-icon {
        width: 15%
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .contact-module-icon {
        width: 100%
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .contact-module-icon {
        width: 65%
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .contact-module-icon {
        width: 60%
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .contact-module-icon {
        width: 55%
    }
}

/*#endregion Contact-Modules*/

/*#region image-Modules*/

.devider-module {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto;
    width: 100%
}

.devider-module-layer {
    grid-row: 1;
    grid-column: 1;
}

    .devider-module-layer h1 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 120%;
        /* or 96px */
        text-align: center;
        color: #FFFFFF;
    }

    .devider-module-layer img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        overflow: hidden;
    }


/*#endregion image-Modules*/

/*#region card-Modules*/

.card-module {
    background-color: #f6f2ef;
}

    .card-module h1 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 120%;
        /* identical to box height, or 48px */
        text-align: center;
        /* Main_green/100 */
        color: #124735;
    }

    .card-module h6 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        /* identical to box height, or 24px */
        /* Main_green/100 */
        color: #124735;
    }

    .card-module p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        /* Text color */
        color: #18191A;
    }


.slider-indicators button {
    background-color: #C4D1CC !important;
    width: 24px;
    height: 4px;
}

.slider-indicators .active {
    background-color: #124735 !important
}

.desktop-card-module {
    display: none
}

.mobil-card-module {
    display: flex
}

.quotes:nth-child(3) {
    display: flex
}

@media (min-width: 576px) {
    .card-module h1 {
        font-size: 24px;
    }

    .desktop-card-module {
        display: none
    }

    .mobil-card-module {
        display: flex
    }

    .quotes:nth-child(3) {
        display: flex
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .card-module h1 {
        font-size: 40px;
    }

    .desktop-card-module {
        display: flex
    }

    .mobil-card-module {
        display: none
    }

    .quotes:nth-child(3) {
        display: none
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .card-module h1 {
        font-size: 40px;
    }

    .desktop-card-module {
        display: flex
    }

    .mobil-card-module {
        display: none
    }

    .quotes:nth-child(3) {
        display: flex
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .card-module h1 {
        font-size: 40px;
    }

    .desktop-card-module {
        display: flex
    }

    .mobil-card-module {
        display: none
    }

    .quotes:nth-child(3) {
        display: flex
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .card-module h1 {
        font-size: 40px;
    }

    .desktop-card-module {
        display: flex
    }

    .mobil-card-module {
        display: none
    }

    .quotes:nth-child(3) {
        display: flex
    }
}

/*#endregion card-Modules*/

/*#region ourhouses-Modules*/

.ourhouses-module {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .ourhouses-module h6 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 120%;
        /* identical to box height, or 24px */
        /* Main_green/100 */
        color: #124735;
    }

    .ourhouses-module span {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 120%;
        /* identical to box height, or 24px */
        text-align: center;
        color: #124735;
    }

    .ourhouses-module a {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 120%;
        /* identical to box height, or 17px */
        text-align: center;
        color: #124735;
        text-decoration: none
    }

        .ourhouses-module a:hover {
            text-decoration: underline
        }

.hidden {
    display: none !important;
}

.disabled img {
    opacity: 0.5;
}

.card-body-image-container {
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto;
}

    .card-body-image-container .layer {
        grid-row: 1;
        grid-column: 1;
        position: relative;
    }

        .card-body-image-container .btn-group, .card-body-image-container .layer .btn-group {
            background-color: #FFFFFF;
            padding: 2px;
            border-radius: 29px;
            position: absolute;
            top: 15px;
            right: 15px;
        }

            .card-body-image-container .btn-group .btn-primary, .card-body-image-container .layer .btn-group .btn-primary {
                background-color: #FFFFFF;
                border: solid 1px #FFFFFF;
                border-radius: 29px;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 21px;
                /* identical to box height */
                text-align: center;
                letter-spacing: -0.02em;
                /* Main_green/75 */
                color: #4D7567;
                padding: 2px 10px;
            }

            .card-body-image-container .btn-group .active, .card-body-image-container .layer .btn-group .active {
                background-color: #64AC6B;
                border: solid 2px #FFFFFF;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 21px;
                /* identical to box height */
                text-align: center;
                letter-spacing: -0.02em;
                /* Main_green/75 */
                color: #FFFFFF;
            }

.ourhouses-module h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    /* identical to box height, or 48px */
    text-align: left;
    /* Main_green/100 */
    color: #124735;
}


#houseSlider ul li:last-child{
    padding-right: 48px
}

.slider-arrows {
    position: absolute;
    top: -60px;
    right: 40px;
    width: 80px;
    height: 30px;
    border: solid 0px #ff0000
}

.slider-nav {
    position: relative !important;
    width: 30px !important;
    height: 30px !important;
    border: solid 0px #ff6a00;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important
}

.swiffy-slider-item-count-2 {
    --swiffy-slider-item-count: 2;
}

.swiffy-slider-item-count-3 {
    --swiffy-slider-item-count: 3;
}

.swiffy-slider-item-count-4 {
    --swiffy-slider-item-count: 4;
}

@media (min-width: 576px) {
    .ourhouses-module h1 {
        font-size: 24px;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .ourhouses-module h1 {
        font-size: 40px;
    }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .ourhouses-module h1 {
        font-size: 40px;
    }

}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .ourhouses-module h1 {
        font-size: 40px;
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .ourhouses-module h1 {
        font-size: 40px;
    }

}

/*#endregion ourhouses-Modules*/

/*#region slideshow-type2-module*/

.slideshow-type2-module {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* Text color */
    color: #18191A;
}

    .slideshow-type2-module h6 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 120%;
        /* identical to box height, or 48px */
        /* Main_green/100 */
        color: #124735;
    }

    .slideshow-type2-module .download-link {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 61px;
        /* identical to box height, or 305% */

        color: #124735 !important;
        text-decoration: none
    }

    .slideshow-type2-module .download-container {
        border: solid 0px #124735;
        border-width: 1px 0px
    }


    .slideshow-type2-module .slide-container {
        display: grid;
        display: -ms-grid;
        grid-template-columns: auto;
        width: 100%;
       
    }

        .slideshow-type2-module .slide-container .layer {
            grid-row: 1;
            grid-column: 1;
        }

            .slideshow-type2-module .slide-container .layer img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                overflow: hidden;
            }



@media (min-width: 576px) {
    .slideshow-type2-module h6 {
        font-weight: 600;
        font-size: 14px;
    }

    .slideshow-type2-module {
        font-weight: 400;
        font-size: 14px;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .slideshow-type2-module h6 {
        font-weight: 700;
        font-size: 40px;
    }

    .slideshow-type2-module {
        font-weight: 400;
        font-size: 16px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .slideshow-type2-module h6 {
        font-weight: 700;
        font-size: 40px;
    }

    .slideshow-type2-module {
        font-weight: 400;
        font-size: 16px;
    }
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .slideshow-type2-module h6 {
        font-weight: 700;
        font-size: 40px;
    }

    .slideshow-type2-module {
        font-weight: 400;
        font-size: 16px;
    }
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .slideshow-type2-module h6 {
        font-weight: 700;
        font-size: 40px;
    }

    .slideshow-type2-module {
        font-weight: 400;
        font-size: 16px;
    }
}


/*#endregion slideshow-type2-module*/

/*#region video-Modules*/

.video-module h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    /* identical to box height, or 17px */
    text-transform: uppercase;
    /* Main_green/100 */
    color: #124735;
}

@media (min-width: 576px) {
    .video-module h1 {
        font-weight: 600;
        font-size: 14px;
    } 
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .video-module h1 {
        font-weight: 700;
        font-size: 40px;
    } 
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .video-module h1 {
        font-weight: 700;
        font-size: 40px;
    } 
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .video-module h1 {
        font-weight: 700;
        font-size: 40px;
    } 
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    .video-module h1 {
        font-weight: 700;
        font-size: 40px;
    } 
}

/*#endregion image-Modules*/

/*#region Text-Modules*/

.text-module {
}

    .text-module h1 {
        font-family: 'Poppins';
        font-size: 60px;
        font-style: normal;
        font-weight: 700;
        color: #124735 !important;
    }

    .text-module h6 {
        font-family: 'Poppins';
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        color: #18191A !important;
    }

/*#endregion Text-Modules*/

