.redline-block {
  display: block;
  width: 100%;
  cursor: pointer;
  margin: 1 !important;
  padding: 0 !important;
}

.redline-wrapper {
  display: block;
  width: 100%;
  margin: 1 !important;
  padding: 0 !important;
}

.redline {
  display: block;
  height: 3px;
  width: 15%;
  background-color: #d91016;
  transition: width 0.5s ease;
}

.redline-block:hover .redline {
  width: 100%;
}

.redline-block h3.redline-title {
  padding-top: 12px !important;
  margin-top: 0 !important;
}

.overlap-section {
  position: relative;
  overflow: visible !important;
}

/* Linke Spalte nach rechts ins Bild schieben */
.white-box {
  background: #ffffff;
  padding: 40px 50px;
  position: relative;
  z-index: 5;
  box-shadow: 0 2px 20px rgba(0,0,0,0.06);
  margin-right: -120px; /* ← Das erzeugt die Überlappung */
}

/* Bild dahinter */
.image-col {
  position: relative;
  z-index: 1;
}

.image-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.divider-left.w-separator {
    width: 60px !important;
    margin-right: auto !important;
    margin-left: 0 !important;
}