@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "GeneralGrotesque-Regular";
    src: url('../fonts/GeneralGrotesque-Regular.eot');
    src: url('../fonts/GeneralGrotesque-Regular.woff2') format('woff2'),
    url('../fonts/GeneralGrotesque-Regular.woff') format('woff');
}
@font-face {
    font-family: "GeneralGrotesque-Book";
    src: url('../fonts/GeneralGrotesque-Book.eot');
    src: url('../fonts/GeneralGrotesque-Book.woff2') format('woff2'),
    url('../fonts/GeneralGrotesque-Book.woff') format('woff');
}

@font-face {
    font-family: "GeneralGrotesque-Demi";
    src: url('../fonts/GeneralGrotesque-Demi.eot');
    src: url('../fonts/GeneralGrotesque-Demi.woff2') format('woff2'),
    url('../fonts/GeneralGrotesque-Demi.woff') format('woff');
}
html{
    scroll-behavior: smooth;
}
body {
    margin: 0 auto;
    font-family: GeneralGrotesque-Regular;
    font-size: 16px;
    letter-spacing: 0.03em;
}
img {
    max-width: 100%;
}
h2 {
    margin:0 0 48px 0;
    padding: 0px;
    letter-spacing: 0.01em;
    font-size: 42px;
    line-height: 48px;
}
h3 {
    font-size: 32px;
}
h4 {
    margin:0;
    padding:0;
    font-size:24px;
    line-height: 36px;
}
a {
    font-style: normal;
    text-decoration: none;
    color: black;
}
a:hover {
    color:black;
}
main {
    margin: 0 auto;
    width: 100%;
}

/*
** Header
 */
header .pageInner {
    max-width: 1650px;
    align-items:flex-end;
    flex-wrap: nowrap;
}
header .headerLogoInner {
    padding:26px 10px 48px 32px;
}
header .titleArea {
    font-size: 14px;
}
header span {
    padding:0px 10px;
}
header span:first-child {
    padding:0px;
}
header h1 {
    font-size: 56px;
    line-height: 64px;
    margin:0 0 8px 0;
    padding:0;
    font-weight: 400;
}
/*
** Header Fixed
 */
#headerFixed {
    opacity: 0;
    top:-200px;
    width: 100%;
    z-index: 999999999999;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
    position: fixed;
    background-color:white;
    transition: ease-in-out 0.5s;
}
#headerFixed.fixed {
    top:0;
    opacity: 1;
}
#headerFixed .pageInner {
    height: 135px;
    align-items: center;
}
#headerFixed .pageInner h1 {
    font-size: 38px;
    line-height: 48px;
    font-weight: 400;
}
#headerFixed a.applyHeader.button {
    min-width: 195px;
    margin-left:20px;
}
#headerFixed .pageInner {
    flex-wrap: nowrap;
}
/*
** Content
 */
.pageInner {
    max-width: 1650px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    flex-wrap: wrap;
}
.specialW {
    max-width: 1370px;
}
.noFlex {
    display: block;
}
/*
** Quickinfos
 */
#quickInfos {
    background-color:#F6F6F5;
    font-size: 16px;
    margin-top: 48px;
}
#quickInfos .pageInner {
    padding:32px 0px 32px 0px;
}
#quickInfos h2 {
    font-weight: 600;
    font-size: 20px;
    margin:0 0 8px 0;
    padding:0;
    width: 100%;
}
#quickInfos .jobQuickInfosLeft {
    display: flex;
}
#quickInfos .locationLink {
    color:#9E9E9E;
}
#quickInfos .locationLink svg {
    padding-right:8px;
}
#quickInfos .jobLocationQuick {
    display: flex;
    max-width: 500px;
    justify-content: space-between;
    width: 500px;
    border-left: 1px solid #BDBDBD;
    padding:0 30px;
}
#quickInfos .locationTextArea {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
#quickInfos .locationTextArea .locationText {
    width: 100%;
}

#quickInfos .jobQuickInfosTop, #quickInfos .jobQuickInfosBottom {
    width: 100%;
}
#quickInfos .jobQuickInfosTop span {
    width: 250px;
    display: block;
}
#quickInfos .jobQuickInfos {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    padding-left:140px;
    padding-right: 30px;
}
#quickInfos .locationQuickMap {
    margin-top: 24px;
}
#quickInfos .locationQuickMap img {
    max-width: 220px;
}
#quickInfos .jobNotificationsQuick {
    max-width: 250px;
    border-left: 1px solid #BDBDBD;
    padding-left: 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}
