/* Heidenheim.info 0.1.383 – verbindliches Redesign nach der freigegebenen Vorlage.
 * Diese Datei wird bewusst als LETZTE Theme-CSS geladen, damit ältere, sehr
 * spezifische Startseiten-/Portalregeln das neue Designsystem nicht wieder
 * verkleinern oder überschreiben. */

:root{
  --hi-r-navy:#1A3047;
  --hi-r-muted:#4B5963;
  --hi-r-green:#0F6336;
  --hi-r-turquoise:#005F5A;
  --hi-r-bg:#F4F7F8;
  --hi-r-white:#FFFFFF;
  --hi-r-soft-green:#EAF2EF;
  --hi-r-soft-blue:#E8F2F2;
  --hi-r-line:#C6D1D8;
  --hi-r-radius:18px;
  --hi-r-radius-lg:24px;
  --hi-r-shadow:0 8px 24px rgba(26,48,71,.08);
}

html{background:var(--hi-r-bg)}
body,body .wp-site-blocks{
  background:var(--hi-r-bg)!important;
  color:var(--hi-r-navy)!important;
  font-family:Inter,"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body{font-size:18px!important;line-height:1.5!important}
body h1,body h2,body h3,body h4,body h5,body h6{font-family:inherit!important;color:var(--hi-r-navy)!important;letter-spacing:-.02em!important}
body h1{font-size:clamp(2.45rem,4.1vw,4rem)!important;font-weight:800!important;line-height:1.03!important}
body h2{font-size:clamp(1.75rem,2.4vw,2.15rem)!important;font-weight:750!important;line-height:1.08!important}
body h3{font-size:1.25rem!important;font-weight:650!important;line-height:1.18!important}
body p,body li,body dd,body dt{color:var(--hi-r-navy)}
body small,body .hi-meta,body .hi-muted,body [class*="__meta"]{color:var(--hi-r-muted)!important}
body a{color:var(--hi-r-turquoise)}

/* Der alte Stand war auf Desktop optisch zu stark verkleinert. */
body.home .hi-home-canvas,
body.home main>.wp-block-group:not(.alignfull),
body.home .hi-home-modern-section>.wp-block-group,
body.home .hi-home-modern-section{
  box-sizing:border-box;
}
body.home .hi-home-canvas{padding-left:24px!important;padding-right:24px!important;padding-bottom:64px!important}
body.home .hi-home-modern-section{
  width:min(1240px,100%)!important;
  margin-inline:auto!important;
  padding-top:46px!important;
}
body.home .hi-home-modern-head{margin-bottom:18px!important;align-items:flex-end!important}
body.home .hi-home-modern-head h2{font-size:30px!important;line-height:1.08!important;color:var(--hi-r-navy)!important}
body.home .hi-home-modern-head p{margin-top:5px!important;font-size:16px!important;line-height:1.4!important;color:var(--hi-r-muted)!important}
body.home .hi-home-section-link{font-size:15px!important;font-weight:700!important;color:var(--hi-r-turquoise)!important}

/* Hero – deutlich großzügiger und näher an der Vorlage. */
body.home .hi-home-hero{
  min-height:560px!important;
  border-radius:0 0 24px 24px!important;
  background:#173247!important;
}
body.home .hi-home-hero__inner{
  width:min(1240px,calc(100% - 48px))!important;
  padding:72px 0 132px!important;
  justify-content:center!important;
}
body.home .hi-home-hero__copy{max-width:820px!important}
body.home .hi-home-hero h1{
  max-width:820px!important;
  color:#fff!important;
  font-size:clamp(3.25rem,5.3vw,5rem)!important;
  font-weight:800!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
body.home .hi-home-hero__intro{font-size:19px!important;line-height:1.4!important;color:rgba(255,255,255,.94)!important}
body.home .hi-home-hero__search{
  width:min(900px,100%)!important;
  min-height:66px!important;
  margin-top:22px!important;
  padding:6px 7px 6px 17px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 16px 38px rgba(7,32,49,.24)!important;
}
body.home .hi-home-hero__search input{height:50px!important;font-size:16px!important;color:var(--hi-r-navy)!important}
body.home .hi-home-hero__search button{height:52px!important;min-width:126px!important;border-radius:14px!important;background:var(--hi-r-green)!important;font-size:17px!important}

/* Primäre Themenkacheln: nicht mehr miniaturisiert. */
body.home .hi-home-hero__quicklinks{
  width:min(1120px,calc(100% - 48px))!important;
  bottom:22px!important;
  gap:10px!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  overflow:visible!important;
}
body.home .hi-home-hero__quicklink{
  min-height:84px!important;
  padding:12px 8px 10px!important;
  border:1px solid rgba(255,255,255,.84)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 9px 24px rgba(8,27,42,.16)!important;
  color:var(--hi-r-navy)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.18!important;
}
body.home .hi-home-hero__quicklink:nth-child(4n+1),body.home .hi-home-hero__quicklink:nth-child(4n+4){background:var(--hi-r-soft-green)!important}
body.home .hi-home-hero__quicklink:nth-child(4n+2),body.home .hi-home-hero__quicklink:nth-child(4n+3){background:var(--hi-r-soft-blue)!important}
body.home .hi-home-hero__quicklink-icon,body.home .hi-home-hero__quicklink-icon svg{width:27px!important;height:27px!important}
body.home .hi-home-hero__quicklink-icon{color:var(--hi-r-turquoise)!important}

/* Inhaltskarten – größere Lesetypografie, ruhigere Kanten, mehr Weißraum. */
body.home .hi-home-smart-grid,
body.home .hi-ui-today-grid,
body.home .hi-home-event-showcase,
body.home .hi-home-destination-grid{
  gap:18px!important;
}
body.home .hi-home-smart-card,
body.home .hi-ui-today-card,
body.home .hi-home-event-card,
body.home .hi-home-destination-card,
body.home .hi-home-new-card,
body.home .hi-home-recommendation-card{
  border:1px solid var(--hi-r-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:var(--hi-r-shadow)!important;
  overflow:hidden!important;
}
body.home .hi-home-smart-card{grid-template-rows:170px auto!important;min-height:290px!important}
body.home .hi-home-smart-card__visual{height:170px!important;min-height:170px!important;max-height:170px!important}
body.home .hi-home-smart-card__body{padding:15px 16px 17px!important}
body.home .hi-home-smart-card__label{margin-bottom:7px!important;padding:4px 8px!important;font-size:11px!important;line-height:1!important}
body.home .hi-home-smart-card h3{font-size:19px!important;line-height:1.18!important;color:var(--hi-r-navy)!important}
body.home .hi-home-smart-card p{margin-top:7px!important;font-size:15px!important;line-height:1.38!important;color:var(--hi-r-muted)!important}
body.home .hi-home-smart-card--event .hi-home-smart-card__date{min-width:48px!important;min-height:54px!important;padding:6px!important;border-radius:10px!important}
body.home .hi-home-smart-card__date strong{font-size:18px!important}
body.home .hi-home-smart-card__date small{font-size:10px!important}

/* "Schnell gefunden" – große, klar lesbare Funktionskacheln. */
body.home .hi-home-quick-grid,body.home .hi-home-quicklinks-grid,body.home .hi-home-service-grid{
  gap:12px!important;
}
body.home :where(.hi-home-quick-card,.hi-home-service-card,.hi-home-quicklink,.hi-quicklink){
  min-height:92px!important;
  padding:14px 12px!important;
  border:1px solid var(--hi-r-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--hi-r-navy)!important;
  font-size:14px!important;
  font-weight:700!important;
}

/* Unterseiten / Formulare / allgemeine Cards. */
body:not(.home) main{background:var(--hi-r-bg)!important}
body:not(.home) :where(.hi-card,.hi-place-card,.hi-gastro-card,.hi-event-card,.hi-service-card,.hi-destination-card,.hi-search-result,.hi-event-weather,.hi-event-facts,.hi-emergency-number,.wp-block-post-template>li){
  border:1px solid var(--hi-r-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:var(--hi-r-shadow)!important;
}
body :where(input[type="text"],input[type="search"],input[type="email"],input[type="tel"],input[type="url"],select,textarea){
  min-height:48px!important;
  border:1px solid var(--hi-r-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--hi-r-navy)!important;
  font-size:16px!important;
}
body :where(button,.wp-element-button,.wp-block-button__link,input[type="submit"],.hi-button){
  min-height:48px!important;
  border-radius:14px!important;
  background:var(--hi-r-green)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:650!important;
}

/* Tablet */
@media(max-width:980px){
  body.home .hi-home-hero__quicklinks{grid-template-columns:repeat(4,minmax(0,1fr))!important;bottom:18px!important}
  body.home .hi-home-hero{min-height:650px!important}
  body.home .hi-home-hero__inner{padding-bottom:196px!important}
  body.home .hi-home-smart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobil exakt in der Designsprache der Vorlage: zwei große Themenkacheln pro Reihe,
 * 18–20 px Lesetext und keine winzige 4er-Navigation mehr. */
@media(max-width:640px){
  body{font-size:18px!important}
  body h1{font-size:38px!important;line-height:1.04!important}
  body h2{font-size:28px!important;line-height:1.08!important}
  body h3{font-size:20px!important}
  body.home .hi-home-canvas{padding-left:14px!important;padding-right:14px!important;padding-bottom:44px!important}
  body.home .hi-home-modern-section{padding-top:34px!important}
  body.home .hi-home-modern-head{margin-bottom:14px!important}
  body.home .hi-home-modern-head h2{font-size:28px!important}
  body.home .hi-home-modern-head p{font-size:16px!important}
  body.home .hi-home-section-link{font-size:14px!important}

  body.home .hi-home-hero{min-height:690px!important;border-radius:0 0 20px 20px!important}
  body.home .hi-home-hero__inner{width:calc(100% - 28px)!important;padding:42px 0 240px!important;justify-content:flex-start!important}
  body.home .hi-home-hero h1{font-size:38px!important;line-height:1.04!important;max-width:95%!important}
  body.home .hi-home-hero__intro{font-size:17px!important;line-height:1.35!important;max-width:96%!important}
  body.home .hi-home-hero__search{min-height:60px!important;margin-top:18px!important;padding:5px 5px 5px 13px!important;border-radius:16px!important}
  body.home .hi-home-hero__search input{font-size:16px!important;height:48px!important}
  body.home .hi-home-hero__search button{min-width:92px!important;height:50px!important;padding:0 13px!important;font-size:16px!important}

  body.home .hi-home-hero__quicklinks{
    left:14px!important;right:14px!important;bottom:14px!important;width:auto!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(86px,auto)!important;gap:8px!important;transform:none!important;
    overflow:visible!important;padding:0!important;
  }
  body.home .hi-home-hero__quicklink{
    width:100%!important;min-width:0!important;min-height:86px!important;height:auto!important;
    padding:13px 10px!important;border-radius:14px!important;font-size:16px!important;line-height:1.15!important;
    gap:7px!important;box-shadow:0 7px 20px rgba(8,27,42,.14)!important;
  }
  body.home .hi-home-hero__quicklink-icon,body.home .hi-home-hero__quicklink-icon svg{width:30px!important;height:30px!important;min-width:30px!important}
  body.home .hi-home-hero__quicklink--daily{display:flex!important}

  body.home .hi-home-smart-grid,body.home .hi-ui-today-grid,body.home .hi-home-event-showcase{
    display:flex!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x mandatory!important;padding-bottom:4px!important;
  }
  body.home .hi-home-smart-card,body.home .hi-ui-today-card,body.home .hi-home-event-card{
    flex:0 0 86%!important;min-width:0!important;scroll-snap-align:start!important;
  }
  body.home .hi-home-smart-card{grid-template-rows:155px auto!important;min-height:285px!important}
  body.home .hi-home-smart-card__visual{height:155px!important;min-height:155px!important;max-height:155px!important}
  body.home .hi-home-smart-card__body{padding:14px 14px 16px!important}
  body.home .hi-home-smart-card h3{font-size:20px!important;line-height:1.18!important}
  body.home .hi-home-smart-card p{font-size:16px!important;line-height:1.4!important}

  body.home .hi-home-new-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.home .hi-home-new-grid>.hi-home-new-card{height:auto!important;min-height:84px!important;max-height:none!important}
  body.home .hi-home-new-grid>.hi-home-new-card>.hi-home-new-card__link{height:auto!important;min-height:84px!important;max-height:none!important;padding:12px!important}

  body :where(button,.wp-element-button,.wp-block-button__link,input[type="submit"],.hi-button,a.hi-home-hero__quicklink){min-height:48px!important}
}

/* 0.1.384 – zweiter Redesign-Lauf nach Sichtprüfung auf Staging.
 * Ziel: keine Mini-Kacheln mehr, Empfehlungen deutlich redaktioneller,
 * stärkere Typografie in den Inhaltskarten und ruhigere Desktop-Hierarchie. */
@media (min-width:981px){
  body.home .hi-home-hero{min-height:610px!important;}
  body.home .hi-home-hero__inner{padding-bottom:188px!important;}
  body.home .hi-home-hero__quicklinks{
    width:min(1120px,calc(100% - 48px))!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-rows:minmax(82px,auto)!important;
    gap:10px!important;
    bottom:22px!important;
  }
  body.home .hi-home-hero__quicklink{
    min-height:82px!important;
    padding:12px 10px!important;
    font-size:14px!important;
  }

  body.home .hi-home-quick-grid,
  body.home .hi-home-quicklinks-grid,
  body.home .hi-home-service-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body.home :where(.hi-home-quick-card,.hi-home-service-card,.hi-home-quicklink,.hi-quicklink){
    min-height:108px!important;
    padding:16px 12px!important;
    font-size:15px!important;
  }

  body.home .hi-daily-recommendations{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  body.home .hi-daily-recommendations>.hi-daily-recommendation-card{
    display:grid!important;
    grid-template-columns:minmax(180px,38%) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    border-radius:16px!important;
  }
  body.home .hi-daily-recommendation-card__image,
  body.home .hi-daily-recommendation-card__image img{
    grid-column:1!important;grid-row:1!important;
    width:100%!important;height:220px!important;
    min-height:220px!important;max-height:220px!important;
    object-fit:cover!important;
  }
  body.home .hi-daily-recommendation-card__body{
    grid-column:2!important;grid-row:1!important;
    height:220px!important;min-height:220px!important;max-height:220px!important;
    padding:18px 18px 16px!important;
    background:#fff!important;
  }
  body.home .hi-daily-recommendation-card__eyebrow{font-size:11px!important;margin-bottom:8px!important;padding:4px 8px!important;}
  body.home .hi-daily-recommendation-card h3{font-size:20px!important;line-height:1.18!important;-webkit-line-clamp:3!important;}
  body.home .hi-daily-recommendation-card__place{font-size:14px!important;line-height:1.35!important;margin-top:8px!important;}
  body.home .hi-daily-recommendation-card__more{font-size:14px!important;padding-top:8px!important;}

  body.home #hi-today-0162>.hi-ui-today-card,
  body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card,
  body.home .hi-home-modern-section--discover .hi-home-destination-card{
    height:300px!important;min-height:300px!important;max-height:300px!important;
    grid-template-rows:160px 140px!important;
    border-radius:16px!important;
  }
  body.home .hi-ui-today-card h3,
  body.home .hi-home-event-showcase__card h3,
  body.home .hi-home-destination-card h3{font-size:18px!important;line-height:1.2!important;}
}

@media (max-width:980px) and (min-width:641px){
  body.home .hi-home-quick-grid,
  body.home .hi-home-quicklinks-grid,
  body.home .hi-home-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.home .hi-daily-recommendations{grid-template-columns:1fr!important;}
}

/* 0.1.385 – dritte Sichtkorrektur nach Staging-Screenshot.
 * WICHTIG: Selektoren absichtlich ohne body.home, damit die Regeln auch bei
 * abweichenden WordPress-Body-Klassen der statischen Startseite greifen. */
@media (min-width: 981px){
  .hi-home-modern-section{width:min(1240px,calc(100% - 48px))!important;max-width:1240px!important;}
  .hi-home-hero__inner{width:min(1240px,calc(100% - 48px))!important;}

  /* Hauptzugriffe im Hero als echte große Kacheln, nicht als Icon-Leiste. */
  .hi-home-hero{min-height:700px!important;}
  .hi-home-hero__inner{padding-top:86px!important;padding-bottom:245px!important;}
  .hi-home-hero__quicklinks{
    width:min(1120px,calc(100% - 48px))!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(96px,auto)!important;
    gap:12px!important;
    left:50%!important;right:auto!important;bottom:24px!important;
    transform:translateX(-50%)!important;
    overflow:visible!important;
  }
  .hi-home-hero__quicklink{
    width:auto!important;min-width:0!important;min-height:96px!important;
    padding:15px 12px!important;border-radius:16px!important;
    font-size:15px!important;line-height:1.15!important;
  }
  .hi-home-hero__quicklink-icon,.hi-home-hero__quicklink-icon svg{width:30px!important;height:30px!important;min-width:30px!important;}

  /* Inhaltsbereiche: drei statt vier Minikarten – dadurch größere Lesefläche. */
  .hi-ui-today-grid,
  .hi-home-smart-grid,
  .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),
  .hi-home-destination-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;
  }
  .hi-ui-today-grid>*:nth-child(n+4),
  .hi-home-smart-grid>*:nth-child(n+4),
  .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>*:nth-child(n+4),
  .hi-home-destination-grid>*:nth-child(n+4){display:none!important;}

  .hi-ui-today-card,
  .hi-home-smart-card,
  .hi-home-event-showcase__card,
  .hi-home-destination-card{
    min-height:340px!important;height:340px!important;max-height:340px!important;
    border-radius:18px!important;
  }
  .hi-home-smart-card{grid-template-rows:190px 150px!important;}
  .hi-home-smart-card__visual{height:190px!important;min-height:190px!important;max-height:190px!important;}
  .hi-home-smart-card h3,
  .hi-ui-today-card h3,
  .hi-home-event-showcase__card h3,
  .hi-home-destination-card h3{font-size:20px!important;line-height:1.2!important;}

  /* Empfehlung des Tages: drei große Karten, nicht vier schmale Kästchen. */
  .hi-daily-recommendations{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;
  }
  .hi-daily-recommendations>*:nth-child(n+4){display:none!important;}
  .hi-daily-recommendations>.hi-daily-recommendation-card{
    display:block!important;height:300px!important;min-height:300px!important;max-height:300px!important;
  }
  .hi-daily-recommendation-card__image,.hi-daily-recommendation-card__image img{
    width:100%!important;height:150px!important;min-height:150px!important;max-height:150px!important;object-fit:cover!important;
  }
  .hi-daily-recommendation-card__body{
    width:auto!important;height:150px!important;min-height:150px!important;max-height:150px!important;padding:16px!important;
  }
  .hi-daily-recommendation-card h3{font-size:19px!important;line-height:1.18!important;}

  /* Schnell gefunden ruhig und klar: sechs große Funktionskacheln pro Reihe. */
  .hi-home-service-grid,.hi-home-quick-grid,.hi-home-quicklinks-grid{
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;
  }
  :where(.hi-home-service-card,.hi-home-quick-card,.hi-home-quicklink,.hi-quicklink){min-height:112px!important;font-size:15px!important;}
}

@media (max-width: 640px){
  .hi-home-hero__quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hi-home-modern-section{width:100%!important;max-width:none!important;}
}

/* 0.1.386 – mobile Korrektur nach Sichtprüfung 05.10.2026.
 * Ziel: Hero-Schnellzugriffe NICHT horizontal scrollen, sondern umbrechen;
 * die großen Leerzonen zwischen Titel, Suche und Schnellzugriffen entfernen. */
@media (max-width:640px){
  .hi-home-hero{
    min-height:0!important;
    height:auto!important;
    border-radius:0!important;
  }
  .hi-home-hero__inner{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    padding:34px 0 24px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
  }
  .hi-home-hero__copy{
    max-width:none!important;
    margin:0!important;
    text-align:center!important;
  }
  .hi-home-hero h1{
    margin:0!important;
    font-size:38px!important;
    line-height:1.02!important;
  }
  .hi-home-hero__intro{
    margin:8px 0 0!important;
    font-size:16px!important;
    line-height:1.3!important;
  }
  .hi-home-hero__search{
    width:100%!important;
    margin:14px 0 0!important;
    min-height:58px!important;
  }
  .hi-home-hero__quicklinks{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin:14px 0 0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:minmax(72px,auto)!important;
    gap:8px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    flex-wrap:initial!important;
    scroll-snap-type:none!important;
    scrollbar-width:auto!important;
  }
  .hi-home-hero__quicklinks::-webkit-scrollbar{display:none!important;}
  .hi-home-hero__quicklink{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:72px!important;
    height:auto!important;
    flex:none!important;
    scroll-snap-align:none!important;
    padding:9px 6px!important;
    font-size:12px!important;
    line-height:1.12!important;
    border-radius:13px!important;
    gap:5px!important;
  }
  .hi-home-hero__quicklink-icon,
  .hi-home-hero__quicklink-icon svg{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
  }
  .hi-home-hero__location{display:none!important;}
}

@media (max-width:390px){
  .hi-home-hero__inner{padding-top:28px!important;}
  .hi-home-hero h1{font-size:36px!important;}
  .hi-home-hero__search{margin-top:12px!important;}
  .hi-home-hero__quicklinks{margin-top:12px!important;gap:7px!important;}
  .hi-home-hero__quicklink{min-height:68px!important;font-size:11.5px!important;}
}

/* 0.1.387 – Spezifitätsfix nach Sichtprüfung auf echtem Mobilgerät.
 * Ältere Startseiten-CSS nutzt body.home + !important. Die bisherigen
 * allgemeinen Selektoren konnten deshalb trotz später Ladereihenfolge verlieren.
 * Diese Regeln sind absichtlich spezifischer und ausschließlich mobil. */
@media (max-width:640px){
  html body.home .hi-home-hero{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    overflow:visible!important;
    border-radius:0!important;
    display:block!important;
  }
  html body.home .hi-home-hero__inner{
    position:relative!important;
    width:calc(100% - 28px)!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    padding:28px 0 20px!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:0!important;
  }
  html body.home .hi-home-hero__copy{
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    text-align:center!important;
  }
  html body.home .hi-home-hero h1{
    margin:0!important;
    padding:0!important;
    font-size:34px!important;
    line-height:1.02!important;
  }
  html body.home .hi-home-hero__intro{
    margin:6px 0 0!important;
    padding:0!important;
    font-size:15px!important;
    line-height:1.28!important;
  }
  html body.home .hi-home-hero__search{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-height:56px!important;
    height:56px!important;
    margin:12px 0 0!important;
    padding:4px 5px 4px 12px!important;
  }
  html body.home .hi-home-hero__quicklinks{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    margin:10px 0 0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    grid-auto-rows:minmax(66px,auto)!important;
    gap:7px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    white-space:normal!important;
    scroll-snap-type:none!important;
  }
  html body.home .hi-home-hero__quicklinks>*{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:initial!important;
  }
  html body.home .hi-home-hero__quicklink{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:66px!important;
    height:auto!important;
    margin:0!important;
    padding:8px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    font-size:11px!important;
    line-height:1.12!important;
    text-align:center!important;
    white-space:normal!important;
    scroll-snap-align:none!important;
  }
  html body.home .hi-home-hero__quicklink-icon,
  html body.home .hi-home-hero__quicklink-icon svg{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
  }
  html body.home .hi-home-hero__location{display:none!important;}

  /* Auch die Inhaltsreihen auf Mobil nicht als horizontale Carousels darstellen. */
  html body.home .hi-home-smart-grid,
  html body.home .hi-ui-today-grid,
  html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),
  html body.home .hi-home-destination-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    scroll-snap-type:none!important;
    padding-bottom:0!important;
  }
  html body.home .hi-home-smart-card,
  html body.home .hi-ui-today-card,
  html body.home .hi-home-event-card,
  html body.home .hi-home-event-showcase__card,
  html body.home .hi-home-destination-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    scroll-snap-align:none!important;
  }
}

@media (max-width:390px){
  html body.home .hi-home-hero__inner{padding-top:24px!important;}
  html body.home .hi-home-hero h1{font-size:32px!important;}
  html body.home .hi-home-hero__quicklinks{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  html body.home .hi-home-hero__quicklink{min-height:62px!important;font-size:10.5px!important;padding:7px 4px!important;}
}

/* 0.1.388 – harte Schlusskorrektur. Diese Regeln werden zusaetzlich inline
 * am Ende von wp_head ausgegeben. Dadurch koennen weder Legacy-Dateien noch
 * zwischengespeicherte Link-Styles das Redesign wieder zurueckdrehen. */
@media (min-width:981px){
  html body.home .hi-home-hero{min-height:690px!important;height:auto!important;}
  html body.home .hi-home-hero__inner{width:min(1240px,calc(100% - 48px))!important;padding:76px 0 236px!important;}
  html body.home .hi-home-hero__quicklinks{
    width:min(1120px,calc(100% - 48px))!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:row!important;grid-auto-rows:minmax(96px,auto)!important;
    left:50%!important;right:auto!important;bottom:24px!important;transform:translateX(-50%)!important;
    gap:12px!important;overflow:visible!important;
  }
  html body.home .hi-home-hero__quicklink{min-height:96px!important;font-size:15px!important;padding:14px 10px!important;}
  html body.home .hi-ui-today-grid,
  html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),
  html body.home .hi-home-destination-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;overflow:visible!important;}
  html body.home .hi-home-service-grid,
  html body.home .hi-home-quick-grid,
  html body.home .hi-home-quicklinks-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;}
}

