* CSS für weiße Textfarbe, wenn hl_color="white_hl" */
.simple-imagei__headline[hl_color="white_hl"],
.simple-imagei__subline[hl_color="white_hl"],
.simple-imagei__second_subline[hl_color="white_hl"] {
  color: #fff;
}

/* CSS für blaue Textfarbe, wenn hl_color="blue_hl" */
.simple-imagei__headline[hl_color="blue_hl"],
.simple-imagei__subline[hl_color="blue_hl"],
.simple-imagei__second_subline[hl_color="blue_hl"] {
  color: var(--blue);
}

.simple-imagei__container {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  left: 50%;
  right: 50%;
  margin: 0 -50%;
}

.simple-imagei {
  position: relative;
  margin-bottom: var(--section);
}

.simple-imagei img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.simple-imagei__inner {
  width: var(--wrap);
  margin: 2rem auto 0;
  padding-left: 3rem; /* Fügt links einen Abstand von 2rem hinzu */
}

.simple-imagei__headline {
  margin-bottom: 1rem;
}

.simple-imagei__subline {
  margin-bottom: 0.0rem;
}

.simple-imagei__headline,
.simple-imagei__subline,
.simple-imagei__second_subline {
  color: #fff;
}

.simple-imagei--margin {
  margin-top: var(--section);
}

@media (min-width: 767px) {
  .simple-imagei__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
  }

  .simple-imagei__headline {
    margin-bottom: 1.0rem;
  }
}

/* Media Query für mobile Geräte */
@media (max-width: 767px) {
  .simple-imagei__headline[hl_color="white_hl"],
  .simple-imagei__subline[hl_color="white_hl"],
  .simple-imagei__second_subline[hl_color="white_hl"] {
    color: var(--blue);
  }
}