/* === Basis === */
html { overflow-y: scroll; }
.flaticon-businessman:before { content: "\f105"; }

/* === Hintergrundfarben global === */
body.post-type-archive-job_listing,
.archive.job_listing,
.page-template-default,
.site-content,
.main-content,
.content-area,
#main-container.inner {
  background-color: #1C2428 !important;
}
.employer-detail-header.candidate-detail-header.v1 {
  background-color: #1C2428;
  background-image: none;
}

/* === Job-Container Hover === */
.job-container:hover,
.job-container:hover .job-button,
.job-container .job-button:hover {
  background-color: #9DAFB2 !important;
}

@media (min-width: 1200px) {
  .job-grid-v3:hover .btn {
    background-color: #e15656 !important;
    border-color: #e15656 !important;
    color: #ffffff !important;
  }
}

/* === Job-Detailseite: Textfarben === */
body.single-job_listing,
body.single-job_listing .info,
body.single-job_listing .text,
body.single-job_listing .job-detail-meta,
body.single-job_listing .job-detail-info,
body.single-job_listing .job-detail-info .label,
body.single-job_listing .job-detail-info .value,
body.single-job_listing .job-detail-meta li,
body.single-job_listing .job-detail-meta li span,
body.single-job_listing .job-detail-meta li strong,
body.single-job_listing .details .job-location a {
  color: #E5E9EF !important;
  text-decoration: none;
}