@media (max-width:640px){
  html body.home .hi-home-hero{
    min-height:0!important;height:auto!important;padding:0!important;margin:0!important;
    overflow:hidden!important;border-radius:0!important;display:block!important;
  }
  html body.home .hi-home-hero__inner{
    position:relative!important;width:calc(100% - 28px)!important;max-width:none!important;
    min-height:0!important;height:auto!important;margin:0 auto!important;
    padding:24px 0 18px!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
  }
  html body.home .hi-home-hero__copy{margin:0!important;padding:0!important;text-align:center!important;max-width:none!important;}
  html body.home .hi-home-hero h1{margin:0!important;padding:0!important;font-size:34px!important;line-height:1.02!important;}
  html body.home .hi-home-hero__intro{margin:5px 0 0!important;padding:0!important;font-size:15px!important;line-height:1.25!important;}
  html body.home .hi-home-hero__search{
    position:relative!important;width:100%!important;max-width:none!important;height:56px!important;min-height:56px!important;
    margin:10px 0 0!important;padding:4px 5px 4px 12px!important;border-radius:15px!important;
  }
  html body.home .hi-home-hero__quicklinks{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;
    margin:10px 0 0!important;padding:0!important;display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;
    grid-auto-rows:minmax(66px,auto)!important;gap:7px!important;overflow:visible!important;overflow-x:visible!important;
    white-space:normal!important;scroll-snap-type:none!important;scroll-behavior:auto!important;
  }
  html body.home .hi-home-hero__quicklinks::before,
  html body.home .hi-home-hero__quicklinks::after{display:none!important;content:none!important;}
  html body.home .hi-home-hero__quicklinks>*{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;}
  html body.home .hi-home-hero__quicklink{
    width:100%!important;min-width:0!important;max-width:none!important;min-height:66px!important;height:auto!important;
    margin:0!important;padding:8px 5px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:4px!important;font-size:11px!important;line-height:1.12!important;
    white-space:normal!important;text-align:center!important;scroll-snap-align:none!important;
  }
  html body.home .hi-home-hero__quicklink-icon,
  html body.home .hi-home-hero__quicklink-icon svg{width:22px!important;height:22px!important;min-width:22px!important;}
  html body.home .hi-home-hero__location{display:none!important;}

  html body.home .hi-home-smart-grid,
  html body.home .hi-ui-today-grid,
  html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),
  html body.home .hi-home-destination-grid{
    display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;
    gap:12px!important;overflow:visible!important;overflow-x:visible!important;scroll-snap-type:none!important;padding-bottom:0!important;
  }
  html body.home .hi-home-smart-grid>*,
  html body.home .hi-ui-today-grid>*,
  html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>*,
  html body.home .hi-home-destination-grid>*{
    width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;scroll-snap-align:none!important;
  }
}

