.elementor-widget-container .mas-swiper-arrows .elementor-button-link{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-97563 .elementor-element.elementor-element-282f8e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97563 .elementor-element.elementor-element-282f8e4:not(.elementor-motion-effects-element-type-background), .elementor-97563 .elementor-element.elementor-element-282f8e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jobbeast.de/wp-content/uploads/2025/10/JOBBEAST_Evolution_der_Jobboerse.png");background-size:cover;}.elementor-97563 .elementor-element.elementor-element-986f6d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97563 .elementor-element.elementor-element-5b5c71a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-97563 .elementor-element.elementor-element-a8ea4ed{padding:20px 0px 30px 0px;text-align:center;}.elementor-97563 .elementor-element.elementor-element-a8ea4ed .elementor-heading-title{color:#FFFFFF;}.elementor-97563 .elementor-element.elementor-element-b075bd5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97563 .elementor-element.elementor-element-e35e0af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97563 .elementor-element.elementor-element-e35e0af:not(.elementor-motion-effects-element-type-background), .elementor-97563 .elementor-element.elementor-element-e35e0af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jobbeast.de/wp-content/uploads/2025/10/JOBBEAST_Evolution_der_Jobboerse.png");background-size:cover;}.elementor-97563 .elementor-element.elementor-element-b5d6644{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97563 .elementor-element.elementor-element-48d7bcb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-97563 .elementor-element.elementor-element-ea2498f{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;color:#FFFFFF;}.elementor-97563 .elementor-element.elementor-element-3acc6f4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-97563 .elementor-element.elementor-element-ab49e0f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-97563 .elementor-element.elementor-element-54adf58 .elementor-button{background-color:#7E0E33;font-family:"Source Sans 3", Sans-serif;font-size:16px;font-weight:500;}.elementor-97563 .elementor-element.elementor-element-54adf58{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-97563 .elementor-element.elementor-element-54adf58 .elementor-button-content-wrapper{flex-direction:row;align-items:center;}.elementor-97563 .elementor-element.elementor-element-54adf58 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-97563 .elementor-element.elementor-element-54adf58 .elementor-button-icon{display:flex;align-items:center;}.elementor-97563 .elementor-element.elementor-element-596fbf4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97563 .elementor-element.elementor-element-665e90d .elementor-button{background-color:#7E0E33;font-family:"Source Sans 3", Sans-serif;font-size:16px;font-weight:500;}.elementor-97563 .elementor-element.elementor-element-665e90d{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-97563 .elementor-element.elementor-element-665e90d .elementor-button-content-wrapper{flex-direction:row;align-items:center;}.elementor-97563 .elementor-element.elementor-element-665e90d .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-97563 .elementor-element.elementor-element-665e90d .elementor-button-icon{display:flex;align-items:center;}@media(min-width:768px){.elementor-97563 .elementor-element.elementor-element-ab49e0f{--width:50%;}.elementor-97563 .elementor-element.elementor-element-596fbf4{--width:50%;}}@media(max-width:1024px){.elementor-widget-container .mas-swiper-arrows .elementor-button-link{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-container .mas-swiper-arrows .elementor-button-link{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS *//* === Farbthema anpassen auf #522033 === */

/* Buttons (z. B. Vorschau, Entwurf speichern) */
button,
input[type="submit"],
.job-manager-form .button {
  background-color: #522033 !important;
  border-color: #522033 !important;
  color: #fff !important;
  transition: background 0.2s ease;
}

button:hover,
input[type="submit"]:hover,
.job-manager-form .button:hover {
  background-color: #6c2944 !important; /* leicht hellere Variante für Hover */
  border-color: #6c2944 !important;
}

/* Aktive Radio-Buttons bei Tarifauswahl */
.job-package-options input[type="radio"]:checked + strong,
.job-package-options input[type="radio"]:checked ~ small,
.job-package-options input[type="radio"]:checked ~ span {
  color: #522033 !important;
  font-weight: bold;
}

/* Rahmenfarbe für aktive oder hovernde Pakete */
.job-package-options label:hover,
.job-package-options input[type="radio"]:checked + strong,
.job-package-options input[type="radio"]:checked ~ small {
  border-color: #522033 !important;
}

/* Fokuszustände bei Eingabefeldern */
.job-manager-form input:focus,
.job-manager-form select:focus,
.job-manager-form textarea:focus {
  border-color: #522033 !important;
  box-shadow: 0 0 0 1px #52203333;
  outline: none;
}

/* Checkbox- & Radiobutton-Akzentfarbe (Browserabhängig) */
input[type="checkbox"],
input[type="radio"] {
  accent-color: #522033;
}

/* Links und AGB-Link-Farbe */
a,
a:visited {
  color: #522033;
}

a:hover {
  color: #7E0E33;
}

/* Preisfarbe in den Tarifboxen */
.job-package-options span {
  color: #522033 !important;
}

/* Markierte/aktive Tarifbox */
.job-package-options input[type="radio"]:checked + strong {
  color: #522033 !important;
}

/* Formularüberschriften (z. B. Company Details) */
.job-manager-form h2 {
  color: #522033 !important;
}
/* === Dropdowns (Select-Felder) in Hauptfarbe #522033 === */

/* Rahmenfarbe und Fokusfarbe */
.job-manager-form select {
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  padding: 0.5rem;
  appearance: none; /* entfernt Standardpfeil in manchen Browsern */
  background-image: url("data:image/svg+xml,%3Csvg fill='%23522033' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
}

/* Hover-Effekt */
.job-manager-form select:hover {
  border-color: #522033;
}

/* ===== SELECT2 auf #522033 umstellen ===== */

/* Rahmen & Fokus */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 1px solid #ccc !important;
  border-radius: 4px;
  background: #fff;
}
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus {
  border-color: #522033 !important;
  box-shadow: 0 0 0 1px #52203333 !important;
  outline: none !important;
}

/* Text/Label in der Auswahl */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #333 !important;
}

/* Dropdown-Liste: Hover/Active (blau ersetzen) */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
  background-color: #522033 !important;
  color: #fff !important;
}

