/* =========================================================
   22_landingpage.css — Landingpage spezifisch
   Enthält: Hero/Intro-Bereich (.lp-*, .ix-hero*)
========================================================= */

/*
#lp .ix-container {
  padding-left: 0;
  padding-right: 0;
}
*/
.md-grid #lp .ix-container {
  padding-left: 0;
  padding-right: 0;
}

/* Nur Landingpage-spezifische Anpassungen */
#lp .md-typeset {
  margin: 0;
  padding: 0;
}

/* Feature-Grid (Cards) */
.lp-features { padding: 2rem 0; }
.lp-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.lp-card {
  background: solid var(--ix-color-bg);
  border: 2px solid var(--ix-color-border);
  /* border-radius:16px; */
  box-shadow: 0 6px 24px rgba(2,6,23,.04);
}

.lp-card h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  margin: .75rem 0 .25rem 0;
  line-height: 1.3;
  font-size: 18px !important;
}

.lp-card p{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px !important;
  line-height: 1.7;
  color: #334155;
}

.lp-img {
  width: 100%;
  aspect-ratio: 8 / 6;
  object-fit: cover;
  /* border:1px solid var(--ix-color-border); */
  /* border-radius:12px; */
}

.lp-features .lp-link {
  display: inline-block;
  margin-top: .5rem;
  color: var(--ix-color-black);
  /* text-decoration:none;
  font-weight: 500; */
}

.lp-features .lp-link:hover {
  text-decoration: underline;
  color: var(--ix-color-accent);
}

/* Proof/USPs */
.lp-proof { padding: 1.5rem 0 2.5rem; }

.lp-proof h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  margin: 0 0 .5rem;
}

.lp-bullets { margin: 0; padding-left: 1.25rem; }
.lp-bullets li { margin: .35rem 0; }

/* Grid responsiv */
@media (max-width: 1200px){ .lp-grid { grid-template-columns: repeat(2,1fr) } }
@media (max-width: 640px) { .lp-grid { grid-template-columns: 1fr } }

/* SPLIT-HERO (links Text, rechts Bild) – horizontale Kanten via .ix-container */
.lp-innovation  { padding: 2rem 0; }
.lp-innovation h3 { margin-top: 0; }

.lp-hero--split {
  background: linear-gradient(180deg, #eef2ff, #fff);
  border-bottom: 1px solid #e2e8f0;
}

.lp-grid-split {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr; /* links etwas breiter */
  gap: 1.25rem;
  align-items: center;
  /* vertikale Abstände ggf. über umgebende Sektion */
}

.lp-col--text .lp-sub { color: #475569; margin: .75rem 0 1rem; }
.lp-col--text .lp-bullets { margin: 0 0 1rem 0; padding-left: 1.25rem; }

.lp-col--image { text-align: right; }
.lp-img-cover {
  width: 100%;
  max-width: 560px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(2,6,23,.08);
}

/* Zusätzliche Helfer */
.lp-grid--2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: top;
}

.lp-img-rounded {
  border-radius: 1.5rem;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}