@media (max-width:390px){
  html body.home .hi-home-hero__inner{padding-top:20px!important;}
  html body.home .hi-home-hero h1{font-size:32px!important;}
  html body.home .hi-home-hero__search{margin-top:9px!important;}
  html body.home .hi-home-hero__quicklinks{margin-top:9px!important;gap:6px!important;}
  html body.home .hi-home-hero__quicklink{min-height:62px!important;font-size:10.5px!important;padding:7px 4px!important;}
}


/* 0.1.390 – mobile Feinschliff nach realem Staging-Screenshot.
 * Header wie in der freigegebenen Vorlage: Logo + Hamburger, keine
 * ausgeschriebene Desktop-Navigation. Hero-Schnellzugriffe exakt als
 * 2x3-Matrix der sechs wichtigsten Themen; keine horizontale Scrollleiste. */
@media (max-width:782px){
  html body .hi-site-header{
    position:relative!important;
    top:auto!important;
    padding:14px 16px!important;
    min-height:82px!important;
    background:#fff!important;
    border-bottom:1px solid var(--hi-r-line)!important;
  }
  html body .hi-site-header .hi-header-cluster,
  html body .hi-site-header > .hi-header-cluster{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    transform:none!important;
  }
  html body .hi-site-header .hi-header-brand{
    flex:0 0 auto!important;
    width:156px!important;
    max-width:156px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body .hi-site-header .hi-header-brand img,
  html body .hi-site-header .hi-header-brand svg{
    width:100%!important;
    max-width:156px!important;
    height:auto!important;
    display:block!important;
  }
  html body .hi-site-header .hi-main-navigation{
    width:auto!important;
    min-width:48px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  html body .hi-site-header .hi-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){
    display:none!important;
  }
  html body .hi-site-header .hi-main-navigation .wp-block-navigation__responsive-container-open{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    color:var(--hi-r-navy)!important;
    background:transparent!important;
    border:0!important;
    border-radius:12px!important;
  }
  html body .hi-site-header .hi-main-navigation .wp-block-navigation__responsive-container-open svg{
    width:28px!important;
    height:28px!important;
  }
  html body .hi-site-header .hi-main-navigation .wp-block-navigation__responsive-container.is-menu-open{
    position:fixed!important;
    inset:0!important;
    z-index:99999!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    padding:72px 22px 28px!important;
    background:#fff!important;
    color:var(--hi-r-navy)!important;
    overflow-y:auto!important;
  }

  html body.home .hi-home-hero__inner{
    padding:18px 0 16px!important;
  }
  html body.home .hi-home-hero h1{
    font-size:32px!important;
    line-height:1.02!important;
  }
  html body.home .hi-home-hero__intro{
    margin-top:4px!important;
    font-size:14px!important;
  }
  html body.home .hi-home-hero__search{
    margin-top:9px!important;
  }
  html body.home .hi-home-hero__quicklinks{
    margin-top:8px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(64px,auto)!important;
    gap:7px!important;
  }
  /* In der mobilen Vorlage stehen sechs Hauptthemen. */
  html body.home .hi-home-hero__quicklink--today,
  html body.home .hi-home-hero__quicklink--daily,
  html body.home .hi-home-hero__quicklink--map{
    display:none!important;
  }
  html body.home .hi-home-hero__quicklink{
    min-height:64px!important;
    padding:8px 8px!important;
    font-size:12px!important;
    border-radius:12px!important;
  }
  html body.home .hi-home-hero__quicklink-icon,
  html body.home .hi-home-hero__quicklink-icon svg{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
  }

  /* Mobile Abschnittstypografie näher an der Vorlage. */
  html body.home .hi-home-modern-section{padding-top:24px!important;}
  html body.home .hi-home-modern-head{margin-bottom:12px!important;}
  html body.home .hi-home-modern-head h2{font-size:26px!important;line-height:1.05!important;}
  html body.home .hi-home-modern-head p{font-size:15px!important;line-height:1.35!important;}
}

@media (max-width:390px){
  html body .hi-site-header{padding:12px 14px!important;min-height:78px!important;}
  html body .hi-site-header .hi-header-brand{width:145px!important;max-width:145px!important;}
  html body .hi-site-header .hi-header-brand img,
  html body .hi-site-header .hi-header-brand svg{max-width:145px!important;}
  html body.home .hi-home-hero h1{font-size:30px!important;}
  html body.home .hi-home-hero__quicklinks{gap:6px!important;}
  html body.home .hi-home-hero__quicklink{min-height:61px!important;font-size:11.5px!important;}
}

/* 0.1.391 – Desktop-Raster begradigt.
 * Zehn Schnellzugriffe werden als 5x2-Raster dargestellt und die vier
 * Veranstaltungskarten bleiben in einer gemeinsamen Reihe. So entstehen
 * keine optisch abfallenden Restzeilen mehr. */
@media (min-width: 783px){
  html body.home .hi-home-modern-section--quick .hi-home-service-grid,
  html body.home .hi-home-service-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  html body.home .hi-home-modern-section--quick .hi-home-service-grid>a,
  html body.home .hi-home-service-grid>a{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:88px!important;
    height:100%!important;
    margin:0!important;
  }

  html body.home .hi-home-modern-section--events .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),
  html body.home .hi-home-modern-band--events .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel){
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:18px!important;
    overflow:visible!important;
    align-items:stretch!important;
  }
  html body.home .hi-home-modern-section--events .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card,
  html body.home .hi-home-modern-band--events .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
  }
}

@media (min-width:783px) and (max-width:1050px){
  html body.home .hi-home-modern-section--events .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),
  html body.home .hi-home-modern-band--events .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.home .hi-home-modern-section--quick .hi-home-service-grid,
  html body.home .hi-home-service-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}

/* 0.1.392 – kräftigere Pastellkacheln, systemweit.
 * Die Farbflächen gelten auf Start- und Unterseiten für Karten, Themen-,
 * Service- und Verzeichniskacheln. Bilder bleiben unverändert; die Kartenfläche
 * erhält die Farbe. Hover-Zustände werden bewusst etwas satter. */
:root{
  --hi-pastel-lavender:#e6d3ff;
  --hi-pastel-apricot:#ffd8b5;
  --hi-pastel-mint:#ccebd6;
  --hi-pastel-rose:#ffd2da;
  --hi-pastel-blue:#cfe7ff;
  --hi-pastel-sky:#d9edf7;
  --hi-pastel-turquoise:#ccebe8;
  --hi-pastel-lemon:#f5e5b2;
  --hi-pastel-lavender-hover:#dcc2ff;
  --hi-pastel-apricot-hover:#ffcca0;
  --hi-pastel-mint-hover:#bfe4cb;
  --hi-pastel-rose-hover:#ffc2ce;
  --hi-pastel-blue-hover:#bddcff;
  --hi-pastel-sky-hover:#c9e5f2;
  --hi-pastel-turquoise-hover:#bce3df;
  --hi-pastel-lemon-hover:#efdaa0;
}

/* Hero: semantische Farbzuordnung. */
html body.home .hi-home-hero__quicklink{background:var(--hi-pastel-turquoise)!important;border-color:rgba(26,48,71,.16)!important;box-shadow:0 5px 14px rgba(26,48,71,.08)!important;}
html body.home .hi-home-hero__quicklink--events{background:var(--hi-pastel-lavender)!important;}
html body.home .hi-home-hero__quicklink--food,
html body.home .hi-home-hero__quicklink--daily{background:var(--hi-pastel-apricot)!important;}
html body.home .hi-home-hero__quicklink--outdoor{background:var(--hi-pastel-mint)!important;}
html body.home .hi-home-hero__quicklink--aid{background:var(--hi-pastel-rose)!important;}
html body.home .hi-home-hero__quicklink--bus{background:var(--hi-pastel-sky)!important;}
html body.home .hi-home-hero__quicklink--parking{background:var(--hi-pastel-blue)!important;}
html body.home .hi-home-hero__quicklink--map{background:var(--hi-pastel-turquoise)!important;}
html body.home .hi-home-hero__quicklink--today{background:var(--hi-pastel-lemon)!important;}
html body.home .hi-home-hero__quicklink:hover{filter:saturate(1.08) brightness(.98)!important;transform:translateY(-2px)!important;}

