.application_manager_checklist {
    background: var(--bg-alt);
    width: 100%;
    margin: auto auto;
    border: 1px solid var(--border-color);
    padding: 1px;
}

.application_manager_checklist-headline {
    background: var(--btn-accent-bg);
    color: var(--text-bright);
    border-bottom: 1px solid var(--border-accent);
    padding: 8px;
}

.application_manager_checklist-headline span {
    font-size: 10px;
}

.application_manager_checklist-headline a:link,
.application_manager_checklist-headline a:visited,
.application_manager_checklist-headline a:active,
.application_manager_checklist-headline a:hover {
    color: var(--text-bright);
}

/* Gruppenzeilen */

.application_manager_checklist-group {
    background: var(--bg-alt);
    border: 1px solid;
    border-color: var(--bg-color) var(--border-color) var(--border-color) var(--bg-color);
    padding: 5px 10px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 5px;
    color: var(--text-color);
}

.application_manager_checklist-group_status {
    width: 2%;
    text-align: center;
    font-size: 20px;
}

.application_manager_checklist-group_content-points {
    font-size: 11px;
}

/* Check / Uncheck Farben über Root */

.application_manager_checklist_groupUncheck,
.application_manager_checklist_fieldUncheck {
    color: var(--error);
}

.application_manager_checklist_groupCheck,
.application_manager_checklist_fieldCheck {
    color: var(--success);
}

.application_manager_smalltext {
    font-size: 11px;
}

/* Übersicht – Beschreibung */

.application_manager_overview-desc {
    text-align: justify;
    line-height: 180%;
    padding: 20px 40px;
    background: var(--bg-alt);
    border: 1px solid;
    border-color: var(--bg-color) var(--border-color) var(--border-color) var(--bg-color);
    color: var(--text-color);
}

/* Übersicht – Legende */

.application_manager_overview_legend {
width:100%;
    color: var(--text-bright);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0px;
}

.application_manager_overview_applications {
    display: flex;
width:100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    text-align: center;
    color: var(--text-color);
background: var(--bg-color);
}

.application_manager_overview_legend_div,
.application_manager_overview_applications_div {
text-align: left;
padding-left: 10px;
    width: 49%;
}

/* WOB-Block */

.application_manager_wob_headline {
    background: var(--btn-accent-bg);
    color: var(--text-bright);
    border-bottom: 1px solid var(--border-accent);
    padding: 8px;
}

.application_manager_wob {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    text-align: left;
    margin-bottom: 10px;
    color: var(--text-color);
}

.application_manager_wob-textarea {
    background: var(--bg-alt);
    border: 1px solid;
    border-color: var(--bg-color) var(--border-color) var(--border-color) var(--bg-color);
    text-align: center;
    padding: 5px;
    color: var(--text-color);
}

/* Pop-Up Overlay */

.application_manager-accpop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.application_manager-accpop:target {
    display: flex;
}

/* Pop-Up Inhalt */

.application_manager-pop {
    width: 400px;
    text-align: left;
    background: var(--bg-alt);
    color: var(--text-color);
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: var(--shadow-strong);
    animation: fadeInScale 0.3s ease-out;
}

.application_manager-closepop {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../../../images/close.png) no-repeat 0 0;
}

/* Animation bleibt wie sie ist */

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}