.elementor-755 .elementor-element.elementor-element-3052742{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-755 .elementor-element.elementor-element-3052742:not(.elementor-motion-effects-element-type-background), .elementor-755 .elementor-element.elementor-element-3052742 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-755 .elementor-element.elementor-element-8631e30{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-755 .elementor-element.elementor-element-3052742{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-755 .elementor-element.elementor-element-3052742{--width:100%;}}/* Start custom CSS */:root{
      --navy:#0f2742;
      --blue:#1f5d99;
      --light:#f5f8fc;
      --text:#1d2b36;
      --muted:#5d6d7e;
      --border:#d9e3ef;
      --accent:#e8f1fb;
    }
    *{box-sizing:border-box}
    .imd-landing{
      margin:0;
      font-family: Arial, Helvetica, sans-serif;
      color:var(--text);
      background:#fff;
      line-height:1.55;
    }

    .container{max-width:1140px;margin:0 auto;padding:0 24px}
    .nav{
      display:flex;justify-content:space-between;align-items:center;
      padding:18px 0;
    }
    .logo{font-weight:700!important;color:var(--navy);font-size:22px!important}
    .logo span{color:var(--blue)!important}
    .imd-landing .btn{
      display:inline-block;padding:14px 20px;border-radius:8px;
      text-decoration:none;font-weight:700!important;border:1px solid var(--blue)!important;
    }
    .btn-primary{background:var(--blue)!important;color:#fff!important}
    .btn-secondary{background:#fff!important;color:var(--white)!important}
    .hero{
      background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
      padding:72px 0 56px;
    }
    .hero-grid{
      display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:center;
    }
    h1{
      font-size:46px!important;line-height:1.12!important;margin:0 0 18px!important;color:var(--navy)!important;
    }
    .sub{
      font-size:20px;color:var(--muted);max-width:740px;margin-bottom:24px;
    }
    .hero-list{
      display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;
      margin:24px 0 28px;padding:0;list-style:none;
    }
    .hero-list li{
      background:#fff;border:1px solid var(--border);border-radius:10px;
      padding:14px 16px;font-weight:600!important;
    }
    .hero-box{
      background:#fff;border:1px solid var(--border);border-radius:14px;
      padding:24px;box-shadow:0 12px 30px rgba(15,39,66,.08);
    }
    .hero-box h3{margin:0 0 14px;color:var(--navy)}
    .badge{
      display:inline-block;background:var(--accent);color:var(--blue);
      font-weight:700!important;padding:8px 12px;border-radius:999px;font-size:13px;margin-bottom:14px;
    }
    section{padding:72px 0}
    .section-light{background:var(--light)}
    h2{font-size:34px!important;line-height:1.2;margin:0 0 16px;color:var(--navy); font-weight:700}
    .lead{font-size:18px;color:var(--muted);max-width:840px;margin:0 0 28px}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .card{
      background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;
    }
    .card h3{margin:0 0 10px;color:var(--navy);font-size:22px}
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .step{
      background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;position:relative;
    }
    .num{
      width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;
      display:flex;align-items:center;justify-content:center;font-weight:700!important;margin-bottom:16px;
    }
    .split{display:grid;grid-template-columns:1fr 1fr;gap:28px}
    .list{padding-left:20px;margin:16px 0}
    .list li{margin-bottom:10px}
    .cta{
      background:var(--navy);color:#fff;border-radius:18px;padding:36px;
    }
    .cta h2,.cta p{color:#fff!important}

    @media (max-width: 900px){
      .hero-grid,.cards,.steps,.split{grid-template-columns:1fr}
      h1{font-size:36px!important}
      .hero-list{grid-template-columns:1fr}
    }
    /* Desktop: nebeneinander */
#installieren .install-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

/* Mobile: untereinander + links aligned */
@media (max-width: 768px) {
  #installieren .install-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  #installieren .install-actions .btn {
    width: auto;          /* bleibt links “kompakt” */
  }

  /* wenn du sie lieber full width willst: */
  /* #installieren .install-actions .btn { width: 100%; justify-content: center; } */
}/* End custom CSS */