Text with Media

<div class="row textWithImage">
  <div class="col-lg-6 col-12">
    <!-- Remove `<div class="spaceAfterHeadlines">...</div>` if no heading is given. -->
    <div class="spaceAfterHeadlines">
      <h2>
        Main Title (optional)
      </h2>

      <h3>
        Subtitle (optional)
      </h3>
    </div>

    <div>
      <p>
        Some arbitrary content sit amet, consectetur adipisicing elit. Adipisci at expedita impedit mollitia nam
        officiis perspiciatis sed sit voluptatibus. Ad commodi fugiat illum iure laboriosam magnam nihil quibusdam
        quos, sequi.
      </p>

      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A deserunt dolorem ducimus facilis ipsa, ipsum iure
        iusto labore magnam molestiae nisi, nobis provident quam quibusdam similique sit, sunt suscipit voluptatum?
      </p>

      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A blanditiis doloribus fugit harum, illum ipsum,
        iure iusto minima nesciunt non obcaecati odit <a href="#">recusandae sunt vitae</a> voluptatem. Aperiam
        ducimus maiores quisquam.
      </p>
    </div>
  </div>

  <div class="col-lg-6 col-12">
    <img
      class="img-responsive mt-3"
      alt="LEWA ecoflow diaphragm metering pump"
      src="https://www.lewa.de/fileadmin/1_media/0_products/0_metering-pumps/1_ecoflow-diaphragm-metering/ecoflow_description.png"
    >
  </div>
</div>

<div class="row textWithImage">
  <div class="col-lg-6 col-12">
    <!-- Remove `<div class="spaceAfterHeadlines"></div>` if no heading is given. -->
    <div class="spaceAfterHeadlines">
      <h2>
        Main Title (optional)
      </h2>

      <h3>
        Subtitle (optional)
      </h3>
    </div>

    <div>
      <p>
        Some arbitrary content sit amet, consectetur adipisicing elit. Adipisci at expedita impedit mollitia nam
        officiis perspiciatis sed sit voluptatibus. Ad commodi fugiat illum iure laboriosam magnam nihil quibusdam
        quos, sequi.
      </p>

      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A deserunt dolorem ducimus facilis ipsa, ipsum iure
        iusto labore magnam molestiae nisi, nobis provident quam quibusdam similique sit, sunt suscipit voluptatum?
      </p>

      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A blanditiis doloribus fugit harum, illum ipsum,
        iure iusto minima nesciunt non obcaecati odit <a href="#">recusandae sunt vitae</a> voluptatem. Aperiam
        ducimus maiores quisquam.
      </p>

      <a
        href="/"
        class="btn btn-primary"
      >
        Primary Action
      </a>

      <a
        href="/"
        class="btn btn-beige"
      >
        Secondary Action
      </a>
    </div>
  </div>

  <div class="col-lg-6 col-12">
    <img
      class="img-responsive mt-3"
      alt="LEWA Smart Monitoring"
      src="https://www.lewa.de/fileadmin/1_media/4_services/1_digital-services/cp_digital_services_pump_540x400.png"
    >
  </div>
</div>

<div class="card card-md-horizontal">
  <div class="card-img">
    <img
      class="img-fluid"
      alt="High suction capability of LEWA process pumps"
      src="https://www.lewa.de/fileadmin/_processed_/1/3/csm_ecoflow_slider_ba52748b13.png"
    >
  </div>

  <div class="card-block">
    <h2 class="card-title">
      Title (optional)
    </h2>

    <p>
      Some arbitrary content sit amet, consectetur adipisicing elit. Adipisci at expedita impedit mollitia nam
      officiis perspiciatis sed sit voluptatibus. Ad commodi fugiat illum iure laboriosam magnam nihil quibusdam
      quos, sequi.
    </p>
  </div>
</div>

<div class="card card-md-horizontal">
  <div class="card-img">
    <a href="#">
      <img
        class="img-fluid"
        alt="LEWA ecoflow diaphragm metering pump all around talent"
        src="https://www.lewa.de/fileadmin/_processed_/1/3/csm_ecoflow_slider_ba52748b13.png"
      >
    </a>
  </div>

  <div class="card-block">
    <h2 class="card-title">
      <a href="#">Title (optional)</a>
    </h2>

    <p>
      Some arbitrary content sit amet, consectetur adipisicing elit. Adipisci at expedita impedit mollitia nam
      officiis perspiciatis sed sit voluptatibus. Ad commodi fugiat illum iure laboriosam magnam nihil quibusdam
      quos, sequi.
    </p>

    <a
      href="#"
      class="card-link text-slashed"
    >
      Some Link
    </a>
  </div>
</div>

<div class="textWithImage">
  <!-- Remove `<div class="spaceAfterHeadlines">...</div>` if no heading is given. -->
  <div class="spaceAfterHeadlines">
    <h2>
      Title (optional)
    </h2>
  </div>

  <p>
    <strong>Some arbitrary content:</strong>
  </p>

  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias eaque ipsa obcaecati officiis reprehenderit? Ad
    aliquam aut cum, delectus deserunt dolore error mollitia nemo nulla quae, quam quos saepe velit.
  </p>

  <div class="imageBorder">
    <img
      class="img-responsive"
      src="https://www.lewa.de/fileadmin/1_media/4_services/1_digital-services/cp_lsm_operational_principle_1900x1068.jpg"
    >
  </div>
</div>