table.table.config {
    margin-top: 3rem;
}

#page2 .actionBar {
    display: unset !important;
}

 .nav.nav-tabs.secondary-tabs > li a[data-toggle="tab"]{
        outline: none;
    }

@media (max-width: 767px) {
    .ticketTypes .ticketTypeSumSoldOut .badge.badge-important {
        bottom: 7em !important;
    }
    
    tr.ticketTypes.typeNotActive td.td-count {
        display: none !important;
    }
    tr.ticketTypes.typeNotActive td.ticketTypeSumSoldOut {
        border-top-width: 0;
    }
}

.cover .cover-content h2 { line-height: 1.4em !important; }
.cover { margin-bottom: 0 !important; }



@media (max-width: 767px) {
    /* 1. Container für den Verlauf-Effekt */
    .nav-tabs-scroll-container {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
    }

    /* 2. Die Tab-Leiste selbst */
    .nav-tabs[data-name="tab-main"] {
        display: flex !important;
        flex-wrap: nowrap !important; /* Verhindert das Umbrechen */
        overflow-x: auto !important; /* Aktiviert das seitliche Scrollen */
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; /* Sanftes Scrollen auf iOS */
        border-bottom: 1px solid #ddd;
        padding-bottom: 2px;
    }

    /* 3. Einzelne Tabs */
    .nav-tabs[data-name="tab-main"] li {
        flex: 0 0 auto; /* Verhindert, dass die Tabs gequetscht werden */
        display: inline-block;
    }

    /* 4. Der Farbverlauf rechts */
    .nav-tabs-scroll-container::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 40px; /* Breite des Verlaufs */
        height: 100%;
        background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
        pointer-events: none; /* Klicks gehen durch den Verlauf auf die Tabs */
        z-index: 2;
    }

    /* Versteckt die unschöne Scrollbar unten */
    .nav-tabs[data-name="tab-main"]::-webkit-scrollbar {
        display: none;
    }
    
}