.hero-banner-img {
    position: relative;
}

img.musician {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100% !important;
    width: auto;
    right: 10%;
}

.topbar ul li a {
    font-size: 11px;
}

.navbar-light .navbar-nav .nav-link {
    font-size: 14px;
}

.hero-banner-img img {
    height: 60%;
}

.filt-cmnbx {
    display: inline-block;
    float: left;
}

.categorySpan {
    float: left;
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
}

.filt-cmnbx {
    margin-right: 3px;
}

/*.preview-bx {
    display: flex;
    width: 100%;
    flex-direction: column;
    max-width: 130px;
}

.records-box {
    display: flex;
    width: 100%;
    flex-direction: column;
    max-width:130px
}


.preview-bx img {
    max-width: 250px;
}

.records-box img {
    max-width: 203px;
}

.slick-slide img {
    display: block;
    width: 100%;
    height: auto;
}*/

/*.recordsBox {
    width: 100%;
*/ }

.recordsBox img {
    width: 150px;
    height: auto;
}


.recording-slider-wrap, .recording-slider-outer {
    display: flex;
}

.recording-slider-wrap, .recording-slider-outer, .recording-slider {
    min-width: 0;
    width: 150px;
}

.records-box a.btn-play {
    color: white;
    padding: 5px 8px;
    background-color: red;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


* {
    min-height: 0;
    min-width: 0;
}

p a, .textSection li a {
    color: #EC2029;
}

.textSection ul {
    padding-left: 25px;
}

.textSection li {
    list-style: disc;
}


.activites-wrp ul:after {
    top: -150px;
}

.marginTopSmall {
    margin-top: 5px;
}

.filt-cmnbx.inner-grp {
    margin-bottom: 2px;
    margin-top: 2px;
}

.inlineBtn {
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
}

.textSection.padding {
    padding-top: 60px;
    padding-bottom: 60px;
}

.musical-banner .banner-data h1 {
    margin-bottom: 10px;
}

.outerMultimedia.textSection {
    background-color: #EC2029;
    color: white;
    padding: 40px;
    border-radius: 45px;
    margin-bottom: 40px;
}

.outerMultimedia h2 {
    margin-bottom: 19px;
}


.filter-rw .btn-group button {
    background: #EC2029;
    border-radius: 25px;
    color: #EC2029;
    border: 1px solid #EC2029;
    background-color: white;
}

    .filter-rw .btn-group button.active {
        color: white;
        background-color: #EC2029;
    }

.elementList tr{
    position:relative;
}

img.ytLogo {
    position: absolute;
    width: 21px;
    right: 11px;
}

.inner {
    margin-bottom: 40px;
}

.outerMultimedia p a{
    color:white;
    border-bottom:1px solid white;
}


.filter-table-wrp table tbody tr td .inner .inner-grp h5 {
    background-color: #90191D;
}

.activites-data h2 {
    font-family: "Barlow", sans-serif;
    font-size: 25px;
}

@media screen and (min-width: 768px) {
    .hero-banner-img {
        width: 50%;
        width: 50%;
    }

    img.musician {
        left: -21%;
        right: unset;
    }

    .contentPage .musical-banner .hero-banner-img {
        width: 40%;
    }
}


@media screen and (min-width:992px) {
    .portrait-box {
        max-height: 333px;
    }
}

/* Mobile Ansicht: Zeige nur die erste und letzte Spalte an */
@media (max-width: 768px) {
    .table tr:not([data-parent]) td,
    .table thead th {
        display: none; /* Standardmäßig alle Spalten ausblenden */
    }

        .table tr:not([data-parent]) td:first-child,
        .table tr:not([data-parent]) td:last-child,
        .table thead th:first-child,
        .table thead th:last-child {
            display: table-cell; /* Zeige nur die erste und letzte Spalte an */
        }
}