.custom-h1 {
  font-weight: 700 !important;
  font-size: 2.5rem !important;
  margin-bottom: 25px;
  word-break: break-word;
}

@media (max-width: 767px) {
  .bdt-ep-breadcrumbs-wrapper li {
    max-width: 100%;
  }
  .bdt-ep-breadcrumbs-wrapper li span {
    display: inline;
  }
}
detail-list-item-right
/* Swiper Global */
@media (min-width: 1024px) {
  .swiper-item-upper-box {
    min-height: 105px;
  }
}

/* Jobs Übersicht */
.mls-jobs {
  margin: 40px 0;
}
.mls-jobs-filter-text {
  width: 100%;
  margin-right: auto;
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .mls-jobs-filter-text {
    width: 80%;
  }
}
.additional-filter-text {
  padding-bottom: 10px;
}

/* Gridansicht */
.mls-jobs-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px 50px;
}

@media (min-width: 992px) {
  .mls-jobs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1280px) {
  .mls-jobs-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.mls-jobs-grid > * {
  min-width: 0;
  overflow-wrap: break-word;
  box-sizing: border-box;
}

.mls-jobs .job-location-image {
  width: 100%;
  aspect-ratio: 1 / 0.7;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
}

.mls-jobs .job-location-details-wrapper {
  margin-top: 30px;
  margin-bottom: 20px;
}

.mls-jobs .job-location-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  display: block;

  clip-path: polygon(0 0, calc(100% - 90px) 0, 100% 90px, 100% 100%, 0% 100%);
}

/* Allgemeines Layout */
.mls-job {
  color: #242323;
}

.mls-job h2.job-title {
  font-family: "Inter", Sans-serif;
  font-size: 2rem;
  font-weight: 600;
  text-transform: none;
  line-height: 1.1em;
  color: var(--e-global-color-text);
  min-height: 110px;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 576px) {
  .mls-job h2.job-title {
    min-height: 75px;
  }
}

.job-inseratnummer {
  margin-top: 10px !important;
  margin-bottom: 10px !important;

  color: var(--e-global-color-text);
  font-family: "Inter", Sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6em;
}

.branche-image {
  margin-bottom: 30px;
  margin-top: 8px;
}
.branche-image img {
  border-radius: 20px !important;
}
.detail-list-item-right {
  margin: 5px 0px;
}
.detail-list-item-right i {
  width: 15px;
}

.mls-job-wrapper .job-hours {
  margin-bottom: 15px;
}

.mls-job .job-location,
.mls-job .job-hours {
  display: block;
  margin: 0;
  color: var(--e-global-color-text);
  font-family: "Inter", Sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6em;
  margin: 5px 0px;
}

.mls-job .job-shortdesc {
  font-size: 16px;
  display: block;
  margin: 15px 0;
}

.mls-job {
  margin-bottom: 15px;
  padding-bottom: 15px;
}

#loadMore-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
#loadMore {
  background-color: var(--e-global-color-primary);
  font-size: 1.1rem;
  font-weight: 600;
  fill: var(--e-global-color-29b5764);
  color: var(--e-global-color-29b5764);
  border-radius: 50px;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  width: 165px;
  padding: 12px 0px 12px 0px;
  text-align: center;
  cursor: pointer;
}

#loadMore:hover,
#loadMore:active {
  background-color: var(--e-global-color-1181edc);
  color: var(--e-global-color-29b5764);
  cursor: pointer;
}

/* Zurück-Button in Detail-View */

.custom-swiper-container .elementor-swiper-button {
  width: 60px;
  height: 100px;
}

#mls-job-details-bottom-back {
  width: 100%;
  text-align: center;
  margin-bottom: 65px;
}
#mls-job-details-bottom-back .mls-button {
  background-color: var(--e-global-color-primary);
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 50px;
  fill: var(--e-global-color-29b5764);
  color: var(--e-global-color-29b5764);
  border-style: none;
  padding: 16px 32px 16px 32px !important;
}