#quickInfos .shareQuick {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
}
#quickInfos .shareQuick a {
    margin-right: 20px;
}
#quickInfos .shareQuick a svg {
    width: 24px;
    height: 24px;
}
#quickInfos .shareQuick a:last-child {
    margin-right: 0px;
}
#quickInfos .shareQuickIcons {
    width: 100%;
    padding-top: 4px;
}
#quickInfos .jobNotificationsQuickInput {
    position: relative;
    border-bottom:1px solid #E0E0E0;
    width: 100%;
}
#quickInfos input {
    background:transparent;
    box-shadow: none;
    border:0;
    outline:0;
    width: 85%;
    padding:0 0 10px 10px;
    font-size: 14px;
    letter-spacing: 0.03em;
    font-family: GeneralGrotesque-Regular;
    box-sizing: border-box;

}
#quickInfos input:focus, #quickInfos input:active {
    outline:0;
    border:0;
}
#quickInfos .jobNotificationsQuickInput .errorEmail {
    position: absolute;
    bottom:-20px;
    font-size: 12px;
    color:red;
    opacity: 0;
    transition: opacity ease-in-out 0.3s;
}
#quickInfos .jobNotificationsQuickInput .errorEmail.active {
    opacity: 1;
}
#quickInfos .jobNotificationsQuickInput svg {
    position: absolute;
    right: 10px;
    top: 0px;
}
#quickInfos input::placeholder {
    color:#9E9E9E;
    letter-spacing: 0.03em;
    font-family: GeneralGrotesque-Regular;
}
#jobNotificationButton {
    cursor: pointer;
}
/*
** Buttons / Apply
 */
.button {
    width: 195px;
    height: 64px;
    background-color:#6CE032;
    justify-content: center;
    display: flex;
    color:black;
    align-items:center;
}
.applyButton:hover {
    color:black;
}

/*
* Slider
 */
#sliderSection {
    background-color: #212121;
    color:white;
    padding:64px 0px;
}
.sliderHolder {
    max-width: 810px;
    width: 810px;
    display: block;
}
/*
** Slick
 */
.slick-dots {
    text-align: left;
    max-width: 810px;
    bottom:-45px;
    display: flex;
    justify-content: space-between;
}
.slick-dots li {
    width: 30%;
    margin:0;
}
.slick-dots li button {
    height: 3px;
    padding:0;
    width: 100%;
    background: linear-gradient(to left, #666 50%, white  50%) right;
    background-size: 201%;
}
.slick-dots li button:hover {
    background: linear-gradient(to left, #999 50%, white  50%) right;
    background-size: 200%;
}
.slick-dots li.slick-active button {
    background-position: left;
    transition: 5s ease-out;
}
#sliderSection .slideElement {
    position: relative;
}
#sliderSection .sliderText {
    position: absolute;
    bottom:28px;
    left:45px;
    max-width: 456px;
}
#sliderSection .sliderText h2 {
    margin-bottom:0px;
}
#sliderSection iframe {
    max-width: 100%;
}
/*
** Slidersection right side
 */
#sliderSection .pageInner {
    justify-content: flex-start;
}
#sliderSection .sliderRightText {
    max-width: 390px;
    min-width: 390px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding-left:160px;
    line-height: 28px;
}

#sliderSection .sliderRightText a {
    color: #FFFFFF;
    border-bottom: 2px solid #6ce032;
    transition-timing-function: ease-in-out;
    transition-duration: .1s;
    transition-property: border-bottom-color;
    padding-bottom: 4px;
}

#sliderSection .sliderRightText a:hover {
    border-bottom: 2px solid transparent;
}

#sliderSection .sliderRightText h2 {
    margin:-40px 0 0 0;
}
/*
* Ueber Die Stelle (Pluslists)
 */
#ueberDieStelle {
    margin:80px 0;
}
#ueberDieStelle .ueberDieStelleEle {
    width: 100%;
}
#ueberDieStelle h3 {
    margin-bottom:32px;
}
#ueberDieStelle .plusListHolder {
    padding-left:240px;
    display: flex;
    justify-content: space-between;
}
#ueberDieStelle .plusListHolder .plusListLeft, #ueberDieStelle .plusListHolder .plusListRight {
    max-width: 530px;
}
#ueberDieStelle .topPlusListEle, #ueberDieStelle .bottomPlusListEle {
    display: flex;
    padding: 16px;
    border-bottom:1px solid #E0E0E0;
}
#ueberDieStelle .plusSymbolHolder {
    width: 100px;
    min-width: 100px;
}
#ueberDieStelle p {
    margin:0;
    padding:0;
}
#ueberDieStelle span {
    font-size: 20px;
}
#ueberDieStelle span.inactive {
    opacity: 0.3;
}
#ueberDieStelle .ueberDieStelleEle {
    margin-bottom:48px;
}
#ueberDieStelle .plusListRight {
    margin-right: 140px;
}

