/* Karriere-Spalten Container */
.karriere-spalten {
    display: flex;
    align-items: stretch; /* Alle Spalten gleich hoch machen */
}

/* Karriere-Spalten Hover-Effekt */
.karriere-spalten-hover-effect {
    flex: 1; /* Alle Spalten bekommen die gleiche Breite */
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in-out;
    hyphens: none; /* Keine Silbentrennung */
}

/* Hover-Effekt */
.karriere-spalten-hover-effect:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    z-index: 10;
}

/* Hintergrundfarbe für ungerade und gerade Spalten */
.odd {
    background-color: #333945; dunkelgrau
    /* background-color: #A8D8B9; Minzgrün */
}

.even {
    background-color: #454D5B; Hellgrau
    /* background-color: #007B2F; HKB Grün */
}

/* Textfarbe */
.karriere-spalten-hover-effect .content,
.karriere-spalten-hover-effect .ce_headline h4 {
    color: white;
}

.karriere-spalten-hover-effect .content {
    font-size: 16px;
    line-height: 18px;
}

.karriere-spalten-hover-effect .content ul > li {
    margin-bottom: 18px;
    hyphens: none;
}

/* Content so anpassen, dass er die gesamte Höhe einnimmt */
.karriere-spalten-hover-effect .content {
    flex-grow: 1; /* Lässt den Inhalt die Höhe der Spalte füllen */
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Inhalte bleiben oben */
    hyphens: none;
}

/* Headline-Stil */
.karriere-spalten-hover-effect .ce_headline h4 {
    font-weight: 600;
    word-wrap: normal;
    hyphens: none;
}

@media only screen and (max-width: 767px) {
  .karriere-spalten {
    flex-direction: column !important; /* Reihenfolge sicherstellen */
    display: flex !important; /* Falls Grid oder anderes Layout aktiv */
  }

  .karriere-spalten-hover-effect {
    width: 100% !important; /* Sicherstellen, dass jede Spalte volle Breite nutzt */
    max-width: 100% !important;
    flex: none !important; /* Falls flex-grow aktiv ist */
  }
  .jobs-text-blocks-align {
      margin-top: 30vh;
  }
}

.karriere-spalten .ce_linkbox_image .image_container img {
    width: 50%;
    height: auto; /* Beibehaltung des Seitenverhältnisses */
    display: block;
    margin: 50px auto 20px auto;
}