/*
 * Heidenheim.info – Unterseiten-CI 0.1.174
 * Branchen-Hub: verbindliche Desktop-Proportionen nach dem visuellen QA-Lauf.
 * Nur Darstellung, keine Daten-/Funktionslogik.
 */

/* Portal-Achse: breit, aber nicht randlos. */
body:not(.home) .hi-place-portal[data-hi-ci="0174"]{
  width:min(1320px,calc(100vw - 48px))!important;
  max-width:1320px!important;
  box-sizing:border-box!important;
}

/* Hero: breiter und ruhiger, gleiche Flucht wie Kategorien und Feedback. */
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero{
  width:100%!important;
  max-width:none!important;
  min-height:310px!important;
  height:auto!important;
  padding:34px 36px 36px!important;
  border-radius:24px!important;
  box-sizing:border-box!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero h1{
  max-width:760px!important;
  margin:.14rem 0 .5rem!important;
  font-size:clamp(2.65rem,3.5vw,4rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-portal__intro{
  max-width:760px!important;
  font-size:.94rem!important;
  line-height:1.52!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 240px 118px!important;
  gap:10px!important;
  width:min(100%,960px)!important;
  max-width:960px!important;
  margin-top:20px!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search input,
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search select,
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search button{
  min-height:44px!important;
  height:44px!important;
  box-sizing:border-box!important;
}

/* Kategorien: klares Portalraster statt schmaler Verwaltungs-Kacheln. */
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  margin:22px 0 30px!important;
  align-items:stretch!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a{
  grid-column:span 2;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:82px!important;
  height:auto!important;
  padding:14px 42px 14px 16px!important;
  border:1px solid #d8e3e5!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(18,49,72,.045)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:16px!important;
  bottom:16px!important;
  width:4px!important;
  border-radius:0 4px 4px 0!important;
  background:#15906f!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:nth-child(4n+2)::before{background:#198c9a!important}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:nth-child(4n+3)::before{background:#5272b8!important}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:nth-child(4n)::before{background:#73953b!important}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a::after{
  content:"→"!important;
  position:absolute!important;
  right:15px!important;
  bottom:13px!important;
  color:#087d78!important;
  font-size:1rem!important;
  font-weight:900!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a strong{
  display:block!important;
  margin:0!important;
  color:#123148!important;
  font-size:1rem!important;
  font-weight:850!important;
  line-height:1.13!important;
  letter-spacing:-.015em!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a span{
  display:block!important;
  margin-top:5px!important;
  color:#66757c!important;
  font-size:.75rem!important;
  line-height:1.25!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:hover,
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:focus-visible{
  transform:translateY(-2px)!important;
  border-color:#b8d0d0!important;
  box-shadow:0 10px 24px rgba(18,49,72,.09)!important;
}

/* Bei 17 Kategorien steht die letzte Karte im 4-Spalten-Raster bewusst zentriert. */
/* Große Desktops sind der Default: fünf Spalten. Bei 17 Kategorien werden
 * die letzten zwei Karten als Paar mittig gesetzt. */
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:nth-last-child(2):nth-child(5n+1){
  grid-column:4 / span 2!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:last-child:nth-child(5n+2){
  grid-column:6 / span 2!important;
}

/* Standard-Desktop: vier Spalten, Einzelrest mittig. */
@media (max-width:1599px) and (min-width:1180px){
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a{grid-column:span 2!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:nth-last-child(2):nth-child(5n+1),
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:last-child:nth-child(5n+2){grid-column:span 2!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:last-child:nth-child(4n+1){
    grid-column:4 / span 2!important;
  }
}

/* Feedback-CTA: exakt auf Portalachse, kompakter und visuell Teil des Systems. */
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-feedback-cta{
  width:100%!important;
  max-width:none!important;
  margin:30px 0 0!important;
  padding:15px 18px!important;
  border:1px solid #cfe0df!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#edf7f5,#fff)!important;
  box-shadow:0 5px 16px rgba(18,49,72,.045)!important;
  box-sizing:border-box!important;
}

/* Responsives Raster. */
@media (min-width:900px) and (max-width:1179px){
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a{grid-column:span 2!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:nth-last-child(2):nth-child(3n+1){grid-column:2 / span 2!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:last-child:nth-child(3n+2){grid-column:4 / span 2!important}
}
@media (min-width:640px) and (max-width:899px){
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero{padding:28px!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search{grid-template-columns:1fr 1fr!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search input{grid-column:1/-1!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search button{grid-column:1/-1!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a{grid-column:span 2!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a:last-child:nth-child(2n+1){grid-column:2 / span 2!important}
}
@media (max-width:639px){
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]{width:calc(100vw - 24px)!important;max-width:none!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero{padding:22px 18px!important;border-radius:18px!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero h1{font-size:clamp(2rem,11vw,2.75rem)!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search{grid-template-columns:1fr!important;width:100%!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search input,
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search select,
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search button{grid-column:auto!important;width:100%!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid{grid-template-columns:1fr!important;gap:11px!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-type-grid>a{grid-column:auto!important;min-height:74px!important}
}


/* 0.1.174 – Full-Bleed-Portalhero nach dem Homepage-Prinzip.
 * Der Inhalts-/Werberail-Bereich bleibt 1320px breit; nur der eigentliche
 * Seitenkopf nutzt die volle Viewportbreite. */
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero{
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:100vw!important;
  max-width:none!important;
  min-height:390px!important;
  margin:0 0 30px!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero::before{display:none!important}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(4,25,38,.08) 0%,rgba(4,25,38,.03) 48%,rgba(4,25,38,.25) 100%)!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"] .hi-place-portal__hero-inner{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  width:min(1320px,calc(100% - 48px))!important;
  min-height:390px!important;
  margin:0 auto!important;
  padding:54px 0 50px!important;
  box-sizing:border-box!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"] .hi-place-portal__hero-inner::before{
  content:"HEIDENHEIM.INFO"!important;
  display:block!important;
  margin:0 0 10px!important;
  color:rgba(255,255,255,.88)!important;
  font-size:.7rem!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  line-height:1!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"] .hi-place-portal__hero-inner>.hi-gastro-portal__eyebrow{display:none!important}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero h1{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  color:#fff!important;
  font-size:clamp(3rem,4.6vw,4.9rem)!important;
  font-weight:850!important;
  line-height:.98!important;
  letter-spacing:-.047em!important;
  text-align:center!important;
  text-shadow:0 3px 22px rgba(0,0,0,.28)!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-portal__intro{
  width:100%!important;
  max-width:940px!important;
  margin:.8rem auto 0!important;
  color:rgba(255,255,255,.94)!important;
  font-size:clamp(.98rem,1.25vw,1.1rem)!important;
  line-height:1.5!important;
  text-align:center!important;
  text-shadow:0 2px 15px rgba(0,0,0,.20)!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,280px) 124px!important;
  gap:8px!important;
  width:min(1120px,100%)!important;
  max-width:none!important;
  min-height:62px!important;
  margin:24px auto 0!important;
  padding:7px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 16px 38px rgba(7,32,49,.26)!important;
  backdrop-filter:blur(12px)!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search--with-subtype{
  grid-template-columns:minmax(0,1.4fr) minmax(180px,.72fr) minmax(180px,.72fr) 124px!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search--with-club-subtype,
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search--with-organization-subtype{
  grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(155px,.62fr)) 124px!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search :is(input,select,button){
  min-height:48px!important;
  height:48px!important;
  box-sizing:border-box!important;
  border-radius:11px!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search input,
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search select{
  border:1px solid #d2dde0!important;
  background:#fff!important;
  color:#243d4d!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search button{
  border:0!important;
  background:#18823a!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:0 4px 12px rgba(24,130,58,.2)!important;
}
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search button:hover,
body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search button:focus-visible{background:#126b30!important}

@media (max-width:1179px){
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero{min-height:360px!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"] .hi-place-portal__hero-inner{width:calc(100% - 36px)!important;min-height:360px!important;padding:42px 0!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search,
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search--with-subtype,
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search--with-club-subtype,
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search--with-organization-subtype{grid-template-columns:1fr 1fr!important;width:min(900px,100%)!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search input{grid-column:1/-1!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search button{grid-column:1/-1!important}
}
@media (max-width:639px){
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero{min-height:430px!important;margin-bottom:18px!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"] .hi-place-portal__hero-inner{width:calc(100% - 28px)!important;min-height:430px!important;padding:34px 0!important;align-items:flex-start!important;text-align:left!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero h1{max-width:none!important;font-size:clamp(2.45rem,12vw,3.35rem)!important;text-align:left!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-portal__intro{text-align:left!important;margin-left:0!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search,
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search--with-subtype,
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search--with-club-subtype,
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search--with-organization-subtype{grid-template-columns:1fr!important;width:100%!important;margin-left:0!important;margin-right:0!important}
  body:not(.home) .hi-place-portal[data-hi-ci="0174"]>.hi-place-portal__hero .hi-place-search :is(input,select,button){grid-column:auto!important;width:100%!important}
}