html {
    overflow-y: scroll;
}

body{
    display: flex;
    flex-direction: column;
    height: 100vh;
    /* ganzer Bildschirm */
    margin: 0;
}

.navbar{
    background-color:#000000;
    padding:20px 0px 20px 0px;
}

.navbar li{
    text-decoration: none;
}
.nav-link {
    color:#FFFFFF;
    text-decoration: none;
}
.nav-link:hover{
    color: #FFFFFF;
    text-decoration: underline;
}
#maintenanceContent {
    flex: 0 0 80%;
}
#contentLeft{
        margin-bottom:32px;
    }

@media (max-width: 936px) {
    #maintenanceContent {
        flex: 0 0 100%;
    }
        #contentLeft,
        #contentRight {
            max-width: 700px;
            /* gleiche maximale Breite */
            margin: 0 auto;
            /* zentriert die Spalten */
        }
        .btn-primary{
                display:block;
            }
}
#maintenanceContent h1 {
    font-size:24px;
    font-weight: 600;
}
#maintenanceContent .soMe{
        background-color: #F0F0F3;
            padding: 16px;
            border-radius: 5px;
            font-weight:600;
    }
.btn-primary{
    background-color: #000000;
    border: 1px solid #000000;
    color:#FFFFFF;
    border-radius: 0;
    font-weight:600;
}
.btn-primary:hover {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
}
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    box-shadow: none;
}
#verfuegbareSeitenWrapper #backLink,
#impressumWrapper #backLink{
    color: #000000;
    border-bottom: 2px solid #000000;
    padding-bottom:4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap:8px;
    width: max-content;
    font-weight: 600;
}
#verfuegbareSeitenWrapper,
#impressumWrapper{
    padding-top:32px;
    padding-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#verfuegbareSeitenContent {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#verfuegbareSeitenWrapper h1,
#impressumWrapper h1{
    font-size: 24px;
    color:#000000;
    font-weight: 600;
    
}
#verfuegbareSeitenWrapper .accordion-item h2 button,
#impressumWrapper h2 {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}
#verfuegbareSeitenWrapper h3,
#impressumWrapper h3 {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    margin-bottom:0px;
}
.institution {
    display: flex;
    flex-direction: column;
    gap:16px;
}
#maintenanceContent .soME a,
.websitesEl a{
    margin-bottom:4px;
    display: block;
}
#maintenanceContent .soME a,
.websitesEl a,
.soMe a,
#impressumWrapper a,
footer a {
    color: #2b4474;
    text-decoration: underline;
}
#maintenanceContent .soME a,
.websitesEl a:hover,
.soMe a:hover,
#impressumWrapper a:hover,
footer a:hover {
    color:#091128 ;
    text-decoration: underline;
}

.soMe p{
    margin-bottom:0px;
}
.accordion-body .soMe {
        margin-bottom: 16px;
    }
.accordion-button{
    color: #000;
    /* Text schwarz */
}


.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #FFFFFF;
    box-shadow: none;
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* Pfeil im geöffneten Zustand (ebenfalls schwarz) */
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.accordion-button:focus {
    z-index: 3;
    border-color: #000000;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(0, 0, 0, .25);
}