body {
      background: linear-gradient(180deg, #dfe1f3 0%, #d7d9f0 100%);
      font-family: Arial, sans-serif;
      color: #111827;
    }

    .hero-section {
      padding: 40px 0 60px;
    }

    .top-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 18px;
      background: rgba(255,255,255,0.7);
      border-radius: 999px;
      color: #5b5ce9;
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 20px;
    }

    .main-title {
      font-size: clamp(2.4rem, 5vw, 5rem);
      font-weight: 800;
      line-height: 1.05;
      margin-bottom: 28px;
    }

    .main-title .highlight {
      color: #f6a400;
    }

    .hero-text {
      font-size: 1.1rem;
      line-height: 1.9;
      max-width: 900px;
      margin-bottom: 40px;
    }

    /* Vorteile Grid */
    .feature-card {
      background: rgba(255,255,255,0.45);
      border-radius: 24px;
      padding: 22px 24px;
      display: flex;
      align-items: center;
      gap: 18px;
      height: 100%;
      box-shadow: 0 8px 24px rgba(0,0,0,0.05);
      transition: 0.25s ease;
    }

    .feature-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 14px 34px rgba(0,0,0,0.09);
    }

    .feature-icon {
      width: 56px;
      height: 56px;
      min-width: 56px;
      border-radius: 18px;
      background: linear-gradient(135deg, #6a5cff, #7b61ff);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
      box-shadow: 0 8px 18px rgba(106, 92, 255, 0.28);
    }

    .feature-title {
      margin: 0;
      font-size: 1.5rem;
      font-weight: 700;
      color: #1b1d2a;
    }

    .feature-text {
      margin: 4px 0 0;
      color: #4b5563;
      font-size: 1rem;
      line-height: 1.6;
    }

    /* Kontaktbox */
    .info-bar {
      margin-top: 48px;
      background: #EBECF8;
      border-radius: 30px;
      padding: 34px 28px;
      box-shadow: 0 15px 35px rgba(0,0,0,0.06);
    }
    .feature-icon2 {
      width: 56px;
      height: 56px;
      min-width: 56px;
      border-radius: 18px;
      background: linear-gradient(135deg, #3a2fb3, #8e7fda);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
      box-shadow: 0 8px 18px rgba(106, 92, 255, 0.28);
    }
    .info-title {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #000000;
      font-size: 1.9rem;
      font-weight: 700;
      margin-bottom: 18px;
    }

    .info-title i {
      color: #ffffff;
    }

    .info-bar p {
      color: #405363;
      font-size: 1.45rem;
      margin-bottom: 8px;
    }

    .call-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 20px 34px;
      border-radius: 999px;
      text-decoration: none;
      font-size: 1.7rem;
      font-weight: 700;
      color: #111827;
      background: #ffc107;
      box-shadow: 0 12px 24px rgba(255, 193, 7, 0.35);
      transition: 0.25s ease;
      white-space: nowrap;
    }

    .call-btn:hover {
      transform: translateY(-3px);
      color: #111827;
      background: #ffca2c;
    }

    @media (max-width: 991.98px) {
      .feature-title {
        font-size: 1.15rem;
      }

      .info-title {
        font-size: 1.35rem;
      }

      .info-bar p {
        font-size: 1.05rem;
      }

      .call-btn {
        width: 100%;
        font-size: 1.2rem;
        padding: 16px 24px;
      }
    }