/**
 * buttons, links, text, title - default settings
 */
print {
    display: none;
}
body, h1, h2, h3, h4, h5, li, p, span, label, input, textarea, a, a:hover {
    color: #FFF;
    font: normal normal normal 20px/30px CHMedia-Book, Arial Regular, sans-serif;
    hyphens: auto;
    -epub-hyphens:auto;
}
b {
    font: normal normal normal 16px/25px CHMedia-Bold, Arial Regular, sans-serif;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
a,
circle,
svg,
.ui.accordion .title .close,
.similarJob {
    transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}
.buttonWrapperPrimary a,
.buttonWrapperSecondary,
.buttonWrapperFourth a,
.buttonWrapperFifth a,
.buttonWrapperSixth a,
.buttonWrapperSeventh a,
.ui.button {
    transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    -webkit-transition: all ease-in-out 0.1s;
}
a {
    display: inline-block;
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}
svg {
    display: block;
    height: auto;
    max-width: 100%;
}
h1 {
    font: normal normal normal 45px/55px CHMedia-Bold, Arial Regular, sans-serif;
    margin: 0;
    padding: 0 0 15px;
}
h2 {
    font: normal normal normal 25px/35px CHMedia-Bold, Arial Regular, sans-serif;
    margin: 0;
    padding: 0 0 30px;
}
h2.sectionTitle {
    font: normal normal normal 45px/55px CHMedia-Bold, Arial Regular, sans-serif;
    margin: 0;
    padding: 82px 0 30px;
    position: relative;
    text-align: center;
}
h3 {
    font: normal normal normal 25px/35px CHMedia-Bold, Arial Regular, sans-serif;
    margin: 0;
    padding: 0 0 30px;
}
h4 {
    font: normal normal normal 20px/30px CHMedia-Bold, Arial Regular, sans-serif;
    margin: 0;
    padding: 0;
}
h5 {
    color: #003494;
    font: normal normal normal 37px/32px CHMedia-Bold, Arial Regular, sans-serif;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.contentText {
    font: normal normal normal 16px/25px CHMedia-Book, Arial Regular, sans-serif;
}
.jobInfoVideoWrapper {
    height: 0;
    overflow: hidden;
    padding-bottom: 174%;
    position: relative;
}
#jobInfoVideoCover {
    cursor: pointer;
}
iframe,
video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
video {
    object-fit: cover;
}
ul {
    margin: 0;
    padding-left: 22px;
}
li {
    line-height: 24px;
    list-style-type: disc;
    padding: 0 0 40px 9px;
}
li::marker {
    font-size: 23px;
}
li:last-child {
    padding-bottom: 0;
}
.buttonWrapperPrimary {
    border: none;
    cursor: pointer;
}
.buttonWrapperPrimary a {
    background-color: #EF2144;
    border-radius: 50px;
    box-shadow: 0 3px 6px #00000029;
    display: block;
    padding: 15px 30px;
    text-decoration: none;
    white-space: nowrap;
}
.buttonWrapperPrimary a:hover {
    transform: scale(1.035);
}
.buttonWrapperSecondary {
    align-items: center;
    border: 1px solid #FFF;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    font: normal normal normal 16px/25px CHMedia-Book, Arial Regular, sans-serif;
    height: 37px;
    justify-content: space-between;
    min-width: 200px;
    padding: 0 17px;
}
.buttonWrapperSecondary:hover {
    transform: scale(1.035);
}
.buttonWrapperThird,
.buttonWrapperFourth,
.buttonWrapperFifth,
.buttonWrapperSixth,
.buttonWrapperSeventh {
    text-align: center;
}
.buttonWrapperThird {
    position: relative;
}
.ui.button {
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 50px;
    color: #FFF;
    font: normal normal normal 20px/20px CHMedia-Book, Arial Regular, sans-serif;
    padding: 18px 28px;
}
.ui.button:focus,
.ui.button:hover {
    background-color: transparent;
    color: #FFF;
    transform: scale(1.035);
}
.ui.button.blue,
.ui.button.blue:focus,
.ui.button.blue:hover {
    background-color: transparent;
    border-color: #003494;
    color: #003494;
}
.buttonWrapperFourth a:hover,
.buttonWrapperFifth a:hover,
.buttonWrapperSixth a:hover,
.buttonWrapperSeventh a:hover {
    transform: scale(1.035);
}
.buttonWrapperFourth a {
    background-color: #FFF;
    border: 1px solid transparent;
    border-radius: 50px;
    color: #367ACC;
    padding: 18px 30px;
    text-decoration: none;
}
.buttonWrapperFourth a:hover {
    background-color: #001A4A;
    border-color: #FFF;
    color: #FFF;
}
.buttonWrapperFifth a {
    border: 1px solid #9CC686;
    border-radius: 50px;
    color: #9CC686;
    padding: 18px 30px;
    text-decoration: none;
}
.buttonWrapperFifth a:hover {
    background-color: #9CC686;
    color: #FFF;
}
.buttonWrapperSixth a {
    border: 1px solid #FFF;
    border-radius: 50px;
    color: #FFF;
    padding: 18px 30px;
    text-decoration: none;
}
.buttonWrapperSixth a > div {
    display: table-cell;
}
.buttonWrapperSixth a > div:last-child {
    padding-left: 10px;
}
.buttonWrapperSixth a:hover {
    background-color: #FFF;
    border-color: #003494;
    color: #003494;
}
.buttonWrapperSixth a #iconSwapWhatsapp {
    background-image: url(../images/icons/contact_whatsapp_negative.svg);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
.buttonWrapperSixth a:hover #iconSwapWhatsapp {
    background-image: url(../images/icons/contact_whatsapp_positive.svg);
}
.buttonWrapperSixth a #iconSwapMail {
    background-image: url(../images/icons/contact_mail_negative.svg);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}
