@font-face {
  font-family: Avenir;
  src: url('https://d25zu39ynyitwy.cloudfront.net/oms/3495/font/2024/8/0ATCF_Avenir-Regular/Avenir-Regular.ttf') format(truetype);
  font-style: normal;
}

main {
  max-width: 192rem;
  margin-left: auto;
  margin-right: auto;
}

#skip-to-content {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 9999;
}

#skip-to-content:not(:focus) {
  width: .1rem;
  height: .1rem;
  padding: 0 !important;
  top: -.1rem;
}

#jobs-list-content-wrapper {
  padding-top: 2.7rem;
}

.stick-top #nav a.current,
#nav a:hover {
  color: #00285f;
  box-shadow: inset 0 -.2rem #00285f;
}

.page-hero .c-main-hero-search {
  background: rgba(255, 255, 255, 0.5);
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 2rem;
}
@media screen and (min-width: 834px) {
  .page-hero .c-main-hero-search {
    padding: 2.4rem 4.8rem;
  }
}
@media screen and (min-width: 1240px) {
  .page-hero .c-main-hero-search {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 2rem auto 0;
  }
}

.page-hero .keyword-search__icon-container {
  position: relative;
}

.page-hero .keyword-search__icon-container svg {
  width: 2rem;
  height: 2rem
}

.page-hero .c-main-hero-search__keyword,
.page-hero .location-search {
  width: 100%;
}

.page-hero .location-search__commute-time-location svg,
.page-hero .location-search__icon-right svg {
  color: #A9A9A9 !important;
  height: 2rem;
  width: 2rem;
}

.page-hero .c-main-hero-search .keyword-search__input,
.page-hero .c-main-hero-search .location-search-input {
  display: flex;
  align-items: center;
  padding: 1.5rem 2rem;
  background-color: #FFF;
  position: relative;
  height: 5.2rem
}

.page-hero .c-main-hero-search__keyword > label,
.page-hero .c-main-hero-search .location-search > label {
  display: none;
}

.page-hero .c-main-hero-search__keyword input,
.page-hero .c-main-hero-search .location-search input {
  width: 100%;
  color: #000;
  padding-left: 1rem;
  /* line-height: 4.7rem; */
}
.page-hero .c-main-hero-search__keyword input::-moz-placeholder, .page-hero .c-main-hero-search .location-search input::-moz-placeholder {
  color: #999;
}
.page-hero .c-main-hero-search__keyword input::placeholder,
.page-hero .c-main-hero-search .location-search input::placeholder {
  color: #999;
}
.page-hero .c-main-hero-search__keyword input:hover, .page-hero .c-main-hero-search__keyword input:focus,
.page-hero .c-main-hero-search .location-search input:hover,
.page-hero .c-main-hero-search .location-search input:focus {
  outline: none;
}
@media screen and (min-width: 1240px) {
  .page-hero .c-main-hero-search__keyword {
    /* width: 30rem; */
  }
}
.page-hero .c-main-hero-search__keyword .autocomplete::before {
  content: "";
  background-image: url(https://d25zu39ynyitwy.cloudfront.net/oms/000000/image/2024/7/E7OG0_Search/Search_-1x-1.png);
  width: 2.4rem;
  height: 2.4rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  flex-shrink: 0;
}
@media screen and (min-width: 1240px) {
  .page-hero .c-main-hero-search .location-search {
    /* flex: 1; */
  }
}
.page-hero .c-main-hero-search .location-search__input-icon--pin {
  display: none;
}
.page-hero .c-main-hero-search .location-search .autocomplete::before {
  content: "";
  background-image: url(https://d25zu39ynyitwy.cloudfront.net/oms/000000/image/2024/7/6U74R_Wrapper/Wrapper_-1x-1.png);
  width: 2.4rem;
  height: 2.4rem;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  flex-shrink: 0;
}
.page-hero .c-main-hero-search .autocomplete {
  display: flex;
  align-items: center;
  background-color: white;
  position: static;
  font-family: "Source Sans 3";
  /* padding: 0 2.4rem; */
}
.page-hero .c-main-hero-search__button {
  /* padding: 1.2rem 3rem;
  background-color: #d4002a;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.4rem; */
}
.page-hero .c-main-hero-search__button button {
  font-family: "Source Sans 3";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding: 1.2rem 3rem;
  background-color: #d4002a;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5.4rem;
  width: 100%;
  transition: background-color ease-out 0.2s;
}

.page-hero .c-main-hero-search__button button:hover {
  background-color: #BA0025;
}

.page-hero .c-main-hero-search .location-search-input .autocomplete .autocomplete__suggestion.menu {
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #ffffff;
  color: #000000;
  padding: 1rem 0;
  z-index: 99;
}

.page-hero .c-main-hero-search__location-content .menu {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.page-hero .c-main-hero-search__location-content .menu .location-item {
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
  padding: 0.6rem 1.5rem;
}
.page-hero .c-main-hero-search__location-content .menu .location-item:hover {
  background: #E6E6E6;
}
.page-hero .c-main-hero-search__location-content .menu .location-item__text {
  display: flex;
  width: 100%;
  align-items: center;
  flex-flow: row-reverse;
  justify-content: flex-end;
}


@media (min-width: 1240px) {
    .lg\:w-\[calc\(\(100\%-7\.2rem\)\/3\)\] {
        width: calc((100% - 7.2rem) /3 );
    }
}
@media (min-width: 834px) {
    .md\:w-\[calc\(\(100\%-3\.2rem\)\/2\)\] {
        width: calc((100% - 3.2rem) / 2);
    }
}
.bg-\[\#E8E8EA\] {
    --tw-bg-opacity: 1;
    background-color: #E8E8EA;
}

.bg-\[\#3C90F8\] {
    --tw-bg-opacity: 1;
    background-color: #3C90F8;
}

.c-table tbody tr td {
  border: 1px solid black;
  padding: 1rem;
}

.c-table tbody tr:first-child {
  background-color: #3C90F8;
  color: white;
}

.c-table tbody tr td a {
  word-break: break-word;
}

@media (max-width: 767px) {
  .jobs-commute-time-modal-wrap .modal__container {
    max-width: 100vw;
    overflow: auto;
    left: unset;
  }

  .jobs-commute-time-modal-wrap .modal__container form {
    width: max-content;
  }
}

#nav-container:not(.transparent) ~ main {
  padding-top: 11rem;
}

@media (max-width: 767px) {
  #nav-container:not(.transparent) ~ main {
    padding-top: 8.8rem;
  }
}

.de-c-jobs .c-jobs-sortby::after {
  content: "sortieren";
}