/* ============ GLOBALES HERO-LAYOUT ============ */
section.hero, header.hero, .hero, .pnh, .kth, .pc-hero{
  position:relative;
  height:auto !important;
  min-height:680px !important;      /* einheitliche Höhe auf allen Seiten */
  background-size:cover !important; /* Grafik füllt die Fläche ohne Verzerrung */
  background-position:center !important;
}
.hero-content-container{
  position:absolute;left:0;right:0;top:0;z-index:5;
  width:min(100% - 96px, 1440px);
  margin-inline:auto;box-sizing:border-box;
  padding-left:37px;padding-right:37px;
  padding-top:190px;                /* Titel startet überall bei y = 190 */
  padding-bottom:80px;
  text-align:left;pointer-events:none;
}
.hero-content-container > *{pointer-events:auto;}
/* keine abweichenden Einzelabstände an Titeln */
.hero-content-container h1,
.hero-content-container h2,
.hero-content-container p{margin-left:0!important;margin-right:0!important;}
.hero-content-container h1{margin-top:0!important;}

/* Tablet: 40px Seitenabstand */
@media (max-width:1199px){
  .hero-content-container{
    width:min(100% - 80px, 1440px);
    padding-left:20px;padding-right:20px;
    padding-top:170px;
  }
  section.hero, header.hero, .hero, .pnh, .kth, .pc-hero{min-height:600px !important;}
}
/* Mobil: 24px Seitenabstand, Titel bleibt frei von der Navigation */
@media (max-width:767px){
  .hero-content-container{
    width:min(100% - 48px, 1440px);
    padding-left:12px;padding-right:12px;
    padding-top:132px;              /* Navigation ist 72px hoch */
    padding-bottom:48px;
  }
  section.hero, header.hero, .hero, .pnh, .kth, .pc-hero{min-height:520px !important;}
}