@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
    .main-img{
  min-height: 200px!important;
}
}


.top-5 {
    top: 5px;
}
.content {
  height:100%;
  border-radius: 12px;
  box-shadow: 0 4px 8px #26374f;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.content:hover {
  box-shadow: 0 8px 16px #243341;
  transform: translateY(-2px);
}

.about-section {
  position: relative;
  background-image: url('your-image.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  padding: 100px 20px; /* регулируй по необходимости */
  z-index: 1;
  overflow: hidden;
}

.about-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(0, 0, 0, 0.5); /* Уровень затемнения */
  z-index: -1;
}

 #warum-formgeniepro .feature-card {
    border: 0;
    transition: transform .2s ease, box-shadow .2s ease;
    border-radius: 1rem;
  }
  #warum-formgeniepro .feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 .75rem 1.25rem rgba(0,0,0,.08);
  }
  #warum-formgeniepro .icon-wrap {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(13, 110, 253, .1); /* оттенок primary */
    color: #bc8848;
  }
  /* Небольшая адаптация типографики на очень малых экранах */
  @media (max-width: 360px) {
    #warum-formgeniepro h2 { font-size: 1.5rem; }
    #warum-formgeniepro .icon-wrap { width: 48px; height: 48px; }
  }

  .hero {
  min-height: 90vh;
  background:
    linear-gradient(180deg, rgba(39, 50, 56, 0.7), rgba(51, 59, 63, 0.6)),
    url('assets/images/1961.jpg')
    center/cover no-repeat;
}
.feature-pill {
  background:#fff;
  border-radius:999px;
  padding:.5rem 1rem;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:#0b2230;
}
.feature-pill .dot {
  width:.5rem; height:.5rem;
  border-radius:50%; background:#1fbba6;
}
@media(max-width:576px){
  .hero{min-height:95vh}
  .hero h1{font-size:2rem}
  p{
    font-size:14px;
  }
  h2{
    font-size: 22px;
  }
}

.py-6{padding-top:4.5rem;padding-bottom:4.5rem}

/* Card look */
.why-card{
  background:#fff;
  border:1px solid #e9eef2;
  border-radius:1rem;
  padding:1.25rem;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.why-card:hover{
  transform: translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  border-color:#dfe7ee;
}

/* Icon circle */
.icon-circle{
  flex:0 0 auto;
  width:3rem; height:3rem;
  border-radius:50%;
  display:inline-grid; place-items:center;
  background: #ecfdf7; /* minty background */
  color:#0f766e;       /* teal icon */
  border:1px solid #d4f7ee;
}

/* Headings spacing */
#why-rufcheck h2{line-height:1.15}
#why-rufcheck .h5{font-weight:700}

/* Responsive tweaks */
@media (max-width: 576px){
  .py-6{padding-top:3.5rem;padding-bottom:3.5rem}
  .badge{
    font-size:11px;
  }
}

/* spacing helper to match vorherige Sektion */
.py-6{padding-top:4.5rem;padding-bottom:4.5rem}

/* Card style – angelehnt an why-card */
.price-card{
  background:#fff;
  border:1px solid #e9eef2;
  border-radius:1rem;
  padding:1.25rem;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.price-card:hover{
  transform: translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  border-color:#dfe7ee;
}

/* Icon circle – gleiches Styling */
.icon-circle{
  flex:0 0 auto;
  width:3rem;height:3rem;border-radius:50%;
  display:inline-grid;place-items:center;
  background:#ecfdf7; color:#0f766e; border:1px solid #d4f7ee;
}

/* Price typography */
.price{font-weight:800; display:flex; align-items:baseline; gap:.35rem}
.price .currency{font-size:.95rem; letter-spacing:.02em; color:#0b2230;}
.price .value{font-size:1.9rem; line-height:1}
.price .period{font-size:.95rem; color:#6b7280}

/* Responsive tweaks */
@media (max-width: 576px){
  .py-6{padding-top:3.5rem;padding-bottom:3.5rem}
  .price .value{font-size:1.7rem}
}