.buttonWrapperSixth a:hover #iconSwapMail {
    background-image: url(../images/icons/contact_mail_positive.svg);
}
.buttonWrapperSeventh a {
    border: 1px solid #003494;
    border-radius: 50px;
    color: #003494;
    padding: 18px 30px;
    text-decoration: none;
}
.buttonWrapperSeventh a:hover {
    background-color: #001A4A;
    border-color: #FFF;
    color: #FFF;
}
.buttonWrapperEigth {
    align-items: center;
    cursor: pointer;
    display: flex;
    width: max-content;
}
#contentTextIntroduction2 {
    display: none;
}
#textIntroductionWrapper {
    display: inline-block;
}
.ui.accordion .title.active .ui.button.trigger {
    opacity: 0;
}
.ui.accordion .title.active .close {
    visibility: visible;
    opacity: 1;
    transform: rotate(90deg);
}
.ui.accordion .title.active .close:hover {
    transform: rotate(180deg);
}
.ui.accordion .title .close {
    background: url(../images/icons/close-white.svg);
    background-size: cover;
    display: block;
    position: absolute;
    right: 60px;
    height: 45px;
    opacity: 0;
    top: 176px;
    visibility: hidden;
    width: 45px;
}
.ui.accordion .title .close.iconBlue {
    background: url(../images/icons/close-blue.svg);
}
.mobile,
.jobMetaInfoLimitedStickyMobile,
.jobMetaInfoLimitedMobile {
    display: none;
}
.jobMetaInfoLimitedDesktop,
.jobMetaInfoLimitedStickyDesktop,
.jobMetaInfoLimitedMobile,
.jobMetaInfoLimitedStickyMobile {
    font: normal normal normal 20px/30px CHMedia-Bold, Arial Regular, sans-serif;
}
/**
* stickyHeader
*/
#stickyHeader {
    display: none;
    margin: 0;
    max-width: initial;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 2;
}
#stickyHeaderWrapper {
    align-items: center;
    background-color: #003494;
    display: flex;
    height: 117px;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 57px;
}
#stickyHeaderWrapper .jobMetaInfos div, #stickyHeaderWrapper .jobMetaInfos a,
#stickyHeaderWrapper .jobMetaInfoLimitedStickyDesktop,
#stickyHeaderWrapper .jobMetaInfoLimitedStickyMobile {
    font: normal normal normal 14px/24px CHMedia-Bold, Arial Regular, sans-serif;
}
#stickyHeaderWrapper .jobLocations {
    font: normal normal normal 14px/24px CHMedia-Light, Arial Regular, sans-serif;
}
#stickyHeaderWrapper h1 {
    font: normal normal normal 20px/35px CHMedia-Bold, Arial Regular, sans-serif;
    max-width: 590px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#stickyHeaderWrapper .logoWrapper {
    margin-right: 38px;
    min-width: 37px;
}
#stickyHeaderWrapper .logoWrapper img {
    min-height: 40px;
    min-width: 40px;
}
#stickyHeaderWrapper .desktop {
    width: 100%;
}
/**
 * header
 */