#mls-job-details-bottom-back .mls-button:hover,
#mls-job-details-bottom-back .mls-button:active {
  background-color: var(--e-global-color-1181edc);
  color: var(--e-global-color-29b5764);
}

/* Schnellfilter-Button in list view */
#mls-job-details-schnellfilter {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important; /* alle Zeilen beginnen links */
  gap: 1rem !important;
}
#mls-job-details-schnellfilter .mls-button {
  background-color: var(--e-global-color-primary);
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  fill: var(--e-global-color-29b5764);
  color: var(--e-global-color-29b5764);
  border-style: none;
  padding: 6px 18px 5px 18px;
  margin-left: 1px;
  margin-right: 1px;
}

#mls-job-details-schnellfilter .mls-button:hover,
#mls-job-details-schnellfilter .mls-button.active {
  background-color: var(--e-global-color-1181edc);
  color: var(--e-global-color-29b5764);
}

/* Filter-Button in list view */

#job-search-form {
  padding-top: 10px;
}
@media (max-width: 768px) {
  #job-search-form input {
    border: 1px solid #908c8c;
  }
}
@media (max-width: 992px) {
  .input-wrapper-combined input {
    border: 1px solid #908c8c !important;
  }

  .was-wo-input {
    margin-top: 0px;
  }
}
#job-search-form .mls-button {
  background-color: var(--e-global-color-primary);
  color: #ffffff;
  width: 100%;
  font-size: 1.1rem;
  border-radius: 50px;
  padding: 12px 0px 15px 0px;
  min-height: 47px;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif;
  font-weight: var(--e-global-typography-accent-font-weight);
  border-style: none;
}
#job-search-form .mls-button:hover {
  background-color: var(--e-global-color-1181edc);
  color: var(--e-global-color-29b5764);
}
#mls-job-details-right .mls-buttons-wrapper {
  margin-top: 50px;
}

#mls-job-details-right .mls-button:first-of-type {
  margin-bottom: 20px;
}
#mls-job-details-right .mls-button {
  background-color: var(--e-global-color-primary);
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 600;
  border-radius: 50px;
  max-width: 200px;
  padding: 10px 15px;
  margin-bottom: 8px;
  display: block;
  text-decoration: none;
  text-align: center;
}

#mls-job-details-right .mls-button:hover {
  background-color: var(--e-global-color-1181edc);
  color: var(--e-global-color-29b5764);
  text-decoration: none; /* Sicherstellen, dass Hover auch keine Unterstreichung zeigt */
}

.job-details-link {
  color: var(--e-global-color-text) !important;
  font-size: 1.1rem;
  font-weight: 600;
}

.job-details-link:hover {
  color: var(--e-global-color-text) !important;
  font-size: 1.1rem;
  font-weight: 600;
  color: #636363 !important;
}
/* swiper similar jobs on detail view*/

.swiper.jobs {
  width: 100%;
  overflow: hidden;

  .swiper-wrapper {
    margin: auto;
  }

  .swiper-slide {
    padding: 0rem 4rem !important;
    text-align: center;
    transition: transform 0.3s ease;
  }

  @media (min-width: 768px) {
    .swiper-slide {
      padding: 0rem 2rem !important;
    }
  }

  @media (min-width: 1280px) {
    .swiper-slide {
      padding: 0rem 2rem !important;
    }
  }
  @media (max-width: 1024px) {
    .swiper-slide {
      width: 100% !important;
      max-width: 100% !important;
    }
  }

  .swiper-button-prev,
  .swiper-button-next {
    color: #000 !important;
    top: 40%;
  }

  .swiper-button-prev {
    left: -30px;
  }
  .swiper-button-next {
    right: -30px;
  }

  /* Mobile */
  @media (max-width: 767px) {
    .swiper-slide {
      padding: 10px !important;
    }
  }

  /* Tablet */
  @media (max-width: 1024px) {
    .swiper-slide {
      width: 100% !important;
    }
    .swiper-slide .e-con-inner {
      justify-content: flex-start !important;
    }
  }
}

