.elementor-kit-1987{--e-global-color-primary:#0D4F4D;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a733c3e:#000100;--e-global-color-2edc757:#FFFFFF;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:500;background-color:#ACFCD914;font-family:"Open Sans", Sans-serif;font-size:1rem;font-weight:400;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-accent );--e-preloader-size:20px;}.elementor-kit-1987 button,.elementor-kit-1987 input[type="button"],.elementor-kit-1987 input[type="submit"],.elementor-kit-1987 .elementor-button{background-color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-weight:600;color:var( --e-global-color-a733c3e );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-kit-1987 button:hover,.elementor-kit-1987 button:focus,.elementor-kit-1987 input[type="button"]:hover,.elementor-kit-1987 input[type="button"]:focus,.elementor-kit-1987 input[type="submit"]:hover,.elementor-kit-1987 input[type="submit"]:focus,.elementor-kit-1987 .elementor-button:hover,.elementor-kit-1987 .elementor-button:focus{background-color:var( --e-global-color-accent );border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;}.elementor-kit-1987 a{color:var( --e-global-color-accent );font-family:"Open Sans", Sans-serif;}.elementor-kit-1987 h1{font-family:"Open Sans", Sans-serif;}.elementor-kit-1987 h2{font-family:"Open Sans", Sans-serif;}.elementor-kit-1987 h3{font-family:"Open Sans", Sans-serif;}.elementor-kit-1987 h4{font-family:"Open Sans", Sans-serif;}.elementor-kit-1987 h5{font-family:"Open Sans", Sans-serif;}.elementor-kit-1987 h6{font-family:"Open Sans", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:5%;--container-default-padding-right:5%;--container-default-padding-bottom:5%;--container-default-padding-left:5%;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
 * ===================================================================
 * Individuelles Button-Styling für REKUNA
 * ===================================================================
 */

/* Grund-Styling für alle unsere benutzerdefinierten Buttons */
.rekuna-button {
    font-family: "Open Sans", Sans-serif;
    font-weight: 600;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-accent);
    border-radius: 0px 0px 0px 0px;
    transition: background-color 0.3s ease !important; /* Sanfter Übergang für Hover-Effekt */
}

/* Styling, wenn man mit der Maus über den Button fährt */
.rekuna-button:hover {
    background-color: #61CE70 !important; /* Helles Grün */
    color: #ffffff !important;
}















/*Styling für die Filter Suche Suchfeld bei der Kandidaten Filter Seite*
/* Styling für das Suchfeld in den Filtern */

.filter-search-input {
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

/*Styling für die Filter Suche Suchfeld bei der Kandidaten Filter Seite*
/* Styling für das Suchfeld in den Filtern */





















/* Styling für den Titel Berufswunsch von Kandidat */
.rekuna-kandidat-title {
    color: #000;
}






/* Styling für das "+X"-Badge bei Kandidaten-Eigenschaften */
.rekuna-plus-badge {
    display: inline-block;
    background-color: #61ce70; /* Helles Grau */
    color: #000100 !important; /* Dunkler Text */
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 0px;
    margin-left: 5px;
    vertical-align: middle;
    border: 1px solid;
}

































/*Margin WooCommerce Breadcrumbs unten auf 0px*/
.woocommerce-js .woocommerce-breadcrumb {
    margin:0;
}
















/* Styling für den Kandidaten-Filter */

/* Hauptcontainer für die Filter-Gruppen */
.candidate-filters-container .filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Responsives Grid */
    gap: 30px;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

/* Styling für eine einzelne Filter-Gruppe (z.B. "Berufe") */
.candidate-filters-container .filter-group h4 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

/* Container für die Checkbox-Optionen */
.candidate-filters-container .filter-options {
    max-height: 250px;
    overflow-y: auto; /* Scrollbar, wenn viele Optionen vorhanden sind */
    padding-right: 10px;
}

/* Styling für eine einzelne Checkbox mit Label */
.candidate-filters-container .filter-checkbox-label {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    font-weight: normal;
}

.candidate-filters-container .filter-checkbox-label input[type="checkbox"] {
    margin-right: 10px;
}

/* Styling für den Ergebnis-Container während des Ladens */
#candidate-results-container {
    transition: opacity 0.3s ease-in-out;
}



















































/* Stellt sicher, dass Kandidaten-Fotos eine minimale Größe haben und korrekt angezeigt werden, 
   selbst wenn WordPress falsche Breiten-Attribute generiert. */
img.candidate-photo-real,
img.candidate-photo-blurred {
    min-width: 150px;
    min-height: 150px;
    width: 20%;
    height: 20%;
    max-width: 100%;
    object-fit: cover;
}













/* ==========================================================================
   Benutzerdefinierte Scrollbars
   ========================================================================== */

/* ---------- 1. Grundkonfiguration (Variablen) ---------- */
/* Passen Sie die Farben und die Größe hier an einer zentralen Stelle an. */
:root {
  /* Farben für Track (Schiene) und Thumb (Schieber) */
  --scrollbar-track: #fff;
  --scrollbar-thumb: #61CE70;
  --scrollbar-thumb-hover: #555555;

  /* Breite / Höhe der Scrollbar (empfohlen: 6px bis 16px) */
  --scrollbar-size: 12px;
  --scrollbar-radius: 6px; /* Radius für runde Ecken (oft die Hälfte von --scrollbar-size) */
}


/* ---------- 2. Standard-konforme Browser (Firefox) ---------- */
/* Nutzt das moderne CSS Scrollbars Module Level 1. */
html {
  scrollbar-width: thin; /* Optionen: auto | thin | none */
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}


/* ---------- 3. WebKit-Browser (Chrome, Safari, Edge, Opera) ---------- */
/* Nutzt die proprietären ::-webkit-scrollbar Pseudo-Elemente. */