/* Startseite – Schnell gefunden: abwechslungsreiche, aber feste Farbfolge. */
html body.home .hi-home-service-grid>a{border-color:rgba(26,48,71,.15)!important;box-shadow:0 4px 12px rgba(26,48,71,.06)!important;}
html body.home .hi-home-service-grid>a:nth-child(8n+1){background:var(--hi-pastel-rose)!important;}
html body.home .hi-home-service-grid>a:nth-child(8n+2){background:var(--hi-pastel-lavender)!important;}
html body.home .hi-home-service-grid>a:nth-child(8n+3){background:var(--hi-pastel-blue)!important;}
html body.home .hi-home-service-grid>a:nth-child(8n+4){background:var(--hi-pastel-sky)!important;}
html body.home .hi-home-service-grid>a:nth-child(8n+5){background:var(--hi-pastel-turquoise)!important;}
html body.home .hi-home-service-grid>a:nth-child(8n+6){background:var(--hi-pastel-lemon)!important;}
html body.home .hi-home-service-grid>a:nth-child(8n+7){background:var(--hi-pastel-mint)!important;}
html body.home .hi-home-service-grid>a:nth-child(8n){background:var(--hi-pastel-apricot)!important;}
html body.home .hi-home-service-grid>a:hover{filter:saturate(1.12) brightness(.98)!important;transform:translateY(-2px)!important;}

/* Startseite – Inhaltskarten. Bildbereiche bleiben Bildbereiche, Body übernimmt die Pastellfläche. */
html body.home :is(.hi-ui-today-grid,.hi-home-smart-grid,.hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),.hi-home-destination-grid,.hi-home-new-grid:not(.hi-home-new-grid--ad-carousel))>*{
  border-color:rgba(26,48,71,.15)!important;
  box-shadow:0 5px 15px rgba(26,48,71,.07)!important;
}
html body.home :is(.hi-ui-today-grid,.hi-home-smart-grid,.hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),.hi-home-destination-grid,.hi-home-new-grid:not(.hi-home-new-grid--ad-carousel))>*:nth-child(8n+1){background:var(--hi-pastel-apricot)!important;}
html body.home :is(.hi-ui-today-grid,.hi-home-smart-grid,.hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),.hi-home-destination-grid,.hi-home-new-grid:not(.hi-home-new-grid--ad-carousel))>*:nth-child(8n+2){background:var(--hi-pastel-mint)!important;}
html body.home :is(.hi-ui-today-grid,.hi-home-smart-grid,.hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),.hi-home-destination-grid,.hi-home-new-grid:not(.hi-home-new-grid--ad-carousel))>*:nth-child(8n+3){background:var(--hi-pastel-lavender)!important;}
html body.home :is(.hi-ui-today-grid,.hi-home-smart-grid,.hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),.hi-home-destination-grid,.hi-home-new-grid:not(.hi-home-new-grid--ad-carousel))>*:nth-child(8n+4){background:var(--hi-pastel-blue)!important;}
html body.home :is(.hi-ui-today-grid,.hi-home-smart-grid,.hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),.hi-home-destination-grid,.hi-home-new-grid:not(.hi-home-new-grid--ad-carousel))>*:nth-child(8n+5){background:var(--hi-pastel-rose)!important;}
html body.home :is(.hi-ui-today-grid,.hi-home-smart-grid,.hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),.hi-home-destination-grid,.hi-home-new-grid:not(.hi-home-new-grid--ad-carousel))>*:nth-child(8n+6){background:var(--hi-pastel-turquoise)!important;}
html body.home :is(.hi-ui-today-grid,.hi-home-smart-grid,.hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),.hi-home-destination-grid,.hi-home-new-grid:not(.hi-home-new-grid--ad-carousel))>*:nth-child(8n+7){background:var(--hi-pastel-lemon)!important;}
html body.home :is(.hi-ui-today-grid,.hi-home-smart-grid,.hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),.hi-home-destination-grid,.hi-home-new-grid:not(.hi-home-new-grid--ad-carousel))>*:nth-child(8n){background:var(--hi-pastel-sky)!important;}
html body.home :is(.hi-home-event-showcase__body,.hi-home-destination-card__body,.hi-home-new-card__copy){background:transparent!important;}

/* Unterseiten – alle wesentlichen Kachel-/Kartentypen erhalten dieselbe CI-Farbfolge. */
html body:not(.home) :is(
  .hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,
  .hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,
  .hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,
  .hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card
){
  border-color:rgba(26,48,71,.15)!important;
  box-shadow:0 5px 15px rgba(26,48,71,.07)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
html body:not(.home) :is(.hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,.hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,.hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,.hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card):nth-child(8n+1){background:var(--hi-pastel-lavender)!important;}
html body:not(.home) :is(.hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,.hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,.hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,.hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card):nth-child(8n+2){background:var(--hi-pastel-apricot)!important;}
html body:not(.home) :is(.hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,.hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,.hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,.hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card):nth-child(8n+3){background:var(--hi-pastel-mint)!important;}
html body:not(.home) :is(.hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,.hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,.hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,.hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card):nth-child(8n+4){background:var(--hi-pastel-rose)!important;}
html body:not(.home) :is(.hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,.hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,.hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,.hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card):nth-child(8n+5){background:var(--hi-pastel-blue)!important;}
html body:not(.home) :is(.hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,.hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,.hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,.hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card):nth-child(8n+6){background:var(--hi-pastel-sky)!important;}
html body:not(.home) :is(.hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,.hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,.hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,.hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card):nth-child(8n+7){background:var(--hi-pastel-turquoise)!important;}
html body:not(.home) :is(.hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,.hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,.hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,.hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card):nth-child(8n){background:var(--hi-pastel-lemon)!important;}
html body:not(.home) :is(.hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,.hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,.hi-daily-provider-card,.hi-directory-card,.hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card):hover{
  filter:saturate(1.10) brightness(.985)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 8px 20px rgba(26,48,71,.11)!important;
}

/* Semantische Unterseiten-Farben schlagen die reine Reihenfolge dort, wo der Typ bekannt ist. */
html body:not(.home) .hi-event-card,
html body:not(.home) [class*="event"] .hi-card{background:var(--hi-pastel-lavender)!important;}
html body:not(.home) .hi-gastro-card,
html body:not(.home) .hi-daily-provider-card,
html body:not(.home) .hi-daily-menu-card,
html body:not(.home) [class*="gastro"] .hi-card{background:var(--hi-pastel-apricot)!important;}
html body:not(.home) .hi-destination-type-card,
html body:not(.home) [class*="destination"] .hi-card{background:var(--hi-pastel-mint)!important;}

/* Innenflächen nicht wieder weiß übermalen. */
html body :is(.hi-event-card__body,.hi-gastro-card__body,.hi-place-card__body,.hi-daily-provider-card__body){background:transparent!important;}


/* 0.1.393 – Pastellflächen konsequent auf komplette Inhaltskarten und Hero-Kacheln ausgedehnt. */
html body.home .hi-home-hero__quicklink{
  box-shadow:0 6px 16px rgba(26,48,71,.10)!important;
}
html body.home .hi-home-hero__quicklink .hi-home-hero__quicklink-badge{
  background:rgba(255,255,255,.78)!important;
  color:var(--hi-r-navy)!important;
}

/* Startseite: komplette Kartenkörper farbig statt weiße Innenflächen. */
html body.home #hi-today-0162>.hi-ui-today-card{overflow:hidden!important;}
html body.home #hi-today-0162>.hi-ui-today-card:nth-child(8n+1){background:var(--hi-pastel-apricot)!important;}
html body.home #hi-today-0162>.hi-ui-today-card:nth-child(8n+2){background:var(--hi-pastel-mint)!important;}
html body.home #hi-today-0162>.hi-ui-today-card:nth-child(8n+3){background:var(--hi-pastel-lavender)!important;}
html body.home #hi-today-0162>.hi-ui-today-card:nth-child(8n+4){background:var(--hi-pastel-blue)!important;}
html body.home #hi-today-0162>.hi-ui-today-card:nth-child(8n+5){background:var(--hi-pastel-rose)!important;}
html body.home #hi-today-0162>.hi-ui-today-card:nth-child(8n+6){background:var(--hi-pastel-turquoise)!important;}
html body.home #hi-today-0162>.hi-ui-today-card:nth-child(8n+7){background:var(--hi-pastel-lemon)!important;}
html body.home #hi-today-0162>.hi-ui-today-card:nth-child(8n){background:var(--hi-pastel-sky)!important;}
html body.home #hi-today-0162>.hi-ui-today-card>.hi-ui-today-card__body{background:inherit!important;}

html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card,
html body.home .hi-home-destination-grid>.hi-content-card,
html body.home .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card,
html body.home .hi-districtwide-grid>.hi-districtwide-card,
html body.home .hi-family-mixed-grid>.hi-family-mixed-card,
html body.home .hi-municipality-grid>.hi-municipality-card{
  overflow:hidden!important;
}
html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card:nth-child(8n+1),
html body.home .hi-home-destination-grid>.hi-content-card:nth-child(8n+1),
html body.home .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card:nth-child(8n+1),
html body.home .hi-districtwide-grid>.hi-districtwide-card:nth-child(8n+1),
html body.home .hi-family-mixed-grid>.hi-family-mixed-card:nth-child(8n+1),
html body.home .hi-municipality-grid>.hi-municipality-card:nth-child(8n+1){background:var(--hi-pastel-apricot)!important;}
html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card:nth-child(8n+2),
html body.home .hi-home-destination-grid>.hi-content-card:nth-child(8n+2),
html body.home .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card:nth-child(8n+2),
html body.home .hi-districtwide-grid>.hi-districtwide-card:nth-child(8n+2),
html body.home .hi-family-mixed-grid>.hi-family-mixed-card:nth-child(8n+2),
html body.home .hi-municipality-grid>.hi-municipality-card:nth-child(8n+2){background:var(--hi-pastel-mint)!important;}
html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card:nth-child(8n+3),
html body.home .hi-home-destination-grid>.hi-content-card:nth-child(8n+3),
html body.home .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card:nth-child(8n+3),
html body.home .hi-districtwide-grid>.hi-districtwide-card:nth-child(8n+3),
html body.home .hi-family-mixed-grid>.hi-family-mixed-card:nth-child(8n+3),
html body.home .hi-municipality-grid>.hi-municipality-card:nth-child(8n+3){background:var(--hi-pastel-lavender)!important;}
html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card:nth-child(8n+4),
html body.home .hi-home-destination-grid>.hi-content-card:nth-child(8n+4),
html body.home .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card:nth-child(8n+4),
html body.home .hi-districtwide-grid>.hi-districtwide-card:nth-child(8n+4),
html body.home .hi-family-mixed-grid>.hi-family-mixed-card:nth-child(8n+4),
html body.home .hi-municipality-grid>.hi-municipality-card:nth-child(8n+4){background:var(--hi-pastel-blue)!important;}
html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card:nth-child(8n+5),
html body.home .hi-home-destination-grid>.hi-content-card:nth-child(8n+5),
html body.home .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card:nth-child(8n+5),
html body.home .hi-districtwide-grid>.hi-districtwide-card:nth-child(8n+5),
html body.home .hi-family-mixed-grid>.hi-family-mixed-card:nth-child(8n+5),
html body.home .hi-municipality-grid>.hi-municipality-card:nth-child(8n+5){background:var(--hi-pastel-rose)!important;}
html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card:nth-child(8n+6),
html body.home .hi-home-destination-grid>.hi-content-card:nth-child(8n+6),
html body.home .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card:nth-child(8n+6),
html body.home .hi-districtwide-grid>.hi-districtwide-card:nth-child(8n+6),
html body.home .hi-family-mixed-grid>.hi-family-mixed-card:nth-child(8n+6),
html body.home .hi-municipality-grid>.hi-municipality-card:nth-child(8n+6){background:var(--hi-pastel-turquoise)!important;}
html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card:nth-child(8n+7),
html body.home .hi-home-destination-grid>.hi-content-card:nth-child(8n+7),
html body.home .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card:nth-child(8n+7),
html body.home .hi-districtwide-grid>.hi-districtwide-card:nth-child(8n+7),
html body.home .hi-family-mixed-grid>.hi-family-mixed-card:nth-child(8n+7),
html body.home .hi-municipality-grid>.hi-municipality-card:nth-child(8n+7){background:var(--hi-pastel-lemon)!important;}
html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card:nth-child(8n),
html body.home .hi-home-destination-grid>.hi-content-card:nth-child(8n),
html body.home .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card:nth-child(8n),
html body.home .hi-districtwide-grid>.hi-districtwide-card:nth-child(8n),
html body.home .hi-family-mixed-grid>.hi-family-mixed-card:nth-child(8n),
html body.home .hi-municipality-grid>.hi-municipality-card:nth-child(8n){background:var(--hi-pastel-sky)!important;}

html body.home .hi-home-event-showcase__body,
html body.home .hi-home-destination-card__body,
html body.home .hi-home-new-card__copy,
html body.home .hi-districtwide-card,
html body.home .hi-family-mixed-card,
html body.home .hi-municipality-card{background:transparent!important;}
html body.home .hi-home-new-card__link{background:transparent!important;}
html body.home .hi-home-new-card__thumb{box-shadow:none!important;}

/* Kommunenkacheln auf der Startseite ebenfalls vollflächig pastellig. */
html body.home .hi-municipality-card::before{opacity:.08!important;}


/* 0.1.395 – Regressionsfix: stabile Pastellfarben für Hero-Kacheln und komplette Für-heute-Karten. */
:root{
  --hi-pastel-lavender-strong:#dcc5ff;
  --hi-pastel-apricot-strong:#f7d1ae;
  --hi-pastel-mint-strong:#c9e8d2;
  --hi-pastel-rose-strong:#f8d0d7;
  --hi-pastel-blue-strong:#d0e3fb;
  --hi-pastel-sky-strong:#d3ebf7;
  --hi-pastel-turquoise-strong:#cceae6;
}

/* Hero-Kacheln: klar sichtbare, thematische Farben – auch mobil. */
html body.home .hi-home-hero__quicklink{
  background:#edf5f4!important;
  border:1px solid rgba(26,48,71,.16)!important;
}
html body.home .hi-home-hero__quicklink--events{background:var(--hi-pastel-lavender-strong)!important;}
html body.home .hi-home-hero__quicklink--food,
html body.home .hi-home-hero__quicklink--daily{background:var(--hi-pastel-apricot-strong)!important;}
html body.home .hi-home-hero__quicklink--outdoor{background:var(--hi-pastel-mint-strong)!important;}
html body.home .hi-home-hero__quicklink--aid{background:var(--hi-pastel-rose-strong)!important;}
html body.home .hi-home-hero__quicklink--parking{background:var(--hi-pastel-blue-strong)!important;}
html body.home .hi-home-hero__quicklink--bus{background:var(--hi-pastel-sky-strong)!important;}
html body.home .hi-home-hero__quicklink--map{background:var(--hi-pastel-turquoise-strong)!important;}
html body.home .hi-home-hero__quicklink--today{background:var(--hi-pastel-apricot-strong)!important;}

/* Für heute: ganze Karte einfarbig, inklusive Fallback-/Symbolbildbereich. */
html body.home #hi-today-0162>.hi-ui-today-card{overflow:hidden!important;}
html body.home #hi-today-0162>.hi-ui-today-card--food{background:var(--hi-pastel-apricot-strong)!important;}
html body.home #hi-today-0162>.hi-ui-today-card--pharmacy,
html body.home #hi-today-0162>.hi-ui-today-card--aid{background:var(--hi-pastel-mint-strong)!important;}
html body.home #hi-today-0162>.hi-ui-today-card--event{background:var(--hi-pastel-lavender-strong)!important;}
html body.home #hi-today-0162>.hi-ui-today-card--destination,
html body.home #hi-today-0162>.hi-ui-today-card--outdoor{background:var(--hi-pastel-blue-strong)!important;}
html body.home #hi-today-0162>.hi-ui-today-card>.hi-ui-today-card__body,
html body.home #hi-today-0162>.hi-ui-today-card>.hi-ui-today-card__visual,
html body.home #hi-today-0162>.hi-ui-today-card>.hi-ui-today-card__visual>.hi-ui-today-card__media,
html body.home #hi-today-0162>.hi-ui-today-card>.hi-ui-today-card__visual>.hi-ui-today-card__media>.hi-ui-today-media-fallback{
  background:transparent!important;
}
html body.home #hi-today-0162>.hi-ui-today-card>.hi-ui-today-card__visual>.hi-ui-today-card__media>.hi-ui-today-media-fallback{
  color:#c96825!important;
}
html body.home #hi-today-0162>.hi-ui-today-card--pharmacy>.hi-ui-today-card__visual>.hi-ui-today-card__media>.hi-ui-today-media-fallback{color:#c13232!important;}
html body.home #hi-today-0162>.hi-ui-today-card--destination>.hi-ui-today-card__visual>.hi-ui-today-card__media>.hi-ui-today-media-fallback,
html body.home #hi-today-0162>.hi-ui-today-card--outdoor>.hi-ui-today-card__visual>.hi-ui-today-card__media>.hi-ui-today-media-fallback{color:#2c8742!important;}
html body.home #hi-today-0162>.hi-ui-today-card--event>.hi-ui-today-card__visual>.hi-ui-today-card__media>.hi-ui-today-media-fallback{color:#7652b6!important;}

