/* Color */
/* Brands */
/* Grid */
@import "../../../vendor/twbs/bootstrap/dist/css/bootstrap-grid.css";
/* Config */
/* Config colors */
/* Breakpoints */
/*	resets	*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
menu,
footer,
header,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
footer,
header,
nav,
section,
audio,
video,
img {
  display: block;
}
a img {
  border: 0;
}
a {
  text-decoration: none;
}
#scope-jobs-intro-section {
  width: 100%;
  margin-bottom: 0 !important;
}
#scope-jobs-intro-section .scope-img-wrap {
  display: flex;
  justify-content: center;
}
#scope-jobs-intro-section .scope-img-wrap img {
  height: 100%;
  width: auto !important;
  margin: auto;
}
#scope-jobs-intro-section .btn:hover {
  color: #fff !important;
  background-color: #212934 !important;
  opacity: 1 !important;
}
#scope-jobs-intro-section .btn:hover i {
  color: #fff !important;
}
body {
  /*//Scrollbar
    !* width *!
    ::-webkit-scrollbar {
        width: 10px;
    }

    !* Track *!
    ::-webkit-scrollbar-track {
        background: none;
    }

    !* Handle *!
    ::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .1);
        border-radius: 5px;
    }

    !* Handle on hover *!
    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, .3);
    }*/
}
body p,
body a,
body span,
body ul,
body ol,
body li,
body table,
body tr,
body td,
body input,
body textarea,
body button,
body label,
body select,
body strong,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: interstate, sans-serif;
  color: #333;
  line-height: 1.5;
  outline: none;
  font-style: normal;
  -webkit-tap-highlight-color: transparent;
}
body p,
body a,
body span,
body ul,
body ol,
body li,
body table,
body tr,
body td,
body input,
body textarea,
body button,
body label,
body select,
body strong {
  font-size: 16px;
  font-weight: 400;
}
body a {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
body a:hover {
  opacity: 0.8;
}
body a.no-opacity-hover:hover {
  opacity: 1;
}
body strong,
body .strong,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 700;
}
body .uppercase {
  text-transform: uppercase;
}
body h1 {
  font-size: 34px;
  margin-bottom: 0.6em;
}
body h2 {
  font-size: 1.25rem;
  margin-bottom: 0.6em;
}
body .modal {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100vh;
}
body .modal .modal-dialog {
  width: calc(100% - 15px);
  max-width: 760px;
  height: calc(100vh - 15px);
  max-height: 620px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 10px;
  padding: 0;
}
body .modal .modal-dialog .modal-content {
  overflow: auto;
  height: 100%;
  padding: 30px;
}
body .modal .modal-dialog .modal-content .modal-header {
  margin-bottom: 15px;
}
body .modal .modal-dialog .modal-content .modal-title {
  width: calc(100% - 30px);
}
body .modal .modal-dialog .modal-content .close {
  position: absolute;
  line-height: 0;
  top: 15px;
  right: 15px;
  font-size: 22px;
  cursor: pointer;
}
body .modal .modal-dialog .modal-content .close i {
  line-height: 0.7;
}
body .modal .modal-dialog .modal-content .close a {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
body .modal .modal-dialog .modal-content .close a:hover {
  opacity: 1;
}
body #page {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-image: url(../img/points-bg.svg);
  background-size: 5000px;
  background-color: #e8e9ea;
  background-repeat: no-repeat;
  background-position: 120% 250px;
}
body #page nav {
  position: fixed;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: 40px;
  background-color: #fff;
  width: 100%;
  height: 90px;
  z-index: 10;
}
body #page nav:before {
  content: "Karriere";
  z-index: -1;
  transform: rotate(-5deg);
  position: absolute;
  width: 192px;
  text-align: center;
  font-family: interstate, sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  font-size: 30px;
  top: 115px;
  max-width: calc(100% - 171px);
}
@media (max-width: 511px) {
  body #page nav:before {
    font-size: 25px;
  }
}
body #page nav:after {
  content: "";
  width: 192px;
  height: 110px;
  background-color: #408922;
  transform: skewY(-5deg);
  position: absolute;
  z-index: -2;
  top: 60px;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-shadow: -10px 10px 0 #000;
  max-width: calc(100% - 171px);
}
body #page nav .green-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 30px;
  background-color: #408922;
  flex: 0 1 400px;
  border-bottom: 3px solid #fff;
  height: 100%;
}
body #page nav .green-logo-wrap img {
  width: 100%;
  min-width: 70px;
}
body #page nav .green-logo-wrap:hover {
  opacity: 1;
}
body #page nav .nav-list {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  grid-column-gap: 40px;
  list-style: none;
  margin-bottom: 0.2em;
}
body #page nav .nav-list li a {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  grid-column-gap: 0.45em;
  line-height: 1;
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
  white-space: nowrap;
  padding-top: 5px;
}
body #page nav .nav-list li a i {
  font-size: 1.2em;
}
body #page nav .nav-list.mobile {
  justify-content: center;
  align-items: flex-start;
  grid-row-gap: 2em;
  flex-direction: column;
  background-color: #fff;
  position: absolute;
  top: 90px;
  left: 0;
  height: calc(100vh - 90px);
  width: 100%;
  padding: 30px;
  margin-bottom: 0;
}
body #page nav .nav-list.mobile.active {
  display: flex;
}
body #page nav .mobile-nav-toggle {
  display: none;
  font-size: 24px;
  flex: 0 0 21px;
  text-align: center;
  cursor: pointer;
  color: #212934;
}
body #page nav #wasgau-bildmarke {
  height: 100%;
  width: 100px;
  background: #212934;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5em;
}
body #page nav #wasgau-bildmarke img {
  width: 50px;
  height: auto;
}
body #page .wasgau-container {
  max-width: 100%;
  width: 1160px;
  margin-top: 190px;
  background-color: #ffffff;
  padding: 40px 40px 100px;
  transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  -webkit-transition: height 0.2s ease-in-out;
}
@media (max-width: 511px) {
  body #page .wasgau-container {
    padding: 60px 20px;
  }
}
body #page .wasgau-container #job-ad-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  grid-row-gap: 30px;
}
body #page .wasgau-container > *:not(button) {
  width: 100%;
}
body #page.careerpage .wasgau-container {
  display: flex;
  flex-direction: column;
  grid-gap: 100px;
}
body #page header {
  width: 100%;
}
body #page header .job-header-info {
  display: flex;
  grid-gap: 1em 80px;
  flex-wrap: wrap;
  padding: 10px 0;
  border-top: 1px solid #e8e9ea;
  border-bottom: 1px solid #e8e9ea;
}
body #page header .job-header-info span {
  display: flex;
  align-items: baseline;
  font-weight: 300;
  font-size: 1em;
  grid-column-gap: 0.45em;
}
body #page header .job-header-info span i {
  color: #408922;
  font-size: 1.5em;
}
body #page header .scope-img-wrap,
body #page header #header-img {
  width: 1200px;
  max-width: 100%;
  margin-top: 25px;
}
body #page section#cp-section-company-info .company-description p:not(:last-of-type) {
  margin-bottom: 1em;
}
body #page section#cp-section-company-info .company-info {
  margin-top: 20px;
}
body #page section#cp-section-company-info .company-info > div div:first-of-type {
  display: flex;
  grid-column-gap: 50px;
  grid-row-gap: 30px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