/*
** Benefits
 */
#benefits .benefitsHolder {
    width: 100%;
}
#benefits .benefitsHolder {
    display: grid;
    grid-template-columns: auto auto auto;
}
#benefits .benefitsElement {
    margin-bottom:48px;
}
#benefits .benefitsElement p {
    max-width: 390px;
}
#benefits .benefitsIcon {
    width: 64px;
    height: 64px;
    background-color:#F6F6F5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
}
#benefits .benefitsPS {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
#benefits .benefitsPS span {
    display: flex;
    align-items: center;
    color:#9E9E9E;
}

/*
** Contact
 */
#contact {
    margin-top:80px;
    padding:64px 0;
    background-color:#F6F6F5;
}
#contact .pageInner {
    justify-content: flex-start;
}
#contact h2{
    margin-bottom:6px;
}
#contact .contactLeft {
    max-width: 530px;
    min-width: 530px;
    margin-right: 30px;
    font-size: 18px;
}
#contact .contactRight {
    display: flex;
    font-size: 18px;
}
#contact .contactImgHolder {
    margin-right:30px;
    max-width: 390px;
}
#contact .contactInfosHolder span {
    display: block;
}
#contact .contactInfosHolder .mailTelHolder {
    display: flex;
    margin-top: 28px;
}
#contact .contactInfosHolder .mailTelHolder a {
    padding:0px 10px;
}
#contact .contactInfosHolder .mailTelHolder a:first-child {
    padding-left:0px;
}
#contact .contactInfosHolder .smContactHolder {
    margin-top:10px;
}
#contact .contactInfosHolder .smContactHolder a {
    margin-right: 16px;
}
#contact .contactEmail {
    text-decoration: underline;
}
#contact hr {
    margin-top:48px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #BDBDBD;
}
#contact .contactSecondLine {
    padding-top:33px;
    justify-content: space-between;
}
#contact .auszeichnungen {
    display: flex;
    align-items: center;
}
#contact .auszeichnungenImagesHolder {
    margin-left:42px;
}
#contact .auszeichnungenImagesHolder img {
    margin-right: 16px;
    height: 45px;
}
#contact .contactShare {
    display: flex;
    align-items: center;
}
#contact .contactShare span {
    margin-right: 32px;
}
#contact .contactShare a {
    margin-right:16px;
}
#contact .contactShare a svg {
    width: 24px;
    height: 24px;
}
#contact .contactShare a:last-child {
    margin-right:0;
}

/*
** SimilarPositions
 */

#similarJobs {
    margin:80px 0 0 0;
}
#similarJobs .similarJobsHolderMobile {
    display: none;
}
#similarJobs .similarJobsHolder {
    width: 100%;
    margin-top: 20px;
}
#similarJobs .similarJobsHead {
    display: grid;
    border-bottom:1px solid #E0E0E0;
    padding-bottom:9px;
    grid-template-columns: 30% 12% 24% 17% 17%;
    color:#9E9E9E;
    padding-left:8px;
}
#similarJobs .similarJob {
    display: grid;
    border-bottom:1px solid #E0E0E0;
    grid-template-columns: 30% 12% 24% 17% 17%;
    padding:14px 0 14px 8px;
}
#similarJobs .moreJobs.button {
    background-color:#EEEEEE;
    width: 169px;
    margin:48px auto 0 auto;
}

/*
** World Map
 */
#jobsWorldMap {
    margin-top:80px;
}
#jobsWorldMap .worldMap {
    position: relative;
}
#jobsWorldMap .locationMap {
    width:29px;
    height: 29px;
    background-color:#7BFB3C;
    border-radius:50%;
    position: absolute;
    transition:  ease-in-out 0.3s;
}
#jobsWorldMap .locationMap:hover {
    transform:scale(1.8);
    z-index: 9999;
}
#jobsWorldMap .locationMap span {
    font-size: 7px;
    position: absolute;
    white-space: nowrap;
    background-color: black;
    color: white;
    padding: 2px 2px 3px 2px;
    border-radius: 3px;
    top:-13px;
}
#jobsWorldMap .locationMap:hover span {
    display: block !important;
}

