.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS *//* =========================================================
   MK-Lietz – Mobile Optimierung Seite 5002
   Seite: Elektrisch angetriebene Transportwagen
   ========================================================= */

@media (max-width: 767px) {

  body.page-id-5002 {
    overflow-x: hidden;
  }

  body.page-id-5002 .elementor-widget-text-editor,
  body.page-id-5002 .elementor-widget-container,
  body.page-id-5002 .elementor-text-editor {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.page-id-5002 .elementor-text-editor > div {
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 46px !important;
    line-height: 1.62 !important;
  }

  body.page-id-5002 .elementor-text-editor div[style*="display:flex"],
  body.page-id-5002 .elementor-text-editor div[style*="display: flex"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    width: 100% !important;
  }

  body.page-id-5002 .elementor-text-editor div[style*="flex:"] {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.page-id-5002 .elementor-text-editor > div > div:first-child {
    padding: 30px 20px !important;
    margin-bottom: 32px !important;
    border-radius: 22px !important;
  }

  body.page-id-5002 h1 {
    font-size: 31px !important;
    line-height: 1.14 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 16px !important;
    hyphens: auto;
  }

  body.page-id-5002 h2 {
    font-size: 25px !important;
    line-height: 1.22 !important;
    margin-bottom: 14px !important;
    hyphens: auto;
  }

  body.page-id-5002 h3 {
    font-size: 21px !important;
    line-height: 1.26 !important;
    margin-bottom: 10px !important;
  }

  body.page-id-5002 p,
  body.page-id-5002 li {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  body.page-id-5002 p[style*="text-transform:uppercase"],
  body.page-id-5002 p[style*="text-transform: uppercase"] {
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: 0.04em !important;
  }

  body.page-id-5002 div[style*="border-radius:22px"],
  body.page-id-5002 div[style*="border-radius: 22px"],
  body.page-id-5002 div[style*="border-radius:24px"],
  body.page-id-5002 div[style*="border-radius: 24px"],
  body.page-id-5002 div[style*="border-radius:26px"],
  body.page-id-5002 div[style*="border-radius: 26px"],
  body.page-id-5002 div[style*="border-radius:28px"],
  body.page-id-5002 div[style*="border-radius: 28px"] {
    border-radius: 18px !important;
  }

  body.page-id-5002 div[style*="padding:48px"],
  body.page-id-5002 div[style*="padding: 48px"],
  body.page-id-5002 div[style*="padding:42px"],
  body.page-id-5002 div[style*="padding: 42px"],
  body.page-id-5002 div[style*="padding:34px"],
  body.page-id-5002 div[style*="padding: 34px"],
  body.page-id-5002 div[style*="padding:32px"],
  body.page-id-5002 div[style*="padding: 32px"] {
    padding: 24px 20px !important;
  }

  body.page-id-5002 div[style*="padding:30px"],
  body.page-id-5002 div[style*="padding: 30px"],
  body.page-id-5002 div[style*="padding:28px"],
  body.page-id-5002 div[style*="padding: 28px"] {
    padding: 22px 18px !important;
  }

  body.page-id-5002 div[style*="padding:24px"],
  body.page-id-5002 div[style*="padding: 24px"] {
    padding: 20px 18px !important;
  }

  body.page-id-5002 div[style*="border-left:10px"],
  body.page-id-5002 div[style*="border-left: 10px"],
  body.page-id-5002 div[style*="border-left:8px"],
  body.page-id-5002 div[style*="border-left: 8px"] {
    border-left-width: 5px !important;
  }

  body.page-id-5002 a[style*="height:220px"],
  body.page-id-5002 a[style*="height: 220px"],
  body.page-id-5002 div[style*="height:220px"],
  body.page-id-5002 div[style*="height: 220px"] {
    height: 175px !important;
    padding: 12px !important;
  }

  body.page-id-5002 img {
    max-width: 100% !important;
    height: auto !important;
  }

  body.page-id-5002 img[style*="max-height:350px"],
  body.page-id-5002 img[style*="max-height: 350px"],
  body.page-id-5002 img[style*="max-height:320px"],
  body.page-id-5002 img[style*="max-height: 320px"] {
    max-height: 245px !important;
  }

  body.page-id-5002 a[style*="display:inline-block"],
  body.page-id-5002 a[style*="display: inline-block"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  body.page-id-5002 div[style*="margin:0 0 50px"],
  body.page-id-5002 div[style*="margin: 0 0 50px"],
  body.page-id-5002 div[style*="margin:0 0 52px"],
  body.page-id-5002 div[style*="margin: 0 0 52px"],
  body.page-id-5002 div[style*="margin:0 0 42px"],
  body.page-id-5002 div[style*="margin: 0 0 42px"] {
    margin-bottom: 32px !important;
  }

  body.page-id-5002 .elementor-text-editor p:has(a img) {
    margin: 0 !important;
  }
}


/* Sehr kleine Smartphones */
@media (max-width: 420px) {

  body.page-id-5002 .elementor-text-editor > div {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.page-id-5002 h1 {
    font-size: 28px !important;
  }

  body.page-id-5002 h2 {
    font-size: 23px !important;
  }

  body.page-id-5002 h3 {
    font-size: 20px !important;
  }

  body.page-id-5002 p,
  body.page-id-5002 li {
    font-size: 15.8px !important;
  }

  body.page-id-5002 a[style*="height:220px"],
  body.page-id-5002 a[style*="height: 220px"],
  body.page-id-5002 div[style*="height:220px"],
  body.page-id-5002 div[style*="height: 220px"] {
    height: 155px !important;
  }

  body.page-id-5002 div[style*="padding:24px"],
  body.page-id-5002 div[style*="padding: 24px"],
  body.page-id-5002 div[style*="padding:28px"],
  body.page-id-5002 div[style*="padding: 28px"],
  body.page-id-5002 div[style*="padding:30px"],
  body.page-id-5002 div[style*="padding: 30px"],
  body.page-id-5002 div[style*="padding:32px"],
  body.page-id-5002 div[style*="padding: 32px"],
  body.page-id-5002 div[style*="padding:34px"],
  body.page-id-5002 div[style*="padding: 34px"],
  body.page-id-5002 div[style*="padding:42px"],
  body.page-id-5002 div[style*="padding: 42px"],
  body.page-id-5002 div[style*="padding:48px"],
  body.page-id-5002 div[style*="padding: 48px"] {
    padding: 20px 16px !important;
  }
}/* End custom CSS */