/* //////////////////////////////////////////////////////////////////////////////////////////////// Abstand nach oben vom Magnetverteilerventil  */

.product.product-Doppelschaftzylinder {
  margin-top: -16vw; /* oder 0 wenn du es bündig willst */
}

/* //////////////////////////////////////////////////////////////////////////////////////////////// Produkt HY9312 */

.small-product-image-HY9312 {
  width: 8vw;   /* feste Breite */
  height: auto;
  border-radius: 0.5em;   /* leichte Abrundung */
  margin-right: 18vw;
  margin-top: 0vw;
  margin-left: 2vw;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////// Linie unter dem Zweifachwirkenden Zylinder gezielt kürzer */
#line-doppelschaftzylinder {
  width: 62vw;
  margin-left: 0vw;
}


@media (max-width: 600px) {

  /* ----------------------------------------------------------
     DOPPELSCHAFTZYLINDER – MOBILE
  ---------------------------------------------------------- */

  .product.product-Doppelschaftzylinder {
    margin-top: 0;                 /* kein negatives Verschieben */
  }

  /* ----------------------------------------------------------
     PRODUKTBILD HY9312 – MOBILE
  ---------------------------------------------------------- */

  .small-product-image-HY9312 {
    width: 85vw;                   /* groß & übersichtlich */
    height: auto;
    margin: 0 auto 5vw;            /* mittig */
    display: block;
    border-radius: 1em;

    /* gleicher Mobile-Zoom wie bei den anderen */
    transform: scale(0.95);
    transition: transform 0.45s cubic-bezier(.22,.61,.36,1);
  }

  .small-product-image-HY9312:active {
    transform: scale(1);
  }

  /* ----------------------------------------------------------
     TRENNLINIE – MOBILE
  ---------------------------------------------------------- */

  #line-doppelschaftzylinder {
    width: 90%;
    margin: 6vw auto;
  }

}