/* tauchbasis.de 2026 — Such-/Filterseite /tauchbasen-finden/ */
.tb-search-hero{background:linear-gradient(135deg,var(--abyss),var(--deep) 60%,var(--sea));color:#fff;
  padding:40px clamp(16px,4vw,40px) 28px}
.tb-search-hero .in{max-width:1180px;margin:0 auto}
.tb-search-hero h1{font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:800;letter-spacing:-.4px;margin:0}
.tb-search-hero p{color:#bcd4e4;margin:.5em 0 0;max-width:60ch}

.tb-search-layout{display:grid;grid-template-columns:minmax(320px,400px) 1fr;gap:0;
  height:calc(100vh - 132px);min-height:560px;background:var(--sand)}
.tb-filters{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff;overflow:hidden}
.tb-filters .tb-f-head{padding:16px 18px 6px;overflow:auto}
.tb-field{position:relative;margin-bottom:14px}
.tb-field .tb-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}
.tb-field input{width:100%;padding:12px 12px 12px 40px;border-radius:10px;border:1px solid var(--line);font-size:1rem;font-family:inherit;background:#fff;color:var(--ink)}
.tb-field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(22,184,196,.15)}
.tb-filters label.tb-flabel{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sea);font-weight:700;margin:10px 0 6px}
.tb-filters select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--line);font-size:.95rem;font-family:inherit;background:#fff;color:var(--ink)}
.tb-filters select:focus{outline:none;border-color:var(--teal)}
.tb-facetbox{margin:4px 0 6px}
.tb-filters .tb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.tb-filters .tb-chip{font-size:.82rem;font-weight:600;padding:6px 11px;border-radius:999px;cursor:pointer;
  background:#eef5f9;border:1px solid var(--line);color:var(--sea);transition:all .14s}
.tb-filters .tb-chip:hover{background:#e3eef5}
.tb-filters .tb-chip.on{background:var(--teal);border-color:var(--teal);color:#04222a}
.tb-search-actions{display:flex;align-items:center;gap:12px;padding:10px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfdfe}
.tb-search-actions .tb-count{font-size:.86rem;color:var(--muted)}
.tb-search-actions .tb-count b{color:var(--abyss)}
#tb-f-reset{margin-left:auto;background:none;border:none;color:var(--sea);font-weight:700;font-size:.86rem;cursor:pointer}
#tb-f-reset:hover{color:var(--teal)}

#tb-search-list{flex:1;overflow:auto;padding:8px}
.tb-result{display:block;padding:11px 12px;border-radius:10px;border:1px solid transparent;text-decoration:none}
.tb-result + .tb-result{margin-top:2px}
.tb-result:hover{background:#f4f9fc;border-color:var(--line)}
.tb-result-name{display:block;font-family:var(--display);font-weight:700;color:var(--ink);font-size:.98rem}
.tb-result-region{display:block;font-size:.83rem;color:var(--muted);margin-top:2px}

.tb-search-map{position:relative}
#tb-search-map{position:absolute;inset:0}
.tb-search-map .leaflet-tile{filter:saturate(.85) brightness(.96)}

@media (max-width:900px){
  .tb-search-layout{grid-template-columns:1fr;height:auto}
  .tb-filters{border-right:none;border-bottom:1px solid var(--line)}
  #tb-search-list{max-height:46vh}
  .tb-search-map{height:60vh}
  #tb-search-map{position:absolute;inset:0}
}