/* ============================================================
   PRÄVENTION – Hero + Benefit-Leiste responsiv
   Desktop >1199px unverändert (Hintergrundgrafik, absolute Texte).
   Darunter: Text im Fluss, Foto darunter, Leiste als echte Liste.
   Kein transform:scale(), kein zoom.
   ============================================================ */

.pv-resp{display:none !important;}

@media (max-width:1199.98px){

  /* ---------- HERO ---------- */
  html body section.hero{
    height:auto !important;min-height:0 !important;max-height:none !important;
    aspect-ratio:auto !important;
    background-image:none !important;
    background-color:#F6F4EC !important;
    display:flex !important;flex-direction:column;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box;
  }
  html body .hero > .hero-content-container{
    position:static !important;order:1;
    width:min(100% - 40px,1180px) !important;
    margin-inline:auto !important;
    padding:clamp(118px,15vw,168px) 0 clamp(24px,3.5vw,36px) !important;
    zoom:1 !important;transform:none !important;
  }
  html body .hero .pv-eyebrow{
    position:static !important;top:auto !important;left:auto !important;
    display:block;
    font-size:clamp(12px,1.6vw,15px) !important;letter-spacing:2.2px !important;
    text-transform:uppercase;font-weight:500;color:#6f9a34 !important;
  }
  html body .hero .pv-headline{
    position:static !important;white-space:normal !important;
    font-size:clamp(30px,5.4vw,52px) !important;line-height:1.14 !important;
    margin:10px 0 0 !important;
  }
  html body .hero .pv-para{
    position:static !important;
    font-size:clamp(15px,2vw,18px) !important;line-height:1.72 !important;
    margin:clamp(16px,2.4vw,24px) 0 0 !important;max-width:60ch;
  }
  html body .hero .pv-para br{display:none !important;}
  html body .hero .pv-cta{
    position:static !important;display:flex !important;flex-wrap:wrap;
    gap:clamp(10px,1.6vw,16px) !important;
    margin:clamp(22px,3vw,30px) 0 0 !important;
  }
  html body .hero .pv-b1,
  html body .hero .pv-b2{
    width:auto !important;max-width:100% !important;
    height:auto !important;min-height:48px !important;
    padding:clamp(12px,1.6vw,15px) clamp(18px,3vw,28px) !important;
    font-size:clamp(12px,1.5vw,14px) !important;
    white-space:normal !important;text-align:center;
    border-radius:999px !important;
  }
  html body .hero .pv-b2{
    background:#fffdfa !important;color:#4E7654 !important;
    border:1.5px solid #b9c4b6 !important;
  }
  html body .hero .pv-rphoto{
    display:block !important;order:2;position:static !important;
    width:100% !important;max-width:100% !important;height:auto !important;
  }

  /* ---------- BENEFIT-LEISTE ---------- */
  html body .pvstrip{
    aspect-ratio:auto !important;height:auto !important;
    background-image:none !important;
    background-color:#F3F5EC !important;
    box-sizing:border-box;
  }
  html body .pvstrip .pv-check{display:none !important;}
  html body .pvstrip .pvstrip-list{
    display:grid !important;list-style:none;
    position:static !important;
    width:min(100% - 40px,1180px);margin:0 auto;
    padding:clamp(18px,2.6vw,28px) 0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(12px,2vw,20px) clamp(16px,3vw,34px);
  }
  html body .pvstrip .pvstrip-list li{
    display:flex;align-items:center;gap:11px;min-width:0;
    font-size:clamp(14px,1.8vw,16px);font-weight:400;color:#22352a;
  }
  html body .pvstrip .pv-strip-dot{
    flex:none;width:26px;height:26px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:#5E8C4A;color:#fff;
  }
  html body .pvstrip .pv-strip-chk{width:14px;height:14px;display:block;}
}

/* Kleines Mobile: Buttons stapeln, Leiste einspaltig */
@media (max-width:479.98px){
  html body .hero .pv-cta{flex-direction:column;align-items:stretch;}
  html body .hero .pv-b1,
  html body .hero .pv-b2{width:100% !important;}
  html body .pvstrip .pvstrip-list{grid-template-columns:minmax(0,1fr);}
}

/* ============================================================
   PV2: Desktop Intro links + 5 Schritte rechts (wie Artwork),
   Tablet 3+2, Mobile einspaltige Liste
   ============================================================ */
@media (min-width:1200px){
  .pv2-in{
    display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);
    column-gap:clamp(32px,3.5vw,60px);align-items:center;
  }
  .pv2-steps{margin-top:0;}
}
@media (min-width:768px) and (max-width:1199.98px){
  /* 3 + 2 über ein 6-Spalten-Raster */
  .pv2-steps{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:30px;}
  .pv2-steps::before{display:none;}
  .pv2-step:nth-child(1){grid-column:1 / 3;}
  .pv2-step:nth-child(2){grid-column:3 / 5;}
  .pv2-step:nth-child(3){grid-column:5 / 7;}
  .pv2-step:nth-child(4){grid-column:2 / 4;}
  .pv2-step:nth-child(5){grid-column:4 / 6;}
  .pv2-step .pv-ico{box-shadow:none;}
}
@media (max-width:767.98px){
  .pv2-steps{grid-template-columns:minmax(0,1fr);gap:14px;}
  .pv2-steps::before{display:none;}
  .pv2-step{
    flex-direction:row;align-items:center;text-align:left;gap:14px;
    padding:14px 16px;background:#FFFFFF;border-radius:14px;
    box-shadow:0 14px 30px -22px rgba(52,67,58,.42), inset 0 0 0 1px rgba(120,140,120,.14);
    display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;
  }
  .pv2-step .pv-ico{grid-column:1;grid-row:1 / 3;box-shadow:none;width:56px;height:56px;}
  .pv2-step .pv-svg{width:26px;height:26px;}
  .pv2 .pv2-t{grid-column:2;grid-row:1;margin-top:0;align-self:end;}
  .pv2 .pv2-b{grid-column:2;grid-row:2;max-width:none;align-self:start;}
}