/*
 * Heidenheim.info – Suche 0.1.217
 * Full-bleed Hero, heller Bildlook, zentrierter Filter-Dock und kompaktere Trefferkarten.
 */
:root{
  --hi217-axis:1320px;
  --hi217-navy:#123148;
  --hi217-petrol:#0b7a75;
  --hi217-line:#d9e4e6;
  --hi217-muted:#5d6f78;
}

/* Der Such-Hero schliesst direkt an den Header an und nutzt die volle Browserbreite. */
body.search main.hi-search-shell{
  padding-top:0!important;
  overflow:visible!important;
}
body.search main.hi-search-shell>.hi-search-hero{
  width:100vw!important;
  max-width:none!important;
  min-height:285px!important;
  margin:0 0 42px calc(50% - 50vw)!important;
  padding:clamp(42px,5.5vw,76px) max(32px,calc((100vw - var(--hi217-axis))/2 + 32px))!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:
    linear-gradient(90deg,rgba(7,30,45,.62) 0%,rgba(8,72,73,.46) 58%,rgba(7,30,45,.16) 100%),
    url('../images/home/hero-schloss-hellenstein-nebel.webp') center 52%/cover no-repeat!important;
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.30)!important;
  justify-content:center!important;
  text-align:center!important;
}

/* Die acht Hauptfilter bilden eine geschlossene, mittig ausgerichtete Dock-Zeile. */
body.search .hi-search-filter-dock{
  width:100%!important;
  max-width:none!important;
  margin:-92px auto 28px!important;
  padding:0 24px!important;
  display:flex!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
body.search .hi-search-filter-dock>.wp-block-shortcode{
  width:auto!important;
  max-width:100%!important;
  margin:0 auto!important;
}
body.search .hi-search-filters--pictograms{
  width:max-content!important;
  max-width:100%!important;
  grid-template-columns:repeat(8,112px)!important;
  justify-content:center!important;
  margin:0 auto!important;
  gap:10px!important;
}
body.search .hi-search-filters--pictograms .hi-search-filter{
  width:112px!important;
  min-height:82px!important;
  border-color:rgba(255,255,255,.86)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 10px 28px rgba(8,27,42,.18)!important;
}
body.search .hi-search-filters--pictograms .hi-search-filter.is-active{
  background:#eff9f7!important;
  border-color:#69b5aa!important;
  box-shadow:0 11px 30px rgba(11,122,117,.22)!important;
}

/* Trefferkarten: weniger Leerraum, klarere Hierarchie, ruhigeres CI. */
body.search .hi-search-query>.wp-block-post-template{
  gap:16px!important;
}
body.search .hi-search-result{
  position:relative!important;
  min-height:132px!important;
  padding:18px 18px 16px!important;
  border:1px solid var(--hi217-line)!important;
  border-top:0!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdfd 100%)!important;
  box-shadow:0 5px 16px rgba(18,49,72,.055)!important;
  overflow:hidden!important;
  transform:none!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.search .hi-search-result::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--hi217-petrol),#36a38d)!important;
  z-index:1!important;
}
body.search .hi-search-result:hover{
  transform:translateY(-2px)!important;
  border-color:#b9d5d2!important;
  box-shadow:0 12px 28px rgba(18,49,72,.105)!important;
}
body.search .hi-search-result>.wp-block-shortcode{
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  align-self:flex-start!important;
}
body.search .hi-search-result__type{
  align-self:flex-start!important;
  margin:0 0 9px!important;
  padding:4px 8px!important;
  background:#edf6f4!important;
  color:#34635f!important;
  font-size:.65rem!important;
  letter-spacing:.025em!important;
}
body.search .hi-search-result .wp-block-post-title,
body.search .hi-search-result .wp-block-post-title.has-large-font-size{
  width:100%!important;
  margin:0 0 8px!important;
  font-size:1.02rem!important;
  line-height:1.22!important;
  letter-spacing:-.014em!important;
}
body.search .hi-search-result .wp-block-post-excerpt{
  width:100%!important;
  margin:0!important;
  color:var(--hi217-muted)!important;
}
body.search .hi-search-result .wp-block-post-excerpt__excerpt{
  margin:0 0 11px!important;
  font-size:.78rem!important;
  line-height:1.42!important;
  -webkit-line-clamp:2!important;
}
body.search .hi-search-result .wp-block-post-excerpt__more-text{
  margin-top:auto!important;
}
body.search .hi-search-result .wp-block-post-excerpt__more-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:30px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  background:#eef7f5!important;
  color:var(--hi217-petrol)!important;
  font-size:.72rem!important;
  font-weight:850!important;
  text-decoration:none!important;
}

/* Handwerk behält seinen eigenen kompakten Gewerke-Filter, ebenfalls sauber zentriert. */
body.search .hi-search-filter-dock:has(.hi-search-filters--handwerk){
  width:100%!important;
  max-width:none!important;
  margin:-70px auto 26px!important;
  padding:0 24px!important;
}
body.search .hi-search-filter-dock:has(.hi-search-filters--handwerk)>.wp-block-shortcode{
  width:min(980px,100%)!important;
}

@media(max-width:1100px){
  body.search .hi-search-filters--pictograms{
    grid-template-columns:repeat(4,112px)!important;
  }
  body.search .hi-search-filter-dock{margin-top:-78px!important}
}
@media(max-width:700px){
  body.search main.hi-search-shell>.hi-search-hero{
    width:100vw!important;
    min-height:210px!important;
    margin:0 0 34px calc(50% - 50vw)!important;
    padding:30px 18px 54px!important;
    border-radius:0!important;
    background:
      linear-gradient(90deg,rgba(7,30,45,.66),rgba(8,72,73,.43),rgba(7,30,45,.18)),
      url('../images/home/hero-schloss-hellenstein-nebel.webp') center 52%/cover no-repeat!important;
  }
  body.search .hi-search-filter-dock{
    width:100%!important;
    margin:-60px auto 20px!important;
    padding:0 10px!important;
  }
  body.search .hi-search-filter-dock>.wp-block-shortcode{width:100%!important}
  body.search .hi-search-filters--pictograms{
    width:100%!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.search .hi-search-filters--pictograms .hi-search-filter{
    width:auto!important;
    min-height:70px!important;
  }
  body.search .hi-search-result{min-height:0!important;padding:16px 15px 14px!important}
  body.search .hi-search-filter-dock:has(.hi-search-filters--handwerk){margin-top:-48px!important;padding:0 10px!important}
}