#jobsWorldMap .locationMap span:after {
    width: 6px;
    height: 6px;
    content:"";
    transform:rotate(45deg);
    background-color:black;
    display: block;
    position: absolute;
    z-index: -1;
    left:calc(50% - 3px);
    bottom: -2px;
}

#jobsWorldMap .locationMap.switzerland {
    top: 46%;
    left: 50%;
}
#jobsWorldMap .locationMap.ungarn {
     top: 45%;
     left: 54%;
 }
#jobsWorldMap .locationMap.ungarn span {
}
#jobsWorldMap .locationMap.niederlande {
    top: 34%;
    left: 49%;
}
#jobsWorldMap .locationMap.niederlande span {
}
#jobsWorldMap .locationMap.usa {
    top: 52%;
    left: 22%;
}
#jobsWorldMap .locationMap.usa span {
    left:1px !important;
}
#jobsWorldMap .locationMap.deutschland {
    top: 35%;
    left: 51%;
}
#jobsWorldMap .locationMap.deutschland span {
}
#jobsWorldMap .locationMap.china {
    top: 85%;
    left: 87%;
}
#jobsWorldMap .locationMap.china span {
}
#jobsWorldMap .locationMap.korea {
    top: 65%;
    left: 91%;
}
#jobsWorldMap .locationMap.korea span {
}
/*
** CTA Area
 */
#ctaArea {
    margin-top: 80px;
    background-color:#F6F6F5;
    padding:64px 0px;
}
#ctaArea h3 {
    width: 100%;
    margin:0 0 48px 0;
}
#ctaArea .ctaLeft, #ctaArea .ctaRight {
    border-top:1px solid #E0E0E0;
    border-bottom:1px solid #E0E0E0;
    padding:20px 0;
    max-width: 570px;
    position: relative;
}
#ctaArea p {
    max-width: 80%;
}
#ctaArea a {
    position: absolute;
    right:0;
    bottom:20px;
    width: 40px;
    height: 40px;
    background-color:#6CE032;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#ctaArea .ctaRight {
    margin-right: 275px;
}

/*
** Footer
 */
footer .pageInner {
    align-items: center;
    height: 126px;
}
footer .sozialFollow a {
    padding-right: 21px;
}
footer .sozialFollow a svg {
    width: 24px;
    height: 24px;
}
footer .copyRight {
    font-size: 14px;
    opacity: .38;
}
footer .goTop {
    position: fixed;
    right: 40px;
    bottom:-140px;
    width: 48px;
    height: 48px;
    border:1px solid #E0E0E0;
    border-radius: 50%;
    display: flex;
    opacity: 0;
    align-items: center;
    justify-content: center;
    background-color:white;
    transition: ease-in-out 1s;
}
footer .goTop.active {
    opacity: 1;
    bottom:40px;
}

