/* ==========================================================================
   Referenzen-Filter — Dropdowns über der Referenzen-Liste — funktionaler Layer.
   Flex-Layout, Select-Reset (appearance:none) + SVG-Arrow als Background-Image,
   Focus-Reset, Mobile-Stack.
   ========================================================================== */

.referenzen-filter__form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.referenzen-filter__group {
  flex: 1;
  min-width: 200px;
}

.referenzen-filter__group select {
  width: 100%;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
}

.referenzen-filter__group select:focus {
  outline: none;
}

@media (max-width: 600px) {
  .referenzen-filter__form { flex-direction: column; }
  .referenzen-filter__group { min-width: 100%; }
}
/* ==========================================================================
   Referenzen-Filter — r2go4 visueller Layer.
   Drift bereinigt: #ccc→--color-border, #fff→--color-white,
   --color-text-dark/--color-primary Fallbacks entfernt (Tokens immer da),
   focus-ring rgba(184,134,11) → --color-primary-alpha-15 (aktueller Primary).
   ========================================================================== */

.referenzen-filter {
  max-width: 900px;
  margin: 0 auto 2rem;
  padding: 0 1rem;
}

.referenzen-filter__form {
  gap: 1.5rem;
}

.referenzen-filter__group select {
  padding: 0.65rem 1rem;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  font-size: 0.95rem;
  background-color: var(--color-white);
  color: var(--color-text-dark);
}

.referenzen-filter__group select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary-alpha-15);
}

@media (max-width: 600px) {
  .referenzen-filter__form { gap: 1rem; }
}