:root {
--sw-blau:        #0073e6;
--sw-blau-hover:  #0066cc;
--sw-dunkelblau:  #003366;
--sw-hellblau:    #add8e6;
--sw-bg-hell:     #f8f9fa;
--sw-border:      #e0e0e0;
--sw-gruen:       #28a745;
--sw-gelb-bg:     #ffc107;
--sw-gelb-text:   #212529;
--sw-rot:         #dc3545;
--sw-grau-text:   #666;
--sw-radius:      8px;
} .toernliste-container {
max-width: 1200px;
margin: 0 auto;
padding: 30px 15px 60px;
} .toernliste-filter-bar {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
align-items: center !important;
background: #fff !important;
border: 1px solid var(--sw-border) !important;
border-radius: var(--sw-radius) !important;
padding: 12px 16px !important;
margin-bottom: 20px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}
.filter-gruppe {
display: flex !important;
flex-wrap: wrap !important;
gap: 5px !important;
align-items: center !important;
}
.filter-gruppe-rechts {
margin-left: auto !important;
}
.filter-label {
font-size: 12px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
color: var(--sw-grau-text) !important;
margin-right: 4px !important;
white-space: nowrap !important;
} .tl-filter-btn {
background: var(--sw-bg-hell) !important;
border: 2px solid transparent !important;
color: var(--sw-dunkelblau) !important;
padding: 5px 14px !important;
border-radius: 20px !important;
cursor: pointer !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
transition: all 0.2s ease !important;
white-space: nowrap !important;
text-decoration: none !important;
box-shadow: none !important;
}
.tl-filter-btn:hover {
background: var(--sw-blau) !important;
color: #fff !important;
border-color: var(--sw-blau) !important;
}
.tl-filter-btn.active {
background: var(--sw-blau) !important;
color: #fff !important;
border-color: var(--sw-blau) !important;
}
.vergangen-btn {
background: #f5f0e8 !important;
color: #888 !important;
border-color: #ddd !important;
}
.vergangen-btn.active {
background: var(--sw-dunkelblau) !important;
color: #fff !important;
border-color: var(--sw-dunkelblau) !important;
} .toernliste-tabelle-wrapper {
overflow-x: auto !important;
border-radius: var(--sw-radius) !important;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.10) !important;
margin-bottom: 30px !important;
} .toernliste-tabelle {
width: 100% !important;
border-collapse: collapse !important;
background: #fff !important;
font-size: 14px !important;
border-spacing: 0 !important;
} .toernliste-tabelle thead tr {
background-color: var(--sw-dunkelblau) !important;
}
.toernliste-tabelle thead th {
background-color: var(--sw-dunkelblau) !important;
color: #fff !important;
padding: 11px 14px !important;
text-align: left !important;
font-size: 12px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
white-space: nowrap !important;
border: none !important;
border-bottom: none !important;
}
.toernliste-tabelle thead th.sortierbar {
cursor: pointer !important;
user-select: none !important;
}
.toernliste-tabelle thead th.sortierbar:hover {
background-color: var(--sw-blau) !important;
}
.toernliste-tabelle thead th.sortierbar::after {
content: ' ↕' !important;
opacity: 0.4 !important;
font-size: 11px !important;
}
.toernliste-tabelle thead th.sort-asc::after {
content: ' ↑' !important;
opacity: 1 !important;
}
.toernliste-tabelle thead th.sort-desc::after {
content: ' ↓' !important;
opacity: 1 !important;
} .toernliste-tabelle tbody tr {
border-bottom: 1px solid #eee !important;
transition: background 0.15s ease !important;
background-color: #fff !important;
}
.toernliste-tabelle tbody tr:last-child {
border-bottom: none !important;
}
.toernliste-tabelle tbody tr:hover {
background-color: #f0f7ff !important;
}
.toernliste-tabelle tbody tr.zeile-vergangen {
opacity: 0.5 !important;
background-color: #fafafa !important;
}
.toernliste-tabelle tbody tr.zeile-vergangen:hover {
background-color: #f5f5f5 !important;
opacity: 0.65 !important;
} .toernliste-tabelle tbody td {
padding: 11px 14px !important;
vertical-align: middle !important;
color: var(--sw-dunkelblau) !important;
border: none !important;
border-bottom: 1px solid #eee !important;
} .toernliste-tabelle .col-id      { width: 60px;  white-space: nowrap; }
.toernliste-tabelle .col-revier  { width: 130px; }
.toernliste-tabelle .col-toern   { min-width: 200px; }
.toernliste-tabelle .col-termin  { width: 120px; white-space: nowrap; font-size: 13px; }
.toernliste-tabelle .col-dauer   { width: 75px;  white-space: nowrap; text-align: right; }
.toernliste-tabelle .col-preis   { width: 110px; white-space: nowrap; }
.toernliste-tabelle .col-plaetze { width: 90px; }
.toernliste-tabelle .col-aktion  { width: 85px;  text-align: right; white-space: nowrap; } .toern-id-badge {
display: inline-block !important;
font-weight: 700 !important;
font-size: 13px !important;
color: var(--sw-blau) !important;
letter-spacing: 0.03em !important;
} .toern-titel-link {
display: block !important;
font-weight: 700 !important;
font-size: 14px !important;
color: var(--sw-dunkelblau) !important;
text-decoration: none !important;
line-height: 1.3 !important;
margin-bottom: 3px !important;
transition: color 0.2s ease !important;
}
.toern-titel-link:hover {
color: var(--sw-blau) !important;
text-decoration: underline !important;
}
.toern-route {
display: block !important;
font-size: 12px !important;
color: var(--sw-grau-text) !important;
margin-top: 2px !important;
} .revier-tag {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 10px !important;
font-size: 11px !important;
font-weight: 700 !important;
margin: 1px 2px 1px 0 !important;
white-space: nowrap !important;
letter-spacing: 0.02em !important;
} .revier-karibik      { background: #fde8d0 !important; color: #8a3200 !important; }
.revier-atlantik     { background: #d0e8fd !important; color: #003d8a !important; }
.revier-nordatlantik { background: #d0e8fd !important; color: #003d8a !important; }
.revier-mittelmeer   { background: #d0fde8 !important; color: #00622e !important; }
.revier-azoren       { background: #e8d0fd !important; color: #4a0080 !important; }
.revier-nordsee      { background: #d0f0fd !important; color: #005a7a !important; }
.revier-ostsee       { background: #d0f0e8 !important; color: #005a3a !important; }
.revier-kanaren      { background: #fdf0d0 !important; color: #7a4a00 !important; } .revier-tag:not([class*="revier-karibik"]):not([class*="revier-atlantik"]):not([class*="revier-nordatlantik"]):not([class*="revier-mittelmeer"]):not([class*="revier-azoren"]):not([class*="revier-nordsee"]):not([class*="revier-ostsee"]):not([class*="revier-kanaren"]):not(.revier-unbekannt) {
background: #e0eeff !important;
color: #003366 !important;
}
.revier-unbekannt {
background: #eee !important;
color: #999 !important;
} .verfuegbarkeit-badge {
display: inline-block !important;
padding: 3px 9px !important;
border-radius: 10px !important;
font-size: 12px !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
.badge-gruen { background: #d4f5e2 !important; color: #1a6b3a !important; }
.badge-gelb  { background: #fff3cd !important; color: #6b4e00 !important; }
.badge-rot   { background: #fdd0d0 !important; color: #8a0000 !important; } .preis-betrag {
display: block !important;
font-weight: 700 !important;
font-size: 15px !important;
color: var(--sw-dunkelblau) !important;
}
.preis-einheit {
display: block !important;
font-size: 11px !important;
color: var(--sw-grau-text) !important;
} .tl-btn {
display: inline-block !important;
padding: 6px 14px !important;
border-radius: 4px !important;
font-size: 12px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10) !important;
white-space: nowrap !important;
}
.tl-btn-blau {
background-color: var(--sw-blau) !important;
color: #fff !important;
}
.tl-btn-blau:hover {
background-color: var(--sw-blau-hover) !important;
color: #fff !important;
transform: translateY(-1px) !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
}
.tl-btn-grau {
background-color: #ccc !important;
color: #666 !important;
}
.tl-btn-grau:hover {
background-color: #bbb !important;
color: #555 !important;
} .toernliste-leer {
text-align: center;
padding: 40px;
background: var(--sw-bg-hell);
border-radius: var(--sw-radius);
color: var(--sw-grau-text);
margin-top: 10px;
} .toernliste-container .info-formular-container {
margin-top: 60px;
padding: 30px;
background-color: var(--sw-bg-hell);
border-radius: var(--sw-radius);
}
.toernliste-container .info-formular-container h2 {
margin-bottom: 20px;
color: var(--sw-dunkelblau);
text-align: center;
} @media ( max-width: 900px ) {
.filter-gruppe-rechts {
margin-left: 0 !important;
width: 100%;
}
.toernliste-tabelle .col-dauer {
display: none;
}
}
@media ( max-width: 640px ) {
.toernliste-tabelle {
font-size: 13px !important;
}
.toernliste-tabelle tbody td {
padding: 8px 10px !important;
}
.toernliste-tabelle .col-revier,
.toernliste-tabelle .col-preis {
display: none;
}
.toernliste-tabelle .col-toern {
min-width: 160px;
}
.filter-label {
display: none !important;
}
}