.elementor-2395 .elementor-element.elementor-element-e217828{--display:flex;}.elementor-2395 .elementor-element.elementor-element-2bc3bad{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0450666 */<style>
  /* Mobile Optimierung */
  @media (max-width: 767px) {
    body {
      font-size: 16px;
      line-height: 1.6;
      padding: 0;
    }

    header {
      flex-direction: column;
      align-items: flex-start;
      padding: 20px;
    }

    header nav {
      display: flex;
      flex-direction: column;
      margin-top: 10px;
    }

    header nav a {
      margin: 8px 0;
      font-size: 14px;
    }

    .hero h1 {
      font-size: 28px;
    }

    .hero p {
      font-size: 16px;
    }

    .cta-button {
      font-size: 14px;
      padding: 10px 20px;
      margin-top: 20px;
    }

    section {
      padding: 0 15px;
      margin: 40px auto;
    }

    section h2 {
      font-size: 24px;
    }

    section p {
      font-size: 16px;
    }

    img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
    }
  }
</style>/* End custom CSS */