@media only screen and (max-width: 1660px) {
    .pageInner {
        max-width: 1440px;
        padding:0px 32px;
    }
    #jobsWorldMap img {
        max-width: 100%;
    }
    #quickInfos .jobQuickInfos {
        padding-left:0px;
    }
    #ctaArea .ctaRight {
        margin-right: 0px;
    }
    #ctaArea .ctaLeft, #ctaArea .ctaRight {
        max-width: 46%;
    }
    #quickInfos .pageInner {
        padding:32px;
    }
    #quickInfos .jobLocationQuick {
        width: inherit;
        padding:0 20px;
    }
    #quickInfos .jobNotificationsQuick {
        padding-left:20px;
    }
    #quickInfos .locationTextArea {
        padding-right: 32px;
    }
    #quickInfos .jobQuickInfosTop span {
        width: 200px;
    }
    #quickInfos .jobQuickInfos {
        padding-right: 20px;
    }
    #sliderSection .sliderRightText {
        padding-left:100px;
    }
    .sliderHolder {
        width: 720px;
    }
    #ueberDieStelle .plusListHolder .plusListLeft, #ueberDieStelle .plusListHolder .plusListRight {
        width: 48%;
    }
    #jobsWorldMap .locationMap {
        width: 22px;
        height: 22px;
    }
    #headerFixed .pageInner {
        height: 100px;
    }
    #ueberDieStelle .plusListHolder {
        padding-left:80px;
    }
    #ueberDieStelle .plusListRight {
        margin-right: 80px;
    }
}
@media only screen and (max-width: 1261px) {
    #quickInfos .shareQuick {
        width: 100%;
        margin-top: 80px;
    }
    .sliderHolder  img {
        width: 100%;
    }
    .sliderHolder {
        width: 100%;
        margin: 0 auto;
    }
    #sliderSection .sliderRightText {
        padding-left: 40px;
        text-align: center;
        width: 80%;
        margin: 80px auto 0 auto;
    }
    #quickInfos .jobQuickInfosLeft {
        width: 100%;
        justify-content: space-between;
    }
    header h1 {
        font-size: 48px;
        line-height: 58px;
    }
    #ueberDieStelle .plusListHolder {
        padding-left:16px;
    }
    #ueberDieStelle .plusListRight {
        margin-right: 0px;
    }
    #benefits .benefitsHolder {
        grid-template-columns: auto auto;
        gap:32px;
    }
    #benefits .benefitsElement p {
        max-width: 95%;
    }
    #contact {
        margin-top:20px;
    }
    #contact .contactLeft {
        min-width: 100%;
        max-width: 100%;
    }
    #contact .contactRight {
        margin-top: 32px;
    }
    #similarJobs .similarJobsHead {
        grid-template-columns: 23% 13% 20% 17% 17%;
        gap:2%;
    }
    #similarJobs .similarJob {
        grid-template-columns: 23% 13% 20% 17% 17%;
        gap:2%;
    }
}
@media only screen and (max-width: 961px) {
    #headerFixed.fixed {
        display: none;
    }
    #jobsWorldMap .worldMap {
        position: relative;
        width: 100%;
    }
    #jobsWorldMap img {
        max-width: 100%;
        display: none;
    }
    #jobsWorldMap .locationMap {
        position: relative !important;
        left: 0 !important;
        top: inherit !important;
    }
    #jobsWorldMap .locationMap span {
        display: block !important;
        font-size: 22px;
        width: 100%;
        position: inherit;
        left: 0px !important;
        background: transparent;
        color: black;
        margin-bottom: 10px;
    }
    #jobsWorldMap .locationMap span:after {
        display: none;
    }
    #jobsWorldMap .locationMap span nr {
        background-color:#7BFB3C;
        color:black;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        display: inline-block;
        text-align: center;
        vertical-align: center;
        line-height: 33px;
        justify-content: center;
        align-content: center;
        align-items: center;
        font-size: 17px;
    }
    #ctaArea {
        margin-top: 40px;
    }
    #quickInfos .pageInner {
        padding-bottom: 48px;
    }
    #quickInfos .jobQuickInfosLeft {
        flex-wrap: wrap;
    }
    #quickInfos .jobLocationQuick,#quickInfos .jobQuickInfos, #quickInfos .jobNotificationsQuick {
        width: 100%;
        max-width: 100%;
        border:0;
        padding:32px 0;
        border-bottom: 1px solid #BDBDBD;
    }
    #quickInfos .jobNotificationsQuick {
        border-bottom: 0;
    }
    #quickInfos .jobQuickInfos {
        flex-wrap: nowrap;
        flex-direction: row;
    }
    #quickInfos .jobNotificationsQuickInput {
        max-width: 300px;
        margin-top: 48px;
    }
    #quickInfos .shareQuick {
        margin-top: 0px;
    }
    #quickInfos .shareQuick a {
        margin-right: 32px;
    }
    #quickInfos .shareQuick svg {
        width: 32px;
        height: 32px;
    }
    .pageInner {
        padding: 0px 16px;
    }
    header .pageInner {
        flex-wrap: wrap;
    }
    header .applyHeader {
        width: 100%;
        margin-top: 48px;
        height: 40px;
    }
    header h1 {
        font-size: 32px;
        line-height: 40px;
    }
    #ueberDieStelle .plusListHolder {
        flex-wrap: wrap;
        padding:0px;
    }
    #ueberDieStelle .topPlusListEle, #ueberDieStelle .bottomPlusListEle, #ueberDieStelle .plusListHolder .plusListLeft, #ueberDieStelle .plusListHolder .plusListRight {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    #benefits .benefitsHolder {
        grid-template-columns: auto auto;
        gap:32px;
    }
    #benefits .benefitsElement p {
        max-width: 95%;
    }
    #ueberDieStelle {
        margin:0;
    }
    #contact .auszeichnungen {
        width: 100%;
        margin-bottom:48px;
    }
    header .applyHeader.fixed {
        width: calc(100% - 30px);
        margin-top: 48px;
        height: 40px;
        position: fixed;
        top: 0;
        margin: 0px;
        left: 0;
        box-sizing: border-box;
        margin-left: 15px;
        z-index: 99999999;
    }
    #quickInfos.fixed {
        margin-top: 120px;
    }
}
@media only screen and (max-width: 767px) {
    #benefits .benefitsHolder {
        grid-template-columns: auto;
        gap:0px;
    }
    #benefits .benefitsElement p {
        max-width: 100%;
    }
    h2 {
        font-size: 26px;
        line-height: 36px;
    }
    h3 {
        font-size: 24px;
        line-height: 32px;
    }
    #quickInfos, #quickInfos input {
        font-size: 14px;
    }
    #quickInfos h2 {
        font-size: 18px;
    }
    #quickInfos .pageInner {
        padding:32px 16px;
    }
    #quickInfos .jobQuickInfos {
        justify-content: space-between;
    }
    #quickInfos .jobQuickInfosTop span {
        width: 170px;
    }
    #quickInfos .jobNotificationsQuickInput {
        max-width: 100%;
    }
    #ueberDieStelle .plusSymbolHolder {
        width: 70px;
        min-width: 70px;
    }
    #contact .contactRight {
        flex-wrap: wrap;
    }
    #contact .contactImgHolder {
        width: 100%;
        margin-right: 0px;
    }
    #contact .contactInfosHolder {
        margin-top: 16px;
    }
    #contact .auszeichnungen {
        flex-wrap: wrap;
    }
    #contact .auszeichnungenImagesHolder {
        width: 100%;
        margin-left: 0px;
        margin-top: 16px;
    }
    #contact .auszeichnungenImagesHolder img {
        margin-right: 18px;
    }
    #contact .contactShare {
        flex-wrap: wrap;
        width: 100%;
    }
    #contact .contactShare a {
        margin-right: 32px;
    }
    #contact .contactShare span {
        width: 100%;
        margin-bottom: 16px;
    }
    #contact .contactShare svg {
        width: 32px;
        height: 32px;
    }
    #similarJobs .similarJobsHolder {
        display: none;
    }
    #similarJobs .similarJobsHolderMobile {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    #similarJobs .similarJobMobile {
        width: 100%;
        min-width: 100%;
        padding-bottom: 32px;
        border-bottom:1px solid #E0E0E0;
        margin-bottom: 48px;
    }
    #similarJobs .titleAreaSJM {
        width: 100%;
        min-width: 100%;
        display: flex;
        justify-content: space-between;
    }
    #similarJobs .titleAreaSJM .pensumSMJ {
        min-width:72px;
        text-align: right;
        margin-left: 8px;
    }
    #similarJobs .similarJobsHolderMobile h2, #similarJobs .pensumSMJ {
        font-size: 18px;
        line-height: 28px;
        font-weight: bold;
        margin:0;
        padding:0;
    }
    #similarJobs .befristungAreaSJM {
        width: 100%;
        margin-top: 16px;
        font-size: 14px;
        color:#9E9E9E;
    }
    #similarJobs .bereichSJM {
        width: 100%;
        margin-top:8px;
        font-size:14px;
    }
    #similarJobs .standortCompanyAreaSJM {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top:12px;
        font-size: 12px;
    }
    #similarJobs .companySJM {
        color:#9E9E9E;
    }
    #similarJobs .moreJobs.button {
        width: 100%;
        margin:0;
    }
    #ctaArea .ctaLeft, #ctaArea .ctaRight {
        max-width: 100%;
        width: 100%;
    }
    footer {
        margin-bottom: 48px;
    }
    footer .pageInner {
        justify-content: center;
        margin-top: 32px;
    }
    footer .copyRight {
        width: 100%;
        margin-top: 72px;
    }
    footer .goTop {
        right: 16px;
        width: 40px;
        height: 40px;
    }
    footer .goTop.active {
        bottom:16px;
    }

    #sliderSection .sliderRightText {
        max-width: 100%;
        min-width: 100%;
        padding:0 20px;
        width: 100%;
        box-sizing: border-box;
        hyphens:auto;
        hyphenate-character: initial;
    }
    #sliderSection .sliderRightText p {
        max-width: 100%;
    }
    #sliderSection iframe {
        max-height: 251px;
    }
}
@media only screen  and (max-width:412px) {
    #sliderSection iframe {
        max-height: 214px;
    }
    #quickInfos .shareQuick a {
        margin-right: 22px;
    }
    #contact .auszeichnungenImagesHolder img {
        margin-right: 10px;
    }
}