/*
 * Heidenheim.info – Service-Fixes 0.1.196
 * Korrigiert die verbratzelte Servicesuche und ordnet die Service-Kacheln
 * wieder sauber in ein stabiles Raster ein.
 */
:root{
  --hi196-line:#dbe6e8;
  --hi196-panel:rgba(255,255,255,.92);
  --hi196-shadow:0 14px 34px rgba(18,49,72,.14);
}

body:not(.home) .hi-service-portal{
  box-sizing:border-box!important;
}

/* Hero-Suche: auf Desktop immer als klare 3er-Zeile, ohne geerbte
   2-Zeilen-/Stretch-Regeln aus älteren CI-Schritten. */
body:not(.home) .hi-service-portal .hi-service-search,
body:not(.home) .hi-service-portal .hi-service-search.hi-service-search--with-place{
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(220px,.8fr) minmax(150px,auto)!important;
  width:min(980px,100%)!important;
  max-width:980px!important;
  margin:24px auto 0!important;
  gap:12px!important;
  align-items:stretch!important;
  padding:8px!important;
  border:1px solid var(--hi196-line)!important;
  border-radius:20px!important;
  background:var(--hi196-panel)!important;
  box-shadow:var(--hi196-shadow)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
body:not(.home) .hi-service-portal .hi-service-search>input:first-of-type,
body:not(.home) .hi-service-portal .hi-service-search>button,
body:not(.home) .hi-service-portal .hi-service-search>select{
  grid-column:auto!important;
}
body:not(.home) .hi-service-portal .hi-service-search :is(input,select,button){
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body:not(.home) .hi-service-portal .hi-service-search input,
body:not(.home) .hi-service-portal .hi-service-search select{
  border:1px solid #cfdadd!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  background:#fff!important;
}
body:not(.home) .hi-service-portal .hi-service-search button{
  border:0!important;
  border-radius:14px!important;
  padding:12px 18px!important;
  min-width:150px!important;
  width:auto!important;
  white-space:nowrap!important;
  justify-self:stretch!important;
}

/* Service-Startkacheln: sauberer 3/2/1-Aufbau statt versetzter Inseln. */
body:not(.home) .hi-service-portal .hi-service-topic-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  margin:28px 0 34px!important;
  align-items:stretch!important;
}
body:not(.home) .hi-service-portal .hi-service-topic-grid>.hi-service-topic{
  width:100%!important;
  max-width:none!important;
  min-height:96px!important;
  margin:0!important;
  align-self:stretch!important;
  grid-template-columns:46px minmax(0,1fr) 18px!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:4px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
}
body:not(.home) .hi-service-portal .hi-service-topic-grid>.hi-service-topic .hi-service-topic__copy{
  display:none!important;
}
body:not(.home) .hi-service-portal .hi-service-topic-grid>.hi-service-topic .hi-service-topic__title{
  font-size:1rem!important;
  line-height:1.22!important;
}
body:not(.home) .hi-service-portal .hi-service-topic-grid>.hi-service-topic .hi-service-topic__meta{
  font-size:.76rem!important;
  line-height:1.25!important;
}
body:not(.home) .hi-service-portal .hi-service-topic-grid>.hi-service-topic .hi-service-topic__meta [aria-hidden="true"]{
  display:none!important;
}

/* Themenfarben sichtbar, aber ruhig. */
body:not(.home) .hi-service-portal .hi-service-topic--behoerden::before{background:#eef2f7!important;color:#536985!important;content:"▥"!important}
body:not(.home) .hi-service-portal .hi-service-topic--entsorgung::before{background:#eef7ef!important;color:#1f7a42!important;content:"♻"!important}
body:not(.home) .hi-service-portal .hi-service-topic--gesundheit::before{background:#fdebec!important;color:#c8323b!important;content:"+"!important}
body:not(.home) .hi-service-portal .hi-service-topic--familie::before{background:#eef0ff!important;color:#5a4fd1!important;content:"●"!important}
body:not(.home) .hi-service-portal .hi-service-topic--mobilitaet::before{background:#e8f6f7!important;color:#087b87!important;content:"↔"!important}
body:not(.home) .hi-service-portal .hi-service-topic--parken::before{background:#e9f1ff!important;color:#2463c7!important;content:"P"!important}
body:not(.home) .hi-service-portal .hi-service-topic--wochenmaerkte::before{background:#fff3e6!important;color:#bd6b1d!important;content:"□"!important}

body:not(.home) .hi-service-portal .hi-service-topic--behoerden{border-color:#d9e1ea!important;background:linear-gradient(180deg,#ffffff,#f7f9fc)!important}
body:not(.home) .hi-service-portal .hi-service-topic--entsorgung{border-color:#d6e8d9!important;background:linear-gradient(180deg,#ffffff,#f6fbf7)!important}
body:not(.home) .hi-service-portal .hi-service-topic--gesundheit{border-color:#efd5d7!important;background:linear-gradient(180deg,#ffffff,#fff8f8)!important}
body:not(.home) .hi-service-portal .hi-service-topic--familie{border-color:#ddd9f4!important;background:linear-gradient(180deg,#ffffff,#faf9ff)!important}
body:not(.home) .hi-service-portal .hi-service-topic--mobilitaet{border-color:#d5ebed!important;background:linear-gradient(180deg,#ffffff,#f6fcfc)!important}
body:not(.home) .hi-service-portal .hi-service-topic--parken{border-color:#d8e3f5!important;background:linear-gradient(180deg,#ffffff,#f8fbff)!important}
body:not(.home) .hi-service-portal .hi-service-topic--wochenmaerkte{border-color:#f0dec8!important;background:linear-gradient(180deg,#ffffff,#fffaf4)!important}

@media (max-width:1080px){
  body:not(.home) .hi-service-portal .hi-service-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:not(.home) .hi-service-portal .hi-service-search,
  body:not(.home) .hi-service-portal .hi-service-search.hi-service-search--with-place{
    grid-template-columns:minmax(0,1fr) minmax(220px,.75fr)!important;
  }
  body:not(.home) .hi-service-portal .hi-service-search button{
    grid-column:1 / -1!important;
    width:100%!important;
  }
}

@media (max-width:720px){
  body:not(.home) .hi-service-portal .hi-service-search,
  body:not(.home) .hi-service-portal .hi-service-search.hi-service-search--with-place{
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  body:not(.home) .hi-service-portal .hi-service-search button{
    grid-column:auto!important;
    width:100%!important;
  }
  body:not(.home) .hi-service-portal .hi-service-topic-grid{
    grid-template-columns:1fr!important;
  }
}