/* -- Styles popup-img-desc -- */
.section-popup-img-desc {
    margin-top: 25px;
    margin-bottom: 150px;
}
.section-popup-img-desc .section-header__container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.section-popup-img-desc .section-header__container .section-header__data {
    text-align: center;
    font-size: 18px;
}
.section-popup-img-desc .section-header__headline h1 {
    font-size: 35px;
    text-transform: none;
    color: var(--elv-red);
    text-align: center;
    margin-bottom: 20px;
}
.section-popup-img-desc .section-header__content {
    height: 100%;
    width: 100%;
}
.section-popup-img-desc .section-header__teaser {
    background-image: url("../Bilder/Mitarbeiter/Büro/gruppen_meeting.jpg");
    width: 100%;
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-popup-img-desc .section-content {
    padding: 0px 10%;
}
.section-popup-img-desc .section-content__container {
    margin-top: 75px;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.section-popup-img-desc .section-content__container .section-content__desc{
    line-height: normal;
}
.section-popup-img-desc .section-content__container .section-content__merkmale {
    line-height: normal;
}
.section-popup-img-desc .section-content__container .section-content__merkmale h2 {
    width: 100%;
    font-size: 30px;
    line-height: 34px;
    color: var(--elv-red);
    text-align: left;
    margin-bottom: 10px;
}
.section-popup-img-desc .section-content__container .section-content__merkmale ul {
    margin: 30px 10%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 40px;
    justify-content: space-evenly;
    transform: translateX(20px);
}
.section-popup-img-desc .section-content__container .section-content__merkmale ul li {
    flex-grow: 1;
    flex-basis: 38%;
    margin-right: 10px;
    padding-left: 5px;
}
.section-popup-img-desc .section-content__container .section-content__merkmale li::marker {
    content: "\f058";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 12px;
    color: var(--elv-red);
}
.section-popup-img-desc .section-content__container .section-content__gallery {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}
.section-popup-img-desc .section-content__container .section-gallery__container {
    max-width: 1600px;
    overflow-x: hidden;
    position: relative;
    z-index: -1;
}
.section-popup-img-desc .section-content__container .section-gallery__container .inner {
    padding: 5px;
}
.section-popup-img-desc .section-content__container .section-gallery__container img {
    display: block;
    max-width: 100%;
    height: auto;
}
.section-popup-img-desc .section-content__container .section-gallery__img {
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    flex-basis: 45%;
    flex-grow: 1;
}

.section-popup-img-desc .section-content__container .section-gallery__img:nth-child(1) {
    flex-basis: 100%;
}
@media only screen and (max-width: 800px) {
    /* -- -- */
    .section-popup-img-desc .section-header__headline h1 {
        font-size: 30px;
    }
    .section-popup-img-desc .section-header__container .section-header__data {
        font-size: 15px;
    }
    .section-popup-img-desc .section-header__teaser {
        height: 200px;
    }
    .section-popup-img-desc .section-content__container .section-content__desc {
        font-size: 15px;
    }
    .section-popup-img-desc .section-content__container {
        margin-top: 50px;
    }
    .section-popup-img-desc .section-content__container .section-gallery__img {
        height: 250px;
    }
}