.elementor-337 .elementor-element.elementor-element-e99bc98{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-36507cd */:root {
  --geno-red:#E30613; 
  --dark:#0F172A; 
  --muted:#64748B; 
  --bg:#F8FAFC; 
  --card:#FFFFFF;
}

/* Base */
.about-modern {
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  color:var(--dark);
}
.about-modern img{max-width:100%;display:block;border-radius:16px}
.about-modern h1,.about-modern h2,.about-modern h3{line-height:1.2;margin:0}
.about-modern a{color:var(--geno-red);text-decoration:none}

/* Buttons */
.about-modern .btn {
  display:inline-block;
  padding:.7rem 1.1rem;
  border-radius:999px;
  font-weight:600;
  border:2px solid var(--geno-red);
  transition:.2s;
}
.about-modern .btn--primary {
  background:var(--geno-red);
  color:#fff;
}
.about-modern .btn--primary:hover {filter:brightness(.95)}

/* Hero */
.about-modern .hero {
  position:relative;
  isolation:isolate;
  background:transparent !important;
  padding:clamp(32px,7vw,80px) 0 clamp(24px,5vw,48px);
}
.about-modern .hero::before {
  content:""; 
  position:absolute; 
  inset-block:0; 
  left:50%;
  width:100vw; 
  transform:translateX(-50%);
  z-index:-1; 
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(227,6,19,.12), rgba(227,6,19,0) 60%),
    var(--bg);
}
.about-modern .hero__inner {
  max-width:1200px;
  margin:0 auto;
  display:grid;
  gap:28px;
  align-items:center;
  grid-template-columns:repeat(auto-fit, minmax(280px,1fr));
  padding:0 20px;
}
.about-modern .eyebrow {
  display:inline-block;
  font-size:.85rem;
  color:var(--muted);
  letter-spacing:.04em;
  margin-bottom:.25rem;
}
.about-modern .hero h1 {
  font-size:clamp(28px,4vw,44px);
  margin:.25rem 0 .75rem;
}
.about-modern .hero .accent {color:var(--geno-red)}
.about-modern .hero__copy p {color:#334155;max-width:62ch;margin:0}
.about-modern .hero__cta {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

/* TRUST (mit Haken) */
.about-modern .trust {padding:20px 0 0}
.about-modern .kpis {
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
  display:grid;
  gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  list-style:none;
}
.about-modern .kpis li {
  background:#fff;
  border:1px solid #e7e7e7;
  border-radius:12px;
  padding:16px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.about-modern .kpis li:hover {
  transform:translateY(-3px);
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
}
/* Icon */
.about-modern .kpi-icon {
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:4px;
}
.about-modern .kpi-icon svg {
  width:100%;
  height:100%;
  stroke:#16a34a; /* Grün */
  stroke-width:3;
  fill:none;
}
.about-modern .kpis strong {display:block;font-size:1.05rem}
.about-modern .kpis span {color:var(--muted);font-size:.9rem}

/* Cards */
.about-modern .cards {padding:clamp(24px,6vw,56px) 0}
.about-modern .cards>h2 {
  text-align:center;
  margin:0 0 16px;
  font-size:clamp(22px,3.2vw,34px);
}
.about-modern .cards .grid {
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
  display:grid;
  gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.about-modern .card {
  background:var(--card);
  border:1px solid #eaeaea;
  border-radius:16px;
  overflow:hidden;
  transition:transform .2s, box-shadow .2s;
}
.about-modern .card:hover {
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.about-modern .card__media img {
  aspect-ratio:3/2;
  object-fit:cover;
}
.about-modern .card__body {padding:14px 14px 16px}
.about-modern .card__body h3 {
  margin:.25rem 0 .25rem;
  font-size:1.08rem;
}
.about-modern .card__body p {color:#475569;margin:0 0 .7rem}

/* CTA / Team */
.about-modern .team--slim {
  padding:clamp(28px,6vw,64px) 0;
  background:linear-gradient(135deg, rgba(230,0,0,.06), transparent 55%);
}
.about-modern .team--slim .team__inner {
  max-width:980px;
  margin:0 auto;
  padding:0 20px;
  text-align:center;
}
.about-modern .team--slim h2 {
  font-size:clamp(22px,3.2vw,34px);
  margin-bottom:.35rem;
}
.about-modern .team--slim p {margin:.25rem 0 .9rem;color:#334155}

/* Reduced Motion */
@media (prefers-reduced-motion:reduce){
  *{transition:none !important}
}/* End custom CSS */