header {
    background-color: #003494;
    margin: 0 auto;
    max-width: 1000px;
    padding: 30px 57px 50px;
    width: 100%;
}
header .columnWrapper {
    align-items: center;
}
header .columnWrapper > div:last-child {
    justify-self: flex-end;
}
.logoWrapper img {
    max-height: 37px;
}
header .jobMetaInfos {
    padding-top: 45px;
}
.jobMetaInfos {
    display: flex;
    gap: 0 30px;
    white-space: nowrap;
}
.jobMetaInfos div,
.jobMetaInfos a {
    font: normal normal normal 20px/30px CHMedia-Bold, Arial Regular, sans-serif;
}
.jobMetaInfos svg {
    float: left;
    margin-right: 10px;
}
.jobLocations {
    font: normal normal normal 20px/30px CHMedia-Light, Arial Regular, sans-serif;
}
/**
 * main
 */
main {
    margin: 0 auto 84px;
    max-width: 1000px;
    padding: 0;
    width: 100%;
}
main a {
    text-decoration: underline;
    text-decoration-color: #FFF;
}
main svg {
    float: left;
    margin-right: 10px;
}
.columnWrapper,
.yourJobColumnWrapper,
.yourBenefitsColumnWrapper,
.yourMediaColumnWrapper {
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
}
.contentWrapper {
    padding: 0 57px 0;
}
.contentSpace {
    padding-top: 50px;
}
.contentSpaceButton {
    padding-top: 40px;
}
.yourJobColumnWrapper {
    gap: 60px 63px;
    padding: 0 106px 0 57px;
}
.yourBenefitsColumnWrapper {
    gap: 60px 34px;
    padding-bottom: 79px;
    padding-top: 30px;
}
.yourMediaColumnWrapper {
    gap: 80px 136px;
}
.yourContactContentSpace {
    padding-top: 125px;
}
.textDiversity {
    font: normal normal normal 16px/26px CHMedia-Book, Arial Regular, sans-serif;
    /*padding: 15px 0 88px;*/
    padding: 15px 0 0;
}
.title {
    height: 300px;
    position: relative;
}
.ui.accordion .title:not(.ui) {
    padding: 0;
}
.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
    padding-bottom: 100px;
}
.ui.accordion:not(.styled) .accordion .title~.content:not(.ui),
.ui.accordion:not(.styled) .title~.content:not(.ui) {
    padding: 85px 0 100px;
}
#yourJob.ui.accordion:not(.styled) .title~.content:not(.ui):last-child,
#yourBenefits.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
    padding-bottom: 129px;
}
#yourMedia.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
    padding-bottom: 90px;
}
#yourContact.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
    padding-bottom: 150px;
}
#yourContact.ui.accordion:not(.styled) .title~.content:not(.ui):last-child,
#yourAdditional.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
    margin-top:-140px;
}
#yourContact.ui.accordion .title.active .close, #yourAdditional.ui.accordion .title.active .close {
    top: 35px;
} 
#similarJobs.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
    padding-bottom: 96px;
}
#yourJob .title {
    background-size: cover;
}
#yourBenefits .title {
    background-image: url("../images/v2023/sections/desktop/Screen_Deine_Benefits.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
#yourMedia .title {
    background-image: url("../images/v2023/sections/desktop/Screen_Dein_CH_Media.jpg");
    background-size: cover;
}
#yourContact .title {
    background-color: #003494;
}
#similarJobs .title {
    background-image: url("../images/v2023/sections/desktop/Screen_Weitere_Stellen.jpg");
    background-size: cover;
}
#yourJob .ui.button:hover,
#yourMedia .ui.button:hover,
#yourContact .ui.button:hover,
#similarJobs .ui.button:hover {
    background-color: #FFF;
    border-color: #FFF;
    color: #003494;
}
#yourBenefits .ui.button:hover, #yourAdditional .ui.button:hover {
    background-color: #003494;
    border-color: #FFF;
    color: #FFF;
}
#yourJob .title:before,
#yourMedia .title:before,
#similarJobs .title:before {
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}
#similarJobs {
    overflow: hidden;
}
.content {
    background-color: #FFF;
}
#yourJob .content {
    background-color: #001A4A;
}
#yourBenefits h2, #yourAdditional h2, #yourAdditional a {
    color: #003494;
}
.yourBenefitsContentWrapper {
    padding-left: 60px;
}
#yourAdditional .contentWrapper {
    padding-right:157px;
}
.dotMarkerWrapper {
    display: flex;
    gap: 28px;
}
.dotMarker {
    background-color: #003494;
    border-radius: 100%;
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px;
}
#yourContact .content {
    background-color: #003494;
}
.textBlue,
.content.textBlue,
.textBlue h2,
.textBlue h3,
.textBlue h4,
.textBlue p,
.textBlue li {
    color: #003494;
}
#textIntroduction {
    max-width: 792px;
    padding-bottom: 95px;
}
.sloganBold {
    font: normal normal normal 30px/40px CHMedia-Bold, Arial Regular, sans-serif;
}
.sloganBlue {
    color: #347ECA;
    font: normal normal normal 30px/40px CHMedia-Book, Arial Regular, sans-serif;
    hyphens: none;
    margin: 0 auto;
    max-width: 466px;
    text-align: center;
}
.sloganDarkBlue {
    color: #003494;
    font: normal normal normal 30px/40px CHMedia-Book, Arial Regular, sans-serif;
    text-align: center;
}
.sloganGreen {
    color: #9CC686;
    font: normal normal normal 30px/40px CHMedia-Book, Arial Regular, sans-serif;
    hyphens: none;
    margin: 0 auto;
    max-width: 466px;
    text-align: center;
}
.slideShowBannerWrapper {
    padding: 60px 0 60px;
    width: 100%;
}
.slideShowBanner {
    display: flex;
    overflow: hidden;
}
.slideShowItem {
    animation: moveSlideshow 15s linear infinite;
    flex-shrink: 0;
    width: 2000px;
}
#similarJobs .slideShowItem {
    animation: moveSlideshow 80s linear infinite;
}
#similarJobs .slideShowBanner {
    gap: 25px 75px;
}
#similarJobs .slideShowItem {
    width: initial;
}
@keyframes moveSlideshow {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}
#yourContact svg {
    margin: 0;
}
.contactWrapper {
    display: flex;
    gap: 33px;
}
.contactImage {
    border: 1px solid transparent;
    border-radius: 50%;
    height: 134px;
    overflow: hidden;
    width: 134px;
}
.wrapperLinkedin {
    padding-top: 14px;
}
.otherJobs {
    display: flex;
    gap: 25px 75px;
}
.otherJob .dotMarkerWrapper {
    align-items: center;
}
.otherJob .dotMarker {
    height: 28px;
    min-height: 28px;
    min-width: 29px;
    width: 29px;
}
/**
 * footer (section)
 */
