page-id-21525.entry-title,
page-id-21525.page-title,
page-id-21525 h1.entry-title {
    display: none !important;
}

a.styled {
    text-decoration: none;
    color: #18272f;
    font-weight: 700;
    position: relative;
}

a.styled::before {
    content: "";
    background-color: hsla(196, 61%, 58%, 0.75);
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 8px;
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

a.styled:hover::before {
    bottom: 0;
    height: 100%;
}

/* .uc_post_list_box.uc-entrance-animate {
    background-color: rgb(219, 245, 241);
    border-radius: 16px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
} */

.uc_more_btn {
    background-color: #38a694;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-radius: 999px;
    line-height: 1.5rem;
}

.uc_more_btn:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #1d8776;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
        0px 4px 5px 0px rgba(0, 0, 0, 0.14),
        0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.single-post h1.entry-title {
    position: relative;
    padding-bottom: 10px;
    font-size: 34px;
    font-weight: bold;
}

.single-post h1.entry-title::after {
    content: "";
    display: block;
    width: 100px;
    height: 4px;
    background-color: #6fbce9;
    margin-top: 20px;
}

#bewerbungsformular {
    scroll-margin-top: 100px;
}

.bewerbungsformular-stellenangebot {
    /*background: #f2f1ec;*/
    background: linear-gradient(#6fbce9 0 200px, #f2f1ec 200px 100%);
    padding: 40px;
    margin: 100px 0;
    border-radius: 16px;
}

/* Header im dynamischen Bewerbungsformular */
.bewerbung-header {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
}

.bewerbung-header h3 {
    margin: 0 0 8px 0;
    font-size: 26px;
    font-weight: 600;
}

.bewerbung-header h5 {
    margin: 0;
    font-size: 20px;
}

/* =======================================
                FORMINTOR
   ======================================= */

.forminator-button-submit {
    font-size: 14px;
    font-family: "Jost", sans-serif;
    font-weight: 500;
}

.forminator-select-dropdown-container--open
    .forminator-custom-form.forminator-dropdown--default {
    border-color: #097baa;
    background-color: #ffffff !important;
}

.forminator-ui.forminator-design--default
    .forminator-select2
    + .forminator-select
    .selection
    .select2-selection--single[role="combobox"] {
    border-color: #777771;
    background-color: #ffffff !important;
}

.forminator-ui.forminator-design--default .forminator-input {
    background-color: #ffffff;
    border: 1px solid darkgray;
}

/* =======================================
   FORMINTOR – DATUMSFELD (Dropdown)
   Korrekte Reihenfolge: Tag – Monat – Jahr
   ======================================= */

/* 1. Dropdowns horizontal nebeneinander */
.forminator-field-date .forminator-row {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 10px;
}

/* 2. Spalten gleich breit + nicht zu klein */
.forminator-field-date .forminator-row .forminator-col {
    flex: 1 1 0;
    min-width: 90px;
}

/* 3. Select2 voll breit anzeigen */
.forminator-field-date .select2-container .select2-selection--single {
    min-width: 100% !important;
    box-sizing: border-box;
}

/* Select2: Placeholder nicht abschneiden */
.forminator-field-date .select2-selection__rendered {
    white-space: nowrap !important;
    overflow: visible !important;
}

/* =======================================
   REIHENFOLGE ANPASSEN (Tag – Monat – Jahr)
   Forminator liefert: Monat – Tag – Jahrbbbbbbbb
   Wir korrigieren auf: Tag – Monat – Jahr
   ======================================= */

/* MONAT (ursprünglich Feld 1) → Position 2 */
.forminator-field-date .forminator-row .forminator-col:nth-child(1) {
    order: 2;
}

/* TAG (ursprünglich Feld 2) → Position 1 */
.forminator-field-date .forminator-row .forminator-col:nth-child(2) {
    order: 1;
}

/* JAHR (Feld 3) bleibt Position 3 */
.forminator-field-date .forminator-row .forminator-col:nth-child(3) {
    order: 3;
}

/* =======================================
   PLATZHALTER-KORREKTUR (Tag / Monat / Jahr)
   ======================================= */

/* Original "Select" unsichtbar machen */
.forminator-field-date .select2-selection__placeholder {
    color: transparent !important;
    position: relative;
}

/* 1. sichtbares Feld nach Sortierung = TAG
   (das ist eigentlich .col:nth-child(2) im HTML) */
.forminator-field-date
    .forminator-row
    .forminator-col:nth-child(2)
    .select2-selection__placeholder::after {
    content: "Tag";
    color: #777;
    position: absolute;
    left: 0;
    top: 0;
}

/* 2. sichtbares Feld nach Sortierung = MONAT
   (eigentlich .col:nth-child(1) im HTML) */
.forminator-field-date
    .forminator-row
    .forminator-col:nth-child(1)
    .select2-selection__placeholder::after {
    content: "Monat";
    color: #777;
    position: absolute;
    left: 0;
    top: 0;
}

/* 3. sichtbares Feld nach Sortierung = JAHR */
.forminator-field-date
    .forminator-row
    .forminator-col:nth-child(3)
    .select2-selection__placeholder::after {
    content: "Jahr";
    color: #777;
    position: absolute;
    left: 0;
    top: 0;
}

.forminator-button-submit {
    border-radius: 10px;
}

.forminator-repeater-field {
    background: none !important;
    box-shadow: none !important;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0 20px;
}

.forminator-multi-upload-message p {
    color: #6a6a6a !important;
}

.forminator-uploaded-file--delete.forminator-button-delete {
    background: #c00000;
}

.forminator-row-last .forminator-field {
    display: flex;
    justify-content: center;
}

.datenschutz-gruppe > label::after,
.datenschutz-gruppe > legend::after {
    content: " *";
    color: #e51919;
    font-weight: 500;
    font-size: 19px;
}

.forminator-row[data-multiple="true"] .forminator-col:not(:last-child) {
    margin-bottom: 0px !important;
}

/* WICHTIG: Verhindere das Sternchen bei Labels innerhalb von .forminator-field */
.datenschutz-gruppe .forminator-field label::after {
    content: none !important;
}

.uc_post_list_content {
    position: relative;
    cursor: pointer;
    z-index: 0;
}

/* Overlay für Klickfläche */
.uc_post_list_content::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Button darüber */
.button-on-side {
    position: relative;
    z-index: 2;
}

.button-on-side a {
    position: relative;
    z-index: 2;
}