.custom-swiper-container .swiper {
  padding: 50px;
}

.custom-swiper-container {
  position: relative;
  padding: 0rem 0rem;
}

.job-card h3 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.job-card p {
  color: #666;
  margin-bottom: 1rem;
}

/* checkbox elementor css override */
input[type="checkbox"] {
  all: unset;
  margin-top: 6px !important;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;

  margin: initial;
  border: initial;

  vertical-align: middle;
  height: 16px;
  width: 16px;
}

#js-suchbegriff,
#js-ort,
#js-bundesland,
#js-branche,
#js-art {
  padding: 16px 32px 16px 32px;
  border: 1px solid #908c8c;
  border-radius: 50px;
  width: 100%;
  font-size: 1.1rem;
}
#js-suchbegriff::placeholder {
  color: var(--e-global-color-text);
  opacity: 0.55;
  font-size: 1.1rem;
  font-family: inherit !important;
}

/* combined input fields */
.input-wrapper-combined {
  width: 100%;
}
.input-wrapper-combined input {
  border-radius: 50px !important;
  margin-top: 10px;
}
.elementor-1412
  .elementor-element.elementor-element-dfa6d18
  .elementor-field-group {
  align-items: center;
}
@media (min-width: 992px) {
  .input-wrapper-combined {
    display: flex;
    border: 1px solid #908c8c;
    border-radius: 50px;
    overflow: hidden;
    font-size: 1.1rem;
    background-color: white;
  }

  .input-wrapper-combined input {
    border: none;
    padding: 13px 24px !important;
    font-size: 1.1rem;
    flex: 1 1 50%;
    min-width: 0;
    margin-top: 0px;
  }

  .input-wrapper-combined input:focus {
    outline: none;
    box-shadow: none;
  }

  .input-wrapper-combined input:first-child {
    border-right: 1px solid #ccc;
  }

  /* Placeholder Farbe optional */
  .input-wrapper-combined input::placeholder {
    color: #999;
    opacity: 1;
  }
}
/* Standard form controls deaktivieren */
.form-control:focus {
  color: inherit;
  background-color: white;
  border-color: inherit;
  outline: none;
  box-shadow: none;
}

.custom-suchfeld,
.custom-select {
  /* wichtig bei Konflikten */
  all: initial;
  all: revert-layer; /* für moderne Browser */
  padding: 12px;
}

/* custom dropdown pfeil bei select */
.custom-select-wrapper {
  position: relative;
}

.custom-select {
  appearance: none !important; /* entfernt Standardpfeil */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

.custom-select-wrapper::after {
  content: "▾" !important; /* beliebiger Unicode-Character */
  font-size: 1.5rem !important;
  color: #333 !important;
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important; /* nicht klickbar */
}

.loadables .loadable {
  display: none;
}

#jobsuche_section h2,
#jobsuche-filter-section h2 {
  color: #242323;
  font-size: 30px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  letter-spacing: 5pt;
  line-height: 1 !important;
  margin-bottom: 15px;
  margin-top: 20px;
}
#jobsuche-filter-section {
  display: flex;
  background-color: #f6f3e4;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 15px;
  padding-left: 65px;
  padding-right: 65px;
  justify-content: center;
}

.jobsuche-filter-inner {
  width: 100%;
  max-width: 1440px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 45px;
  margin-bottom: 60px;
}

.job-LookingFor,
.job-LookingFor * {
  margin-top: 15px;
  font-family: Arial, sans-serif;
  font-size: 13pt !important;
  color: #242323;
  margin-bottom: 0;
  letter-spacing: 0;
}

.validation-text {
  color: red;
  font-size: 13px;
  display: none;
}

.elementor-select-wrapper .select-caret-down-wrapper {
  margin-right: 10px;
  padding-bottom: 5px;
}

