/* 1. Gesamte Kopfzeile auf Weiß setzen */
.header {
    background-color: #ffffff !important;
    background-image: none !important; /* Entfernt eventuelle Standard-Verläufe */
    padding-bottom: 0; /* Verhindert Lücken zum roten Balken */
}

/* 2. Den Vereinsnamen (falls als Text hinterlegt) dunkel färben */
.header .navbar-brand a {
    color: #8A1C14 !important; 
}

/* 3. Den Menü-Bereich als eigenständigen roten Balken gestalten */
.header .container-nav {
    background-color: #8A1C14 !important; /* Das Rot aus dem Rothtaler-Schriftzug */
    margin-top: 15px; /* Abstand zum Logo darüber */
    padding: 10px 20px; /* Gibt dem roten Balken etwas Höhe und Raum */
    border-radius: 4px; /* Optionale leichte Abrundung der Ecken */
}

/* 4. Die Menüpunkte im roten Balken auf Weiß setzen */
.header .container-nav .mod-menu a {
    color: #ffffff !important;
    font-weight: 500; /* Macht die Schrift auf rotem Grund etwas besser lesbar */
    padding: 8px 15px;
}

/* 5. Hover-Effekt: Wenn man mit der Maus über das Menü fährt */
.header .container-nav .mod-menu a:hover {
    color: #ffffff !important;
    background-color: #A12B26 !important; /* Das hellere Rot vom Notenschlüssel als Highlight */
    border-radius: 4px;
}

h1, h2, h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #8A1C14; /* Euer Logo-Rot für Überschriften */
}

/* ==========================================================================
   JEVENTS REPARATUR VIA MODULKLASSENSUFFIX (.musikverein-events)
   ========================================================================== */

/* 1. Die Tabellenstruktur innerhalb UNSERES Moduls aufbrechen */
.musikverein-events table,
.musikverein-events tbody,
.musikverein-events tr,
.musikverein-events td {
    display: block !important;
    width: 100% !important;
    border: none !important;
    background: none !important;
    box-sizing: border-box !important;
}

/* 2. Jede Tabellenzeile (jeden Termin) in eine schwebende 3D-Kachel verwandeln */
.musikverein-events tr {
    display: block !important;
    background: #ffffff !important;
    border-left: 5px solid #8A1C14 !important; /* Das dunkle Rot der Rothtaler */
    border-radius: 6px !important;
    padding: 15px !important;
    margin-bottom: 15px !important;
    
    /* Plastischer Schatteneffekt */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    border-top: 1px solid rgba(0,0,0,0.02) !important;
    border-right: 1px solid rgba(0,0,0,0.02) !important;
    border-bottom: 1px solid rgba(0,0,0,0.02) !important;
    
    /* Flüssige Bewegung beim Drüberfahren */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

/* 3. Hover-Effekt: Die Karte hebt sich elegant an */
.musikverein-events tr:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(138, 28, 20, 0.12) !important; /* Subtiler roter Glanz */
}

/* 4. Den Namen des Auftritts fett und lesbar formatieren */
.musikverein-events a {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #333333 !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 5px !important;
}

/* Text verfärbt sich beim Hovern im helleren Rot des Notenschlüssels */
.musikverein-events a:hover {
    color: #A12B26 !important;
}

/* ==========================================================================
   JEVENTS PAST EVENTS - ULTIMATE REINFORCED STYLING
   ========================================================================== */

/* Target absolutely any combination of past event rows JEvents might output */
.musikverein-events tr.jev_past,
.musikverein-events tr.past,
.musikverein-events tr.past-event,
.musikverein-events tr.expired,
.musikverein-events li.jev_past,
.musikverein-events li.past,
.musikverein-events li.past-event,
.musikverein-events [class*="past"],
.musikverein-events [class*="expired"] {
    background: #fdfdfd !important; /* Muted off-white */
    border-left: 5px solid #cccccc !important; /* Muted gray instead of your logo-red */
    opacity: 0.55 !important; /* Fades the whole card out significantly */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03) !important; /* Reduces 3D depth */
    transform: none !important;
}

/* Force the text and links inside past events to become gray */
.musikverein-events tr.jev_past a,
.musikverein-events tr.past a,
.musikverein-events tr.past-event a,
.musikverein-events li.past a,
.musikverein-events [class*="past"] a,
.musikverein-events [class*="expired"] a {
    color: #777777 !important; 
    font-weight: 600 !important;
}

/* Completely kill the 3D lift-up effect on hover for past events */
.musikverein-events tr.jev_past:hover,
.musikverein-events tr.past:hover,
.musikverein-events tr.past-event:hover,
.musikverein-events li.past:hover,
.musikverein-events [class*="past"]:hover,
.musikverein-events [class*="expired"]:hover {
    transform: none !important; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03) !important; 
}

/* Stop the links from flashing red when hovered */
.musikverein-events tr.jev_past a:hover,
.musikverein-events tr.past a:hover,
.musikverein-events [class*="past"] a:hover {
    color: #555555 !important;
}