/* Landing-Page Benefits-Section (kurze 4er-Reihe statt Fliesstext-Mission)
   Namespace: .landing-page__benefits-* */

.landing-page__benefits-section{
  max-width:1280px !important;
  margin:0 auto !important;
  padding:8px 48px 56px;
  font-family:'Open Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  box-sizing:border-box;
}
.landing-page__benefits-section,
.landing-page__benefits-section *{
  box-sizing:border-box;
  font-family:'Open Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.landing-page__benefits-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:24px;
}

.landing-page__benefits-item{
  text-align:center;
  padding:22px 16px;
}

.landing-page__benefits-icon{
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--pl-light);
  color:var(--pl-blue);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 14px;
  font-size:22px;
}
.landing-page__benefits-icon img{
  width:22px;
  height:22px;
}

.landing-page__benefits-title{
  font-size:15px;
  font-weight:700;
  color:var(--pl-dark);
  margin:0 0 6px;
}
.landing-page__benefits-text{
  font-size:13.5px;
  line-height:1.5;
  color:var(--font-color);
  margin:0;
}

@media (max-width: 900px){
  .landing-page__benefits-grid{grid-template-columns:1fr 1fr;}
  .landing-page__benefits-section{padding:8px 24px 40px;}
}
@media (max-width: 560px){
  .landing-page__benefits-grid{grid-template-columns:1fr;}
}