.organigram ul {
    list-style-type: none;
}

.organigram h2 {
    text-align: center;
    text-transform: uppercase
}

.organigram h3 {
    font-weight: 400;
    text-transform: uppercase
}

.organigram .row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -7.5px
}

@media (max-width: 991px) {
    .organigram .row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.organigram .row [class*=col-] {
    overflow: hidden;
    padding: 0 7.5px
}

.organigram .row [class*=background-] {
    height: 100%
}

.organigram .background-dark-blue,
.organigram .background-dark-green,
.organigram .background-grey,
.organigram .background-light-blue,
.organigram .background-light-green,
.organigram .background-orange,
.organigram .background-yellow {
    padding: 10px 15px;
    margin: 10px 0
}

.organigram .background-grey {
    background: #f2f2f2
}

.organigram .background-orange {
    background: #fee3c6
}

.organigram .background-light-green {
    background: #deeddd
}

.organigram .background-dark-green {
    background: #cae4cd
}

.organigram .background-light-blue {
    background: #b1def1
}

.organigram .background-dark-blue {
    background: #b3ceed
}

.organigram .background-yellow {
    background: #fefbe3
}

.organigram .button-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: auto;
}

/*
 * 12px = halbe Bootstrap-Gutter (1.5rem) = Innenabstand des Containers.
 * Vorher 15px (Bootstrap-Gutter 30px aus dem alten Theme): die Liste ragte
 * dann 3px pro Seite aus dem Container und erzeugte auf dem Handy einen
 * horizontalen Scrollbalken.
 */
.organigram .button-list.col-2,
.organigram .button-list.col-3 {
    margin: 0 -12px
}

.organigram .button-list.col-2 li,
.organigram .button-list.col-3 li {
    width: 50%;
    padding: 0 12px
}

@media (max-width: 767px) {

    .organigram .button-list.col-2 li,
    .organigram .button-list.col-3 li {
        width: 100%
    }
}

.organigram .button-list.col-2 li.span-2,
.organigram .button-list.col-3 li.span-2 {
    width: 100%
}

.organigram .button-list.col-3 li {
    width: 33.33333%
}

@media (max-width: 991px) {
    .organigram .button-list.col-3 li {
        width: 100%
    }
}

.organigram .button-list.col-3 li.span-3 {
    width: 100%
}

.organigram .button-list li {
    width: 100%;
    margin-bottom: 10px
}

.organigram .button-dark-blue,
.organigram .button-dark-green,
.organigram .button-grey,
.organigram .button-light-blue,
.organigram .button-light-green,
.organigram .button-orange,
.organigram .button-red,
.organigram .button-yellow {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 10px;
    font-size: 16px;
    line-height: 20px
}

.organigram .button-dark-blue:focus,
.organigram .button-dark-blue:hover,
.organigram .button-dark-green:focus,
.organigram .button-dark-green:hover,
.organigram .button-grey:focus,
.organigram .button-grey:hover,
.organigram .button-light-blue:focus,
.organigram .button-light-blue:hover,
.organigram .button-light-green:focus,
.organigram .button-light-green:hover,
.organigram .button-orange:focus,
.organigram .button-orange:hover,
.organigram .button-red:focus,
.organigram .button-red:hover,
.organigram .button-yellow:focus,
.organigram .button-yellow:hover {
    opacity: .45
}

.organigram .button-grey {
    background: #9d9d9c
}

.organigram .button-red {
    background: #ec6608
}

.organigram .button-orange {
    background: #f7a600
}

.organigram .button-light-green {
    background: #96b522
}

.organigram .button-dark-green {
    background: #007c57
}

.organigram .button-light-blue {
    background: #00a5d3
}

.organigram .button-dark-blue {
    background: #005081
}

.organigram .button-yellow {
    background: #ffee8b;
    color: #000
}

