:root {
  --copy: #2b2b2b;
  --grey-copy: #747474;
  --brand-orange: #ff8000;
  --brand-violet: #8000ff;
  --light-grey-bg: #fafafa;
  --light-orange-bg: #fffaf5;
  --light-grey: #e1e1e1;
  --violet-background-for-categories: #e8d0ff;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--copy);
  flex-direction: column;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: flex;
}

h1 {
  color: var(--copy);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 52px;
  font-weight: 600;
  line-height: 120%;
}

h2 {
  color: #2b2b2b;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 133%;
}

h3 {
  color: var(--copy);
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 34px;
}

p {
  margin-bottom: 10px;
  font-size: 18px;
}

a {
  color: #fff;
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: 10px;
  font-size: 18px;
}

.logo-navbar {
  width: 100%;
}

.s-g-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.style-navigation {
  justify-content: space-between;
  display: flex;
}

.vertical-divider {
  background-color: #dbdbdb;
  align-self: center;
  width: 1px;
  height: 60px;
}

.text-block-uppercase {
  text-transform: uppercase;
}

.style-section-caption {
  color: #8d8d8d;
  text-transform: none;
  font-size: 14px;
  line-height: 150%;
}

.style-columns-wrapper {
  margin-bottom: 40px;
  display: flex;
}

.style-columns-wrapper.center-aligned {
  justify-content: center;
}

