.crew-productions { font-family: var(--awb-typography1-font-family); } .crew-filter { margin-bottom: 25px; display: flex; gap: 12px; flex-wrap: wrap; } .crew-filter select { padding: 10px 12px; border: 1px solid var(--awb-color3); border-radius: var(--awb-border-radius); font-size: 14px; flex: 1; min-width: 180px; } .crew-filter select:focus { outline: none; border-color: var(--awb-color1); } .crew-table-wrap { overflow-x: auto; } .crew-table { width: 100%; border-collapse: collapse; } .crew-table thead th { background: var(--awb-color1); color: #fff; padding: 12px 10px; text-align: left; font-weight: 600; font-size: 14px; white-space: nowrap; } .crew-table tbody tr { border-bottom: 1px solid var(--awb-color3); transition: background 0.2s; } .crew-table tbody tr:hover { background: var(--awb-color7); } .crew-table td { padding: 10px; font-size: 14px; } .crew-table .col-year { width: 60px; font-weight: 600; } .crew-table .col-type, .crew-table .col-sender, .crew-table .col-regie, .crew-table .col-produktion { color: var(--awb-color5); font-size: 13px; } .crew-pagination { margin-top: 25px; display: flex; justify-content: center; gap: 5px; flex-wrap: wrap; } .crew-pagination button { padding: 8px 12px; border: 1px solid var(--awb-color3); background: #333; color: #fff; cursor: pointer; border-radius: var(--awb-border-radius); transition: all 0.2s; } .crew-pagination button:hover { background: #555; } .crew-pagination button.active { background: #fff; color: #000; border-color: #fff; } .crew-pagination button:disabled { opacity: 0.5; cursor: not-allowed; } .crew-count { text-align: center; margin-top: 15px; color: var(--awb-color5); } @media (max-width: 768px) { .crew-filter select { min-width: calc(50% - 6px); } } // HIER FILTER SETZEN var CREW_FILTER = { type: 'film' // film, serie, kino, doku, werbung, musik oder leer für alle };