/* Bereits ausgewählte Option in der Liste */
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #f6eef2 !important; /* zarter Ton */
  color: #522033 !important;
}

/* Pfeil einfärben (Single Select) */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #522033 transparent transparent transparent !important;
}

/* ===== Fallback, falls CHOSEN genutzt wird ===== */
.chosen-container .chosen-results li.highlighted {
  background: #522033 !important;
  color: #fff !important;
}
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
  border-color: #522033 !important;
  box-shadow: 0 0 0 1px #52203333 !important;
}

/* Link (Benutzername) einfärben */
.job-manager-message a,
.account-signin-message a {
  color: #522033 !important;
  font-weight: 600;
  text-decoration-color: #522033;
}

/* === Einheitliche Schriftgröße für alle Formularfelder === */

/* Textfelder & Textareas */
.job-manager-form input[type="text"],
.job-manager-form input[type="email"],
.job-manager-form input[type="url"],
.job-manager-form input[type="number"],
.job-manager-form textarea {
  font-size: 15px !important;
  color: #333;
}

/* Auch normale <select>-Felder stylen */
select,
.select2-container .select2-selection {
  background-color: #f9fafb;
  border-radius: 8px;
  border: 1px solid #ccc;
  padding: 0.75rem;
  width: 100%;
  font-size: 1rem;
}

/* Damit Select2 (z. B. bei Karriere, Berufsfeld usw.) gleich groß bleibt */
.select2-container .select2-selection--single {
  height: auto !important;
  padding: 6px 8px !important;
  font-size: 16px !important;
}

/* Platzhaltertext in Eingabefeldern */
.job-manager-form ::placeholder {
  font-size: 16px;
  color: #888;
}

/* Einheitliche Höhe */
.job-manager-form input,
.job-manager-form select,
.job-manager-form textarea,
.select2-container .select2-selection--single {
  min-height: 4px;
  box-sizing: border-box;
}
/* Standard: Button ausblenden */
.jobbeast-more-jobs { display: none; }

/* Wenn die Erfolgsmeldung da ist: Formular aus, Button an */
.job-manager-info ~ form.job-manager-form { display: none !important; }
.job-manager-info ~ .jobbeast-more-jobs { display: inline-block; }
/* Einheitliche Schriftart und Link-Styling für Erfolgsmeldung */
.job-manager-info,
.job-manager-info a {
  font-family: "Source Sans 3", sans-serif !important;
  font-size: inherit !important;
  color: #522033 !important;
  font-weight: 600 !important;
  text-decoration: none;
  text-decoration-color: #52203333;
  transition: color 0.2s ease;
}

.job-package-note {
    color: #522033 !important;
    text-align: center !important;
    font-size: 1.05rem !important;
    margin-top: 1rem !important;
}

.job-package-note a {
    color: #522033 !important;
    font-weight: 600 !important;
}

.job-package-note .info-icon {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #522033 !important;
    color: #fff !important;
    font-size: 0.9rem;
    font-weight: bold;
    margin-right: 6px;
}
form#submit-job-form p.job-package-note a {
    color: #522033 !important;
}
form#submit-job-form p.job-package-note a {
    color: #522033 !important;
    position: relative;
    top: -1px; /* Wert anpassen: -1 bis -6 möglich */
}
form#submit-job-form p.job-package-note strong {
    color: #522033 !important;
}
#submit-job-form .job-package-note {
    color: #522033 !important;
}

#submit-job-form .job-package-tip {
    color: #522033 !important;
    display: flex;
    align-items: center;
}

#submit-job-form .info-icon-large {
    margin-right: 10px;
    position: relative;
    top: -2px; /* hebt leicht an */
}/* End custom CSS */