body #page section#cp-section-company-info .company-info > div div:first-of-type span {
  display: flex;
  align-items: baseline;
  grid-gap: 0.5em;
}
body #page section#cp-section-company-info .company-info > div div:first-of-type span i {
  color: #408922;
}
body #page section#cp-section-company-info .company-info > div div:last-of-type {
  display: flex;
  grid-gap: 20px;
  flex-wrap: wrap;
}
body #page section#cp-section-company-info .company-info > div div:last-of-type button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  background: #408922;
  border: none;
  border-radius: 0;
  line-height: 1;
  color: #fff;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
body #page section#cp-section-company-info .company-info > div div:last-of-type button:hover {
  opacity: 0.8;
}
body #page section#cp-section-company-info .company-info > div div:last-of-type button a {
  color: inherit;
  line-height: inherit;
}
body #page section#cp-section-company-info .company-info > div div:last-of-type button a:hover {
  opacity: 1;
}
body #page section#cp-section-company-info .company-info > div div:last-of-type button img {
  height: 22px;
}
body #page section#cp-section-company-info .company-info > div div:last-of-type button i,
body #page section#cp-section-company-info .company-info > div div:last-of-type button img {
  font-size: 22px;
}
body #page section#cp-section-company-info .company-info > div div:last-of-type button i {
  margin-left: 1px;
}
@media (max-width: 575px) {
  body #page section#cp-section-company-info .company-info > div div:last-of-type {
    grid-gap: 10px;
  }
  body #page section#cp-section-company-info .company-info > div div:last-of-type button {
    width: 30px;
    height: 30px;
  }
  body #page section#cp-section-company-info .company-info > div div:last-of-type button img {
    height: 16px;
  }
  body #page section#cp-section-company-info .company-info > div div:last-of-type button i,
  body #page section#cp-section-company-info .company-info > div div:last-of-type button img {
    font-size: 16px;
  }
}
body #page section#cp-section-jobs #map-wrapper {
  position: relative;
}
body #page section#cp-section-jobs #map-wrapper #map {
  height: 400px;
}
body #page section#cp-section-jobs #map-wrapper #map-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
  background: none;
  background: -moz-linear-gradient(0deg, rgba(77, 77, 77, 0.34) 0%, rgba(77, 77, 77, 0) 20%, rgba(77, 77, 77, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(77, 77, 77, 0.34) 0%, rgba(77, 77, 77, 0) 20%, rgba(77, 77, 77, 0) 100%);
  background: linear-gradient(0deg, rgba(77, 77, 77, 0.34) 0%, rgba(77, 77, 77, 0) 20%, rgba(77, 77, 77, 0) 100%);
}
body #page section#cp-section-jobs #map-wrapper.no-padding {
  padding-bottom: 0;
}
body #page section#cp-section-jobs #map-wrapper.no-padding #map-overlay {
  display: none;
}
body #page section#cp-section-jobs.no-padding {
  padding-top: 0;
}
body #page section#cp-section-jobs #job-filters {
  margin-top: 25px;
  padding-bottom: 0;
}
body #page section#cp-section-jobs #job-filters.no-map {
  margin-top: 0;
  padding-bottom: 0;
}
body #page section#cp-section-jobs #job-filters.no-map select,
body #page section#cp-section-jobs #job-filters.no-map input {
  background: #f7f7f7;
}
body #page section#cp-section-jobs #job-filters.no-filters {
  display: none;
}
body #page section#cp-section-jobs #job-filters .col-12 {
  display: flex;
  grid-gap: 15px;
  flex-wrap: wrap;
}
body #page section#cp-section-jobs #job-filters .col-12 > div {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
body #page section#cp-section-jobs #job-filters .col-12 > div i {
  position: absolute;
  right: 15px;
}
body #page section#cp-section-jobs #job-filters input,
body #page section#cp-section-jobs #job-filters select {
  width: 100%;
  line-height: 1;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 8px 30px 8px 15px;
  border: 1px solid #408922;
  background: #fff;
  height: 38px;
}
@media (max-width: 767px) {
  body #page section#cp-section-jobs #job-filters .col-12 > div {
    max-width: unset;
    margin-bottom: 10px;
  }
  body #page section#cp-section-jobs #job-filters select,
  body #page section#cp-section-jobs #job-filters input {
    background: #f7f7f7;
  }
}
body #page section#cp-section-jobs .cp-job-list {
  margin-top: 25px;
}
body #page section#cp-section-jobs .cp-job-list .col-12 {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
body #page section#cp-section-jobs .cp-job-list .col-12 .job-tile {
  border: 1px solid #ccc;
  padding: 15px;
  display: flex;
  justify-content: space-between;
}
body #page section#cp-section-jobs .cp-job-list .col-12 .job-tile .job-info-wrap > div {
  display: flex;
  grid-gap: 10px 20px;
  flex-wrap: wrap;
}
body #page section#cp-section-jobs .cp-job-list .col-12 .job-tile .job-info-wrap > div span {
  display: flex;
  grid-gap: 0.5em;
  align-items: baseline;
}
body #page section#cp-section-jobs .cp-job-list .col-12 .job-tile .job-info-wrap > div span i {
  color: #408922;
}
body #page section#cp-section-jobs .cp-job-list .col-12 .job-tile h2 {
  color: #408922;
}
body #page section#cp-section-jobs .cp-job-list .col-12 .job-tile .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 1;
  border: none;
  color: #fff;
  background: #408922;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  padding: 0 30px;
}
@media (max-width: 1024px) {
  body #page section#cp-section-jobs .cp-job-list .col-12 {
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 20px;
  }
  body #page section#cp-section-jobs .cp-job-list .col-12 .job-tile {
    flex: 0 0 calc(50% - 10px);
    flex-direction: column;
    grid-gap: 15px;
  }
  body #page section#cp-section-jobs .cp-job-list .col-12 .job-tile .btn {
    padding: 15px 30px;
  }
}
@media (max-width: 767px) {
  body #page section#cp-section-jobs .cp-job-list {
    margin-top: 15px;
  }
  body #page section#cp-section-jobs .cp-job-list .col-12 .job-tile {
    flex: 0 0 100%;
  }
}
body #page section#cp-section-jobs #pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 5px;
}
body #page section#cp-section-jobs #pagination button {
  font-size: 18px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border: none;
  cursor: pointer;
  border-radius: 100%;
  background: none;
  transition: all 0.2s ease-in-out;
}
body #page section#cp-section-jobs #pagination button.active {
  color: #fff;
}
body #page section#cp-section-kpi {
  text-align: center;
  background: #333;
}
body #page section#cp-section-kpi .row .col-12 {
  margin-bottom: 40px;
}
body #page section#cp-section-kpi .row .col-12:last-of-type {
  margin-bottom: 0;
}
body #page section#cp-section-kpi .row .col-12 * {
  max-width: 250px;
  margin: 0 auto;
}
body #page section#cp-section-kpi .row .col-12 h2 {
  line-height: 1;
  margin-bottom: 20px;
}
body #page section#cp-section-kpi .row .col-12 h2 span {
  display: block;
  font-size: 40px;
  line-height: 1;
  margin-bottom: 10px;
}
body #page section#cp-section-kpi .row .col-12 p {
  color: #fff;
}
@media (min-width: 992px) {
  body #page section#cp-section-kpi .row .col-12 {
    margin-bottom: 0;
  }
}
body #page section#cp-section-benefits {
  text-align: center;
}
body #page section#cp-section-benefits .row:not(:first-of-type):not(:last-of-type) {
  margin-bottom: 50px;
}
body #page section#cp-section-benefits .row i {
  font-size: 70px;
  margin-bottom: 20px;
  line-height: 1;
}
body #page section#cp-section-benefits .row h2 {
  margin-bottom: 15px;
  line-height: 1;
}
body #page section#cp-section-testimonials {
  background: #f7f7f7;
  text-align: center;
}
body #page section#cp-section-testimonials p {
  font-style: italic;
}
body #page section#cp-section-testimonials img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 45px;
  margin: 50px auto 15px;
}
body #page section#cp-section-testimonials span {
  line-height: 1;
}
body #page section#cp-section-testimonials span strong {
  display: block;
  margin-bottom: 5px;
}
body #page section#cp-section-contact {
  margin-top: 30px;
}
body #page section#cp-section-contact .col-12 > div {
  background: #f7f7f7;
  padding: 35px 30px 40px;
  border-radius: 10px;
}
body #page section#cp-section-contact .col-12 > div h2,
body #page section#cp-section-contact .col-12 > div p {
  margin-bottom: 30px;
}
body #page section#cp-section-contact .col-12.col-lg-7 button {
  display: block;
  margin: 0 auto;
}
body #page section#cp-section-contact .col-12.col-lg-7 button i {
  margin-right: 6px;
}
body #page section#cp-section-contact .col-12.col-lg-5 > div {
  height: 100%;
}
@media (max-width: 991px) {
  body #page section#cp-section-contact .col-12.col-lg-5 {
    margin-top: 30px;
  }
}
body #page section#jp-section-form #job-form-wrapper h2 {
  text-align: left;
}
body #page section#jp-section-form #job-form-wrapper h3 {
  line-height: 1;
  margin-top: 35px;
}
body #page section#jp-section-form #job-form-wrapper span {
  display: block;
}
body #page section#jp-section-form #job-form-wrapper select,
body #page section#jp-section-form #job-form-wrapper textarea,
body #page section#jp-section-form #job-form-wrapper input[type=text],
body #page section#jp-section-form #job-form-wrapper input[type=email],
body #page section#jp-section-form #job-form-wrapper input[type=tel] {
  width: 100%;
  line-height: 1;
  padding: 8px 15px;
  border: 1px solid #408922;
  background: #fff;
  height: 38px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
