/*
 * highlight-fix.css — Korrigiert Position der "hand-underlined" Hervorhebungen
 * sowie weitere durch die Migration verschobene Layout-/Farb-Details.
 *
 * Onepage berechnet Underline-Positionen per JS bei Resize. Da die Scripts
 * entfernt wurden, sind die Inline-Styles auf Desktop-Snapshot-Werte eingefroren.
 */

/* === Highlights: zentrierte Headlines mittig setzen (frozen px sonst off-center) === */
.highlight-container {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

/* === Highlights: LINKSBÜNDIGE Headlines NICHT zentrieren ===
   Die Unterstreichungen unter linksbündigen Überschriften (inline left:0px,
   z.B. "Über 30 Jahre", "Logistik mit Tiefe", Footer "Kontakt/Legal/Folge uns")
   wurden durch die globale Zentrier-Regel nach rechts verschoben. Hier wird die
   Original-Ausrichtung (links, ohne Transform) wiederhergestellt — genau wie live. */
.highlight-container[style*="left: 0px"] {
  left: 0 !important;
  transform: none !important;
}

/* === Mobile: Underlines ausblenden (frozen Desktop-px passen nicht zum Umbruch) === */
@media (max-width: 1024px) {
  .highlight-container {
    display: none !important;
  }
}

/* === Marquee (Mitarbeiter-Bilder): Full-Bleed über die volle Viewport-Breite ===
   Die umschließende Spalte verlor bei der Migration die Klasse con-kit-col--last
   (→ max-width:75% statt 100%), wodurch die Marquee nur ~60% breit war und rechts
   weißer Platz entstand. Spalte auf 100% + Marquee viewport-breit & zentriert. */
.con-kit-col:has(.con-kit-component-marquee) {
  max-width: 100% !important;
  flex-basis: 100% !important;
  width: 100% !important;
}
.con-kit-component-marquee--fade-edge {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* === Kachel "Deine Probleme?": Abdunklung reduzieren ===
   Der schwarze .overlay-dimmer war (durch entferntes Scroll-JS) auf opacity:0.5
   eingefroren → Kachel zu dunkel. Auf 0.15 reduziert (≈15% dunkler als
   "Unsere Lösungen"). Die Scroll-/Sticky-Animation der Kacheln bleibt unberührt. */
.overlay-dimmer {
  opacity: 0.15 !important;
}