

@media(min-width: 0px) {
    .organigramm {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .organigramm > .accordion {
        background-color: white;
        padding: 30px;
        gap: 10px;
        display: flex;
        flex-direction: column;
    }

    .organigramm .contact-container + .accordion {
        padding-top: 20px;
    }
    .organigramm .accordion-body .accordion {
        padding-left: 20px;
    }

    .organigramm .accordion-body .contact-container {
        padding: 10px;
    }

    .organigramm .accordion-headline {font-size: 20px; margin-bottom: 20px; text-align: center;}
    .organigramm .accordion-subheadline {display: block; padding: 10px; background-color: #f6f6f6; text-align: center;}
    .organigramm .accordion-header {font-size: 20px;}
    .organigramm .accordion-header button {font-size: 16px;}


    .organigramm a {text-align: center;}
    .organigramm .list-normal {
        text-align: left;
        margin: 0px auto;
    }

    .organigramm .accordion-button[aria-expanded="true"]{
        border-left: 5px solid var(--Red);
        padding-left: 10px;
        background-color: var(--Grey);
        transition: background-color 0.3s ease, border-left-width 0.3s ease, border-left-color 0.3s ease;
    }

     .organigramm .accordion-item .accordion-collapse.show {
        background-color: var(--Grey);
        transition: background-color 0.3s ease;
     }

    /*
    .organigramm .accordion-sub button::before {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="%23000000"><path d="M10 0 L10 10 L20 10" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        opacity: 0.3;
        padding-right: 10px;
    }*/
}
@media(min-width: 576px) {}
@media(min-width: 768px) {

}
@media(min-width: 992px) {
            .organigramm {
        grid-template-columns: 1fr 1fr;
    }
}
@media(min-width: 1200px) {}
@media(min-width: 1400px) {
        .organigramm {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media(min-width: 1920px) {}
