@font-face {
  font-family: "Regular";
  src: url("https://assets.stellenpool24.de/01_wwum/fonts/metawebpro-normal.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Bold";
  src: url("https://assets.stellenpool24.de/01_wwum/fonts/metawebpro-bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
html {
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
}

p {
  margin: 0;
  padding-bottom: 1.7rem;
}

body {
  font-size: 1rem;
  line-height: 1rem;
  color: #50504f;
  background: #fff;
  line-height: 138%;
  font-family: "Regular", sans-serif;
  overflow-x: hidden;
}

.bodyWrapper {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  font-size: 1.5rem;
  line-height: 2.3rem;
  z-index: -2;
}

.contentWrapper {
  width: 100%;
  padding: 0;
  max-width: 76rem;
  outline: 1px solid #999;
  position: relative;
  display: block;
  overflow: hidden;
}

.box {
  padding: 0;
}

.noMg {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

strong, .strong {
  font-family: "Bold";
  font-weight: normal;
}

.noMg {
  padding: 0 !important;
  margin: 0 !important;
}

h1, h2, h3, h4 {
  font-weight: normal;
  font-family: "Bold", sans-serif;
}

h1 {
  font-size: 2.5rem;
  line-height: 3rem;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: normal;
  text-align: left;
  color: #009dd1;
}
h1 span {
  display: block;
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-family: "Regular", sans-serif;
  margin-top: 5px;
}

h2 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 0;
  padding-top: 0;
  color: #009dd1;
}
h2 span {
  font-family: "Regular", sans-serif;
}

h3, h4 {
  font-size: 1.2rem;
  line-height: 1.7rem;
  margin-bottom: 0;
  padding-bottom: 0;
  margin-top: -2px !important;
}

h4 {
  color: #009dd1;
}

.subInfo {
  font-size: 1.4rem;
  line-height: 1.9rem;
  font-weight: 700;
  color: #009dd1;
}
.subInfo span {
  font-size: 1.2rem;
  line-height: 1.7rem;
  margin-top: 15px;
  display: block;
}

header {
  display: flex;
  background: transparent;
  width: calc(100% + 1px);
  position: relative;
  flex-direction: row;
  margin: 0 0 6rem;
}

div.subWrapper, a.subWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
div.small, a.small {
  background: yellow;
  padding-bottom: calc(45.3% - 5px);
}
div.big, a.big {
  background: green;
  padding-bottom: calc(90.6% - 5px);
}
div.mgB, a.mgB {
  margin-bottom: 5px;
}
div.mgR, a.mgR {
  margin-right: 5px;
}
div.wrap1, a.wrap1 {
  background: url("https://assets.stellenpool24.de/01_wwum/img/header_1.svg") no-repeat;
  background-size: cover;
}
.b div.wrap1, .b a.wrap1,
div.wrap1b, a.wrap1b {
  background: url("https://assets.stellenpool24.de/01_wwum/img/header_1_black.svg") no-repeat;
  background-size: cover;
}
.c div.wrap1, .c a.wrap1,
div.wrap1c, a.wrap1c {
  background: url("https://assets.stellenpool24.de/01_wwum/img/header_1.svg") no-repeat;
  background-size: cover;
}
div.wrap2, a.wrap2 {
  background: url("https://assets.stellenpool24.de/01_wwum/img/header_2.jpg") no-repeat;
  background-size: cover;
}
.b div.wrap3, .b a.wrap3,
div.wrap3, a.wrap3, div.wrap3b, a.wrap3b {
  background: url("https://assets.stellenpool24.de/01_wwum/img/header_3.jpg") no-repeat;
  background-size: cover;
}
div.wrap4, a.wrap4 {
  background: url("https://assets.stellenpool24.de/01_wwum/img/header_4.jpg") no-repeat;
  background-size: cover;
}
div.wrap5, a.wrap5 {
  background: url("https://assets.stellenpool24.de/01_wwum/img/header_6.png") no-repeat;
  background-size: cover;
}
.b div.wrap5, .b a.wrap5,
div.wrap5b, a.wrap5b {
  background: url("https://assets.stellenpool24.de/01_wwum/img/header_5_fcm.png") no-repeat;
  background-size: 90%;
  background-position: center 80%;
}
.c div.wrap5, .c a.wrap5,
div.wrap5c, a.wrap5c {
  background: url("https://assets.stellenpool24.de/01_wwum/img/header_5_cmm.jpg") no-repeat;
  background-size: 78%;
  background-position: 46% 66%;
}
div.wrap6, a.wrap6 {
  background: url("https://assets.stellenpool24.de/01_wwum/img/header_6.svg") no-repeat;
  background-size: cover;
}

.content, footer {
  padding: 0 6rem;
  z-index: 2;
}

.box:has(.footerTopPage) {
  padding-bottom: 0;
}
.footerTopPage {
  display: none;
  width: 100%;
  margin-bottom: 2rem !important;
}

footer {
  background: transparent;
  padding: 0 6rem 0;
  margin: -12px 0 0;
  /**display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;*/
}
footer .side {
  align-items: center;
}
footer img {
  width: 100%;
}

footer svg.diversity {
  width: 85px;
  height: 85px;
  margin-right: 20px;
}

footer svg.diversity_mobile {
  display: none;
  width: 85px;
  height: 85px;
  margin-left: 20px;
}

footer img.auditLogo {
  width: 85px;
  height: 85px;
  margin-right: 20px;
}
footer img.totaleLogo {
  width: 93px;
  height: 93px;
  margin-right: 20px;
}

footer img.kununuLogo {
  width: auto;
  height: 90px;
  margin-right: 20px;
}

footer img.mostLogo {
  width: auto;
  height: 84px;
}

.claimWrapper {
  flex-basis: 100%;
  margin-left: -25px;
}

#claim {
  width: 200px;
  height: 50px;
  padding: 4rem 0rem 8px;
}

.mobileImg {
  position: absolute;
  width: 100%;
  display: none;
}

.box {
  padding-bottom: 2rem;
}
.box > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

#ehLogo {
  box-shadow: 0 2px 6px -3px #333333;
  margin-top: -20px;
  background: white;
  padding: 6rem 6rem 3rem;
}

#ehLogo img {
  width: 100%;
  max-width: 25rem;
}

.intro {
  color: #50504f;
}

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

.side {
  display: flex;
  justify-content: space-between;
  margin-bottom: -10px !important;
  /* float: right; */
  /* width: 500px; */
}
@media screen and (max-width: 380px) {
    footer .logoWrapper {
        margin-left: 0% !important;
    }
}
.side > div {
  flex: 0 0 calc(50% - 30px);
  padding: 0 30px 0 0;
}
.side > div:last-child {
  padding: 0 0 0 30px;
}

body:has(.profileTop) .content {
  display: flex;
  flex-direction: column;
}
#intro { order: 1; }
#tasks { order: 2; }
#profile { order: 3; }
#offer { order: 4; }
#apply { order: 5; }
body:has(.profileTop) #profile {
  order: 2;
}
body:has(.profileTop) #tasks {
  order: 3;
}