/* Zusätzliche Sicherheitsleine: alte 0.1.394-Regeln nicht übernehmen – Desktop-Hero unverändert stabil lassen. */
@media (max-width: 782px){
  html body.home .hi-home-hero__quicklinks .hi-home-hero__quicklink{box-shadow:0 4px 10px rgba(26,48,71,.10)!important;}
}


/* 0.1.396 – Hotfix für sichtbare Pastell-Hero-Kacheln und Abschaltung des mobilen Für-heute-Carousels. */
html body.home .hi-home-hero__quicklinks > a.hi-home-hero__quicklink{
  background-image:none!important;
  background-color:#edf5f4!important;
  border:1px solid rgba(26,48,71,.18)!important;
}
html body.home .hi-home-hero__quicklinks > a.hi-home-hero__quicklink--events{background-color:#e2d2fb!important;}
html body.home .hi-home-hero__quicklinks > a.hi-home-hero__quicklink--food,
html body.home .hi-home-hero__quicklinks > a.hi-home-hero__quicklink--daily,
html body.home .hi-home-hero__quicklinks > a.hi-home-hero__quicklink--today{background-color:#f5d7bb!important;}
html body.home .hi-home-hero__quicklinks > a.hi-home-hero__quicklink--outdoor{background-color:#d3ecd9!important;}
html body.home .hi-home-hero__quicklinks > a.hi-home-hero__quicklink--aid{background-color:#f6d4da!important;}
html body.home .hi-home-hero__quicklinks > a.hi-home-hero__quicklink--parking{background-color:#d7e6fb!important;}
html body.home .hi-home-hero__quicklinks > a.hi-home-hero__quicklink--bus{background-color:#d8eef7!important;}
html body.home .hi-home-hero__quicklinks > a.hi-home-hero__quicklink--map{background-color:#d2ece9!important;}

@media (max-width: 782px){
  html body.home #hi-today-0162.hi-ui-today-grid--carousel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    overflow-x:visible!important;
    scroll-snap-type:none!important;
    scrollbar-width:auto!important;
  }
  html body.home #hi-today-0162.hi-ui-today-grid--carousel > .hi-ui-today-card,
  html body.home #hi-today-0162.hi-ui-today-grid--carousel > .hi-ui-today-ad-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:none!important;
    flex-basis:auto!important;
    margin:0!important;
    scroll-snap-align:none!important;
  }
  html body.home .hi-ui-today-carousel__controls{display:none!important;}
}


/* 0.1.398 – leichter 3D-Effekt und schicke Umrandung für Kacheln/Karten. */
:root{
  --hi-card-border-3d:rgba(26,48,71,.18);
  --hi-card-border-inner:rgba(255,255,255,.72);
  --hi-card-shadow-3d:0 10px 20px rgba(18,49,72,.10), 0 2px 4px rgba(18,49,72,.08);
  --hi-card-shadow-3d-hover:0 14px 28px rgba(18,49,72,.14), 0 3px 8px rgba(18,49,72,.10);
}

html body.home :is(
  .hi-home-hero__quicklink,
  .hi-home-service-grid > a,
  #hi-today-0162 > .hi-ui-today-card,
  .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) > .hi-home-event-showcase__card,
  .hi-home-destination-grid > .hi-content-card,
  .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel) > .hi-home-new-card,
  .hi-districtwide-grid > .hi-districtwide-card,
  .hi-family-mixed-grid > .hi-family-mixed-card,
  .hi-municipality-grid > .hi-municipality-card
),
html body:not(.home) :is(
  .hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,
  .hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,
  .hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,
  .hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card,.hi-municipality-card
){
  position:relative!important;
  border:1px solid var(--hi-card-border-3d)!important;
  box-shadow:var(--hi-card-shadow-3d)!important;
  overflow:hidden!important;
}

html body.home :is(
  .hi-home-hero__quicklink,
  .hi-home-service-grid > a,
  #hi-today-0162 > .hi-ui-today-card,
  .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) > .hi-home-event-showcase__card,
  .hi-home-destination-grid > .hi-content-card,
  .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel) > .hi-home-new-card,
  .hi-districtwide-grid > .hi-districtwide-card,
  .hi-family-mixed-grid > .hi-family-mixed-card,
  .hi-municipality-grid > .hi-municipality-card
)::before,
html body:not(.home) :is(
  .hi-card,.hi-content-card,.hi-category-card,.hi-event-card,.hi-gastro-card,
  .hi-place-card,.hi-destination-type-card,.hi-districtwide-card,.hi-family-mixed-card,
  .hi-daily-provider-card,.hi-directory-card,.hi-entry-public-facts__item,
  .hi-place-type-grid>a,.hi-gastro-type-grid>a,.hi-district-weather__card,.hi-municipality-card
)::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 var(--hi-card-border-inner), inset 0 -1px 0 rgba(26,48,71,.05);
  pointer-events:none;
}

html body.home :is(
  .hi-home-hero__quicklink:hover,.hi-home-hero__quicklink:focus-visible,
  .hi-home-service-grid > a:hover,.hi-home-service-grid > a:focus-visible,
  #hi-today-0162 > .hi-ui-today-card:hover,
  .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) > .hi-home-event-showcase__card:hover,
  .hi-home-destination-grid > .hi-content-card:hover,
  .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel) > .hi-home-new-card:hover,
  .hi-districtwide-grid > .hi-districtwide-card:hover,
  .hi-family-mixed-grid > .hi-family-mixed-card:hover,
  .hi-municipality-grid > .hi-municipality-card:hover
),
html body:not(.home) :is(
  .hi-card:hover,.hi-content-card:hover,.hi-category-card:hover,.hi-event-card:hover,.hi-gastro-card:hover,
  .hi-place-card:hover,.hi-destination-type-card:hover,.hi-districtwide-card:hover,.hi-family-mixed-card:hover,
  .hi-daily-provider-card:hover,.hi-directory-card:hover,.hi-entry-public-facts__item:hover,
  .hi-place-type-grid>a:hover,.hi-gastro-type-grid>a:hover,.hi-district-weather__card:hover,.hi-municipality-card:hover
){
  box-shadow:var(--hi-card-shadow-3d-hover)!important;
  transform:translateY(-2px)!important;
}

/* Hero-Kacheln etwas plastischer und mit klarerer Kontur. */
html body.home .hi-home-hero__quicklink{
  border-radius:14px!important;
}

/* Schnell gefunden darf etwas kantiger/plastischer wirken. */
html body.home .hi-home-service-grid > a{
  border-radius:12px!important;
}

/* Inhaltskarten etwas edler einfassen. */
html body.home #hi-today-0162 > .hi-ui-today-card,
html body.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) > .hi-home-event-showcase__card,
html body.home .hi-home-destination-grid > .hi-content-card,
html body.home .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel) > .hi-home-new-card,
html body.home .hi-districtwide-grid > .hi-districtwide-card,
html body.home .hi-family-mixed-grid > .hi-family-mixed-card,
html body.home .hi-municipality-grid > .hi-municipality-card{
  border-radius:16px!important;
}