/* Definiert die Basis-Größe der Scrollbar */
::-webkit-scrollbar {
  width: var(--scrollbar-size);  /* Für vertikale Scrollbars */
  height: var(--scrollbar-size); /* Für horizontale Scrollbars */
}

/* Die Schiene, auf der die Scrollbar läuft */
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

/* Der Schieber (der bewegliche Teil) */
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-radius);

  /* Erzeugt einen Abstand zwischen Schieber und Schiene ("Gutter"-Effekt) */
  border: 3px solid var(--scrollbar-track);
}

/* Ändert die Farbe des Schiebers, wenn die Maus darüber schwebt */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
}


/* ---------- 4. Optionale Verfeinerungen ---------- */

/* Passt die Scrollbar-Größe für Touch-Geräte an, um die Bedienung zu erleichtern. */
@media (pointer: coarse) {
  :root {
    --scrollbar-size: 16px;
    --scrollbar-radius: 8px;
  }
}

/* Respektiert die System-Einstellung für hohen Kontrast für bessere Barrierefreiheit. */
@media (prefers-contrast: more) {
  html {
    /* Setzt die Scrollbar auf die Standard-Systemdarstellung zurück */
    scrollbar-color: auto;
  }
  /* WebKit-Browser setzen die Scrollbar in diesem Modus oft automatisch zurück,
     daher ist meist keine zusätzliche Regel für ::-webkit-scrollbar nötig. */
}






















/* --- Styling für das Bewerber-Dashboard --- */
.rekuna-dashboard-card {
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    margin-bottom: 25px;
}
.rekuna-dashboard-card__title {
    margin: 0;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 600;
    color: #2F3B40;
    border-bottom: 1px solid #e9e9e9;
}
.rekuna-dashboard-card__body {
    padding: 20px;
}
.rekuna-dashboard-card__body p {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.6;
}
.rekuna-dashboard-card__body p:last-child {
    margin-bottom: 0;
}
.rekuna-dashboard-card__body .status-text {
    font-weight: bold;
}
.rekuna-dashboard-card__body .status-text.is-published {
    color: #54B435;
}
.rekuna-dashboard-card__body .status-text.is-pending {
    color: #ffb900;
}
.rekuna-dashboard-card__body .shop_table {
    margin-bottom: 0;
}





























/* --- FINALES STYLING FÜR PROFIL-EDITOR (OFFENES LAYOUT V2) --- */

/* 1. GRUNDGERÜST & SEKTIONEN */
.woocommerce-account .profile-editor-container {
    background-color: #ffffff;
    border: 1px solid #e9e9e9;
    padding: 20px;
    border-radius: 5px;
}
.profile-editor-container .profile-section {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #f0f0f0;
}
.profile-editor-container .profile-section:last-of-type {
    margin-bottom: 15px;
    padding-bottom: 0;
    border-bottom: none;
}
.profile-editor-container .profile-section-title {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 600;
    color: #2F3B40;
}

/* 2. FORMULARFELDER & ABSTÄNDE */
.profile-editor-container .form-row {
    padding: 0;
    margin-bottom: 20px;
}
.profile-editor-container .form-row label {
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
    color: #333;
}
.profile-editor-container .form-row-flex-container {
    display: flex;
    gap: 24px;
    width: 100%;
}
.profile-editor-container .form-row-flex-container .form-row {
    flex: 1;
    margin-bottom: 0;
}

/* 3. FILE UPLOADER STYLING */
.file-upload-item {
    margin-bottom: 30px;
}
.file-upload-item:last-child {
    margin-bottom: 0;
}
.file-drop-area { 
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 2px dashed #d0d0d0;
    border-radius: 4px;
    background-color: #f9f9f9;
    transition: background-color 0.2s, border-color 0.2s;
    text-align: center;
    padding: 20px;
    min-height: 100px;
}
.file-drop-area.is-active {
    background-color: #e8f5e9;
    border-color: #54B435;
}
.file-drop-area .file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
.file-drop-area .file-drop-message {
    color: #666;
    pointer-events: none;
}
.file-drop-area .file-drop-message a {
    color: #54B435;
    text-decoration: underline;
    font-weight: bold;
}
.current-file-preview {
    margin-bottom: 10px;
    font-size: 14px;
    color: #555;
}
.current-file-preview img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 3px solid #eee;
}

/* 4. RESPONSIVE ANPASSUNGEN */
@media (max-width: 768px) {
    .woocommerce-account .profile-editor-container {
        padding: 15px;
    }
    .profile-editor-container .form-row-flex-container {
        display: block;
    }
    .profile-editor-container .form-row-flex-container .form-row {
        margin-bottom: 20px;
    }
}

























/* 
  Entfernt den standardmäßigen unteren Außenabstand (margin-bottom)
  bei allen <p>-Elementen innerhalb des Elementor Text-Editor-Widgets
 („.elementor-widget-text-editor“).
  Dadurch werden unerwünschte Lücken unter Textabsätzen beseitigt,
  sodass die Textblöcke nahtloser und ohne zusätzlichen Abstand dargestellt werden.
  Das !important-Attribut stellt sicher, dass diese Einstellung alle anderen 
  entgegenstehenden CSS-Regeln überschreibt.
*/
.elementor-widget-text-editor p { margin-bottom: 0 !important; }














/* Blendet die fehlerhafte "Passwort anzeigen"-Box im Registrierungsformular aus */
.woocommerce-form-register .show-password-input {
    display: none !important;
}













/* Macht den Text in den Status-Meldungen auf dem Profil hell */
.profile-request-pending,
.profile-request-granted,
.profile-request-denied,
.profile-unlocked-notice {
    color: #2F3B40;
}/* End custom CSS */