.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-45 .elementor-element.elementor-element-1e97f3c{--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-45 .elementor-element.elementor-element-1e97f3c:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-1e97f3c > .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-45 .elementor-element.elementor-element-75259be{--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-45 .elementor-element.elementor-element-046df9d{padding:20px 0px 30px 0px;text-align:center;}.elementor-45 .elementor-element.elementor-element-046df9d .elementor-heading-title{color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-33bf488f{--display:flex;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-45 .elementor-element.elementor-element-6d5c27e .elementor-button-content-wrapper{align-items:center;}.elementor-45 .elementor-element.elementor-element-6d5c27e .elementor-button-icon{display:flex;align-items:center;}.elementor-45 .elementor-element.elementor-element-5330dfbc{padding:0px 0px 40px 0px;}.elementor-45 .elementor-element.elementor-element-e3aad62{--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-45 .elementor-element.elementor-element-e3aad62:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-e3aad62 > .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-45 .elementor-element.elementor-element-300429f{--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-45 .elementor-element.elementor-element-1303a8c{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;color:#FFFFFF;}.elementor-45 .elementor-element.elementor-element-d71035e{--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-45 .elementor-element.elementor-element-7796856{--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-45 .elementor-element.elementor-element-3c2a5b3 .elementor-button{background-color:#7E0E33;font-family:"Source Sans 3", Sans-serif;font-size:16px;font-weight:500;}.elementor-45 .elementor-element.elementor-element-3c2a5b3{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-45 .elementor-element.elementor-element-3c2a5b3 .elementor-button-content-wrapper{flex-direction:row;align-items:center;}.elementor-45 .elementor-element.elementor-element-3c2a5b3 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-45 .elementor-element.elementor-element-3c2a5b3 .elementor-button-icon{display:flex;align-items:center;}.elementor-45 .elementor-element.elementor-element-122952b{--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-45 .elementor-element.elementor-element-c61f85d .elementor-button{background-color:#7E0E33;font-family:"Source Sans 3", Sans-serif;font-size:16px;font-weight:500;}.elementor-45 .elementor-element.elementor-element-c61f85d{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-45 .elementor-element.elementor-element-c61f85d .elementor-button-content-wrapper{flex-direction:row;align-items:center;}.elementor-45 .elementor-element.elementor-element-c61f85d .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-45 .elementor-element.elementor-element-c61f85d .elementor-button-icon{display:flex;align-items:center;}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-7796856{--width:50%;}.elementor-45 .elementor-element.elementor-element-122952b{--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-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-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-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-5330dfbc */.fieldset-company_since {
  display: none !important;
}
.fieldset-company_facebook {
  display: none !important;
}
.fieldset-company_googleplus {
  display: none !important;
}
.fieldset-company_linkedin {
  display: none !important;
}
/* === Fix: Unternehmensgröße und Branche exakt gleich hoch & breit === */

/* Gilt für alle Select2-Single-Elemente im Formular */
.job-manager-form .select2-container--default .select2-selection--single {
  background-color: #f9fafb !important;
  border-radius: 8px !important;
  border: 1px solid #ccc !important;
  height: 65px !important;          /* <-- gleiche Höhe */
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  width: 100% !important;
}

/* Text zentriert und gleiche Zeilenhöhe */
.job-manager-form .select2-container--default .select2-selection__rendered {
  line-height: normal !important;
  padding-left: 2px !important;
  color: #333 !important;
}

/* Pfeil vertikal ausrichten */
.job-manager-form .select2-container--default .select2-selection__arrow {
  display: none;
}

/* Fokuszustand gleich wie andere Felder */
.job-manager-form .select2-container--default.select2-container--open .select2-selection--single,
.job-manager-form .select2-container--default .select2-selection--single:focus {
  border-color: #522033 !important;
  box-shadow: 0 0 0 1px #52203333 !important;
}

/* Speziell für Unternehmensgröße, falls in Flex-Spalten */
.fieldset-company_team_size,
#company_team_size.select2-hidden-accessible + .select2-container {
  width: 100% !important;
}
/* AGB-Link in Source Sans 3, fett, 18px */
.job-manager-form label a[href*="agb"],
.job-manager-form label a[href*="terms"],
.job-manager-form label a[href*="bedingungen"] {
  font-family: "Source Sans 3", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  color: #522033 !important;
  text-decoration: underline;
  text-decoration-color: #522033;
}/* End custom CSS */
/* 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-manager-info a:hover {
  color: #76304d !important;
  text-decoration-color: #76304d;
}/* End custom CSS */