.first-level-content h3 {
    padding-top: 1.4em;
    padding-bottom: .5em;
    font-size: 1.2em;
}

.schwerpunkteDozenten-left ul {
    padding-left: 0.6em;
}

    .schwerpunkteDozenten-left ul:before {
        color: #eb5e50;
    }


.schwerpunkteDozenten-left li {
    overflow-wrap: break-word;
    word-break: break-word;
    text-indent: -1.2em;
    padding-left: 1.2em;
    margin-top: 0.5em; /* Abstand zwischen li */
}

.schwerpunkteDozenten-left ul li {
    text-indent: -8px;
}

.schwerpunkteDozenten-left ul li > b {
    padding-left: 3px;
}

.schwerpunkteDozenten-left li:before {
    color: #eb5e50;
}

.schwerpunkteDozenten-left li.zweiteEbene:last-child {
    padding-bottom: 1em;
}



.schwerpunkteDozenten-left ul ul {
    padding-left: 19px;
    margin-left: -15px;
}

    .schwerpunkteDozenten-left ul ul li {
        padding-left: 6px !important;
        list-style: none;
    }

.Seminar .zweiteEbene, .tagung-ges ul li {
    padding-left: 25px !important;
}

    .Seminar .zweiteEbene:before {
        top: -4px;
        left: -2em;
    }

.flex-container {
    display: flex;
    flex-direction: row;
    gap: 2.5em;
    justify-content: center;
    padding: 15px;
}

.schwerpunkteDozenten-left img, .schwerpunkteDozenten-right img {
    max-width: 100%;
    height: auto;
}

.schwerpunkteDozenten-left table, .schwerpunkteDozenten-right table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

/* Flexbox für Bild und Text nebeneinander */
.panel {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
    background-color: #EAF3F4;
    
}

.vita {
    display: flex;
    flex-direction: column;
}

.vita-report {
    display: flex;
    padding-right: 10px;
}

.vita .vita-report:after {
    color: var(--secondary);
    content: "\f061";
    font-family: FontAwesome;
    bottom: 10px;
    right: 10px;
    font-size: .875rem;
    align-content: flex-end;
}

.image-container {
    flex: 0 0 auto;
    max-width: 120px;
}

    .image-container img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 6px;
    }

.text-content {
    flex: 1;
}

.h4 {
    font-weight: var(--font-weight-bold);
    color: var(--body-color);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    margin-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 991px) {

    .flex-container {
        flex-wrap: wrap;
    }
    .schwerpunkteDozenten-right {
        max-width: 99%;
    }
    .panel {
        min-width: 100px;
    }
}