.panel {
    background-color: #222;
    border-color: #999;
    width: 100%;
    height: 100%;
}

.panel-heading {
    border-bottom-color: #9d9d9d
}

.panel-body {
    padding: 0px;
}

.panel-footer {
    background-color: #222;
    border-top-color: #9d9d9d;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;

}

@media (min-width: 992px) {
    .equals {
        display: -webkit-flex;
        padding-bottom: 28px;
    }
}

@media (max-width: 1199px) {
    .img-card-full {
        height: auto;
        max-height: 335px;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .img-card-full {
        height: auto;
        max-height: 400px;
        width: 100%;
    }
}

.accordion {
    background-color: #222;
    color: #999;
    padding: 5px;
    border: none;
    text-align: left;
    font-size: 16px;
    transition: 0.4s;
}

button.accordion:after {
    content: '\002B' '\0020' 'Mehr Informationen anzeigen';
    color: #ea6b09;
    float: left;
}

button.accordion:focus {
    outline: none;
}

button.accordion.active:after {
    content: '\2212' '\0020' 'Mehr Informationen ausblenden';
}