/* Deaktiviert jegliche Hover- und Maus-Effekte */
table, 
table * {
    pointer-events: none !important;
    transition: none !important;
}

/* Setzt die Tabelle komplett zurück */
table {
    border-collapse: collapse !important;
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 25px !important;
    font-size: 100%;
}

/* Verhindert abwechselnde Hintergrundfarben */
table tr {
    background: transparent !important;
    background-color: transparent !important;
}

/* Erzwingt die exakte Ausrichtung oben und fügt den Abstand zwischen den Reihen hinzu */
table td {
    display: table-cell !important;
    vertical-align: top !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    
    /* Desktop: 0px oben, 40px rechts, 25px unten, 0px links */
    padding: 0 40px 25px 0 !important; 
    margin: 0 !important;
    
    line-height: 1.4 !important; 
}

/* GEZIELT FÜR DIE ERSTE SPALTE (Desktop): Gibt ihr mehr Raum */
table td:first-child {
    width: 250px !important;
}

/* DESKTOP-FIX: Letzte Reihe braucht keinen Abstand nach unten */
@media (min-width: 768px) {
    table tr:last-child td {
        padding-bottom: 0 !important;
    }
}

/* Killt die Standard-Abstände des h4-Elements aus deinem HTML */
table td h4 {
    margin: 0 !important;
    padding: 0 !important;
}


/* MOBILE ANPASSUNG (Stacked Layout für Bildschirme kleiner als 768px) */
@media (max-width: 767px) {
    /* Macht aus den Tabellen-Elementen normale Block-Elemente untereinander */
    table, 
    table tbody, 
    table tr, 
    table td {
        display: block !important;
        width: 100% !important;
    }
    
    /* Standard-Abstand für ALLE Zellen auf Mobile */
    table td {
        padding-right: 0 !important; 
        padding-bottom: 25px !important; /* Jedes Beschreibungselement hält 25px Abstand zur nächsten Reihe */
    }
    
    /* Jede Überschrift kriegt JETZT STABIL ihre 10px Abstand zum direkt darunterstehenden Text */
    table td:first-child {
        padding-bottom: 10px !important; 
    }
    
    /* MOBILE-FIX: NUR das absolut letzte Element der gesamten Tabelle kriegt den Abstand entzogen */
    table tr:last-child td:last-child {
        padding-bottom: 0 !important;
    }
}