#sectionFooter {
    align-items: center;
    background-color: #003494;
    display: grid;
    gap: 15px 25px;
    height: 84px;
    grid-template-columns: 3fr 1fr;
    padding: 20px 60px;
    position: fixed;
    z-index: 5;
    bottom: 0;
    max-width: 1000px;
    width: 100%;
}
#sectionFooter a {
    text-decoration: none;
}
#sectionFooter div,
#sectionFooter a {
    font: normal normal normal 16px/24px CHMedia-Bold, Arial Regular, sans-serif;
}
#sectionFooter a,
.shareWrapper {
    align-items: center;
    display: flex;
    gap: 15px;
}
.shareWrapper {
    cursor: pointer;
}
.shareIconsWrapper {
    display: flex;
    gap: 20px;
}
.shareIconsWrapper > div {
    align-items: center;
    display: flex;
}
.shareIconsWrapper .ui.popup {
    display: flex;
    gap: 10px;
}
.shareIconsWrapper a,
.shareIconsWrapper svg {
    transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -webkit-transition: 0s;
}
#sectionFooter svg,
#sectionFooter {
    margin: 0;
}
#sectionFooter > div:last-child {
    justify-self: flex-end;
}

#sectionFooter .popup #datenschutzButton {
    color: #003494;
}

