.growthy-ref-mobile-filter {
  display: none;
}

@media (max-width: 767px) {
  main[data-route="referenzen"].growthy-ref-filter-ready .seg[data-tg="rf"] {
    display: none;
  }

  main[data-route="referenzen"].growthy-ref-filter-ready .growthy-ref-mobile-filter {
    display: block;
    margin: 0 0 22px;
  }

  .growthy-ref-mobile-filter label {
    display: block;
    margin: 0 0 8px;
    color: var(--mut);
    font-size: .85rem;
    font-weight: 500;
    line-height: 1.35;
  }

  .growthy-ref-select-wrap {
    position: relative;
  }

  .growthy-ref-select {
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 14px 48px 14px 18px;
    border: 1px solid var(--line);
    border-radius: 15px;
    appearance: none;
    -webkit-appearance: none;
    background: var(--soft);
    color: var(--ink);
    font: 500 1rem/1.4 Inter, system-ui, sans-serif;
    cursor: pointer;
  }

  .growthy-ref-select:focus-visible {
    outline: 3px solid var(--ink);
    outline-offset: 3px;
  }

  .growthy-ref-select option {
    background: var(--bg);
    color: var(--ink);
  }

  .growthy-ref-select-arrow {
    position: absolute;
    top: 50%;
    right: 21px;
    width: 9px;
    height: 9px;
    border-right: 2px solid var(--ink);
    border-bottom: 2px solid var(--ink);
    transform: translateY(-70%) rotate(45deg);
    pointer-events: none;
  }
}

@media (max-width: 363px) {
  main[data-route="referenzen"] #rcgrid {
    grid-template-columns: minmax(0, 1fr);
  }
}