/* === Header Job Details mit Farbverlauf === */
.job-detail-header.v6 {
  background: linear-gradient(to right, #1C2428, #3aafe7, #e15656);
}
.job-detail-header.v6:hover {
  color: inherit !important;
  box-shadow: none !important;
  cursor: default !important;
  transform: none !important;
  transition: none !important;
  filter: none !important;
}
.job-detail-header.v6 span.addon {
  color: #1C2428 !important;
}
.job-detail-header.v6 a.type-job {
  color: #1C2428 !important;
}

/* === Jetzt bewerben Button === */
aside.single-4.widget.widget_apus_job_buttons.has-content {
  background: linear-gradient(to bottom right, #1C2428, #e15656) !important;
  color: #E5E9EF !important;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #FFFFFF !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
aside.single-4.widget.widget_apus_job_buttons.has-content * {
  color: #E5E9EF !important;
}

/* === Candidate Header & Sidebar === */
body .candidate-detail-header.v4,
div.job-detail-detail.in-sidebar.style1 {
  background: #E5E9EF !important;
  color: #1C2428 !important;
  padding: 2rem;
  border-radius: 8px;
}

/* Alle Unterelemente ebenfalls schwarz */
body .candidate-detail-header.v4 *,
div.job-detail-detail.in-sidebar.style1 * {
  color: #1C2428 !important;
}
div.job-detail-detail.in-sidebar.style1 *,
div.job-detail.in-sidebar.style1 * {
  color: #1C2428 !important;
}

/* === Job-Location Links Hover === */
.job-location a,
.job-detail-header.v6 .job-location a,
body.single-job_listing .ddetails .job-location a {
  color: #1C2428 !important;
  text-decoration: none !important;
  transition: color 0.2s ease-in-out;
}
.job-location a:hover,
.job-detail-header.v6 .job-location a:hover,
body.single-job_listing .ddetails .job-location a:hover {
  color: #FF948D !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* === Suchleisten-Labels === */
label.heading-label,
.search-form label.heading-label,
.widget label.heading-label,
.apus-search-form label.heading-label,
.job-search-form label.heading-label,
.widget-job-search-form label.heading-label,
body .widget-job-search-form label.heading-label {
  color: #E5E9EF !important;
}
@media (max-width: 1024px) {
  label.heading-label,
  .search-form label.heading-label,
  .widget label.heading-label,
  .apus-search-form label.heading-label,
  .job-search-form label.heading-label,
  .widget-job-search-form label.heading-label {
    color: #E5E9EF !important;
  }
}

/* === Ergebniszähler === */
.results-count,
.results-count span,
.jobs-alert-ordering-wrapper .results-count,
.jobs-listing-wrapper .results-count,
.elementor-widget-text-editor .results-count {
  color: #E5E9EF !important;
}

/* === Startseite: Hover Location weiß === */
body.home .job-grid-v3:hover .job-location a,
body.home .job-grid-v3:hover .job-location i {
  color: #ffffff !important;
}

/* === Blog-Archivseiten: Seitenhintergrund dunkel === */
body.blog,
body.archive.category,
body.archive.tag,
body.archive.author,
body.archive.date,
body.archive.text,
body.post-type-archive-post {
  background-color: #1C2428 !important;
}

/* === Blog-Archiv: Artikel-Hintergrund in Branding-Rot === */
article.post.post-layout.post-list-item.post {
  background-color: #E15656 !important;
  color: #1C2428 !important;
  padding: 2rem;
  border-radius: 8px;
  margin-bottom: 2rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* === Texte innerhalb der Artikel auf Branding-Schwarz setzen === */
article.post.post-layout.post-list-item.post * {
  color: #1C2428 !important;
}

/* === Optional: Hover-Effekt für Artikel === */
article.post.post-layout.post-list-item.post:hover {
  background-color: #d94c4c !important;
  transition: background-color 0.2s ease-in-out;
}

/* === Einzelne Beitragsseiten: Hintergrund dunkel === */
body.single-post,
body.single-post .site-content,
body.single-post .main-content,
body.single-post .content-area,
body.single-post .elementor-section,
body.single-post .elementor-container,
body.single-post .elementor-widget-container {
  background-color: #1C2428 !important;
}

/* === Einzelne Beitragsseiten: Textfarbe hell === */
body.single-post,
body.single-post h1,
body.single-post h2,
body.single-post h3,
body.single-post h4,
body.single-post h5,
body.single-post h6,
body.single-post p,
body.single-post span,
body.single-post a,
body.single-post .entry-meta,
body.single-post .post-meta,
body.single-post .post-author,
body.single-post .post-date,
body.single-post .post-categories,
body.single-post .post-tags {
  color: #E5E9EF !important;
}

/* === Blog-Sidebar: Farbverlauf und Textfarbe === */
body.blog .sidebar,
body.archive .sidebar,
body.single-post .sidebar,
body.blog .widget-area,
body.archive .widget-area,
body.single-post .widget-area {
  background: linear-gradient(to bottom right, #3aafe7, #e15656) !important;
  padding: 2rem;
  border-radius: 8px;
}

body.blog .sidebar *,
body.archive .sidebar *,
body.single-post .sidebar *,
body.blog .widget-area *,
body.archive .widget-area *,
body.single-post .widget-area * {
  color: #1C2428 !important;
}

body.blog .sidebar a:hover,
body.archive .sidebar a:hover,
body.single-post .sidebar a:hover {
  color: #000000 !important;
  text-decoration: underline;
}

/* === Superior-Dashboard === */
body.page-template-page-dashboard,
body.page-template-page-dashboard * {
  color: #1C2428 !important;
}

/* === Linke JobSidebar auf Handy === */
aside.sidebar.sidebar-left.active {
  background-color: #1C2428 !important;
  color: #E5E9EF !important;
}
aside.sidebar.sidebar-left.active input,
aside.sidebar.sidebar-left.active select,
aside.sidebar.sidebar-left.active textarea {
  color: #1C2428 !important;
  font-weight: 500;
  font-size: 1rem;
}
aside.sidebar.sidebar-left.active ::placeholder {
  color: #1C2428 !important;
  opacity: 1 !important;
  font-weight: 500;
}
aside.sidebar.sidebar-left.active .select2-selection__rendered,
aside.sidebar.sidebar-left.active .select2-selection__placeholder {
  color: #1C2428 !important;
  font-weight: 500;
  opacity: 1 !important;
}
aside.sidebar.sidebar-left.active * {
  color: #E5E9EF !important;
}
/* === Checkout Seite - Checkout: Textfarbe und Lesbarkeit verbessern === */
/* === Seitenhintergrund: Branding-Grau === */
/* === Checkout-Hintergrund: tiefschwarz */
body.woocommerce-checkout {
  background-color: #1C2428 !important;
}

/* === Alle Textelemente: Branding-Grau */
body.woocommerce-checkout,
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout h4,
body.woocommerce-checkout h5,
body.woocommerce-checkout h6,
body.woocommerce-checkout p,
body.woocommerce-checkout label,
body.woocommerce-checkout .form-row,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .product-name,
body.woocommerce-checkout .product-total,
body.woocommerce-checkout .cart-subtotal,
body.woocommerce-checkout .order-total,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message {
  color: #E5E9EF !important;
}

/* === Formularfelder: heller Hintergrund, graue Schrift */
body.woocommerce-checkout .form-row input,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .form-row select {
  background-color: #2C3B52 !important;
  color: #E5E9EF !important;
  border: 1px solid #5C9DED !important;
  border-radius: 4px;
  padding: 10px;
}

/* === Hinweisboxen: Brandingfarben */
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info {
  background-color: #3aafe7 !important;
  color: #FFFFFF !important;
  border-left: 4px solid #e15656 !important;
}

/* === Buttons: Blau → Rot beim Hover */
body.woocommerce-checkout .button,
body.woocommerce-checkout .button.alt,
body.woocommerce-checkout input[type="submit"] {
  background-color: #5C9DED !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 4px;
  padding: 10px 16px;
  font-weight: 600;
  transition: background-color 0.2s ease-in-out;
}

body.woocommerce-checkout .button:hover,
body.woocommerce-checkout .button.alt:hover,
body.woocommerce-checkout input[type="submit"]:hover {
  background-color: #FF948D !important;
  color: #1C2428 !important;
}
/* === Bestellübersicht: Schwarzer Hintergrund, graue Schrift */
/* === Wrapper-Box für Bestellübersicht */
.box-review-order {
  background-color: #1C2428 !important;
  color: #E5E9EF !important;
  border: none !important;
  padding: 1rem;
  border-radius: 6px;
}
/* === Wrapper-Box für Bestellübersicht */
.box-review-order {
  background-color: #1C2428 !important;
  color: #E5E9EF !important;
  border: none !important;
  padding: 1rem;
  border-radius: 6px;
}

/* === Tabelle selbst: ebenfalls dunkel und lesbar */
.woocommerce-checkout-review-order-table {
  background-color: #1C2428 !important;
  color: #E5E9EF !important;
  border-collapse: collapse;
  width: 100%;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  color: #E5E9EF !important;
  border: none !important;
  padding: 0.75rem;
}

/* === Hinweisbox (z. B. Datenbearbeitung): ebenfalls dunkel */
.wc-gzd-edit-data-notice {
  background-color: #1C2428 !important;
  color: #E5E9EF !important;
  border: 1px solid #5C9DED !important;
  padding: 1rem;
  border-radius: 6px;
  font-weight: 500;
}
/* === AGB & Widerruf-Zeile: Textfarbe auf Grau setzen */
p.legal.form-row.checkbox-legal.validate-required {
  color: #E5E9EF !important;
  font-weight: 500;
  font-size: 0.95rem;
}

/* === Links innerhalb der Checkbox-Zeile */
p.legal.form-row.checkbox-legal.validate-required a {
  color: #E5E9EF !important;
  text-decoration: underline;
  transition: color 0.2s ease-in-out;
}

p.legal.form-row.checkbox-legal.validate-required a:hover {
  color: #FF948D !important;
}

/* === Checkbox selbst (optional) */
p.legal.form-row.checkbox-legal.validate-required input[type="checkbox"] {
  accent-color: #3aafe7 !important; /* Branding-Blau */
  width: 18px;
  height: 18px;
}
/* === Alle Texte innerhalb des Containers schwarz darstellen */
.xlwcty_content.xlwcty_clearfix,
.xlwcty_content.xlwcty_clearfix p,
.xlwcty_content.xlwcty_clearfix strong,
.xlwcty_content.xlwcty_clearfix div,
.xlwcty_content.xlwcty_clearfix span {
  color: #1C2428 !important;
}
body.product-template-default.product.highlight {
  background-color: #1C2428 !important;
}
body.single-product {
  background-color: #1C2428 !important;
}
/* === Events Calendar: Hintergrund und Schriftfarbe global === */
body.tribe-events-page-template,
body.tribe-events,
body.single-tribe_events,
body.post-type-archive-tribe_events {
  background-color: #1C2428 !important;
  color: #E5E9EF !important;
}

/* === Textelemente innerhalb der Event-Seiten */
body.tribe-events-page-template *,
body.tribe-events *,
body.single-tribe_events *,
body.post-type-archive-tribe_events * {
  color: #E5E9EF !important;
}

/* === Tabellen, Listen, Meta-Infos */
.tribe-events-calendar,
.tribe-events-list,
.tribe-events-meta-group,
.tribe-events-event-meta,
.tribe-events-single-section {
  background-color: #1C2428 !important;
  color: #E5E9EF !important;
}

/* === Event-Titel, Datum, Uhrzeit */
.tribe-events-title,
.tribe-events-schedule,
.tribe-events-event-cost,
.tribe-events-venue-details {
  color: #E5E9EF !important;
}

/* === Buttons: Blau, Hover Rot === */
.tribe-events-button,
.tribe-events-read-more,
.tribe-events-button.tribe-events-button--link {
  background-color: #3aafe7 !important;
  color: #FFFFFF !important;
  border-radius: 4px;
  padding: 10px 16px;
  font-weight: 600;
  transition: background-color 0.2s ease-in-out;
}

.tribe-events-button:hover,
.tribe-events-read-more:hover,
.tribe-events-button.tribe-events-button--link:hover {
  background-color: #e15656 !important;
  color: #1C2428 !important;
}

/* === Links innerhalb der Event-Komponenten: Blau, Hover Rot === */
.tribe-events a,
.tribe-events-content a,
.tribe-events-single-section a,
.tribe-events-calendar a,
.tribe-events-list a,
.tribe-events-c-subscribe-dropdown__list-item a {
  color: #3aafe7 !important;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.tribe-events a:hover,
.tribe-events-content a:hover,
.tribe-events-single-section a:hover,
.tribe-events-calendar a:hover,
.tribe-events-list a:hover,
.tribe-events-c-subscribe-dropdown__list-item a:hover {
  color: #e15656 !important;
  text-decoration: underline;
}

/* === Kalender-Export-Dropdown: Dunkler Hintergrund, helle Schrift === */
#tribe-events-subscribe-dropdown-content,
.tribe-events-c-subscribe-dropdown__list {
  background-color: #1C2428 !important;
  color: #E5E9EF !important;
  border: 1px solid #3aafe7;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

/* === Kalender-Export-Button: Rot mit schwarzem Text === */
.tribe-events-c-subscribe-dropdown__button {
  background-color: #e15656 !important;
  color: #1C2428 !important;
  border-radius: 6px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.2s ease-in-out;
}

/* === Button-Text im Kalender-Export === */
.tribe-events-c-subscribe-dropdown__button-text {
  color: #1C2428 !important;
  font-weight: 600;
  font-size: 1rem;
  background: none;
  border: none;
}

/* === SVG-Icons im Button === */
.tribe-events-c-subscribe-dropdown__button svg path {
  fill: #1C2428 !important;
}
.preloader {
  transition: opacity 0.3s ease-in-out;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1C2428; /* oder dein Branding */
}
/* === Prealoader zu langes Laden im Handy === */
.preloader.hidden {
  opacity: 0;
  pointer-events: none;
  display: none;
}
/* === Footer auf Jobs- und Kontaktseite korrigieren === */
/* === Footer global auf Branding-Schwarz setzen === */
/* Footer-Hintergrund überschreiben */
/* === Footer Overrides === */
/* === Footer auf Jobs- und Kontaktseite korrigieren === */
/* === Footer global auf Branding-Schwarz setzen === */
/* === Footer Overrides === */

.elementor-section[data-id="72c3d3a"],
.elementor-section[data-id="6ef22fe"] {
  background-color: #1C2428 !important; /* Branding-Schwarz */
  color: #ffffff !important;            /* Weißer Text für Kontrast */
}

/* === Responsive Absicherung für Mobile Viewports === */
@media (max-width: 767px) {
  .elementor-section[data-id="72c3d3a"],
  .elementor-section[data-id="6ef22fe"] {
    background-color: #1C2428 !important;
    color: #ffffff !important;
  }
}
/* Employer Unternehmer Details Ansicht Infoboxen Hintergrund und Schrift. */
aside.widget.widget_apus_employer_info.has-content,
aside.widget.widget_apus_employer_maps.has-content,
aside.widget.widget_apus_employer_contact_form.has-content {
  background-color: #E5E9EF !important;
  color: #1C2428 !important;
}

/* Optional: Auch Links und Texte innerhalb der Widgets */
aside.widget.widget_apus_employer_info.has-content a,
aside.widget.widget_apus_employer_maps.has-content a,
aside.widget.widget_apus_employer_contact_form.has-content a {
  color: #1C2428 !important;
}

aside.widget.widget_apus_employer_info.has-content * ,
aside.widget.widget_apus_employer_maps.has-content * ,
aside.widget.widget_apus_employer_contact_form.has-content * {
  color: #1C2428 !important;
}
.employer-detail-header.candidate-detail-header.v1 {
  background-color: #8d3750 !important;
  color: #000000 !important;
}

/* Alle Unterelemente ebenfalls schwarz */
.employer-detail-header.candidate-detail-header.v1 * {
  color: #000000 !important;
}
body .employer-detail-header.candidate-detail-header.v1 {
  background-color: #E5E9EF !important;
  color: #000000 !important;
}