@import url("/assets/jobpostings/custom/ober/default.fonts.css");


.wrapper {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  z-index: 10;
}
body {
  font-family: Roboto;
  color: #000000;
  font-size: 18px;
  font-weight: 300;
}
.logo {
  max-width: 250px;
  display: inline-block;
}
header {
  position: relative;
  padding: 30px 0;
}

.hero {
  display: flex;
  align-items: center;
  background-image: var(--headerimage, url("https://jobads.schnellestelle.de/assets/jobpostings/custom/ober/default/img/hero.jpg"));
  background-size: 100%;
  aspect-ratio: 21/9;
  margin-bottom: 70px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  position: relative;
}
.hero-content {
  background: #003366;
  height: 100%;
  padding-inline: 3rem 10rem;
  clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
}
.intro {
  color: #99cc66;
  font-size: 2rem;
  font-weight: 700;
  padding-top: 20px;
}
.intro h2 {
  padding: 0 0 3px;
}
.intro div:last-child {
  font-size: 1.5rem;
  font-weight: normal;
}
@media (max-width: 991px) {
  .intro,
  .intro div:last-child {
    padding-top: 0;
    font-size: .9rem
  }
}

[itemprop="hiringOrganization"] strong {
  font-size: 2rem;
  display: block;
}

.main {
  padding: 50px 0 0;
}
.h1,
h1 {
  font-size: 110px;
  letter-spacing: -0.5px;
  font-weight: 700;
  line-height: .9;
  color: #ffffff;
  margin-top: 70px;
}
@media (max-width: 1400px) {
  h1 {
    margin-top: 40px;
    font-size: 90px;
  }
}
@media (max-width: 1200px) {
  h1 {
    font-size: 70px;
  }
}
@media (max-width: 992px) {
  .hero-content {
    padding-inline: 1rem 4rem;
    clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
    padding-top: 20px;
  }
  h1 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  h1 br {
    display: none;
  }
  body {
    font-size: 15px;
  }
}

[itemprop="hiringOrganization"] strong,
.h2,
h2 {
  font-weight: 500;
  margin: 0;
  padding: 10px 0;
  color: #99cc66;
}
dl,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 10px 0 20px;
}
li {
  position: relative;
  padding-left: 20px;
  padding-bottom: 10px;
}
li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #99cc66;
}

@media (min-width: 740px) {
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-6.box {
    flex-basis: 48%;
  }
  .box_wrap {
    justify-content: space-between;
    margin: 0;
  }
}

a {
  color: #99cc66;
  font-weight: 700;
}

.subtitle {
  font-size: 1.3em;
  font-weight: 700;
}
.dark img {
  max-width: 1020px;
}

.bg-blue {
  background-color: #003366;
}
.contact {
  color: #ffffff;
}

.footer-cta {
  background-color: #99cc66;
  color: #fff;
  clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
  padding: 1rem 3rem 1rem 10%;
  margin: 2rem 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 992px) {
  .footer-cta {
    font-size: 4rem;
  }
}
@media (min-width: 1200px) {
  .footer-cta {
    font-size: 5rem;
  }
}