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

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

h1, h2, h3, h4{
    color: #49515c;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

h1, h2, h3, h4 {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out forwards;
}

/* Добавим небольшую задержку для красивого каскада */
h2 {
  animation-delay: 0.2s;
}

h3 {
  animation-delay: 0.4s;
}

h4 {
  animation-delay: 0.6s;
}

@media(max-width:680px){
  .h5{
    font-size:18px;
  }
  h2{
    font-size: 22px;
  } 
  
}
  /* optionale Akzentstile (nicht zwingend) */
  .bguru-gradient {
    background: linear-gradient(135deg, rgba(13,110,253,.08), rgba(32,201,151,.08));
  }
  .icon-bullet {
    width: 1.75rem; height: 1.75rem;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 999px; background: rgba(13,110,253,.15);
    font-weight: 700; line-height: 1; margin-right: .5rem;
  }

 #faq details {
    border: 1px solid var(--bs-border-color);
    transition: box-shadow .2s ease, border-color .2s ease;
  }
  #faq details[open] {
    border-color: rgba(13,110,253,.35);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
  }
  #faq summary {
    cursor: pointer;
    outline: none;
    list-style: none; /* Entfernt Standard-Pfeil in einigen Browsern */
  }
  #faq summary::-webkit-details-marker { display: none; } /* Entfernt Standard-Marker in WebKit */
  #faq summary:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    border-radius: .5rem;
  }
  /* Visueller Pfeil rechts */
  #faq .faq-caret {
    width: 1.25rem; height: 1.25rem; flex: 0 0 1.25rem;
    position: relative; display: inline-block;
  }
  #faq .faq-caret::before, #faq .faq-caret::after {
    content: ""; position: absolute; inset: 0; margin: auto;
    width: .75rem; height: 2px; background: currentColor; transition: transform .2s ease, opacity .2s ease;
  }
  #faq .faq-caret::after { transform: rotate(90deg); }
  #faq details[open] .faq-caret::after { opacity: 0; transform: rotate(90deg) scaleX(0); }

  .pricing-card .display-6 { letter-spacing: -.02em; }
  .pricing-card .check {
    width: 1.1rem; height: 1.1rem; border-radius: 50%;
    border: 2px solid var(--bs-primary); flex: 0 0 1.1rem; position: relative; top: .15rem;
  }
  .pricing-card .check::after {
    content: ""; position: absolute; inset: 0;
    width: .45rem; height: .45rem; margin: auto; border-radius: 2px;
    transform: rotate(45deg) translate(-5%, -10%);
    border-right: 2px solid var(--bs-primary); border-bottom: 2px solid var(--bs-primary);
    width: .5rem; height: .3rem; top: .15rem; left: .22rem;
  }
  .pricing-card.popular { outline: 2px solid rgba(13,110,253,.25); }
  .pricing-card .btn { border-radius: .7rem; }

  /* Ribbon "Beliebt" */
  .ribbon {
    position: absolute; top: 0.75rem; right: -0.5rem; z-index: 2;
    background: var(--bs-primary); color: #fff; font-size: .75rem; font-weight: 700;
    padding: .35rem .65rem; border-radius: .3rem;
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.1);
  }

  /* kleine Deko-Punkte */
  .dot {
    width: .5rem; height: .5rem; border-radius: 50%; background: var(--bs-primary);
    display: inline-block; margin-top: .45rem;
  }
@media  (max-width: 680px){
  .logo_img{
  max-width:100px;
  height:100px;
}  
}