/* =====================================================
   EINSATZGEBIETE
===================================================== */

.hero-einsatz{
  position:relative;
  overflow:hidden;
  padding:clamp(6rem,10vw,9rem) 1.5rem clamp(4rem,7vw,6rem);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.95), transparent 45%),
    radial-gradient(circle at bottom right, rgba(151,212,255,.25), transparent 40%),
    linear-gradient(135deg,#eef5fc 0%,#dde9f7 50%,#cfe3f5 100%);
		border-radius: 12px;
}

.hero-einsatz-inner{
  width:min(1000px,100%);
  margin:auto;
  text-align:center;
}

.hero-einsatz .eyebrow{
  margin-bottom:1rem;
}

.hero-einsatz h1{
  margin:0 auto;
  max-width:800px;
font-size: clamp(2.5rem,5vw,4.1rem);
  line-height: 1.3;
  letter-spacing:-0.04em;
  text-wrap:balance;
}

.hero-einsatz-sub{
  margin:2rem 0 0;
  font-size:.95rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--blue);
}

.hero-einsatz-lead{
  max-width:760px;
  margin:1.8rem auto 0;
  font-size:clamp(1.05rem,1.8vw,1.25rem);
  line-height:1.8;
  color:rgba(0,0,0,.72);
}

.hero-einsatz .hero-actions{
  justify-content:center;
  margin-top:2rem;
}

.einsatz-intro{
  text-align:center;
}

.einsatz-intro h2,
.einsatz-intro p{
  max-width:850px;
  margin-inline:auto;
}

.einsatz-section{
  width:min(1280px,calc(100% - 2rem));
  margin:clamp(3rem,6vw,6rem) auto;
}

.einsatz-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.5rem;
  margin-top:2rem;
}

.einsatz-card{
  position:relative;
  overflow:hidden;

  display:flex;
  flex-direction:column;

  padding:2rem;
  border-radius:30px;

  background:linear-gradient(
    135deg,
    rgba(255,255,255,.96),
    rgba(244,249,255,.90)
  );

  border:1px solid rgba(19,73,118,.08);

  box-shadow:0 20px 50px rgba(0,0,0,.07);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}
.einsatz-card a{
  margin-top:auto;

  display:inline-flex;
  align-items:center;

  padding-top:1.5rem;

  font-weight:700;
  text-decoration:none;

  color:var(--blue);
}

.einsatz-card:hover{
  transform:translateY(-4px);
  box-shadow:0 25px 60px rgba(0,0,0,.10);
}

.einsatz-card span{
  display:flex;
  width:50px;
  height:50px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  margin-bottom:1rem;
  font-weight:800;
  color:var(--blue);
  background:rgba(86,166,255,.12);
}

.einsatz-card h2{
  margin:0 0 1rem;
  font-size:1.55rem;
  line-height:1.15;
}

.einsatz-card p{
  margin:0;
  line-height:1.8;
  color:rgba(0,0,0,.72);
}



.einsatz-faq{
  width:min(980px,calc(100% - 2rem));
  margin:clamp(3rem,6vw,6rem) auto;
}



.faq-list{
  display:grid;
  gap:1rem;
  margin-top:2rem;
}

.faq-list details{
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(19,73,118,.08);
  box-shadow:0 15px 35px rgba(0,0,0,.05);
}

.faq-list summary{
  cursor:pointer;
  padding:1.25rem 1.5rem;
  font-size:1.05rem;
  font-weight:700;
}

.faq-list p{
  margin:0;
  padding:0 1.5rem 1.4rem;
  line-height:1.8;
}

.final-cta{
  text-align:center;
}

.center-actions{
  justify-content:center;
  margin-top:2rem;
}

@media (max-width:980px){
  .einsatz-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:720px){
  .hero-einsatz{
    padding:5.5rem 1rem 3.5rem;
  }

  .hero-einsatz h1{
    font-size:clamp(2.2rem,10vw,3.4rem);
  }

  .hero-einsatz-sub{
    font-size:.82rem;
    letter-spacing:.1em;
  }

  .hero-einsatz-lead{
    font-size:1.05rem;
  }

  .einsatz-grid{
    grid-template-columns:1fr;
  }

  .einsatz-card{
    text-align:center;
  }

  .einsatz-card span{
    margin-inline:auto;
  }
}
.final-cta{
  text-align:center;

  display:flex;
  flex-direction:column;
  align-items:center;
}

.final-cta h2{
  width:100%;
  max-width:850px;

  margin:0 auto 1.5rem;

  text-align:center;
  text-wrap:balance;
}

.final-cta p{
  width:100%;
  max-width:700px;

  margin:0 auto;

  text-align:center;
}

.final-cta .hero-actions{
  justify-content:center;
}

@media (max-width:720px){

  .einsatz-card{
    padding:1.5rem;
    text-align:left;
  }

  .einsatz-card span{
    margin-inline:0;
  }

  .einsatz-card h2{
    font-size:1.35rem;
    text-align:left;

    hyphens:none;
    word-break:normal;
  }

  .einsatz-card p{
    text-align:left;

   
    word-break:normal;

    font-size:1rem;
    line-height:1.7;
  }

  .einsatz-card a{
    width:100%;
    justify-content:flex-start;
  }

  

  .hero-einsatz-lead{
    text-align:left;
  }
	.hero-einsatz h1{
  font-size:clamp(2rem,9vw,3rem);
}
.hero-einsatz-sub{
  line-height:1.6;
}

}