#tothetop {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 15px;
}
/**
* Send 2me Modal
 */
.modal {
    padding-bottom:40px;
}
.modal h3, .modal p, .modal .send2me.button {
    color:#000;
}
.modal h3 {
    margin-top:20px;
}
.modal .field input[type=email],.modal .field input[type=email]:active, .modal .field input[type=email]:hover {
    margin-bottom:10px;
    border-radius: 50px;
    font:normal normal normal 20px/30px CHMedia-Book, Arial Regular, sans-serif;
}
.modal .send2me.button {
    background-color: #EF2144;
    border-radius: 50px;
    box-shadow: 0 3px 6px #00000029;
    display: block;
    padding: 5px 15px;
    text-decoration: none;
    white-space: nowrap;
    border:0;
    color:white;
    font:normal normal normal 16px/26px CHMedia-Book, Arial Regular, sans-serif;
}
.modal .send2me.button:hover {
    transform: scale(1.035);
}
.send2meModalbutton {
    margin-top:80px;
}
.send2meModalbutton .buttonWrapperSecondary {
    width: auto;
    text-decoration: none;
    justify-content: center;
}
.send2meModalbutton {
    display: none;
}
.contact-confirmation {
    display:none;
    color:black;
}
/**
* media screen (smartphones, tablets, etc.)
 */
