/* ========================================
   HERO-BEREICH UPDATES
   ABSOLUTE HÖCHSTE PRIORITÄT
   ======================================== */

/* 1. Hero-CTA-Buttons - Styles wurden in hero.css integriert */
/* Diese Styles sind jetzt in hero.css mit höherer Spezifität statt !important */
/* Entfernt um Redundanz zu vermeiden - siehe hero.css Zeile 1918-2008 */

/* Hero-CTA-Button Labels - Textumbruch verhindern */
.hero .hero-content .hero-cta-group .cta-button .cta-label,
.hero .hero-content .hero-cta-group .cta-button span,
.hero .hero-content .hero-cta-group .cta-button {
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: none;
    display: inline-flex;
    width: auto;
    min-width: fit-content;
}

/* 2. Progress Bar Container - Breiter für 3D-Effekt */
/* Wird von cta-progress-alignment.css überschrieben (762px für rechtsbündige Ausrichtung) */
/* Diese Regel dient als Fallback für kleinere Bildschirme */
/* ENTFERNT: Wird von cta-progress-alignment.css überschrieben, verursacht Konflikte beim Laden */
/* ENTFERNT: Diese Regel verursacht Konflikte beim Laden - Container sollte 100% der Progress Bar Breite sein */
/* .hero .hero-content .hero-progress .progress-bar-container,
.hero .hero-progress .progress-bar-container {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
} */

/* 3. Schrift in oberen Panels (Stat-Cards) anpassen */
.hero .hero-stats .stat-item .stat-label {
    font-size: clamp(0.85rem, 1vw + 0.3rem, 1rem);
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: break-word;
    hyphens: none;
}

.hero .hero-stats .stat-item .stat-number {
    font-size: clamp(1.2rem, 2vw + 0.5rem, 1.8rem);
    line-height: 1.2;
}

/* Stat-Items kompakter */
.hero .hero-stats .stat-item {
    padding: 0.75rem var(--spacing-sm);
    gap: var(--spacing-xs);
}

/* 4. Hero-Subline: Textumbruch verhindern */
.hero .hero-content .hero-subline {
    word-break: keep-all;
    overflow-wrap: normal;
    white-space: normal;
    hyphens: none;
    min-width: 0;
    max-width: 100%;
    letter-spacing: 0.2px;
    display: block;
}

/* 5. Hero-Title: Textumbruch verhindern */
.hero .hero-content .hero-title {
    word-break: keep-all;
    overflow-wrap: normal;
    white-space: normal;
    hyphens: none;
}

/* 6. Hero-Content Container: Mehr Platz für Texte */
.hero .hero-content {
    max-width: clamp(320px, 55%, 720px);
    min-width: 0;
    width: auto;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    /* KEINE Höhenbeschränkung die Scrollbar verursachen könnte */
    height: auto;
    max-height: none;
    min-height: auto;
    /* Scrollbar im Hero explizit unterbinden, falls ein User-Agent trotzdem eine Leiste einblendet */
    scrollbar-width: none;
    /* Hero-Content pauschal 30px höher setzen */
    top: calc(50% - 90px);
}

/* Zusätzlicher Safety-Net: WebKit Scrollbars im Hero-Content ausblenden */
.hero .hero-content::-webkit-scrollbar {
    display: none;
}

/* Mobile: Min-Width entfernen für besseres Responsive Design */
@media (max-width: 1024px) {
  .hero .hero-content {
    min-width: 0;
    max-width: 90%;
    padding: clamp(1rem, 3vw, 1.5rem);
  }

  /* Textumbruch auf Mobile erlauben */
  .hero .hero-content * {
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .hero .hero-content .hero-subline {
    white-space: normal;
  }
}

/* 7. Hero-CTA-Group: Flexbox für bessere Button-Platzierung - ENTFERNT (bereits oben definiert) */

/* 8. Zusätzliche Fixes für Textumbruch */
.hero .hero-content * {
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: none;
}

/* 9. Spezifische Fixes für Subline */
.hero .hero-content .hero-subline {
    white-space: pre-wrap;
    word-spacing: normal;
}