/* 0.1.399 – "Für heute" dauerhaft als echtes Grid, auch mit Werbung. */
html body.home #hi-today-0162.hi-ui-today-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  overflow:visible!important;
  padding:0!important;
}
html body.home #hi-today-0162 > .hi-ui-today-ad-card{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:254px!important;
  min-height:254px!important;
  max-height:254px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--hi-card-border-3d)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:var(--hi-card-shadow-3d)!important;
}
html body.home #hi-today-0162 > .hi-ui-today-ad-card > .hi-ad,
html body.home #hi-today-0162 > .hi-ui-today-ad-card .hi-ad__link,
html body.home #hi-today-0162 > .hi-ui-today-ad-card .hi-ad__creative{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
}
html body.home #hi-today-0162 > .hi-ui-today-ad-card .hi-ad{position:relative!important;}
html body.home #hi-today-0162 > .hi-ui-today-ad-card .hi-ad__label{
  position:absolute!important;
  z-index:4!important;
  top:9px!important;
  left:9px!important;
  margin:0!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 1px 5px rgba(18,49,72,.14)!important;
  font-size:.58rem!important;
  font-weight:850!important;
  line-height:1.15!important;
  color:#52656d!important;
}
html body.home #hi-today-0162 > .hi-ui-today-ad-card .hi-ad__image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  background:#f3f6f7!important;
}
@media(max-width:980px){
  html body.home #hi-today-0162.hi-ui-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  html body.home #hi-today-0162.hi-ui-today-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  html body.home #hi-today-0162 > .hi-ui-today-ad-card{
    height:254px!important;
    min-height:254px!important;
    max-height:254px!important;
  }
}

/* 01412: final mobile overrides within the actual inline CI source. */
/* Mobile start page: static grids and no reserved blank media rows. */
@media(max-width:700px){
html body.home.home .hi-home-service-grid,html body.home.home .hi-home-new-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-columns:auto!important;grid-auto-flow:row!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:0!important;padding:0!important;gap:12px!important;overflow:visible!important;scroll-snap-type:none!important;transform:none!important}
html body.home.home .hi-home-new-grid{grid-template-columns:minmax(0,1fr)!important}
html body.home.home :is(.hi-home-service-grid,.hi-home-new-grid)>*{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;box-sizing:border-box!important;scroll-snap-align:none!important;transform:none!important}
html body.home.home .hi-home-new-grid>.hi-home-new-card:nth-of-type(n+4){display:none!important}
html body.home.home .hi-home-new-grid>.hi-home-new-card .hi-home-new-card__link{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
html body.home.home .hi-home-content-carousel--new .hi-home-carousel-controls,html body.home.home .hi-home-content-carousel--new [data-hi-home-carousel-prev],html body.home.home .hi-home-content-carousel--new [data-hi-home-carousel-next],html body.home.home .hi-home-content-carousel--new [data-hi-home-carousel-position]{display:none!important}
html body.home.home #hi-today-0162>.hi-ui-today-card{display:flex!important;flex-direction:column!important;grid-template-rows:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important}
html body.home.home #hi-today-0162>.hi-ui-today-card::before,html body.home.home #hi-today-0162>.hi-ui-today-card::after{content:none!important;display:none!important}
html body.home.home #hi-today-0162>.hi-ui-today-card>:is(.hi-ui-today-card__visual,.hi-ui-today-card__event-visual){position:relative!important;inset:auto!important;display:block!important;height:120px!important;min-height:0!important;max-height:120px!important;flex:0 0 120px!important;aspect-ratio:auto!important;margin:0!important;padding:0!important}
html body.home.home #hi-today-0162 .hi-ui-today-card__media,html body.home.home #hi-today-0162 :is(.hi-ui-today-media-photo,.hi-ui-today-media-fallback){position:absolute!important;inset:0!important;height:120px!important;min-height:0!important;max-height:120px!important;width:100%!important;margin:0!important;padding:0!important}
html body.home.home #hi-today-0162>.hi-ui-today-card>.hi-ui-today-card__body{position:relative!important;inset:auto!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;margin:0!important;padding:14px!important}
html body .hi-site-footer.hi-site-footer .hi-weather--footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;padding:14px!important;gap:10px!important;box-sizing:border-box!important}
html body .hi-site-footer.hi-site-footer .hi-weather--footer :is(.hi-weather__heading,.hi-weather__current,.hi-weather__facts,.hi-weather__forecast){min-height:0!important;height:auto!important;margin:0!important;padding:0!important}
html body .hi-site-footer.hi-site-footer .hi-weather--footer :is(.hi-weather__facts,.hi-weather__forecast){grid-column:1/-1!important}
html body .hi-site-footer.hi-site-footer .hi-weather--footer .hi-weather__facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html body .hi-site-footer.hi-site-footer .hi-weather--footer :is(p,h2,dl,dd){margin-block:0!important}
html body .hi-site-footer.hi-site-footer .hi-weather--footer .hi-weather__temperature{font-size:1.75rem!important}
html body .hi-site-footer.hi-site-footer .hi-weather--footer .hi-weather__icon{font-size:2rem!important}
html body .hi-site-footer.hi-site-footer .hi-weather--footer .hi-weather__forecast-text{font-size:.875rem!important;line-height:1.4!important}
}

@media(max-width:700px){html body.home.home #hi-today-0162>.hi-ui-today-card>:is(.hi-ui-today-card__visual,.hi-ui-today-card__event-visual,.hi-ui-today-card__body)::before,html body.home.home #hi-today-0162>.hi-ui-today-card>:is(.hi-ui-today-card__visual,.hi-ui-today-card__event-visual,.hi-ui-today-card__body)::after{content:none!important;display:none!important}}

@media(max-width:700px){
html body.home.home .hi-home-modern-section--quick .hi-home-service-grid,html body.home.home .hi-home-modern-section .hi-home-new-grid{display:grid!important;overflow:visible!important;scroll-snap-type:none!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;width:100%!important;max-width:100%!important;margin-inline:0!important;padding-inline:0!important}
html body.home.home .hi-home-modern-section--quick .hi-home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body.home.home .hi-home-modern-section .hi-home-new-grid{grid-template-columns:minmax(0,1fr)!important}
html body .hi-site-footer.hi-site-footer .hi-footer-weather-wrap{width:calc(100% - 24px)!important;max-width:none!important;margin-inline:auto!important;padding:0!important;box-sizing:border-box!important}
html body .hi-site-footer.hi-site-footer .hi-footer-weather-wrap>.hi-weather--footer{width:100%!important;max-width:none!important;margin-inline:0!important;min-height:0!important;padding:12px!important}
}

/* New nearby cards: consistent badge and separate name/description lines. */
html body.home.home .hi-home-new-grid>.hi-home-new-card{position:relative!important;height:auto!important;min-height:96px!important;max-height:none!important}
html body.home.home .hi-home-new-grid>.hi-home-new-card>.hi-home-new-card__link{position:relative!important;display:grid!important;grid-template-columns:56px minmax(0,1fr) 18px!important;align-items:center!important;gap:12px!important;width:100%!important;height:auto!important;min-height:96px!important;max-height:none!important;padding:26px 16px 14px!important;box-sizing:border-box!important}
html body.home.home .hi-home-new-grid .hi-home-new-card__copy{position:static!important;display:block!important;min-width:0!important;width:100%!important;text-align:left!important;overflow:visible!important}
html body.home.home .hi-home-new-grid .hi-home-new-card__copy>.hi-entry-badges{position:absolute!important;top:0!important;right:12px!important;left:auto!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;width:auto!important;max-width:calc(100% - 24px)!important;margin:0!important;padding:0!important;transform:none!important}
html body.home.home .hi-home-new-grid .hi-home-new-card__copy>strong,html body.home.home .hi-home-new-grid .hi-home-new-card__copy>small{position:static!important;display:block!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;max-height:none!important;height:auto!important;line-height:1.35!important;margin:0!important}
html body.home.home .hi-home-new-grid .hi-home-new-card__copy>small{margin-top:4px!important}


/* Mobile footer: branding above three adjacent navigation columns. */
@media(max-width:781px){
html body .hi-site-footer.hi-site-footer>.wp-block-columns{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px 12px!important;align-items:start!important}
html body .hi-site-footer.hi-site-footer>.wp-block-columns>.wp-block-column{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;flex-basis:auto!important;grid-column:auto!important;box-sizing:border-box!important}
html body .hi-site-footer.hi-site-footer>.wp-block-columns>.wp-block-column:first-child{grid-column:1/-1!important}
html body .hi-site-footer.hi-site-footer>.wp-block-columns>.wp-block-column:not(:first-child) h3{font-size:1rem!important;line-height:1.3!important;margin:0 0 8px!important}
html body .hi-site-footer.hi-site-footer .hi-footer-links{padding:0!important;margin:0!important;list-style:none!important}
html body .hi-site-footer.hi-site-footer .hi-footer-links a{display:inline-block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:.8rem!important;line-height:1.4!important;padding-block:4px!important}
}


/* Compact rating panel with circular, unstretched star buttons. */
html body .hi-helpfulness.hi-helpfulness{width:min(760px,100%)!important;max-width:760px!important;margin:18px auto!important;padding:12px 14px!important;min-height:0!important;height:auto!important;gap:10px!important}
html body .hi-helpfulness.hi-helpfulness .hi-helpfulness__copy strong{font-size:.875rem!important}
html body .hi-helpfulness.hi-helpfulness .hi-helpfulness__copy span{font-size:.75rem!important;line-height:1.35!important}
html body .hi-helpfulness.hi-helpfulness .hi-helpfulness__stars{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;width:auto!important}
html body .hi-helpfulness.hi-helpfulness button.hi-helpfulness__star{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;aspect-ratio:1!important;border-radius:50%!important;padding:0!important;margin:0!important;font-size:23px!important;line-height:1!important;letter-spacing:0!important;box-sizing:border-box!important}
@media(max-width:760px){html body .hi-helpfulness.hi-helpfulness{padding:10px 12px!important;gap:8px!important}html body .hi-helpfulness.hi-helpfulness .hi-helpfulness__controls{gap:6px!important}}

/* 01416: compact cards, centered coats and no empty formatting rows. */
html body.home.home .hi-home-new-grid>.hi-home-new-card>.hi-home-new-card__link{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;min-height:88px!important;padding:24px 14px 12px!important;}
html body.home.home .hi-home-new-grid .hi-home-new-card__thumb{position:static!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;}
html body.home.home .hi-home-new-grid .hi-home-new-card__copy{flex:1 1 0!important;width:auto!important;min-width:0!important;margin:0!important;}
html body.home.home .hi-home-new-grid .hi-home-new-card__arrow{position:static!important;flex:0 0 18px!important;width:18px!important;margin:0!important;}
html body.home.home .hi-home-new-grid .hi-home-new-card__link::before,html body.home.home .hi-home-new-grid .hi-home-new-card__link::after{display:none!important;content:none!important;}
html body.home.home .hi-home-new-grid>.hi-home-new-card{min-height:0!important;}
html body.home.home .hi-home-modern-section--municipalities .hi-municipality-card::before{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;background-position:center!important;}
html body.home.home :is(.hi-ui-today-card,.hi-home-new-card__link,.hi-home-new-card,.hi-daily-recommendation-card)>p:empty{display:none!important;height:0!important;margin:0!important;padding:0!important;}
@media(max-width:700px){
html body.home.home #hi-today-0162>.hi-ui-today-card>p{display:none!important;}
html body.home.home #hi-today-0162>.hi-ui-today-card>.hi-ui-today-card__body{flex:none!important;min-height:0!important;height:auto!important;margin:0!important;}
html body.home.home .hi-daily-recommendations>.hi-daily-recommendation-card{display:flex!important;flex-direction:column!important;grid-template-rows:none!important;height:auto!important;min-height:0!important;max-height:none!important;}
html body.home.home .hi-daily-recommendations .hi-daily-recommendation-card__image--placeholder{display:none!important;height:0!important;min-height:0!important;}
html body.home.home .hi-daily-recommendations .hi-daily-recommendation-card__image:not(.hi-daily-recommendation-card__image--placeholder){position:relative!important;display:block!important;height:110px!important;min-height:0!important;max-height:110px!important;flex:0 0 110px!important;}
html body.home.home .hi-daily-recommendations .hi-daily-recommendation-card__image img{height:110px!important;min-height:0!important;max-height:110px!important;width:100%!important;object-fit:cover!important;}
html body.home.home .hi-daily-recommendations .hi-daily-recommendation-card__body{position:relative!important;display:block!important;flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;padding:14px!important;}
html body.home.home .hi-daily-recommendations .hi-daily-recommendation-card__body::before,html body.home.home .hi-daily-recommendations .hi-daily-recommendation-card__body::after{content:none!important;display:none!important;}
}

/* 0.1.418 – kompakter Hero, sechs Aufgaben unter dem Bild (nicht als Overlay). */
html body.home .hi-home-hero { height:clamp(255px,29vw,405px)!important; min-height:0!important; max-height:405px!important; overflow:hidden!important; }
html body.home .hi-home-hero__inner { min-height:0!important; height:100%!important; padding:clamp(22px,3vw,45px) 0 20px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; }
html body.home .hi-home-hero__copy h1 { font-size:clamp(1.55rem,3.2vw,2.8rem)!important; }
html body.home .hi-home-shortcuts-below {width:min(1240px,calc(100% - 32px));margin:12px auto 22px;position:relative;z-index:2;}
html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks {position:static!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;}
html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks > a {min-width:0!important;width:100%!important;max-width:none!important;position:relative!important;}
@media(max-width:760px){
 html body.home .hi-home-hero {height:clamp(190px,37vw,270px)!important;min-height:0!important;}
 html body.home .hi-home-hero__inner {width:calc(100% - 28px)!important;padding:16px 0!important;}
 html body.home .hi-home-hero__copy {margin-bottom:8px!important;}
 html body.home .hi-home-hero__intro {display:none!important;}
 html body.home .hi-home-hero__search {width:100%!important;max-width:none!important;margin:0!important;}
 html body.home .hi-home-shortcuts-below {width:calc(100% - 24px);margin:10px auto 18px;}
 html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;display:grid!important;}
 html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks > a {min-height:74px!important;padding:9px 3px!important;}
}


