.projects-template-default.et-db #et-boc .et-l .et_pb_section {
    background-color: var(--color-off-white);
}

/*#region Kategorie bubble*/
.project-category a,
.project-category .et_pb_text_inner a {
    border-radius: var(--border-radius);
    border: 1px solid var(--color-red);
    padding: 2px 10px;
    transition: 0.2s;
    font-family: var(--font-family-medium);
    font-size: var(--font-button-mini);
}


.et-db #et-boc .et-l .project-category a:hover {
    color: var(--color-off-white);
    background-color: var(--color-red);
}

.project-category .et_pb_text_inner a:hover::before {
    transform: none;
    width: 0px;
}

.project-category .et_pb_text_inner {
    color: transparent
}

video {
    border-radius: var(--border-radius);
    height: 100%;
}

@media(max-width:480px) {
    .project-category a {
        font-size: var(--font-button-mini);
        line-height: var(--line-height-footer);
        white-space: nowrap;
    }
}

/*#endregion Kategorie bubble*/

/*#region Fonts*/

.projects-template-default h1 {
    font-size: var(--font-size-head-one);
    line-height: var(--line-height-head-one);
}

.projects-template-default.et-db #et-boc .et-l h2 {
    font-size: var(--font-size-head-three);
    line-height: var(--line-height-head-three);
    color: var(--color-red);
    padding-bottom: 30px;
}

.et_pb_gutters3.et-db #et-boc .et-l .et_pb_column_4_4 .projectdetail-title .et_pb_module.et_pb_text_1 {
    margin-bottom: 10px;
}

.projectdetail-title .et_pb_text_1 p {
    font-size: var(--font-size-head);
    line-height: var(--line-height-head);
}

.projects-template-default .project-category .et_pb_text_inner {
    display: flex;
    flex-wrap: wrap;
    row-gap: 7px;
}

.projects-template-default.et-db #et-boc .et-l .et_pb_text_inner .headline,
.headline {
    font-family: var(--font-family-bold);
    font-size: var(--font-size-intro);
    line-height: var(--line-height-intro);
    color: var(--color-red);
    padding-bottom: 20px;
}

/*#endregion Fonts*/

/*#region Keyfacts/Focus*/
.projects-template-default.et-db #et-boc .et-l .focus-section .headline {
    border-bottom: 2px solid var(--color-red);
    margin-bottom: 12px;
    padding-bottom: 10px;
}

#et-main-area .keyfacts {
    z-index: 5;
}

#et-main-area .keyfacts ul li {
    padding: 20px;
    border-top: 1px solid var(--color-off-white);
}

#et-main-area .keyfacts ul li::before {
    top: 29px;
}

.et-db #et-boc .et-l .et_pb_section.width-1220.focus-section .et_pb_row .et_pb_column:first-child {
    border: 2px solid var(--color-red);
    padding: 50px;
    width: 70%;
    z-index: 3;
}

.et-db #et-boc .et-l .et_pb_section.width-1220.focus-section {
    padding-bottom: 50px !important;
}

.et-db #et-boc .et-l .et_pb_section.width-1220.focus-section .et_pb_row .et_pb_column.focus-image {
    position: absolute;
    top: 50px;
    right: 0px;
    max-width: 600px;
    width: 39vw;
    z-index: 3;
}

.et-db #et-boc .et-l .et_pb_section.width-1220.focus-section .et_pb_row .et_pb_column.focus-image .et_pb_image {
    margin-bottom: 20px !important;
}



.et-db #et-boc .et-l .keyfacts .et_pb_row {
    padding: 50px;
}

.keyfacts img,
.focus-section img {
    border-radius: var(--border-radius);
}

@media(max-width:980px) {
    #et-boc #et-main-area .keyfacts ul li {
        padding-bottom: 20px;
    }

    #et-boc #et-main-area .keyfacts ul li::before {
        top: 28px;
    }

    .et-db #et-boc .et-l .et_pb_section.width-1220.focus-section .et_pb_row .et_pb_column:first-child,
    .et-db #et-boc .et-l .keyfacts .et_pb_row {
        padding: 30px;
    }

    .project-cta .et_pb_column {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

/*#endregion Keyfacts/Focus*/

/*#region project cta*/

.project-cta .et_pb_column {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.projects-template-default.et-db #et-boc .et-l .project-cta h2 {
    font-size: var(--font-size-head-two);
    font-family: var(--font-family-regular);
}

/*#endregion project cta*/

/*#region Project Slider*/
.project-slider .et_pb_slide {
    border-radius: var(--border-radius);
}

.project-slider.et_pb_slider {
    overflow: visible !important;
    position: relative;
}

.et-db #et-boc .et-l .project-slider .et-pb-controllers {
    bottom: -40px !important;
    display: flex;
    justify-content: end;
}


/*#enregion Project Slider*/

/*#region Line / Heart Slider*/

.heart-scale {
    /* max-height: 800px; */
    height: 100%;
}

.heart-scale .et_pb_column:first-child {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 650px;
}

.project-heart::after {
    content: "";
    display: block;
    height: 100vh;
    max-height: 480px;
    border: 1px solid var(--color-black);
    position: absolute;
    left: 47%;
    margin-top: -1px;
}

.project-ace {
    position: sticky !important;
    top: 50vh;
}

.project-ace::after {
    content: "";
    display: block;
    height: 100vh;
    background-color: var(--color-off-white);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -5;
    max-height: 450px;
}

.focus-text {
    width: 500px;
}

.projects-template-default.et-db #et-boc .et-l .et_pb_section.focus-section {
    padding-bottom: 200px;
}

@media(max-width:1080px) {

    .et-db #et-boc .et-l .et_pb_section.width-1220.focus-section .et_pb_row .et_pb_column.focus-image,
    .et-db #et-boc .et-l .et_pb_section.width-1220.focus-section .et_pb_row .et_pb_column.focus-image-down {
        width: 100%;
        position: relative;
        height: auto;
        top: 50px;
        right: 0px;
        width: 100%;
        max-width: 100%;
        padding-bottom: 50px;
    }

    .et-db #et-boc .et-l .et_pb_section.width-1220.focus-section .et_pb_row .et_pb_column:first-child {
        width: 100%;
    }

    .et-db #et-boc .et-l .et_pb_section.focus-section {
        padding-bottom: 0px;
    }


    .focus-text {
        width: 100%;
    }

    .et-db #et-boc .et-l .et_pb_section.width-1220.focus-section .et_pb_row .et_pb_column.focus-image-down img {
        height: auto;
    }
}

@media(max-width:980px) {

    .et-db #et-boc .et-l .et_pb_row.projectdetail-title,
    .et-db #et-boc .et-l .et_pb_row.heart-scale {
        width: 90%;
        max-width: 1220px;
    }

    .project-heart::after {
        height: 300px;
        max-height: 300px;
    }

    .project-ace::after {
        height: 300px;
        max-height: 300px;
    }

    .heart-scale .et_pb_column:first-child {
        height: auto;
    }

    .et-db #et-boc .et-l .et_pb_image.project-ace,
    .et-db #et-boc .et-l .et_pb_image.project-heart {
        display: none;
    }

}

/*#endregion Line / Heart Slider*/