/* Onboarding Text Styles - Luana App
   Enthält Styling-Anpassungen für die erweiterten Onboarding-Texte */

/* Verbesserte Lesbarkeit für Onboarding-Texte */
.onboarding-screen p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 8px;
}

/* Sekundäre Info mit reduzierter Opacity */
.onboarding-screen .secondary-info {
  opacity: 0.8;
  font-size: 14px;
  margin-top: 4px;
  color: #aeaeb2;
}

/* Responsive Anpassungen für kleinere Bildschirme */
@media (max-width: 375px) {
  .onboarding-screen p {
    font-size: 14px;
  }
  
  .onboarding-screen .secondary-info {
    font-size: 13px;
  }
  
  .onboarding-screen h1 {
    font-size: 28px;
  }
}

/* Mehr Platz für längere Texte */
.onboarding-screen .slide {
  padding-bottom: 160px;
}

/* Anpassung der Animation-Verzögerungen für zusätzlichen Text */
.onboarding-screen .slide-content .secondary-info {
  opacity: 0;
  transform: translateY(8px);
  animation: onboardingStagger 0.7s ease-out forwards;
  animation-delay: 0.26s;
}