/* 0.1.419 – Hero deutlich flacher, Schnellkacheln komplett unter dem Bild,
   Empfehlungen des Tages wie kompakte Heute-Karten mit vier Spalten. */
html body.home .hi-home-hero > .hi-home-hero__quicklinks{display:none!important;}
html body.home .hi-home-hero{
  height:clamp(205px,23vw,320px)!important;
  min-height:0!important;
  max-height:320px!important;
  overflow:hidden!important;
}
html body.home .hi-home-hero__inner{
  width:min(1120px,calc(100% - 32px))!important;
  min-height:0!important;
  height:100%!important;
  padding:18px 0 14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
html body.home .hi-home-hero__copy{margin:0 0 10px!important;}
html body.home .hi-home-hero__copy h1{font-size:clamp(2rem,4.6vw,4rem)!important;line-height:.94!important;}
html body.home .hi-home-hero__intro{font-size:.9rem!important;line-height:1.25!important;max-width:none!important;margin-top:6px!important;}
html body.home .hi-home-hero__search{
  width:min(880px,100%)!important;
  min-height:58px!important;
  margin-top:8px!important;
  padding:4px 5px 4px 14px!important;
  border-radius:16px!important;
}
html body.home .hi-home-hero__search input{height:44px!important;font-size:.9rem!important;}
html body.home .hi-home-hero__search button{height:46px!important;min-width:96px!important;font-size:.95rem!important;}
html body.home .hi-home-hero__location{display:none!important;}

html body.home .hi-home-shortcuts-below{
  width:min(1240px,calc(100% - 32px))!important;
  margin:14px auto 24px!important;
  position:relative!important;
  z-index:2!important;
}
html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
}
html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks > a.hi-home-hero__quicklink{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:78px!important;
  height:auto!important;
  padding:10px 6px 9px!important;
  border:1px solid #d8e3e6!important;
  border-radius:14px!important;
  box-shadow:0 6px 18px rgba(18,49,72,.06)!important;
  color:#123148!important;
}
html body.home .hi-home-shortcuts-below .hi-home-hero__quicklink-icon,
html body.home .hi-home-shortcuts-below .hi-home-hero__quicklink-icon svg{width:21px!important;height:21px!important;}

html body.home .hi-home-modern-section--recommendation .hi-daily-recommendations{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:0!important;
}
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendations > .hi-daily-recommendation-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  border:1px solid #dde5e8!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 25px rgba(18,49,72,.065)!important;
  overflow:hidden!important;
}
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__image,
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__image img{
  display:block!important;
  width:100%!important;
  height:112px!important;
  min-height:112px!important;
  max-height:112px!important;
  object-fit:cover!important;
}
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__body{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  padding:12px 13px 13px!important;
}
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__adlabel{
  margin:0 0 5px!important;
  padding:2px 6px!important;
  font-size:.55rem!important;
}
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__eyebrow{
  margin-bottom:6px!important;
  padding:3px 7px!important;
  font-size:.6rem!important;
}
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card h3{
  margin:0!important;
  font-size:.98rem!important;
  line-height:1.22!important;
}
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card h3 a{
  color:#123148!important;
  text-decoration:none!important;
}
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__place{
  margin:.3rem 0 0!important;
  color:#0f766e!important;
  font-size:.7rem!important;
  font-weight:750!important;
}
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__body > p:not(.hi-daily-recommendation-card__place){
  display:none!important;
}
html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__more{
  margin-top:auto!important;
  padding-top:8px!important;
  font-size:.72rem!important;
  font-weight:800!important;
}

