.tour-table {
    width: 100%;
    max-width: 1200px; /* Maximale Breite der Tabelle */
    margin: 0 auto; /* Zentrierte Darstellung */
    border-collapse: collapse;
    margin: 10px 0;
}

.tour-table th, .tour-table td {
    border: 1px solid #ddd;
    padding: 10px;
}

.tour-table th {
    background-color: #f4f4f4;
    text-align: left;
}

/* Bilder relativ zur Tabellenspalte skalieren */
.tour-table td img {
    width: 80%; /* Das Bild nimmt 80% der Spaltenbreite ein */
    height: auto; /* Höhe wird basierend auf dem Seitenverhältnis automatisch berechnet */
    max-width: 100%; /* Bild überschreitet niemals die Spaltenbreite */
    object-fit: contain; /* Kein Zuschneiden, Bild bleibt vollständig sichtbar */
    margin: 0 auto; /* Optional: Zentrierung des Bildes in der Zelle */
    display: block; /* Block-Darstellung für bessere Kontrolle */
}

/* 1. Standard-Verhalten (Desktop): Alle Elemente nebeneinander */
.tourenbuch-actions-wrapper {
    display: inline-block;
    width: 100%; /* Wichtig für Umbruch */
}

/* 2. Erzwingen des Umbruchs auf kleinen Geräten */
@media (max-width: 600px) { /* Anpassen der Breakpoint-Breite */
    /* Den Titel-Link und die Buttons zwingen, eine ganze Zeile einzunehmen */
    .tourenbuch-actions-wrapper input[type="submit"] {
        display: block;
        margin-top: 5px;
    }
	/* Den Titel-Link und die Buttons zwingen, eine ganze Zeile einzunehmen */
    .tourenbuch-actions-wrapper input[type="submit"] {
        display: block;
        margin-top: 5px;
    }	
}

/* Responsive Anpassungen */
@media (max-width: 767px) {
    .tour-table td img {
        width: 100%; /* Bei kleineren Bildschirmen füllt das Bild die Spalte */
        max-width: 100%; /* Überschreitet niemals die Spaltenbreite */
    }
}

/* Ziel: Machen Sie die Bearbeiten/Löschen-Buttons kompakter */
.tourenbuch-button-action {
    /* Setze vertikale Ränder auf Null */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    
    /* Setze den vertikalen Innenabstand auf ein Minimum */
    padding: 2px 5px !important; /* Beispiel: Oben/Unten 2px, Links/Rechts 5px */
    
    /* Reduziere die Schriftgröße, um die Höhe weiter zu verkleinern */
    font-size: 0.75rem; /* Oder eine kleinere Einheit */
    
    /* Stelle sicher, dass sie sich in der gleichen Zeile wie der Link befinden */
    display: inline-block;
    vertical-align: middle; /* Hilft bei der vertikalen Ausrichtung mit dem Link */
}

.tourenbuch-line-clamp {
    display: -webkit-box; /* Aktiviert das flexible Box-Modell */
    overflow: hidden; /* Verbirgt Text, der das Limit überschreitet */
    text-overflow: ellipsis; /* Fügt "..." hinzu */
    -webkit-box-orient: vertical; /* Stapelt die Zeilen vertikal */
}

/* Reduziere den Abstand des Tourentitel-Links */
.wp-site-blocks td input[name="TourenbuchDetailseite"] {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* Entferne jegliche unnötige Höhe oder Padding von der Zelle selbst */
table td {
    padding-top: 5px; /* Reduziere diesen Wert, wenn nötig */
    padding-bottom: 5px; /* Reduziere diesen Wert, wenn nötig */
    vertical-align: top; /* Stellt sicher, dass Inhalte oben ausgerichtet werden */
}

/* Setzt die vertikalen Ränder des umschließenden Formulars auf Null */
table td form {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.2; /* Reduzierter Zeilenabstand */
}

/* Reduziert das Padding des Tourentitel-Links */
.wp-site-blocks td input[name="TourenbuchDetailseite"] {
    /* Der Link hat aktuell 5px Padding, was in Ordnung ist, aber Sie können es reduzieren: */
    padding: 2px 5px !important; 
    margin: 0 !important;
    vertical-align: middle;
}

/*Fuer Sortieren der Spalten*/
/* --- Neu: Sortierbare Tabellenköpfe für die Suchergebnisse --- */
#tourenbuchSuchergebnisTabelle th { 
    cursor: pointer; 
    user-select: none; 
    position: relative; 
    padding-right: 15px; 
}

#tourenbuchSuchergebnisTabelle th:hover { 
    background-color: #e2e2e2; /* Leichtes Grau beim Hovern */
}

#tourenbuchSuchergebnisTabelle th.asc::after { 
    content: ' \25B2'; /* Pfeil nach oben */
    position: absolute; 
    right: 2px; 
    font-size: 0.8em; 
}

#tourenbuchSuchergebnisTabelle th.desc::after { 
    content: ' \25BC'; /* Pfeil nach unten */
    position: absolute; 
    right: 2px; 
    font-size: 0.8em; 
}