/* Tablet */
@media (max-width: 1024px) {
  .jobsuche-filter-inner {
    padding-left: 5px;
    padding-right: 5px;
  }
  .elementor-column {
    width: 100% !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  #jobsuche-filter-section {
    padding-left: 30px;
    padding-right: 30px;
  }
  .jobsuche-filter-inner {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.joblist-filter h2 {
  color: #fbba07;
  margin: 0;
}

.bundesland-title {
  font-size: 30px;
  margin-bottom: 15px;
}

.joblist-filter .filter-info {
  margin-top: 0px !important;
  margin-bottom: 30px !important;
}

.joblist-filter .filter-erbenisse-info {
  display: block;
  margin-top: 26px;
}

/*
* DETAILS 
*/
#mls-job-details-right h3 {
  margin-top: 25px !important;
}
#mls-job-details-right {
  background-color: var(--e-global-color-1e8ca0a) !important;
  padding: 25px;
  border-radius: 20px;
  font-size: 1.1rem;
}
@media (max-width: 767px) {
  #mls-job-details-right {
    margin-left: 0px !important;
  }
}

#mls-job-details-right h3 {
  margin: 15px 0;
}

.job-signature {
  display: block;
  margin-bottom: 15px;
}

.job-signature a {
  text-decoration: underline !important;
}

.job-signature a:hover {
  text-decoration: none !important;
}

#mls-job-details-bottom {
  margin-top: 55px !important;
  padding-bottom: 100px !important;
  text-align: center;
}

.job-title,
.job-content,
.job-position {
  text-align: left;
  overflow-wrap: break-word;
  word-break: break-word;
}
.job-position {
  font-weight: 700 !important;
  font-size: 1.8rem !important;
}

.job-position .alternative-job {
  text-transform: none !important;
  font-size: 1.8rem;
  font-weight: 500;
}

h4.job-title {
  font-family: "Inter", Sans-serif !important;
  font-size: 2rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  line-height: 1.1em !important;
  color: var(--e-global-color-text) !important;
  min-height: 75px;
  display: flex;
  align-items: flex-end;
}
.mls-jobs-similar {
}
.mls-jobs-similar .job-location-image {
  width: 100%;
  aspect-ratio: 1 / 0.7;
  overflow: hidden;
  border-radius: 20px;
  position: relative;
}

.mls-jobs-similar .job-location-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  display: block;

  clip-path: polygon(0 0, calc(100% - 90px) 0, 100% 90px, 100% 100%, 0% 100%);
}

#mls-job-details-bottom .card {
  /* background: #faf8ef; */
  border: none;
}

#mls-job-details-bottom .text-start {
  margin-left: 25px;
}

.mls-job-wrapper,
.mls-job-wrapper ul {
  font-size: 12pt;
}

.mls-job-wrapper ul {
  margin-bottom: 30px;
}

.mls-job-wrapper h3 {
  font-size: 13pt;
}

#mls-job-details-right h3 {
  margin: 15px 0;
}

.job-position {
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
  color: var(--e-global-color-df4a1d0) !important;
  font-family: var(--e-global-typography-63e58ec-font-family), Sans-serif !important;
  /*font-size: var(--e-global-typography-63e58ec-font-size) !important;
  font-weight: var(--e-global-typography-63e58ec-font-weight) !important;
  */
  line-height: var(--e-global-typography-63e58ec-line-height) !important;
}
.info-text {
  color: #ccc;
  font-size: 13px;
  font-style: italic;
}

#jobalarm_section h2 {
  color: #fff;
  font-size: 40px;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  font-weight: 600;
}

/* Header */
.mls-yellow {
  color: #fbba07;
}

.mls-job-header .job-position {
  line-height: 1 !important;
  margin: 45px 0 0 0;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 18pt;
  letter-spacing: 0;
  font-weight: bold;
}

.mls-job-header p,
.mls-job-header h1,
.mls-job-header h2,
.mls-job-header ul {
  font-family: inherit !important;
}

.mls-job-wrapper,
.mls-job-wrapper ul {
  font-size: 12pt !important;
}

.mls-job-wrapper ul {
  margin-bottom: 30px !important;
}

.mls-job-wrapper h3 {
  font-size: 13pt !important;
}