*, ::after, ::before {
    box-sizing: border-box;
}
html {
    font-size: inherit;
}
/* Fonts */ :root {
    --font-body: 15;
    --font-body-px: 15px;
    --font-body-max: 15;
    --font-body-max-px: 15px;
    --font-body-lh-factor: 1.428571;
    --font-title: 36;
    --font-title-px: 36px;
    --font-title-max: 36;
    --font-title-max-px: 36px;
    --font-title-lh-factor: 1.125;
    --font-intro: 14;
    --font-intro-px: 14px;
    --font-intro-max: 15;
    --font-intro-max-px: 15px;
    --font-intro-lh-factor: 1.428571;
    --font-label: 16;
    --font-label-px: 16px;
    --font-label-max: 16;
    --font-label-max-px: 16px;
    --font-label-lh-factor: 1.2;
    --spacer: 30px;
}
@media (max-width: 991.98px) {
    :root {
        --bp01: 769;
        --bp01-px: 769px;
        --bp02: 991;
    }
}
@media (max-width: 768.98px) {
    :root {
        --bp01: 361;
        --bp01-px: 361px;
        --bp02: 768;
        --spacer: 22.5px;
    }
}
@media (max-width: 359.98px) {
    :root {
        --bp01: 280;
        --bp01-px: 280px;
        --bp02: 360;
        --spacer: 15px;
    }
}
/* Intro (15/21.4) / Title (28/30) / Label(18/21.6) / Text (14/20) / Sidebar Company (10/14) / Buttons (16.45 /23.5) / Contact (12/18) */
body {
    font-size: calc(var(--font-body-px) + (var(--font-body-max) - var(--font-body)) * ((100vw - var(--bp01-px)) / (var(--bp02) - var(--bp01))));
    line-height: calc((var(--font-body-px) + (var(--font-body-max) - var(--font-body)) * ((100vw - var(--bp01-px)) / (var(--bp02) - var(--bp01)))) * var(--font-body-lh-factor));
    /*line-height: calc((20px + (24 - 20) * ((100vw - 1201px) / (1825 - 1201)))/1.25) !important;*/
}
.job h1 {
    font-size: calc(var(--font-title-px) + (var(--font-title-max) - var(--font-title)) * ((100vw - var(--bp01-px)) / (var(--bp02) - var(--bp01))));
    line-height: calc((var(--font-title-px) + (var(--font-title-max) - var(--font-title)) * ((100vw - var(--bp01-px)) / (var(--bp02) - var(--bp01)))) * var(--font-title-lh-factor));
}
.job p {
    font-size: calc(var(--font-intro-px) + (var(--font-intro-max) - var(--font-intro)) * ((100vw - var(--bp01-px)) / (var(--bp02) - var(--bp01))));
    line-height: calc((var(--font-intro-px) + (var(--font-intro-max) - var(--font-intro)) * ((100vw - var(--bp01-px)) / (var(--bp02) - var(--bp01)))) * var(--font-intro-lh-factor));
}
.content h2 {
    font-size: calc(var(--font-label-px) + (var(--font-label-max) - var(--font-label)) * ((100vw - var(--bp01-px)) / (var(--bp02) - var(--bp01))));
    line-height: calc((var(--font-label-px) + (var(--font-label-max) - var(--font-label)) * ((100vw - var(--bp01-px)) / (var(--bp02) - var(--bp01)))) * var(--font-label-lh-factor));
}
.buttons {
    font-size: 16.45px;
    line-height: 20px;
    max-width: 250px;
    margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
    body {
        font-size: var(--font-body-max-px);
        line-height: calc(var(--font-body-max-px) * var(--font-body-lh-factor));
    }
    .job h1 {
        font-size: var(--font-title-max-px);
        line-height: calc(var(--font-title-max-px) * var(--font-title-lh-factor));
    }
    .job p {
        font-size: var(--font-intro-max-px);
        line-height: calc(var(--font-intro-max-px) * var(--font-intro-lh-factor));
    }
    .content h2 {
        font-size: var(--font-label-max-px);
        line-height: calc(var(--font-label-max-px) * var(--font-label-lh-factor));
    }
}
body {
    font-family: GothamSSm-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin: 0;
    text-align: left;
}
a, a:active, a:focus {
    outline: none;
}
a {
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    text-decoration: underline;
}
ol, ul, li {
    margin: 0;
    padding: 0;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1 {
    margin-bottom: .5rem;
    font-weight: 500;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 20px;
}
.container {
    margin: 30px auto;
    padding: 0;
    width: calc(100vw - 60px);
    max-width: 980px;
}
.sidebar .col {
    display: flex;
    width: 100%;
}
.sidebar .box {
    width: 100%;
}
.logo {
    padding: 0 15px;
}
.logo img {
    margin: 30px 0 0 0;
    max-height: 100px;
    vertical-align: middle;
}
.header {
    margin: 0;
    padding: 0;
}
.header .img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.header .img img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.stepstone {
    display: none;
}
.content h2 {}
.content img {
    display: block;
    max-width: 100%;
    height: auto;
}
.content ul {
    list-style-type: none;
    margin: 0 0 15px 0px;
    padding-left: 15px;
}
.content ul li:before {
    content: "\2022";
    position: absolute;
    margin-left: -15px;
}
.content ol {
    margin: 0 0 15px 0px;
    padding-left: 16px;
}
.content ol li:before {
    position: absolute;
    margin-left: -15px;
}
.job p {
    margin-bottom: 30px;
}
.job h1 {
    display: block;
    margin: 0 0 30px 0px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.header.col .text {
    left: calc(1% + 16px);
    margin-right: 5%;
    position: absolute;
    top: 50.5%;
    transform: translate(0px, -40%);
    z-index: 5;
    font-size: 1.2142857142857142em;
    padding: 20px;
}
.header.col h1 {
    margin-bottom: 0;
    margin-top: 0;
    font-family: GothamSSm-Light, sans-serif;
    font-size: 1.7333333333333334em;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.3333333333333333em;
}
.box {}
.sidebar .col {
    margin-bottom: 1px;
}
.apply .logo img {
    margin: 0 auto 20px auto;
    max-width: 150px;
    display: block;
}
.apply .buttons {}
.application, .whatsapp {}
.apply a.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 8px;
    font-weight: 600;
    text-decoration: none;
}
.apply .whatsapp a.btn {
    padding: 7.1365px 8px;
}
.apply .whatsapp a.btn {
    width: 100%;
}
.whatsapp {
    margin-top: 10px;
}
.whatsapp img {
    padding: 0 5px 0 0;
    max-height: 25.75px;
}
.contact ul {
    list-style-type: none;
}
.award {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.award img {
    max-width: 100%;
    height: auto;
}
.shareButtons a {
    display: inline-block;
    text-align: center;
}
.shareButtons span {
    font-weight: 700;
}
/* Social Bereich */
.socialWeb {
    padding: 15px 0 0 0;
    position: absolute;
    z-index: 999999999;
    right: 15px;
}
.socialWeb .title {
    margin: 0 0 15px 0;
    display: inline-block;
    font-size: 0.7857142857142857em;
    font-weight: bold;
}
.socialWeb a {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    margin: 0 0 3px 3px;
}
.socialWeb a .channel {
    text-indent: -9999px;
    display: hidden;
    position: absolute;
}
.socialWeb a .fa {
    font-size: 1.4em;
    line-height: 32px;
    vertical-align: middle;
    text-indent: 0 !important;
}
.socialWeb a:hover .fa {
    opacity: 1;
}
#ag .shareLabel {
    font-size: 12px;
    font-weight: 400;
}
#ag .fa {
    font-size: 15px;
}
/* Social Bereich Ende*/
.content {
    padding-left: 35px;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 35px;
    whith: 100%;
}
.company.col {
    padding-bottom: 30px;
	padding-left: 15px;
}
.bottomLogo {
    bottom: 10px;
    position: absolute;
    right: 35px;
}
.bottomLogo img {
    bottom: 10px;
    max-height: 100px;
}
.adressData.jb {
    clear: both;
    margin-bottom: 100px;
}
.pb10 {padding-bottom: 10px;}
.pt20 {padding-top: 20px;}
@media only screen and (max-width: 991.98px) {
    .content {
        margin-bottom: 30px;
    }
    .sidebar .awards {
        width: 100%;
        display: block;
    }
    .award img {
        max-width: 50%;
        height: auto;
    }
    .award {
        text-align: center;
    }
}
@media only screen and (max-width: 768.98px) {
    .container {
        border: none;
        margin: 0 !important;
        box-shadow: none;
        width: 100%;
    }
    .content {
        margin-bottom: var(--spacer);
    }
    .header {}
    .logo img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: var(--spacer) 0 0 0;
    }
    .job h1 {}
    .job p {}
    .hidden-xs {
        display: none !important;
    }
}
@media only screen and (min-width: 769px) {}
@media only screen and (min-width: 769px) and (max-width: 991.98px) {
    .sidebar .col:not(.awards) {
        width: 50%;
    }
}
@media only screen and (max-width: 359.98px) {}
@media (min-width: 992px) {}