@media (max-width: 980px){
  html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  html body.home .hi-home-modern-section--recommendation .hi-daily-recommendations{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width: 760px){
  html body.home .hi-home-hero{height:188px!important;max-height:188px!important;}
  html body.home .hi-home-hero__inner{width:calc(100% - 24px)!important;padding:12px 0 10px!important;}
  html body.home .hi-home-hero__copy h1{font-size:clamp(1.7rem,8vw,2.25rem)!important;}
  html body.home .hi-home-hero__intro{display:none!important;}
  html body.home .hi-home-hero__search{min-height:52px!important;padding:3px 4px 3px 12px!important;}
  html body.home .hi-home-hero__search input{height:40px!important;}
  html body.home .hi-home-hero__search button{height:42px!important;min-width:82px!important;}
  html body.home .hi-home-shortcuts-below{width:calc(100% - 24px)!important;margin:10px auto 18px!important;}
  html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
  html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks > a.hi-home-hero__quicklink{min-height:72px!important;padding:8px 4px!important;}
}
@media (max-width: 560px){
  html body.home .hi-home-modern-section--recommendation .hi-daily-recommendations{grid-template-columns:1fr!important;gap:12px!important;}
  html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__image,
  html body.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__image img{height:118px!important;min-height:118px!important;max-height:118px!important;}
}


/* 0.1.420 – alle 6 Schnellkacheln auf Mobil; kompakt und ohne Ausblendung. */
@media(max-width:760px){
 html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks{
   position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
   grid-auto-flow:row!important;gap:6px!important;overflow:visible!important;
   width:100%!important;max-width:none!important;transform:none!important;
 }
 html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks > a.hi-home-hero__quicklink{
   display:flex!important;min-height:49px!important;height:49px!important;width:100%!important;
   padding:4px 3px!important;gap:2px!important;flex-direction:column!important;
   justify-content:center!important;align-items:center!important;border-radius:9px!important;
   font-size:.62rem!important;line-height:1.1!important;box-sizing:border-box!important;
 }
 html body.home .hi-home-shortcuts-below .hi-home-hero__quicklink-icon,
 html body.home .hi-home-shortcuts-below .hi-home-hero__quicklink-icon svg{
   width:17px!important;height:17px!important;min-width:17px!important;
 }
 html body.home .hi-home-shortcuts-below{margin:7px auto 12px!important;}
}
@media(max-width:390px){
 html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks{gap:5px!important;}
 html body.home .hi-home-shortcuts-below .hi-home-hero__quicklinks > a.hi-home-hero__quicklink{font-size:.56rem!important;}
}


/* 0.1.422: Vier Vorschauen auf Desktop; erst mobil max. drei. */
@media(min-width:981px){
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),
 html body.home.home .hi-home-destination-grid,
 html body.home.home .hi-home-modern-section .hi-home-new-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important;overflow:visible!important}
 html body.home.home .hi-home-event-showcase>.hi-home-event-showcase__card,
 html body.home.home .hi-home-destination-grid>.hi-content-card,
 html body.home.home .hi-home-new-grid>.hi-home-new-card{display:flex!important;min-width:0!important;max-width:none!important;width:100%!important}
 html body.home.home .hi-home-new-grid>.hi-home-new-card:nth-of-type(n+4){display:flex!important}
}
@media(min-width:641px) and (max-width:980px){
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel),
 html body.home.home .hi-home-destination-grid,
 html body.home.home .hi-home-modern-section .hi-home-new-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.home.home .hi-home-new-grid>.hi-home-new-card:nth-of-type(n+4){display:flex!important}
}
@media(max-width:640px){
 html body.home.home .hi-home-event-showcase>.hi-home-event-showcase__card:nth-child(n+4),
 html body.home.home .hi-home-destination-grid>.hi-content-card:nth-child(n+4),
 html body.home.home .hi-home-new-grid>.hi-home-new-card:nth-child(n+4){display:none!important}
}
/* Konsistente semantische Farbtokens statt Farbe nach Kartenposition. */
html body.home{--hi-category-event:#e2d2fb;--hi-category-food:#f5d7bb;--hi-category-emergency:#f6d4da;--hi-category-parking:#d7e6fb;--hi-category-map:#d2ece9;--hi-category-transit:#d8eef7;--hi-category-outdoor:#d3ecd9}
html body.home.home .hi-home-hero__quicklink--events{background:var(--hi-category-event)!important}
html body.home.home .hi-home-hero__quicklink--today{background:var(--hi-category-food)!important}
html body.home.home .hi-home-hero__quicklink--aid{background:var(--hi-category-emergency)!important}
html body.home.home .hi-home-hero__quicklink--parking{background:var(--hi-category-parking)!important}
html body.home.home .hi-home-hero__quicklink--map{background:var(--hi-category-map)!important}
html body.home.home .hi-home-hero__quicklink--bus{background:var(--hi-category-transit)!important}
html body.home.home #hi-today-0162>.hi-ui-today-card--event,
html body.home.home .hi-home-event-showcase>.hi-home-event-showcase__card{background:var(--hi-category-event)!important;border-color:#ccb7e9!important}
html body.home.home #hi-today-0162>.hi-ui-today-card--food,
html body.home.home .hi-daily-recommendation-card--gastro{background:var(--hi-category-food)!important;border-color:#eac49f!important}
html body.home.home #hi-today-0162>.hi-ui-today-card--aid,
html body.home.home #hi-today-0162>.hi-ui-today-card--pharmacy{background:var(--hi-category-emergency)!important;border-color:#e4b5bf!important}
html body.home.home #hi-today-0162>.hi-ui-today-card--destination,
html body.home.home #hi-today-0162>.hi-ui-today-card--outdoor,
html body.home.home .hi-daily-recommendation-card--destination{background:var(--hi-category-outdoor)!important;border-color:#b8dcc2!important}
/* Card-Flaechen sind kategoriebezogen; Thumbnail und Lesbarkeit bleiben unveraendert. */
html body.home.home .hi-home-event-showcase>.hi-home-event-showcase__card .hi-home-event-showcase__body{background:var(--hi-category-event)!important}
html body.home.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card--gastro{background:var(--hi-category-food)!important}
html body.home.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card--destination{background:var(--hi-category-outdoor)!important}
html body.home.home .hi-home-modern-section--recommendation .hi-daily-recommendation-card__body{background:transparent!important}


/* 0.1.423: Gleich hohe Karten + acht Orte auf einer Desktop-Zeile. */
@media (min-width: 1100px) {
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-grid {
   display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;
   grid-auto-flow:row!important;gap:8px!important;overflow:visible!important;
 }
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-card {
   min-width:0!important;width:100%!important;min-height:70px!important;
   padding:9px 7px!important;box-sizing:border-box!important;
 }
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-card__name {
   font-size:clamp(.64rem,.75vw,.8rem)!important;overflow-wrap:anywhere!important;
 }
}
@media (min-width: 761px) and (max-width:1099px) {
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-grid {
   display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;
 }
}
@media (max-width:760px) {
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-grid {
   display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
   gap:6px!important;overflow:visible!important;
 }
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-grid>.hi-municipality-card {
   display:flex!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;
   min-height:63px!important;height:auto!important;padding:7px 5px!important;border-radius:10px!important;
 }
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-card__name {
   font-size:clamp(.55rem,2.05vw,.72rem)!important;line-height:1.12!important;
   overflow-wrap:anywhere!important;hyphens:auto!important;
 }
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-card__arrow {
   width:14px!important;height:14px!important;min-width:14px!important;font-size:.65rem!important;
 }
}
@media (min-width:981px) {
 html body.home.home .hi-home-modern-section .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel) {
    align-items:stretch!important;grid-auto-rows:1fr!important;
 }
 html body.home.home .hi-home-modern-section .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card {
    display:flex!important;height:100%!important;min-height:148px!important;align-self:stretch!important;
 }
 html body.home.home .hi-home-modern-section .hi-home-new-grid:not(.hi-home-new-grid--ad-carousel)>.hi-home-new-card>.hi-home-new-card__link {
    display:flex!important;align-items:center!important;width:100%!important;height:100%!important;
    min-height:148px!important;box-sizing:border-box!important;
 }
}


/* ===== Heidenheim.info 0.1.427: startseite / visuelle Abnahme =====
   Nur Frontpage; bestehende Karten- und Shortcode-Strukturen bleiben erhalten.
   Diese Regeln stehen in der bestehenden finalen Designsystem-Datei (keine neue CSS-Schicht).
*/
body.home .hi-home-modern-section,
body.home .hi-home-modern-band--events > .wp-block-group {
  box-sizing:border-box;
}
body.home .hi-home-modern-head {
  margin-bottom:clamp(14px,2.2vw,22px)!important;
}
body.home .hi-home-modern-head h2 {
  font-size:clamp(1.35rem,2.1vw,1.9rem)!important;
  line-height:1.16!important;
  letter-spacing:-.025em;
}
body.home .hi-home-modern-head p {
  line-height:1.48!important;
}
/* Ein konsistenter visueller Kartenstandard bei vergleichbaren Startseitenkarten. */
body.home :is(.hi-event-card,.hi-home-destination-card,.hi-home-recommendation-card) {
  border-radius:18px!important;
  border:1px solid rgba(28,57,72,.12)!important;
  overflow:hidden!important;
  box-shadow:0 6px 15px rgba(20,52,69,.08)!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  body.home :is(.hi-event-card,.hi-home-destination-card,.hi-home-recommendation-card):hover {
    transform:translateY(-3px)!important;
    box-shadow:0 10px 20px rgba(20,52,69,.12)!important;
  }
}
/* Keine übergroßen Leerräume bei Karten ohne Bild; für echten Bildinhalt bleibt Platz. */
body.home :is(.hi-event-card__image,.hi-home-destination-card__image,.hi-home-recommendation-card__image):not(:has(img)) {
  min-height:0!important;
  height:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
body.home :is(.hi-event-card,.hi-home-destination-card,.hi-home-recommendation-card) img {
  display:block;
  max-width:100%;
  object-fit:cover;
}
/* Einheitliche Breite für die Veranstaltungseinbettung; breite Hintergrundfläche bleibt. */
body.home .hi-home-modern-band--events {
  box-sizing:border-box;
  padding-inline:clamp(16px,3vw,34px)!important;
}
body.home .hi-home-modern-band--events > .wp-block-group {
  max-width:1200px;
  margin-inline:auto;
}
/* Suche: gut erkennbarer Fokus und weniger riskante Schatten auf kleinem Screen. */
body.home .hi-home-hero__search:focus-within {
  outline:3px solid rgba(17,119,89,.48);
  outline-offset:3px;
}
body.home .hi-home-hero__search input[type="search"] {min-width:0;}
/* Servicekacheln behalten die CI-Pastellfarben, aber bekommen gleiche Tiefe. */
body.home .hi-home-service-grid > a {
  border-radius:16px!important;
  box-shadow:0 5px 0 rgba(22,56,72,.08),0 7px 12px rgba(22,56,72,.07)!important;
  min-width:0;
}
body.home :is(.hi-home-service-grid > a,.hi-municipality-card):focus-visible {
  outline:3px solid #126c51!important;
  outline-offset:3px;
}
/* Gemeinde-Namen und Wappen visuell priorisieren, ohne Inhaltszahl zu ändern. */
body.home .hi-home-modern-section--municipalities .hi-municipality-card {
  min-height:78px!important;
  padding:12px 10px!important;
}
body.home .hi-home-modern-section--municipalities .hi-municipality-card__name {
  font-size:clamp(.78rem,1vw,.92rem)!important;
  font-weight:800!important;
  line-height:1.28!important;
  overflow-wrap:anywhere;
}
@media(max-width:760px){
  body.home .hi-home-modern-section--municipalities .hi-municipality-card {min-height:86px!important;}
  body.home .hi-home-hero__search {max-width:calc(100vw - 28px);}
  body.home .hi-home-modern-band--events {padding-inline:14px!important;}
}
@media(prefers-reduced-motion:reduce){
  body.home :is(.hi-event-card,.hi-home-destination-card,.hi-home-recommendation-card){transition:none!important;transform:none!important;}
}
/* ===== Ende 0.1.427 ===== */


/* ===== 0.1.428: responsive content-first homepage cards =====
   Fixes the real classes rendered by HI Core (not generic mock card classes).
   All changes are scoped to the home page. */
@media (min-width: 981px) {
  html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;align-items:stretch!important;
  }
}
html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) > .hi-home-event-showcase__card {
  display:grid!important;grid-template-columns:minmax(110px,35%) minmax(0,1fr)!important;
  grid-template-rows:auto!important;height:auto!important;min-height:154px!important;
  max-height:none!important;align-items:stretch!important;overflow:hidden!important;
  border-radius:16px!important;box-shadow:0 5px 15px rgba(18,49,72,.09)!important;
}
html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) > .hi-home-event-showcase__card .hi-home-event-showcase__visual {
  grid-column:1!important;grid-row:1!important;width:100%!important;
  height:100%!important;min-height:154px!important;max-height:none!important;
  overflow:hidden!important;
}
html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) > .hi-home-event-showcase__card .hi-home-event-showcase__body {
  grid-column:2!important;grid-row:1!important;min-width:0!important;
  height:auto!important;min-height:154px!important;max-height:none!important;
  padding:16px 16px 14px!important;overflow:visible!important;box-sizing:border-box!important;
  align-self:stretch!important;
}
html body.home.home .hi-home-event-showcase__card .hi-home-event-showcase__visual img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
}
/* Use compact information cards when recommendations have no real photograph. */
html body.home.home .hi-daily-recommendations > .hi-daily-recommendation-card {
  height:auto!important;min-height:150px!important;max-height:none!important;
  grid-template-columns:1fr!important;grid-template-rows:auto!important;
  border-radius:16px!important;
}
html body.home.home .hi-daily-recommendations > .hi-daily-recommendation-card .hi-daily-recommendation-card__body {
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  height:auto!important;min-height:142px!important;max-height:none!important;
  padding:17px 17px 16px!important;overflow:visible!important;
}
html body.home.home .hi-daily-recommendations > .hi-daily-recommendation-card .hi-daily-recommendation-card__image--placeholder{
  display:none!important;height:0!important;min-height:0!important;max-height:0!important;
}
html body.home.home .hi-daily-recommendations > .hi-daily-recommendation-card:has(.hi-daily-recommendation-card__image:not(.hi-daily-recommendation-card__image--placeholder) img) {
  grid-template-rows:138px auto!important;
}
html body.home.home .hi-daily-recommendations > .hi-daily-recommendation-card .hi-daily-recommendation-card__image:not(.hi-daily-recommendation-card__image--placeholder) {
  display:block!important;height:138px!important;min-height:138px!important;max-height:138px!important;
}
html body.home.home .hi-daily-recommendations > .hi-daily-recommendation-card .hi-daily-recommendation-card__image:not(.hi-daily-recommendation-card__image--placeholder) img{
  width:100%!important;height:138px!important;min-height:138px!important;max-height:138px!important;object-fit:cover!important;
}
html body.home.home .hi-daily-recommendation-card h3 {
  font-size:clamp(.98rem,1.2vw,1.13rem)!important;line-height:1.3!important;
}
/* More usable towns: center actual coats of arms and readable names, not eight micro-cards. */
@media (min-width: 981px) {
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-grid {
   display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
   gap:12px!important;overflow:visible!important;
 }
}
html body.home.home .hi-home-modern-section--municipalities .hi-municipality-grid > .hi-municipality-card{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;text-align:center!important;
  min-height:114px!important;height:auto!important;padding:16px 12px!important;
  box-sizing:border-box!important;position:relative!important;
}
html body.home.home .hi-home-modern-section--municipalities .hi-municipality-card__name{
  display:block!important;position:relative!important;z-index:1!important;
  font-size:clamp(.88rem,1.1vw,1.05rem)!important;line-height:1.3!important;
  overflow-wrap:normal!important;hyphens:auto!important;
}
html body.home.home .hi-home-modern-section--municipalities .hi-municipality-card__arrow{
  position:absolute!important;right:9px!important;bottom:9px!important;
}
/* Keep destination tiles consistent without distorting images. */
html body.home.home .hi-home-destination-grid>.hi-content-card {
  height:auto!important;min-height:205px!important;max-height:none!important;
  overflow:hidden!important;border-radius:16px!important;
}
html body.home.home .hi-home-modern-section--discover .hi-home-destination-card__body{
  height:auto!important;min-height:0!important;max-height:none!important;
}
@media(max-width:980px) and (min-width:641px){
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel){
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-grid{
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
}
@media(max-width:640px){
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel){
   grid-template-columns:1fr!important;
 }
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel)>.hi-home-event-showcase__card{
   grid-template-columns:minmax(100px,34%) minmax(0,1fr)!important;min-height:138px!important;
 }
 html body.home.home .hi-home-event-showcase__card .hi-home-event-showcase__visual,
 html body.home.home .hi-home-event-showcase__card .hi-home-event-showcase__body{
   min-height:138px!important;
 }
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-grid{
   grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;
 }
 html body.home.home .hi-home-modern-section--municipalities .hi-municipality-grid>.hi-municipality-card{
   min-height:108px!important;padding:13px 10px!important;
 }
}
/* ===== Ende 0.1.428 ===== */


/* ===== 0.1.429: homepage grid corrections (2026-10-27) =====
   Prevent service tiles from overlapping; keep four event cards in one
   desktop row, without forcing narrow text into horizontal split cards. */
@media (min-width:1100px) {
 html body.home.home .hi-home-modern-section--quick .hi-home-service-grid,
 html body.home.home .hi-home-service-grid {
   display:grid!important;
   grid-template-columns:repeat(5,minmax(0,1fr))!important;
   column-gap:12px!important;
   row-gap:12px!important;
   grid-auto-flow:row!important;
   overflow:visible!important;
   margin-inline:0!important;
   padding-inline:0!important;
 }
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) {
   display:grid!important;
   grid-template-columns:repeat(4,minmax(0,1fr))!important;
   gap:14px!important;
   align-items:stretch!important;
 }
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) > .hi-home-event-showcase__card {
   display:flex!important;
   flex-direction:column!important;
   min-width:0!important;
   min-height:0!important;
   height:auto!important;
 }
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) > .hi-home-event-showcase__card .hi-home-event-showcase__visual {
   width:100%!important;
   height:125px!important;
   min-height:125px!important;
   flex:0 0 125px!important;
 }
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) > .hi-home-event-showcase__card .hi-home-event-showcase__body {
   width:100%!important;
   height:auto!important;
   min-height:112px!important;
   padding:13px 13px 15px!important;
   flex:1 1 auto!important;
 }
}
/* Explicit box sizing, no negative margins or widths from earlier design layers. */
html body.home.home .hi-home-service-grid > a {
 box-sizing:border-box!important;
 width:100%!important;
 min-width:0!important;
 max-width:100%!important;
 flex:none!important;
 margin:0!important;
 transform:none;
 position:relative;
}
html body.home.home .hi-home-service-grid {
 gap:12px!important;
}
@media (min-width:641px) and (max-width:1099px) {
 html body.home.home .hi-home-modern-section--quick .hi-home-service-grid,
 html body.home.home .hi-home-service-grid {
   display:grid!important;
   grid-template-columns:repeat(5,minmax(0,1fr))!important;
   overflow:visible!important;
   margin-inline:0!important;
   padding-inline:0!important;
 }
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) {
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:14px!important;
 }
}
@media(max-width:640px) {
 html body.home.home .hi-home-modern-section--quick .hi-home-service-grid,
 html body.home.home .hi-home-service-grid {
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:10px!important;
   margin-inline:0!important;
   padding:0!important;
   overflow:visible!important;
 }
 html body.home.home .hi-home-event-showcase:not(.hi-home-event-showcase--ad-carousel) {
   display:grid!important;
   grid-template-columns:1fr!important;
   gap:12px!important;
 }
}
/* ===== Ende 0.1.429 ===== */