@media only screen and (max-width: 1000px) {
    #stickyHeaderWrapper h1 {
        max-width: 450px;
    }
    .jobMetaInfoLimitedStickyDesktop {
        display: none;
    }
    .jobMetaInfoLimitedStickyMobile {
        display: block;
    }
}
@media only screen and (max-width: 925px) {
    .jobMetaInfoLimitedDesktop {
        display: none;
    }
    .jobMetaInfoLimitedMobile {
        display: block;
    }
}
@media only screen and (max-width: 858px) {
    #stickyHeaderWrapper h1 {
        max-width: 350px;
    }
}
@media only screen and (max-width: 820px) {
    #sectionFooter .desktop {
        display: none;
        visibility: hidden;
    }
}
@media only screen and (max-width: 768px) {
    .send2meModalbutton {
        display: block;
    }
    #stickyHeaderWrapper {
        height: 67px;
        padding: 0 29px;
    }
    #stickyHeaderWrapper .logoWrapper {
        position: absolute;
    }
    #stickyHeaderWrapper .buttonWrapperPrimary a {
        font: normal normal normal 16px/26px CHMedia-Book, Arial Regular, sans-serif;
        padding: 5px 15px;
    }
    .logoWrapper img {
        max-height: 31px;
    }
    .jobMetaInfos {
        gap: 10px;
    }
    .jobLocations {
        padding-bottom: 18px;
    }
    .desktop {
        display: none;
        visibility: hidden;
    }
    header {
        padding: 30px 30px 40px;
    }
    header .columnWrapper {
        gap: 30px;
    }
    header .columnWrapper > div:last-child {
        justify-self: center;
    }
    header h1 {
        padding: 30px 0 0;
    }
    h1,
    h2.sectionTitle {
        font: normal normal normal 40px/50px CHMedia-Bold, Arial Regular, sans-serif;
    }
    h3 {
        font: normal normal normal 20px/30px CHMedia-Bold, Arial Regular, sans-serif;
    }
    h4 {
        font: normal normal normal 16px/25px CHMedia-Bold, Arial Regular, sans-serif;
    }
    h5 {
        font: normal normal normal 30px/40px CHMedia-Bold, Arial Regular, sans-serif;
    }
    ul {
        padding-left: 20px;
    }
    li {
        font: normal normal normal 16px/25px CHMedia-Book, Arial Regular, sans-serif;
        padding: 0 0 20px 5px;
    }
    li::marker {
        font-size: 20px;
    }
    .jobLocations {
        padding-top: 30px;
    }
    .buttonWrapperPrimary {
        margin: 0 auto;
    }
    .columnWrapper,
    .yourJobColumnWrapper,
    .yourBenefitsColumnWrapper,
    .yourMediaColumnWrapper {
        grid-template-columns: 1fr;
    }
    #sectionFooter {
        padding: 20px 30px;
    }
    .contentWrapper {
        padding: 0 30px 0;
    }
    .contentSpace {
        padding-top: 30px;
    }
    .textDiversity {
        /*padding: 80px 0;*/
        padding: 80px 0 0;
    }
    .yourContactContentSpace {
        padding-top: 120px;
    }
    .ui.accordion .title .close {
        right: 30px;
    }
    #yourJob h3 {
        padding-bottom: 25px;
    }
    #textIntroduction {
        padding-bottom: 80px;
    }
    .yourJobColumnWrapper {
        padding-bottom: 50px;
    }
    .yourBenefitsColumnWrapper {
        gap: 80px 34px;
        padding-bottom: 74px;
    }
    .yourBenefitsContentWrapper {
        font: normal normal normal 16px/25px CHMedia-Book, Arial Regular, sans-serif;
        padding-left: 39px;
    }
    .dotMarkerWrapper {
        gap: 15px;
    }
    .dotMarker {
        height: 24px;
        max-height: 24px;
        max-width: 24px;
        min-height: 24px;
        min-width: 24px;
        width: 24px;
    }
    .contentText p {
        font: normal normal normal 16px/25px CHMedia-Book, Arial Regular, sans-serif;
    }
    .jobInfoVideoWrapper {
        padding-bottom: 145%;
        margin: 0 30px;
    }
    .slideShowBannerWrapper {
        padding-top: 55px;
    }
    #yourContact .contentSpace {
        padding-top: 0;
    }
    #yourContact .columnWrapper {
        gap: 80px;
    }
    #yourContact h2 {
        padding-bottom: 40px;
    }
    #yourContact .contentSpaceButton {
        padding-top: 30px;
    }
    #similarJobs .content {
        padding-top: 130px;
    }
    #yourJob.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
        padding-bottom: 140px;
    }
    #yourBenefits.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
        padding-bottom: 104px;
    }
    #yourMedia.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
        padding-bottom: 80px;
    }
    #yourContact.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
        padding-bottom: 120px;
    }
    #similarJobs.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
        padding-bottom: 100px;
    }
    #yourContact.ui.accordion:not(.styled) .title~.content:not(.ui):last-child, #yourAdditional.ui.accordion:not(.styled) .title~.content:not(.ui):last-child {
        margin-top:-90px;
    }
    #yourAdditional .contentWrapper {
        padding-right: 30px;
    }
}
@media only screen and (max-width: 500px) {
    .jobMetaInfos {
        display: block;
        padding-bottom: 10px;
    }
    .jobMetaInfos div:first-child {
        padding-bottom: 10px;
    }
    #yourJob .title {
        background-image: url("../images/v2023/sections/mobile/Mobile_Deine_Stelle.jpg");
    }
    #yourBenefits .title {
        background-image: url("../images/v2023/sections/mobile/Mobile_Deine_Benefits.svg");
    }
    #yourMedia .title {
        background-image: url("../images/v2023/sections/mobile/Mobile_Dein_CH_Media.jpg");
    }
    #yourContact .title {
        background-color: #003494;
    }
    #similarJobs .title {
        background-image: url("../images/v2023/sections/mobile/Mobile_Weitere_Stellen.jpg");
    }
}
@media only screen and (max-width: 390px) {
    .contactWrapper {
        gap: 15px;
    }
    .contactImage {
        max-height: 100px;
        max-width: 100px;
    }
}