/* Hero mit Suchleiste */
.hero{position:relative;background:var(--night)}
.hero-media{position:relative;aspect-ratio:4/3;overflow:hidden}
@media (min-width:768px){.hero-media{aspect-ratio:16/7;max-height:560px;width:100%}}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,36,48,.15) 0%,rgba(27,36,48,.55) 100%)}
.hero-text{position:absolute;inset:auto 0 0 0;z-index:1;padding-bottom:var(--space-8)}
@media (min-width:768px){.hero-text{padding-bottom:120px}}
.hero-text .label{color:#fff;background:rgba(27,36,48,.45);display:inline-block;padding:4px 10px;border-radius:var(--radius-sm);margin-bottom:var(--space-3)}
.hero h1{color:#fff;font-size:36px;line-height:40px;max-width:720px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
@media (min-width:768px){.hero h1{font-size:56px;line-height:60px}}
.hero-lead{color:#fff;font-size:18px;line-height:28px;max-width:560px;margin:0}
.hero-credit{position:absolute;right:8px;top:8px;z-index:1;font-size:11px;line-height:14px;color:rgba(255,255,255,.8)}

.hero-search-wrap{position:relative;z-index:2;background:var(--surface-warm);padding:var(--space-4) 0 0}
@media (min-width:768px){.hero-search-wrap{background:transparent;margin-top:-72px;padding:0}}
.search-bar{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4);display:grid;gap:var(--space-3)}
@media (min-width:900px){.search-bar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;padding:var(--space-6)}}
.search-field{min-width:0}
.search-field > .search-label{display:block;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px}
.search-bar .btn{width:100%;min-height:60px;height:60px;margin:0}
@media (min-width:900px){.search-bar{align-items:stretch}}
.search-bar .search-field > *{width:100%;margin:0}
.search-bar .search-field .sk-select-trigger,.search-bar .search-field .sk-period-trigger,.search-bar .search-field .sk-participants-trigger,.search-bar .search-field .sk-travel-participants button[aria-haspopup]{box-sizing:border-box;width:100%;height:60px;min-height:60px;margin:0;padding:8px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font:500 16px/22px inherit;font-family:inherit;color:var(--ink);display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;box-shadow:none}
.search-bar .search-field .sk-travel-participants button *,.search-bar .search-field .sk-period-trigger *,.search-bar .search-field [data-select-summary]{font-size:16px;line-height:22px;font-weight:500}
.search-bar .search-field .sk-travel-participants button svg{width:22px;height:22px}
.search-field--text{position:relative}
.search-bar .search-field--text input{box-sizing:border-box;width:100%;height:60px;margin:0;padding:24px 16px 6px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font:500 16px/22px inherit;font-family:inherit;color:var(--ink)}
.search-bar .search-field--text input:focus-visible{outline:2px solid var(--brand-orange-strong);outline-offset:1px}
.search-text-caption{position:absolute;left:17px;top:8px;font-size:12px;line-height:16px;color:var(--ink-muted);pointer-events:none}
.search-bar .search-field .sk-select-caption{font-size:12px;line-height:16px}