.paragraph {
  color: var(--copy);
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.paragraph.white-text {
  max-width: 700px;
  font-weight: 400;
}

.paragraph.white-text.bold-text {
  text-align: center;
  width: 100%;
  max-width: 750px;
  font-size: 24px;
  font-weight: 400;
}

.paragraph.max-width-650 {
  margin-bottom: 0;
}

.paragraph.max-width-800 {
  width: 100%;
  max-width: 900px;
}

.paragraph.max-width-480 {
  max-width: 480px;
}

.paragraph.underlined-text {
  text-decoration: underline;
}

.s-g-color-swatch-wrapper {
  text-align: center;
  border: 1px solid #ececec;
  width: 200px;
  margin-right: 40px;
}

.parapgrah {
  color: #2b2b2b;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
}

.s-g-horizontal-flex-container {
  align-items: flex-end;
  display: flex;
}

.footer-paragraph {
  color: var(--copy);
  align-self: flex-start;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.footer-paragraph.s-g-grey-text {
  color: var(--grey-copy);
  margin-top: 30px;
}

.footer-paragraph.white-text, .footer-paragraph.white-text.small-margin-right {
  margin-bottom: 0;
}

.footer-paragraph.footer-link:hover {
  color: var(--brand-orange);
}

.s-g-col-2 {
  width: 50%;
}

.arrow-right-icon {
  width: 100%;
  max-width: 21px;
  margin-top: -2px;
}

.style-guide-heading {
  color: #3f3f3f;
  border-bottom: 1px dotted #000;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 130%;
}

.s-g-vertical-flex-container {
  flex-direction: column;
  align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.color-swatch-details {
  padding-top: 10px;
  padding-bottom: 10px;
}

.s-g-col-1 {
  width: 50%;
}

.s-g-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 26px;
  padding-right: 26px;
}

.color-swatch-color {
  width: 100%;
  height: 150px;
}

.color-swatch-color.dark-grey-body {
  background-color: #2b2b2b;
}

.color-swatch-color.orange-swatch {
  background-color: var(--brand-orange);
}

.color-swatch-color.purple-swatch {
  background-color: var(--brand-violet);
}

.color-swatch-color.light-grey-swatch {
  background-color: var(--light-grey-bg);
}

.color-swatch-color.light-orange-swatch {
  background-color: var(--light-orange-bg);
}

.style-nav-link {
  color: #2b2b2b;
  border: 1px solid #2b2b2b;
  border-radius: 10px;
  margin-right: 40px;
  padding: 10px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.style-nav-link:hover {
  color: #fff;
  background-color: #2b2b2b;
}

.style-nav-link.no-right-margin {
  margin-right: 0;
}

.m-bottom-30 {
  margin-bottom: 30px;
  line-height: 130%;
}

.primary-button {
  border: 2px solid var(--brand-orange);
  background-color: var(--brand-orange);
  border-radius: 6px;
  padding: 14px 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  transition: all .3s;
}

.primary-button:hover {
  border: 2px solid var(--brand-orange);
  transform: translate(0, 5px);
}

.primary-button:active {
  transform: translate(0, 6px);
}

.primary-button.m-top-60 {
  align-self: center;
}

.primary-button.outlined-button {
  color: var(--brand-orange);
  background-color: #fff;
  text-decoration: none;
}

.primary-button.outlined-upload-link {
  color: var(--brand-orange);
  background-color: #fff;
  padding: 10px;
  text-decoration: none;
}

.primary-button.hidden-button {
  display: none;
}

.link-button {
  color: var(--brand-orange);
  text-decoration: none;
}

.link-button.reverse-black-link-button.m-bottom-30 {
  display: flex;
}

.orange-text {
  color: var(--brand-orange);
}

.orange-text.bold-text.m-bottom-20.font-size-18 {
  font-size: 18px;
}

.link-orange {
  color: var(--brand-orange);
  margin-right: 5px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: inline;
}

.link-orange.no-margin-right {
  margin-right: 0;
}

.webclip {
  width: 100%;
  max-width: 40px;
}

.nav-link {
  color: var(--copy);
  padding: 20px 14px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--brand-orange);
}

.nav-link.dropdown-link {
  padding: 0;
}

.nav-link.dropdown-link.dropdown-dark {
  color: var(--copy);
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown-toggle {
  cursor: default;
  padding: 20px 14px;
  position: static;
}

.dropdown-toggle:hover {
  color: var(--brand-violet);
}

.section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.hero-section {
  background-color: var(--brand-orange);
  background-image: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .21)), url('personalvermittlung-jobs-schweizer-baugewerbe.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 90vh;
  min-height: 500px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.section.section-with-more-padding-top {
  padding-top: 120px;
}

.section.footer-section-no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.footer-section-no-padding.hide-print.margin-top-auto {
  margin-top: auto;
}

.section.image-background-section {
  background-color: var(--brand-orange);
  background-image: linear-gradient(rgba(0, 0, 0, .53), rgba(0, 0, 0, .53)), url('ueber-uns-background.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section.image-background-section.details-job-img {
  background-image: url('Bodenleger-img.png');
  background-position: 50%;
  background-size: cover;
}

.section.image-background-section.details-job-img.no-padding-center {
  justify-content: center;
  align-items: center;
  min-height: 620px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section.jobs-img-bg {
  background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('jobs-stellenangebote-baugewerbe-industrie.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.section.candidates-img-bg {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('mitarbeiter-fachkraefte-finden-schweiz.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.section.fullwidth {
  width: 100%;
}

.section.breadcrumb-section {
  background-color: var(--light-orange-bg);
  padding-top: 20px;
  padding-bottom: 20px;
}

.centered-heading {
  text-align: center;
  max-width: 26ch;
  line-height: 120%;
}

.centered-heading.white-text.max-width-24ch {
  width: 100%;
  max-width: 24ch;
}

.white-text {
  color: #fff;
}

.white-text.cursor-pointer {
  cursor: pointer;
}

.bold-text {
  font-weight: 500;
}

.menu-button {
  float: none;
}

.navbar {
  border-bottom: 1px solid var(--light-grey);
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.dropdown-list {
  background-color: #fff;
}

.dropdown-list.w--open {
  border-top: 3px solid var(--brand-orange);
  color: var(--copy);
  background-color: #fff;
}

.dropdown-link {
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}

.dropdown-link:hover {
  color: var(--brand-violet);
}

.dropdown-link.smaller-nav-link {
  color: var(--copy);
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  font-weight: 400;
}

.dropdown-link.smaller-nav-link:hover {
  color: var(--brand-orange);
}

.centered-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.centered-text-wrapper.m-bottom-50 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.centered-text-wrapper.max-width-800 {
  max-width: 800px;
}

.search-item {
  background-color: #fff;
  align-items: center;
  width: 300px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 14px;
  display: flex;
}

.search-item.border-radius-left-on-desktop {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.search-item.border-radius-right-on-desktop {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.search-item.all-border-radius {
  border-radius: 5px;
}

.search-item-icon {
  width: 100%;
  max-width: 18px;
  margin-right: 12px;
}

.m-bottom-50 {
  margin-bottom: 50px;
}

.text-field {
  color: #a0a0a0;
  background-color: #fff;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 5px;
  width: 100%;
  margin-bottom: 0;
  margin-right: 12px;
  padding: 0;
}

.text-field:focus {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);
}

.form-search {
  margin-bottom: 15px;
  display: flex;
}

.form-search.m-bottom-30 {
  margin-bottom: 30px;
}

.vertical-grey-devider {
  background-color: #d6d6d6;
  width: 1px;
  height: 20px;
}

.half-width-column-left, .half-width-column-right {
  padding-left: 0;
  padding-right: 0;
}

.half-width-columns {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.half-width-columns.m-bottom-60 {
  align-items: center;
}

.half-width-columns.top-aligned {
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.small-title {
  color: var(--copy);
  font-size: 32px;
  font-weight: 500;
  line-height: 130%;
}

.center-aligned-vertical-flex {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.centered-text {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.illustration.m-bottom-30 {
  max-width: 602px;
}

.m-bottom-20 {
  margin-bottom: 20px;
  position: relative;
}

.m-bottom-60 {
  margin-bottom: 60px;
}

.brand {
  width: 100%;
  max-width: 250px;
}

.max-width-650 {
  max-width: 650px;
}

.h2 {
  color: var(--copy);
  font-family: Inter, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 130%;
}

.collection-item {
  background-color: var(--light-grey-bg);
  margin-bottom: 40px;
  margin-right: 40px;
  position: relative;
}

.collection-item.flex-collection-item {
  flex-direction: column;
  align-items: center;
  padding: 60px 50px 40px;
  display: flex;
}

.collection-item.no-margin-right {
  margin-right: 0;
}

.collection-item-title {
  color: var(--brand-orange);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 130%;
}

.collection-item-title:hover {
  color: rgba(255, 128, 0, .6);
}

.collection-item-title.violet-text:hover {
  color: rgba(128, 0, 255, .6);
}

.lighter-grey {
  color: var(--grey-copy);
  margin-right: 5px;
}

.lighter-grey.inline {
  margin-right: 5px;
  display: inline;
}

.lighter-grey.inline.hidden-desktop {
  display: none;
}

.jobs-collection-list {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.orange-corner-right {
  z-index: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.orange-corner-left {
  z-index: 0;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.job-preview-info {
  z-index: 1;
  justify-content: flex-start;
}

.collection-title-link {
  z-index: 1;
  text-decoration: none;
  position: relative;
}

.text-block-2 {
  color: var(--copy);
  font-size: 22px;
  font-weight: 500;
}

.text-block-2.m-bottom-20 {
  line-height: 130%;
}

.illustration-new {
  width: 100%;
  max-width: 500px;
}

.m-top-60 {
  margin-top: 60px;
}

.grey-background {
  background-color: var(--light-grey-bg);
}

.text-span {
  color: var(--brand-orange);
}

.candidates-collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.violet-text {
  color: var(--brand-violet);
}

.candidate-portrait.m-bottom-20 {
  width: auto;
  max-width: none;
  height: 100%;
  max-height: 95px;
  position: absolute;
  top: -50px;
}

.flex-block {
  align-items: stretch;
  display: flex;
}

.flex-block.center-aligned-horizontal-flex {
  align-items: center;
}

.violet-link {
  color: var(--brand-violet);
  margin-right: 5px;
  font-size: 18px;
  font-weight: 500;
  display: inline;
}

.corner-right {
  z-index: -1;
  background-color: var(--copy);
  width: 60px;
  height: 60px;
  position: absolute;
  top: -3px;
  bottom: auto;
  left: auto;
  right: -3px;
}

.corner-right.orange-corner-right {
  background-color: var(--brand-orange);
}

.corner-right.violet-corner-right {
  background-color: var(--brand-violet);
}

.corner-left {
  z-index: -1;
  background-color: var(--copy);
  width: 60px;
  height: 60px;
  position: absolute;
  top: auto;
  bottom: -3px;
  left: -3px;
  right: auto;
}

.corner-left.orange-corner-left {
  background-color: var(--brand-orange);
}

.corner-left.violet-corner-left {
  background-color: var(--brand-violet);
}

.orange-background {
  background-color: var(--light-orange-bg);
}

.top-footer {
  border-top: 1px solid var(--light-grey);
  border-bottom: 1px solid var(--light-grey);
  text-align: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.footer-logo {
  width: 100%;
  max-width: 300px;
}

.footer-logo.suva-logo {
  max-width: 175px;
}

.footer-title {
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.footer-title.m-bottom-20 {
  font-size: 14px;
}

.footer-column-wrapper {
  display: inline;
}

.footer-column-wrapper.space-between-column {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.link, .link-2 {
  color: var(--copy);
  text-decoration: none;
}

.into-new-tab-link {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.grey-link {
  color: var(--copy);
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.bottom-footer {
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.bottom-footer.dark-orange-background {
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 20px 30px;
  display: flex;
}

.dark-orange-background {
  background-color: var(--brand-orange);
}

.small-margin-right {
  margin-right: 8px;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.container.container-flex-centered {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.container-flex-space-betweeen {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.container.container-flex-stretched {
  flex-direction: column;
  display: flex;
}

.footer-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.small-margin-bottom {
  margin-bottom: 10px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 800px;
  display: flex;
}

.utility-page-content.fullwidth {
  width: 100%;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility-page-titel {
  text-align: left;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 500;
}

.utility-paragraph {
  color: var(--copy);
  text-align: center;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 130%;
}

.utility-paragraph:hover, .utility-paragraph:focus {
  border: 1px solid var(--brand-orange);
}

.utility-page-logo {
  width: 100%;
  max-width: 320px;
}

.max-width-18ch {
  max-width: 18ch;
}

.search-form.m-bottom-50 {
  text-align: center;
}

.s-g-component-wrapper.grey-background {
  padding: 6px 6px 6px 30px;
}

.categories-wrapper {
  justify-content: flex-start;
  max-width: 100%;
  display: block;
}

.category-swatch-link {
  color: var(--copy);
  background-color: #f2e4ff;
  border-radius: 5px;
  align-items: center;
  margin-bottom: 18px;
  margin-right: 18px;
  padding: 6px 10px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.category-swatch-link:hover {
  background-color: rgba(232, 208, 255, .25);
}

.category-number-wrap {
  background-color: var(--brand-violet);
  color: #fff;
  text-align: center;
  border-radius: 50%;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-left: 8px;
  display: flex;
}

.category-name {
  font-size: 20px;
  line-height: 28px;
  display: inline-block;
}

.category-name.small-margin-right {
  display: inline-block;
}

.category-number {
  font-size: 14px;
  font-weight: 500;
}

.margin-right-24 {
  margin-right: 24px;
}

.stellenprofis-icon {
  width: 100%;
  max-width: 110px;
}

.small-caption {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.text-box-title {
  max-width: 500px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
}

.text-box-title.orange-text.m-bottom-30 {
  margin-bottom: 30px;
}

.max-width-480 {
  max-width: 480px;
}

.text-box-list-item {
  margin-bottom: 8px;
}

.text-box-list {
  margin-bottom: 30px;
}

.flex-block-vertical {
  flex-direction: column;
  display: flex;
}

.member-container {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.portrait-img {
  width: 100%;
  max-width: 250px;
}

.grey-horizontal-divider {
  background-color: var(--light-grey);
  width: 100%;
  height: 1px;
}

.contact-details-wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.contact-icon {
  width: 100%;
  max-width: 30px;
}

.horizontal-container {
  display: flex;
}

.margin-right-60 {
  margin-right: 60px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.category-swatch {
  text-decoration: none;
  display: inline-block;
}

.link-violet {
  color: var(--brand-violet);
  font-size: 18px;
  font-weight: 500;
  display: inline;
}

.job-img {
  object-fit: cover;
  width: 80%;
  height: auto;
  max-height: 480px;
}

.link-button-wrapper {
  display: inline-block;
}

.details-wrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.right-column-wrapper.grey-background {
  flex-direction: column;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.smaller-portrait-img {
  width: 100%;
  max-width: 160px;
}

.button-with-icon-wrapper {
  border: 2px solid var(--brand-orange);
  background-color: #fff;
  border-radius: 6px;
  padding: 8px 20px;
  text-decoration: none;
  transition: all .3s;
}

.button-with-icon-wrapper:hover {
  transform: translate(0, 5px);
}

.button-with-icon-wrapper.m-bottom-20 {
  justify-content: flex-start;
  transition: all .3s;
}

.button-with-icon-wrapper.m-bottom-20:hover {
  transform: translate(0, 5px);
}

.smaller-paragraph {
  color: var(--copy);
  text-decoration: none;
}

.smaller-paragraph.orange-text {
  color: var(--brand-orange);
}

.grid {
  grid-template-columns: 1fr;
}

.dropdown-link-block {
  display: inline-block;
}

.brand-bullet-point {
  width: 100%;
  max-width: 30px;
  margin-bottom: 10px;
}

.top-aligned-flex {
  align-items: flex-start;
  display: flex;
}

.empfehlung-icon {
  width: 100%;
  max-width: 80px;
}

.text-field-recommendation-form {
  border-radius: 5px;
  width: 100%;
}

.text-field-recommendation-form:hover, .text-field-recommendation-form:focus, .text-field-recommendation-form.m-bottom-20:hover, .text-field-recommendation-form.m-bottom-20:focus {
  border: 1px solid var(--brand-violet);
}

.textarea {
  border-radius: 5px;
  height: 100%;
  min-height: 100px;
}

.textarea:hover, .textarea:focus {
  border: 1px solid var(--brand-violet);
}

.small-paragraph {
  font-size: 14px;
}

.listing-with-margin-bottom {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 133%;
}

.team-member-wrapper {
  display: inline-block;
}

.left-aligned-box {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.job-details-block {
  align-self: flex-start;
}

.job-details-block.only-mobile {
  display: none;
}

.job-details-block.only-desktop {
  display: block;
}

.flex-link {
  display: flex;
}

.applicant-portrait {
  width: 100%;
  max-width: 200px;
}

.applicant-portrait.m-bottom-30.margin-right-60 {
  max-height: 200px;
}

.contact-person-wrapper {
  border-radius: 6px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.contact-person-wrapper.grey-background {
  flex-direction: column;
  align-items: center;
  margin-top: -200px;
  display: flex;
}

.smaller-paragraph-2 {
  color: #2b2b2b;
  text-decoration: none;
}

.button-with-icon-wrapper-2 {
  background-color: #fff;
  border: 2px solid #ff8000;
  border-radius: 6px;
  padding: 8px 20px;
  text-decoration: none;
  transition: all .3s;
}

.button-with-icon-wrapper-2:hover {
  transform: translate(0, 5px);
}

.button-with-icon-wrapper-2.m-bottom-20 {
  justify-content: flex-start;
  transition: all .3s;
}

.button-with-icon-wrapper-2.m-bottom-20:hover {
  transform: translate(0, 5px);
}

.html-embed-hidden {
  display: none;
}

.right-padding {
  padding-right: 30px;
}

.left-padding {
  padding-left: 30px;
}

.div-block-5 {
  flex-direction: column;
  display: flex;
}

.margin-top-50 {
  margin-top: 50px;
}

.half-width-input {
  width: 100%;
}

.horizontal-to-vertical-flex {
  display: flex;
}

.inline-link {
  color: var(--brand-orange);
  text-decoration: none;
}

.grey-text {
  color: #727272;
}

.mix.full-width-mix {
  width: 100%;
}

.hidden-collection {
  display: none;
}

.mix-container {
  width: 100%;
}

.mix-container.m-top-50 {
  margin-top: 50px;
}

.form-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pagination-wrapper {
  z-index: 0;
  text-align: center;
}

.mixitup-control {
  opacity: 1;
  color: #d8d8d8;
  background-color: #fff;
  border: 3px solid #d8d8d8;
  border-radius: 6px;
  margin-right: 10px;
  padding: 14px 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  display: inline-block;
}

.mixitup-control.mixitup-control-prev {
  text-decoration: none;
}

.mixitup-control.mixitup-control-disabled {
  opacity: .5;
  background-color: #fff;
}

.mixitup-control.mixitup-control-active {
  border-color: var(--brand-orange);
  color: var(--brand-orange);
  background-color: #fff;
  border-radius: 6px;
}

.mixitup-control.mixitup-control-next {
  text-decoration: none;
}

.text-block-3, .text-block-4, .text-block-5 {
  font-size: 18px;
}

.text-block-6, .text-block-7 {
  color: #d8d8d8;
}

.empty-state {
  background-color: rgba(221, 221, 221, 0);
}

.empty-state.centered-text-wrapper.hidden-message {
  display: none;
}

.no-results {
  margin-top: -50px;
  display: none;
}

.center-aligned-horizontal-flex {
  align-items: center;
  display: flex;
}

.success-message, .error-message {
  display: none;
}

.half-width {
  width: 50%;
}

.half-width.centered-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.container-flex-space-between {
  justify-content: space-between;
  display: flex;
}

.form-block.half-width-column-left, .form-block.half-width-column-right {
  width: 50%;
}

.full-width-text {
  width: 100%;
  max-width: none;
}

.collection-list-wrapper {
  width: 100%;
}

.search-dropdown-toggle {
  flex-direction: row;
  padding: 10px 0;
  display: flex;
}

.search-dropdown-list {
  background-color: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: auto;
  max-height: 200px;
  margin-top: 6px;
  font-size: 14px;
  line-height: 16px;
  overflow: auto;
}

.dropdown-search-term:hover {
  color: var(--brand-orange);
}

.job-icon {
  width: 60px;
  max-width: 60px;
  height: auto;
  margin-bottom: 15px;
  margin-right: 15px;
}

.job-preview-columns {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.job-preview-left {
  flex: 1;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.job-preview-right {
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.column {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.job-columns {
  display: flex;
}

.text-span-2 {
  text-decoration: underline;
}

.m-bottom-10 {
  margin-bottom: 10px;
}

.column-2 {
  padding-right: 50px;
}

.image {
  position: absolute;
  top: -10%;
  bottom: auto;
  left: -5%;
  right: auto;
}

.text-block-8, .text-block-9, .text-block-10, .text-block-11, .text-block-12 {
  padding-left: 10px;
}

.m-bottom-40 {
  margin-bottom: 40px;
}

.numbered-list-item {
  margin-bottom: 40px;
  display: flex;
}

.number.m-right-20 {
  margin-right: 20px;
}

.number-background {
  position: absolute;
  top: -6px;
  bottom: -7px;
  left: -28%;
  right: auto;
}

.number-wrapper {
  position: relative;
}

.text-block-13, .text-block-14, .text-block-15, .text-block-16 {
  font-size: 18px;
}

.contact-form-label {
  margin-bottom: 5px;
}

.success-message-kontakt {
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.primary-button-2 {
  background-color: #ff8000;
  border: 2px solid #ff8000;
  border-radius: 6px;
  padding: 14px 40px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  transition: all .3s;
}

.primary-button-2:hover {
  border: 2px solid #ff8000;
  transform: translate(0, 5px);
}

.primary-button-2:active {
  transform: translate(0, 6px);
}

.violet-text-2 {
  color: #8000ff;
}

.textarea-2 {
  border-radius: 5px;
  height: 100%;
  min-height: 100px;
}

.textarea-2:hover, .textarea-2:focus {
  border: 1px solid #8000ff;
}

.orange-text-2 {
  color: #ff8000;
}

.orange-text-2.bold-text.m-bottom-20.font-size-18 {
  font-size: 18px;
}

.grid-icon {
  height: 100px;
}

.rich-text-with-list-icons li {
  background-image: url('stellenprofis-arrow.svg');
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding-left: 30px;
  list-style-type: none;
}

.rich-text-with-list-icons ul {
  padding-left: 0;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.border-radius-left-on-desktop {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.text-left {
  text-align: left;
}

.suva-logo-desktop {
  max-width: 140px;
}

.suva-logo-tablet {
  display: none;
}

.bullet-points {
  font-size: 18px;
  line-height: 1.25;
}

.bullet-points ul {
  padding-left: 16px;
}

.hidden-template {
  display: none;
}

.job-description {
  margin-bottom: 20px;
}

.hidden-embed {
  display: none;
}

.other-term {
  display: inline;
}

.other-terms-wrapper {
  margin-top: 50px;
}

.breadcrum-wrapper {
  flex-flow: row;
  list-style: decimal;
  display: flex;
}

.breadcrum {
  color: rgba(0, 0, 0, 0);
}

.link-button-2 {
  color: #ff8000;
  text-decoration: none;
}

.link-button-2.reverse-black-link-button.m-bottom-30 {
  display: flex;
}

.paragraph-2 {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  text-decoration: none;
}

.breadcrum-arrow {
  margin-left: 10px;
  margin-right: 10px;
}

.breadcrumb-link {
  color: var(--copy);
  text-decoration: none;
  display: inline;
}

.breadcrumb-link:hover {
  color: var(--brand-violet);
}

.breadcrumb-link.no-hover:hover {
  color: var(--copy);
}

.list-2 {
  list-style: decimal;
}

.breadcrumb-list {
  margin-bottom: 0;
  padding-left: 0;
}

.breadcrumb-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('arrow-right.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  margin-right: 5px;
  padding-right: 20px;
  display: inline-block;
}

.breadcrumb-list-item.last {
  background-image: none;
  margin-right: 0;
  padding-right: 0;
}

.other-jobs-grid {
  grid-template-rows: auto;
}

.text-color-grey, .datenschutz-link {
  color: var(--grey-copy);
}

.success-message-2 {
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  padding: 0;
}

.popup-background {
  z-index: 1000;
  background-color: rgba(0, 0, 0, .4);
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.popup-wrapper {
  background-color: #fff;
  max-width: 1000px;
  margin-top: 5rem;
  margin-bottom: 5rem;
  padding: 3rem 2rem;
  position: relative;
  overflow: auto;
}

.close-icon {
  cursor: pointer;
  width: 35px;
  margin-top: .5rem;
  margin-right: .5rem;
  padding: .5rem;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 42px;
  }

  .nav-menu {
    background-color: #fff;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .vertical-divider {
    display: none;
  }

  .style-columns-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .paragraph.white-text.bold-text {
    font-size: 22px;
  }

  .paragraph.max-width-480.m-bottom-30 {
    max-width: 100%;
  }

  .s-g-horizontal-flex-container {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    flex-direction: row;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .s-g-horizontal-flex-container.m-bottom-30 {
    grid-template-rows: auto auto;
  }

  .s-g-col-2, .s-g-col-1, .nav-link {
    width: 100%;
  }

  .nav-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dropdown-toggle {
    cursor: default;
    width: 100%;
    display: block;
  }

  .centered-heading.white-text {
    font-size: 42px;
  }

  .dropdown-list {
    display: block;
    position: static;
  }

  .dropdown-list.w--open {
    border-top-width: 0;
  }

  .centered-text-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .centered-text-wrapper.left-alinged-from-tablet {
    align-items: flex-start;
  }

  .search-item {
    width: auto;
  }

  .search-item.border-radius-left-on-desktop {
    border-radius: 5px;
    margin-bottom: 20px;
  }

  .search-item.border-radius-right-on-desktop {
    border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .text-field {
    width: 100%;
  }

  .form-search {
    flex-direction: column;
  }

  .vertical-grey-devider {
    display: none;
  }

  .half-width-column-left {
    margin-bottom: 30px;
  }

  .half-width-column-left.center-aligned-vertical-flex {
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .half-width-column-right {
    margin-bottom: 60px;
  }

  .half-width-column-right.margin-bottom-from-tablet {
    margin-bottom: 30px;
  }

  .half-width-column-right.tablet-padding-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .half-width-column-right.empty-column {
    margin-bottom: 0;
  }

  .half-width-columns, .half-width-columns.m-bottom-60 {
    flex-direction: column;
  }

  .half-width-columns.top-aligned, .half-width-columns.reverse-on-tablet {
    flex-direction: column-reverse;
  }

  .collection-item {
    margin-right: 0;
  }

  .lighter-grey.inline.hidden-desktop {
    display: inline-block;
  }

  .lighter-grey.inline.only-desktop {
    display: none;
  }

  .lighter-grey.margin-bottom-20-tablet {
    margin-bottom: 20px;
  }

  .jobs-collection-list {
    grid-template-columns: 1fr;
  }

  .job-preview-info {
    display: inline-block;
  }

  .illustration-new {
    max-width: 400px;
  }

  .candidates-collection-list {
    grid-template-columns: 1fr;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container.container-flex-space-betweeen {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .dropdown-arrow.hidden-in-mobile-menu {
    display: none;
  }

  .details-wrapper {
    margin-bottom: 60px;
  }

  .right-column-wrapper.grey-background {
    align-items: center;
  }

  .fix-width-container.max-width-650 {
    margin-right: 40px;
  }

  .smaller-paragraph {
    color: var(--copy);
    text-decoration: none;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .text-field-recommendation-form, .textarea {
    width: 100%;
  }

  .contact-person-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .smaller-paragraph-2 {
    color: #2b2b2b;
    text-decoration: none;
  }

  .right-padding {
    padding-right: 0;
  }

  .left-padding {
    padding-left: 0;
  }

  .horizontal-to-vertical-flex {
    flex-direction: column;
  }

  .mix {
    width: 100%;
  }

  .mixitup-control {
    margin-bottom: 10px;
  }

  .half-width {
    width: 100%;
    margin-bottom: 20px;
  }

  .container-flex-space-between {
    flex-direction: column;
    align-items: center;
  }

  .form-block.half-width-column-left.margin-right-24, .form-block.half-width-column-right {
    width: 100%;
  }

  .dropdown {
    width: 100%;
    display: block;
  }

  .column {
    display: block;
  }

  .job-columns {
    flex-direction: column;
  }

  .textarea-2 {
    width: 100%;
  }

  .suva-logo-desktop {
    display: none;
  }

  .suva-logo-tablet {
    max-width: 140px;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 28px;
  }

  .style-navigation {
    text-align: center;
    flex-direction: column;
  }

  .s-g-horizontal-flex-container.m-bottom-30 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 50% 50%;
  }

  .footer-paragraph.white-text {
    margin-bottom: 10px;
  }

  .style-nav-link {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .nav-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.breadcrumb-section {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .centered-heading.white-text {
    font-size: 38px;
  }

  .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .centered-text-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .half-width-column-left {
    margin-bottom: 60px;
  }

  .half-width-column-right.tablet-padding-10 {
    padding-left: 0;
    padding-right: 0;
  }

  .brand {
    padding-left: 0;
  }

  .h2 {
    font-size: 28px;
  }

  .bottom-footer {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container.container-flex-space-betweeen {
    flex-direction: column;
    align-items: flex-start;
  }

  .container.mobile-center {
    text-align: center;
  }

  .footer-grid {
    grid-column-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .utility-page-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .utility-page-content.fullwidth, .details-wrapper, .right-column-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .text-field-recommendation-form {
    width: 100%;
  }

  .member-container-left-aligned {
    display: inline-block;
  }

  .team-member-wrapper {
    margin-left: auto;
    margin-right: auto;
  }

  .team-member-wrapper.margin-right-60, .job-details-block.only-mobile {
    display: block;
  }

  .job-details-block.only-desktop {
    display: none;
  }

  .contact-person-wrapper.grey-background {
    margin-top: 0;
  }

  .columns-inverse-mobile {
    flex-direction: column-reverse;
    display: flex;
  }

  .right-column-placeholder {
    margin-bottom: 60px;
  }

  .column-2, .column-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .other-jobs-grid {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 26px;
  }

  p, li {
    font-size: 16px;
  }

  .s-g-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .paragraph {
    text-align: left;
    font-size: 16px;
  }

  .paragraph.white-text.bold-text {
    font-size: 18px;
  }

  .paragraph.max-width-480.m-bottom-30 {
    font-size: 16px;
  }

  .s-g-color-swatch-wrapper {
    width: 100%;
  }

  .parapgrah, .parapgrah.max-width-650 {
    font-size: 16px;
  }

  .s-g-horizontal-flex-container, .s-g-horizontal-flex-container.m-bottom-30 {
    grid-template-columns: 1fr;
  }

  .footer-paragraph.white-text {
    margin-bottom: 0;
  }

  .footer-paragraph.white-text.m-bottom-20 {
    margin-bottom: 20px;
  }

  .s-g-vertical-flex-container {
    padding-left: 0;
    padding-right: 0;
  }

  .primary-button {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .centered-heading.white-text {
    font-size: 28px;
    line-height: 120%;
  }

  .search-item {
    width: 100%;
  }

  .form-search {
    align-items: center;
  }

  .half-width-column-right {
    padding-left: 0;
    padding-right: 0;
  }

  .small-title.m-bottom-20 {
    text-align: center;
    font-size: 26px;
  }

  .collection-item.flex-collection-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grey-collection-item {
    margin-bottom: 20px;
  }

  .illustration-new {
    max-width: 200px;
  }

  .flex-block.center-aligned-horizontal-flex.vertical-on-mobile {
    flex-direction: column;
    align-items: flex-start;
  }

  .violet-link {
    font-size: 16px;
  }

  .into-new-tab-link {
    align-items: center;
  }

  .bottom-footer.dark-orange-background, .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .category-name {
    font-size: 16px;
  }

  .top-aligned-flex, .top-aligned-flex.m-bottom-30 {
    flex-direction: column;
  }

  .listing-with-margin-bottom {
    font-size: 16px;
  }

  .vertical-on-mobile {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .primary-button-2 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .paragraph-2 {
    text-align: left;
    font-size: 16px;
  }
}

#additional-jobs.w-node-_996f36e4-a2e0-31c8-932c-77cc19de2671-438a04f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7246e24-09a3-0231-66ba-81a7d01367f6-04608766, #w-node-a7246e24-09a3-0231-66ba-81a7d0136804-04608766, #w-node-a7246e24-09a3-0231-66ba-81a7d013680b-04608766, #w-node-_11fd6b7d-85e9-54cc-1d58-913eb3a52efd-585c695f, #w-node-_53da720c-9962-ffb1-353e-204749da35cc-585c695f, #w-node-_701291d3-e646-f0df-f06d-10014496d34c-585c695f, #w-node-a58b1c40-0e4d-cc38-6814-5b945f47c7df-585c695f, #w-node-b44e18f7-e231-2e6e-e7c6-4510effc8bab-906da9b6, #w-node-b44e18f7-e231-2e6e-e7c6-4510effc8bb2-906da9b6, #w-node-b44e18f7-e231-2e6e-e7c6-4510effc8bb9-906da9b6, #w-node-b44e18f7-e231-2e6e-e7c6-4510effc8bc0-906da9b6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_04156e78-a83c-22dd-cd90-296ae44a75fa-6421225a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c99c8e13-0139-5523-07bf-ac17fb769bde-4b8816ad, #w-node-c99c8e13-0139-5523-07bf-ac17fb769be3-4b8816ad, #w-node-c99c8e13-0139-5523-07bf-ac17fb769be8-4b8816ad, #w-node-c99c8e13-0139-5523-07bf-ac17fb769bf5-4b8816ad, #w-node-c99c8e13-0139-5523-07bf-ac17fb769c04-4b8816ad {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c99c8e13-0139-5523-07bf-ac17fb769bde-4b8816ad, #w-node-c99c8e13-0139-5523-07bf-ac17fb769be3-4b8816ad, #w-node-c99c8e13-0139-5523-07bf-ac17fb769be8-4b8816ad {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}