/* Container für Unternehmensgeschichte */
.single-company-history {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

.single-company-history::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: var(--bg-img) !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
    z-index: 1 !important;
}

.single-company-history::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
    z-index: 2 !important;
}

.single-company-history .left,
.single-company-history .right {
    position: relative !important;
    z-index: 3 !important;
    transition: color 0.4s ease !important;
}

.single-company-history:hover::before {
    opacity: 1 !important;
}

.single-company-history:hover::after {
    opacity: 1 !important;
}

/* Optional: Textfarbe ändern beim Hover */
.single-company-history:hover .left,
.single-company-history:hover .right {
    color: #fff !important;
}

.title-style-two.left{
position: sticky !important;
top: 120px;
display:block;
}

@media (min-width: 992px) {
  .history-sticky {
    position: sticky;
    top: 88px;              /* an Header/Cookiebar anpassen (z.B. 72–120px) */
    align-self: flex-start; /* verhindert Höhen-Stretching im Flex-Row */
    z-index: 2;             /* über Hintergrundbildern bleiben */
  }
}

/* WICHTIG: kein overflow an Vorfahren, sonst bricht sticky */
.container, .row, section, [class*="wrapper"] {
  overflow: visible !important;
}