/* =========================
   DRAWER – BILDLOGIK
========================= */

/* Standard: Foto */
.nv-drawer-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Grafikmodus (für isfp, lca, foerderung, contracting etc.) */
.nv-drawer-media.is-graphic{
  background:#0b1210;
  padding:18px;
}

/* Grafiken nicht croppen */
.nv-drawer-media.is-graphic img{
  object-fit:contain;
  background: rgba(255,255,255,0.03);
  border-radius: 12px;
}


/* =========================
   CITY HEADLINE BREAK
========================= */

#pageTitle{
  line-height:1.2;
  font-weight:700; /* wie du wolltest */
}

#pageTitle .title-break{
  display:block;
  margin-top:0.4rem;
  font-weight:inherit; /* wichtig: gleiche Stärke wie oben */
}


/* =========================================================
   HERO – SAUBERE FINALE VERSION
========================================================= */

.s-hero{
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* Hintergrundbild */
.s-hero-bg{
  position:absolute;
  inset:0;
  z-index:0;

  background-image:url("/assets/img/nachhaltigkeit-hero.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Overlay */
.s-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(
    90deg,
    rgba(0,0,0,0.62) 0%,
    rgba(0,0,0,0.38) 55%,
    rgba(0,0,0,0.18) 100%
  );
}

/* Inhalt */
.s-hero-inner{
  position:relative;
  z-index:2;

  min-height: 520px;
  padding: 6.25rem 0 3rem;

  display:flex;
  align-items:flex-start;
  padding-top:1.75rem; /* dein Wunsch */
}

/* Responsive */
@media (max-width:900px){
  .s-hero-inner{
    min-height:420px;
    padding:4.75rem 0 2.25rem;
  }
}

/* Grid wie ursprünglich */
.s-hero-grid{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:2rem;
  align-items:start;
}

@media (max-width:900px){
  .s-hero-grid{
    grid-template-columns:1fr;
  }
}

/* Headline-Größe (optional – wenn du sie kleiner willst, aktiv lassen) */
.s-hero h1{
  font-size: clamp(2rem, 3vw, 2.6rem);
  line-height:1.2;
  font-weight:600;
}

/* Textblock Position (DEIN aktueller Stand) */
.s-hero-left{
  max-width:62ch;
  margin-top:0;
  margin-left:-40rem; /* wie von dir gesetzt */
}
/* 1) Erste Zeile darf NICHT umbrechen */
#pageTitle{
  white-space: nowrap;          /* hält "Energieberatung & DGNB-Zertifizierung" zusammen */
}

/* 2) Zweite Zeile bleibt trotzdem zweite Zeile */
#pageTitle .title-break{
  display:block;
  white-space: normal;          /* normal umbrechen erlaubt */
}