/* Hero */
.hero{position:relative;background:linear-gradient(to bottom,var(--surface-sand) 0,var(--surface-sand) calc(100% - 24px),#fff calc(100% - 24px))}
.hero__grid{display:grid}
.hero__copy{padding:var(--space-6) var(--gutter) var(--space-5)}
.hero__kicker{display:flex;justify-content:space-between;gap:16px}
.hero__kicker span{font-size:22px;line-height:1}
.hero__title{font-family:var(--font-display);font-size:clamp(48px,7vw,80px);line-height:1.02;color:var(--ink);margin:0 0 var(--space-4);font-weight:400}
.hero__title em{display:block;font-style:italic}
.hero__lead{font-size:18px;line-height:1.65;font-weight:300;color:var(--text);max-width:540px;margin:0 0 var(--space-5)}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.hero__controls{display:flex;align-items:center;gap:16px;margin-top:var(--space-6)}
.hero__arrow{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--wine-700);color:#fff;border:0;cursor:pointer}
.hero__arrow:hover{background:var(--wine-900)}
.hero__arrow svg{width:20px;height:20px}
.hero__count{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--text-muted);min-width:40px;text-align:center}
.hero__dots{display:flex;gap:8px;margin-left:8px}
.hero__dots i{display:block;width:24px;height:3px;background:#bdbdbd}
.hero__dots i.is-active{width:40px;background:var(--wine-700)}
.hero__media{position:relative;min-height:320px;overflow:hidden}
.hero__slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
.hero__slide.is-active{opacity:1;pointer-events:auto}
.hero__slide img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.hero__label{position:absolute;left:0;bottom:24px;max-width:360px;background:var(--wine-700);color:#fff;padding:20px 24px}
.hero__label span{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:4px}
.hero__label a{color:#fff;text-decoration:none;font-family:var(--font-display);font-size:22px;line-height:1.25}
.hero__search{position:relative;z-index:5;margin-top:-24px}

/* Suchmaske */
.searchbar{display:grid;background:#fff;box-shadow:0 18px 40px rgba(30,10,20,.12);margin:0}
.searchbar__field{position:relative;display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);min-height:72px;color:var(--wine-700)}
.searchbar__field>svg,.searchbar__drop summary>svg{width:22px;height:22px;flex-shrink:0}
.searchbar__text{display:flex;flex-direction:column;min-width:0;flex:1}
.searchbar__label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}
.searchbar__value{font-size:17px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.searchbar__drop{padding:0}
.searchbar__drop summary{display:flex;align-items:center;gap:14px;padding:14px 20px;min-height:72px;cursor:pointer;list-style:none;width:100%}
.searchbar__drop summary::-webkit-details-marker{display:none}
.searchbar__chev{width:18px!important;height:18px!important;color:var(--text-muted);transition:transform .2s}
.searchbar__drop[open] .searchbar__chev{transform:rotate(180deg)}
.searchbar__panel{position:absolute;left:0;top:100%;z-index:30;width:max(100%,300px);max-height:340px;overflow:auto;margin:0;padding:12px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(30,10,20,.15)}
.searchbar__empty{margin:0;color:var(--text-muted)}
.checkopt{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 8px;color:var(--ink);cursor:pointer;font-size:16px}
.checkopt:hover{background:var(--wine-100)}
.checkopt--child{padding-left:32px}
.checkopt input{width:18px;height:18px;accent-color:var(--wine-700);flex-shrink:0}
.checkopt span{flex:1}
.checkopt small{color:var(--text-muted);font-size:13px}
.searchbar__period{--sk-period-primary:var(--wine-700);--sk-period-radius:0px;--sk-period-line:transparent}
.searchbar__period .sk-travel-period{font-family:var(--font-sans);font-size:17px;color:var(--ink)}
.searchbar__term input{border:0;padding:0;font:inherit;font-size:17px;color:var(--ink);background:transparent;width:100%;min-height:28px}
.searchbar__term input:focus{outline:none}
.searchbar__term:focus-within{outline:2px solid var(--wine-700);outline-offset:-2px}
.searchbar__submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:0 28px;background:var(--wine-700);color:#fff;border:0;font-family:var(--font-sans);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.searchbar__submit:hover{background:var(--wine-900)}
.searchbar__submit svg{width:18px;height:18px}

@media (min-width:640px){
  .searchbar{grid-template-columns:1fr 1fr}
  .searchbar__field:nth-child(odd){border-right:1px solid var(--line)}
  .searchbar__submit{grid-column:1/-1}
}
@media (min-width:1024px){
  .hero{background:linear-gradient(to bottom,var(--surface-sand) 0,var(--surface-sand) calc(100% - 24px),#fff calc(100% - 24px))}
  .hero__grid{grid-template-columns:1fr 1fr;min-height:584px}
  .hero__copy{padding:64px 64px 88px max(var(--gutter),calc((100vw - var(--container))/2))}
  .hero__media{min-height:584px}
  .hero__label{max-width:none;width:360px;bottom:64px}
  .hero__search{margin-top:-56px}
  .searchbar{grid-template-columns:repeat(4,minmax(0,1fr)) auto}
  .searchbar__field{border-bottom:0;border-right:1px solid var(--line)}
  .searchbar__submit{grid-column:auto;min-height:80px;align-self:stretch}
}