/* NordWerk – Finale Mobil-/Tablet-Fixes v5
   Ziel: keine abgeschnittenen Badges, sauber umbrechende Titel,
   bessere Lesbarkeit der Modell-Heroes auf kleinen Displays. */

/* 1) Modellkarten: Badge darf nie rechts aus der Karte herausragen */
.nw-canopy-page .nwcp-model-card__top{
  align-items:flex-start;
  flex-wrap:wrap;
}
.nw-canopy-page .nwcp-model-card__body h3{
  flex:1 1 240px;
  min-width:0;
  text-wrap:balance;
}
.nw-canopy-page .nwcp-pill{
  flex:0 1 auto;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
  line-height:1.2;
  padding:6px 10px;
}

/* 2) Modell-Header auf Mobil kleiner und sauberer umbrechen */
@media (max-width:760px){
  .nw-canopy-page .nwcp-model-hero{
    min-height:540px;
  }
  .nw-canopy-page .nwcp-model-hero__inner{
    padding:92px 0 54px;
  }
  .nw-canopy-page .nwcp-model-hero h1{
    max-width:100%;
    font-size:clamp(2.15rem,10.2vw,3.45rem);
    line-height:1.02;
    letter-spacing:-.045em;
    text-wrap:balance;
  }
  .nw-canopy-page .nwcp-model-hero p{
    max-width:100%;
    font-size:clamp(1rem,4.7vw,1.16rem);
    line-height:1.45;
  }
  .nw-canopy-page .nwcp-model-card__top{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  .nw-canopy-page .nwcp-model-card__body{
    padding:23px 22px 24px;
  }
  .nw-canopy-page .nwcp-model-card__body h3{
    width:100%;
    flex:none;
    font-size:clamp(1.45rem,6.1vw,1.95rem);
    line-height:1.08;
  }
  .nw-canopy-page .nwcp-pill{
    align-self:flex-start;
    max-width:calc(100% - 2px);
  }
}

@media (max-width:460px){
  .nw-canopy-page .nwcp-model-hero{
    min-height:510px;
  }
  .nw-canopy-page .nwcp-model-hero__inner{
    padding:86px 0 48px;
  }
  .nw-canopy-page .nwcp-model-hero h1{
    font-size:clamp(1.95rem,10vw,3rem);
  }
  .nw-canopy-page .nwcp-model-card__body h3{
    font-size:clamp(1.35rem,8vw,1.8rem);
  }
  .nw-canopy-page .nwcp-pill{
    font-size:.68rem;
  }
}

/* 3) Leistungskarte mit langem Überdachungs-Titel noch robuster machen */
.services-grid .service-card-body .nw-title-lock-v4{
  font-size:clamp(19px,2.15vw,28px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
.services-grid .service-card-body .nw-title-lock-v4 > a{
  gap:.02em!important;
}
@media (max-width:760px){
  .services-grid .service-card-body .nw-title-lock-v4{
    font-size:clamp(18px,5.9vw,24px)!important;
  }
}