body #page section#jp-section-form #job-form-wrapper .customSelect {
  position: relative;
}
body #page section#jp-section-form #job-form-wrapper .customSelect select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
body #page section#jp-section-form #job-form-wrapper .customSelect i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
body #page section#jp-section-form #job-form-wrapper .sub-headline {
  margin-top: 5px;
}
body #page section#jp-section-form #job-form-wrapper textarea {
  line-height: 1.4;
}
body #page section#jp-section-form #job-form-wrapper .extra-margin {
  margin-top: 20px;
}
body #page section#jp-section-form #job-form-wrapper .modernCustomCheckbox {
  position: relative;
  display: flex;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  grid-gap: 0.5em;
  align-items: baseline;
}
body #page section#jp-section-form #job-form-wrapper .modernCustomCheckbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  flex: 0 0 20px;
  height: 20px;
  border: 1px solid green;
  background: #fff;
  top: 4px;
  position: relative;
  margin: 0;
}
body #page section#jp-section-form #job-form-wrapper .modernCustomCheckbox input + i {
  display: none;
  pointer-events: none;
  line-height: 1.625em;
  font-size: 0.8em;
  padding: 0;
  position: absolute;
  top: 5px;
  left: 3px;
  color: #408922;
}
body #page section#jp-section-form #job-form-wrapper .modernCustomCheckbox input:checked + i {
  display: inline-block;
}
body #page section#jp-section-form #job-form-wrapper .modernCustomCheckbox label {
  font-weight: 700;
  cursor: pointer;
}
body #page section#jp-section-form #job-form-wrapper .modernCustomCheckbox label a {
  font-weight: 700;
  color: #408922;
}
body #page section#jp-section-form #job-form-wrapper #saveApplicant {
  background-color: #408922;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  border: none;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin-left: auto;
  max-width: 250px;
  padding: 0.5em;
}
body #page section#jp-section-form #job-form-wrapper #saveApplicant:hover {
  background-color: #212934;
}
@media (max-width: 768px) {
  body #page section#jp-section-form #job-form-wrapper #saveApplicant {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-default.dz-message span,
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-default.dz-message button {
  display: block;
  border: none;
  padding: 20px 40px;
  width: 100%;
  border-radius: 5px;
  color: #fff;
  margin-top: 10px;
  font-style: italic;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-default.dz-message span:hover,
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-default.dz-message button:hover {
  opacity: 0.8;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .scope_upload_error > div {
  font-family: 'Nunito', sans-serif;
  color: #fff;
  outline: none;
  background: #f16e6e;
  border-radius: 5px;
  padding: 20px 30px;
  text-align: center;
  margin-top: 10px;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .scope_upload_error > div button {
  display: none;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-column-gap: 1em;
  grid-row-gap: 0.5em;
  margin-top: 10px;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview .dz-error-message,
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview .dz-success-mark,
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview .dz-error-mark {
  display: none;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview .dz-image {
  background: grey;
  border-radius: 5px;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview .dz-image img {
  max-width: 100%;
  border-radius: 5px;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview .dz-details {
  min-width: 0;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview .dz-details span {
  margin: 0;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview .dz-details .dz-filename {
  margin: 0;
  white-space: nowrap;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview .dz-progress {
  grid-column-start: 1;
  grid-column-end: 3;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1);
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-preview .dz-progress .dz-upload {
  width: 70%;
  height: 10px;
  border-radius: 5px;
  margin: 0;
}
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper .row .col-12 > div {
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 10px 15px;
  display: grid;
  grid-template-columns: auto min-content;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  grid-gap: 5px;
  margin-top: 10px;
}
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper .row .col-12 > div > span {
  font-weight: 700;
  margin: 0;
  line-height: 1;
  grid-area: 1 / 1 / 2 / 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper .row .col-12 > div > label {
  line-height: 1;
  grid-area: 2 / 1 / 3 / 2;
}
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper .row .col-12 > div > div {
  grid-area: 1 / 2 / 3 / 3;
}
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper .row .col-12 > div > div i {
  color: #4d4d4d;
  margin-right: 0 !important;
}
@media (max-width: 991px) {
  body #page section#jp-section-form {
    padding-top: 40px !important;
  }
}
body #page section#jp-section-share-job .social-links {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
body #page section.jp-section-text ul {
  list-style-type: disc;
  padding-inline-start: 17px;
}
body #page section.jp-section-text ul li {
  list-style-type: disc;
}
body #page section.jp-section-text ul li::marker {
  color: #408922;
}
body #page section#jp-section-form {
  display: none;
}
body #page section#jp-section-form #job-form-wrapper {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px 40px;
}
body #page section#jp-section-form #job-form-wrapper h1,
body #page section#jp-section-form #job-form-wrapper h2 {
  flex: 0 0 100%;
}
body #page section#jp-section-form #job-form-wrapper h2 {
  text-transform: uppercase;
  margin: 0;
}
body #page section#jp-section-form #job-form-wrapper h2:first-of-type {
  flex: 0 0 100%;
  font-size: 34px;
  margin-bottom: 0.6em;
  text-transform: none;
  color: #333;
}
body #page section#jp-section-form #job-form-wrapper h3 {
  flex: 0 0 100%;
  text-transform: uppercase;
}
body #page section#jp-section-form #job-form-wrapper .hey-form-row {
  flex: 0 0 100%;
}
@media (min-width: 576px) {
  body #page section#jp-section-form #job-form-wrapper .hey-form-row.vorname,
  body #page section#jp-section-form #job-form-wrapper .hey-form-row.nachname,
  body #page section#jp-section-form #job-form-wrapper .hey-form-row.geburtsdatum,
  body #page section#jp-section-form #job-form-wrapper .hey-form-row.plz {
    flex: 0 0 calc(50% - 20px);
  }
}
@media (min-width: 576px) {
  body #page section#jp-section-form #job-form-wrapper .hey-form-row.anrede .customSelect {
    width: calc(50% - 20px) !important;
  }
}
body #page section#jp-section-form #job-form-wrapper *:not(option):not(input):not(h1) {
  color: #4d535c;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper,
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper {
  flex: 0 0 calc(50% - 19px);
  margin-left: auto;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
@media (max-width: 600px) {
  body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper,
  body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper {
    flex: 0 0 100% !important;
  }
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-default.dz-message .dz-button,
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper .dz-default.dz-message .dz-button,
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-default.dz-message span,
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper .dz-default.dz-message span {
  margin: 0;
  border-radius: 0;
  background: #408922;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .alert,
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper .alert {
  margin-top: 0 !important;
  border-radius: 0 !important;
}
body #page section#jp-section-form #job-form-wrapper .uploadOuterWrapper .dz-upload,
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper .dz-upload {
  background: #408922;
}
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}
body #page section#jp-section-form #job-form-wrapper .documentOuterWrapper .row .col-12 > div {
  margin: 0;
  border-color: #cccccc;
  border-radius: 0;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) {
  display: flex;
  flex-direction: column;
  grid-gap: 5px;
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) {
    flex: 0 0 100% !important;
  }
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .formText {
  font-weight: 700;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customRadio input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  width: auto;
  float: left;
  margin-right: 0.75em;
  background: transparent;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customRadio input:not(checked),
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customRadio input:checked {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customRadio input + label {
  cursor: pointer;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customRadio input:hover + label:before {
  background: #ddd;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customRadio input:checked + label:before {
  background: #408922;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customRadio label {
  font-weight: 700;
  display: inline-flex;
  line-height: 1;
  align-items: baseline;
  grid-gap: 0.5em;
  margin-right: 1em;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customRadio label:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  border: 1px solid #408922;
  background: #fff;
  top: 3px;
  box-shadow: inset 0 0 0 4px #fff;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .error {
  margin-top: 5px;
  color: #e06b26;
  float: left;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customSelect {
  float: left;
}
@media (min-width: 576px) {
  body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customSelect {
    width: 100%;
  }
}
@media (max-width: 600px) {
  body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customSelect {
    width: 100%;
    float: unset;
  }
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper) .customSelect select {
  font-weight: 700;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Führerschein .customRadio {
  display: flex;
  flex-direction: column;
  width: 50%;
  float: right;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Führerschein .customRadio label:not(:last-of-type) {
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Führerschein .customRadio {
    width: 100%;
    float: unset;
  }
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Einverständniserklärung,
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Datenschutzerklärung {
  flex: 0 0 100%;
  display: flex;
  flex-direction: row;
  grid-gap: 40px;
}
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Einverständniserklärung > *,
body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Datenschutzerklärung > * {
  flex: 0 0 calc(50% - 20px);
}
@media (max-width: 600px) {
  body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Einverständniserklärung,
  body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Datenschutzerklärung {
    flex-direction: column;
    grid-gap: 10px;
  }
  body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Einverständniserklärung > *,
  body #page section#jp-section-form #job-form-wrapper > div:not(.uploadOuterWrapper):not(.documentOuterWrapper).Datenschutzerklärung > * {
    flex: unset;
  }
}
body #page .apply-now-button {
  background-color: #408922;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  padding: 0.5em 1em;
  border: none;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  align-self: flex-start;
}
body #page .apply-now-button:hover {
  background-color: #212934;
}
body #page footer {
  width: 100%;
}
body #page footer > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body #page footer > div > div {
  width: 540px;
  max-width: 100%;
  padding: 0 20px;
}
body #page footer a,
body #page footer i,
body #page footer strong {
  color: #fff;
}
body #page footer .blue-footer {
  background-color: #212934;
  padding: 40px 0 80px;
}
body #page footer .blue-footer > div {
  display: flex;
  flex-direction: column;
  grid-row-gap: 60px;
}
@media (max-width: 768px) {
  body #page footer .blue-footer > div {
    align-items: center;
  }
}
body #page footer .blue-footer ul {
  display: flex;
  grid-column-gap: 40px;
}
body #page footer .blue-footer ul:first-of-type {
  justify-content: space-between;
}
body #page footer .blue-footer ul:first-of-type a {
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 768px) {
  body #page footer .blue-footer ul:first-of-type {
    flex-direction: column;
    grid-row-gap: 10px;
    align-items: center;
  }
}
body #page footer .blue-footer ul:last-of-type {
  justify-content: flex-start;
}
body #page footer .blue-footer ul:last-of-type i {
  font-size: 25px;
}
body #page footer .blue-footer img {
  margin-bottom: 20px;
}
body #page footer .green-footer {
  background-color: #408922;
  padding: 20px 0;
}
body #page footer .green-footer > div {
  text-align: center;
}
body #page footer .green-footer strong {
  font-size: 14px;
}
@media (max-width: 1041px) {
  body #page nav {
    justify-content: space-between;
  }
  body #page nav .nav-list {
    display: none;
  }
  body #page nav .mobile-nav-toggle {
    display: block;
  }
}
@media (max-width: 768px) {
  body #page p,
  body #page a,
  body #page span,
  body #page ul,
  body #page ol,
  body #page li,
  body #page table,
  body #page tr,
  body #page td,
  body #page input,
  body #page textarea,
  body #page button,
  body #page label,
  body #page select,
  body #page strong {
    font-size: 14px;
  }
  body #page h1 {
    font-size: 26px;
  }
}
body #ui-datepicker-div {
  border-radius: 5px;
  border: 1px solid #e6e6e6;
  padding: 0.5em;
  margin-top: 0.25em;
}
body #ui-datepicker-div * {
  color: #4d4d4d;
  outline: none;
}
body #ui-datepicker-div .ui-datepicker-title * {
  font-weight: 700;
}
body #ui-datepicker-div .ui-datepicker-header {
  border: none;
  background: none;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  border: none;
  background: none;
  left: 2px !important;
  top: 2px !important;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  background-position: -96px 0;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  border: none;
  background: none;
  right: 2px;
  top: 2px;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon {
  background-position: -32px 0;
}
body #ui-datepicker-div .ui-datepicker-calendar thead * {
  font-weight: 700;
}
body #ui-datepicker-div .ui-datepicker-calendar .ui-state-default {
  border: 1px solid transparent;
  background: transparent;
  text-align: center;
  border-radius: 5px;
}
body #ui-datepicker-div .ui-datepicker-calendar .ui-state-default.ui-state-hover {
  opacity: 1;
  border: 1px solid #ddd;
  background: #ddd;
}
body #ui-datepicker-div .ui-datepicker-calendar .ui-state-default.ui-state-active {
  color: #fff;
  border: 1px solid #408922 !important;
  background: #408922 !important;
}
#job-form-wrapper .error {
  width: 100%;
}