/*
 * Heidenheim.info – Unterseiten-CI 0.1.171
 * Grafik-Pass 4: Portal-Breakout aus WordPress' gespeicherter Content-Breite.
 *
 * Hintergrund: Bei Block-Themes kann ein im Site-Editor gespeichertes page-
 * Template die Theme-Datei templates/page.html uebersteuern. Dann bleibt der
 * Shortcode in einer schmalen contentSize-Spalte, selbst wenn das Theme-
 * Template und main.hi-page-shell angepasst werden. Dieser Pass setzt deshalb
 * DIREKT an der Portalwurzel an und zentriert sie relativ zum Viewport.
 */

/* Portalwurzeln verlassen sicher eine eventuell in WordPress gespeicherte
 * 760px-Content-Spalte. 1280px entspricht der breiten visuellen Achse der
 * Startseite; auf kleineren Displays bleiben 24px Rand je Seite. */
:is(
  .hi-place-portal,
  .hi-gastro-portal,
  .hi-service-portal,
  .hi-destination-portal,
  .hi-doctor-portal,
  .hi-driving-school-portal,
  .hi-martial-arts-portal,
  .hi-clubs-bars,
  .hi-public-infrastructure,
  .hi-topic-landing,
  .hi-public-page,
  .hi-newsletter-page,
  .hi-event-directory,
  .hi-daily-menu-page,
  .hi-owner-menu
){
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
  width:min(1280px,calc(100vw - 48px))!important;
  max-width:1280px!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Der Branchen-Hub soll auf Desktop erkennbar die breite CI-Achse nutzen. */
@media (min-width:981px){
  .hi-place-portal>.hi-place-portal__hero{
    width:100%!important;
    max-width:none!important;
    min-height:330px!important;
    padding:52px 58px!important;
  }
  .hi-place-portal>.hi-place-portal__hero h1{
    max-width:840px!important;
    font-size:clamp(3rem,4vw,4.45rem)!important;
    line-height:1.01!important;
  }
  .hi-place-portal>.hi-place-portal__hero .hi-place-portal__intro{
    max-width:840px!important;
  }
  .hi-place-portal>.hi-place-portal__hero .hi-place-search{
    width:min(100%,1040px)!important;
    max-width:1040px!important;
  }
  .hi-place-portal>.hi-place-type-grid{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .hi-place-portal>.hi-place-type-grid>a{
    min-height:112px!important;
    padding:20px 22px!important;
  }
}

@media (max-width:980px){
  :is(
    .hi-place-portal,.hi-gastro-portal,.hi-service-portal,.hi-destination-portal,
    .hi-doctor-portal,.hi-driving-school-portal,.hi-martial-arts-portal,
    .hi-clubs-bars,.hi-public-infrastructure,.hi-topic-landing,.hi-public-page,
    .hi-newsletter-page,.hi-event-directory,.hi-daily-menu-page,.hi-owner-menu
  ){
    width:min(100vw - 24px,1280px)!important;
  }
}