@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Black.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Black.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Black.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Black.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Black.svg#SourceSansPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Bold.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Bold.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Bold.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BoldItalic.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BoldItalic.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BoldItalic.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BlackItalic.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BlackItalic.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BlackItalic.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BlackItalic.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-BlackItalic.svg#SourceSansPro-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLight.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLight.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLight.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLightItalic.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLightItalic.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLightItalic.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLightItalic.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-ExtraLightItalic.svg#SourceSansPro-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Italic.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Italic.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Italic.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Italic.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Italic.svg#SourceSansPro-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Light.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Light.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Light.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-LightItalic.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-LightItalic.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-LightItalic.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-LightItalic.svg#SourceSansPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Regular.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Regular.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Regular.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBoldItalic.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBoldItalic.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBoldItalic.svg#SourceSansPro-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBold.eot');
    src: url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBold.woff') format('woff'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBold.ttf') format('truetype'),
        url('/wp-content/themes/uncode-child/fonts/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body.single-personio_job * {
    font-family: 'Source Sans Pro' !important;
}*
/*Job Detail*/
body.single-personio_job .font-color-blue {
    color: #00457C;
}
/*body.single-personio_job * {
	font-family: 'Source Sans Pro','Source Sans Pro'
}*/
body.single-personio_job .text-align-center {
    text-align: center;
}
body.single-personio_job .grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
body.single-personio_job .grid-wrapper.col-3 > div {
    width: calc(100%/3);
    margin: 1rem 0;
    display: flex;
    flex-flow: column nowrap;
}
.grid-inner-svg {
    margin-bottom: 1rem;
}
.grid-inner-text {
    line-height: 1.6em;
    padding: 0 .85rem;
}
body.single-personio_job .grey-wrapper {
    background: #EDEDED;
}
body.single-personio_job .orange-wrapper {
    background: #F07F13;
    color:#fff;
}
body.single-personio_job .job-primarywrapper {
    max-width: 1550px;
    width: 100%;
    margin: 0 auto;
    padding: 4rem 0 6rem;
    position: relative;
}
body.single-personio_job .job-secondarywrapper.job-content {
    position: relative;
}
body.single-personio_job .job-secondarywrapper:not(.job-content) {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    position: relative;
    flex-direction: column;
    padding: 4rem 0;
}
body.single-personio_job .job-secondarywrapper .job-content__inner {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 4rem 0;
}
.job-content .content-wrapper {
    margin: 0 0 4rem;
}
.job-content .content-wrapper:not(.job-intro-info-wrapper) {
    max-width: 75%;
}
body.single-personio_job .intro-wrapper {
    background: #002346;
    display: flex;
    align-items: center;
    color:#fff;
    min-height: 480px;
}
body.single-personio_job .jobmetafields-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 18px;
    align-items: center;
}
body.single-personio_job .jobmetafields-wrapper > div {
    margin-right: 2rem;
}

body.single-personio_job .post-title-wrapper .svg-wrapper {
    position: absolute;
    right: -140px;
    bottom: -110px;
    z-index: 1;
}
body.single-personio_job .post-title-wrapper h1 {
    margin: 0 0 1rem;
}
body.single-personio_job .title-innerwrapper {
    max-width: 75%;
    width: 100%;
}
.icon-wrapper {
    display: flex;
    align-items: center;
}
.icon-wrapper svg {
    max-width: 25px;
    min-width: 20px;
    margin-right: .5rem;
}
.icon-wrapper svg.location {
    max-width: 20px;
}
body.single-personio_job .job-button-innerwrapper a.btn {
    text-transform: uppercase;
}
body.single.single-personio_job a.btn {
    font-size: 1rem;
    font-weight: 400 !important;
    border-radius: 3px;
    padding: 14px 28px !important;
    min-width: 178px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
body.single-personio_job a.btn.primary-btn {
    background: #F07F13;
    color: #fff;
}
body.single-personio_job a.btn.secondary-btn {
    background: #fff;
    color:#F07F13;
}
body.single-personio_job a.btn.primary-btn:hover {
    background: #fff;
    color: #F07F13;
    font-size: 16px;
}
body.single-personio_job a.btn.secondary-btn:hover {
    color: #fff;
    background-color: transparent !important;
    border-color: #ffffff !important;
}
body.single-personio_job .job-intro-info-wrapper {
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 1.5rem;
    max-width: 75%;
    margin: 0 0 4rem;
}
body.single-personio_job .job-content .content-value ul {
    list-style-type: none !important;
    margin: 0;
    padding: 0 !important;
}
body.single-personio_job .job-content .content-value li::before {
    content: "...";
    color: #F07F13;
    margin-right: 5px;
}
body.single-personio_job .job-content .content-value li {
    display: flex;
}
body.single-personio_job .content-header {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.25em;
    margin-top: 0;
    margin-bottom: 1rem;
}
.single-personio_job h3.content-header {
    font-size: 30px;
}
.single-personio_job .headline_w_subtext .content-header {
    margin-bottom: 0;
}
.content-value p {
    margin: 0;
}
.headline_w_subtext {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
}
.headline_w_subtext.centered {
    justify-content: center;
    align-items: center;
}
.floating-infobox {
    max-width: 450px;
    border-radius: 10px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    padding: 1.7rem 0.85rem;
    position:fixed;
    top:50%;
    left:70%;
    z-index: 99;
}
.floating-infobox .contact_title {
    font-size: 20px;
    font-weight: 700;
    color: #00457c;
    margin: 1rem 0;
}

.floating-infobox.fixed-in-container {
    position: absolute !important;
    bottom: 2% !important;
    left: 70% !important;
    /*width: 100% !important;*/
    top:unset !important;
}
.floating-infobox.fixed-top-in-container {
    position: absolute !important;
    top: 4rem !important;
}

.floating-infobox span {
    margin: 0.25rem 0 0;
}
.numbers-grid span {
    font-weight: 700;
    font-size: 30px;
    line-height: 0.8;
    color: #00457c;
}
.numbers-grid span.number {
    font-size: 200px;
}
.single.single-personio_job .job-primarywrapper.map-wrapper {
    max-width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.single.single-personio_job .job-primarywrapper.map-wrapper > div {
    width: 50%;
}
.single.single-personio_job .job-primarywrapper.map-wrapper .map-text {
    padding: 0 10.5rem;
}
.single.single-personio_job .job-primarywrapper.map-wrapper .map-img {
    padding-left: 5.25rem;
}
.single.single-personio_job .job-primarywrapper.map-wrapper .map-img img {
    width: 100%;
}
.single.single-personio_job .job-primarywrapper.video-wrapper,
.single.single-personio_job .job-primarywrapper.cta-jobwrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.single.single-personio_job h2.xxlarge-headline {
    font-size: 80px;
}
.numbers {
    margin-top: 5rem;
}
span.sub_text {
    line-height: 1.4em;
}

/*Job Overview*/
.main-container .custom_width > .row {
    max-width: 1550px;
    padding-left: 0;
    padding-right: 0;
}
.main-container .cr_fullwidth > .row {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.cr_fullwidth .tab-content {
    max-width: 1000px;
    margin: 0 auto;
}
.main-container .cr_tabs > .row {
    padding-top: 0;
    padding-bottom: 0;
}
.cr_tabs .tab-container ul.nav.nav-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.cr_tabs .tab-container .nav-tabs > li {
    margin: 0 3rem;
}
.cr_tabs .tab-container .nav-tabs > li > a {
    padding: 1.5rem 0;
    margin: 0;
    border: 0;
    letter-spacing: 0;
    text-decoration: none !important;
}
.cr_tabs .tab-container .nav-tabs > li.active > a {
    text-decoration: underline !important;
}
.cr_tabs .tab-container .nav-tabs > li > a > span {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}
.cr_tabs .tab-container .nav-tabs > li.active > a > span {
    font-weight: 700;
}
.cr_process > .row > .wpb_row.row-inner {
    display: flex;
    height: auto !important;
}
.cr_process .employee img {
    max-width: 126px;
    margin: auto;
}
.cr_process .cv img {
    max-width: 97px;
    margin: auto;
}
.cr_process .check img {
    max-width: 137px;
    margin: auto;
}
.cr_process .bubble img {
    max-width: 116px;
    margin: auto;
}
.cr_process .success img {
    max-width: 136px;
    margin: auto;
}
.cr_process .uncont .vc_custom_heading_wrap h4 {
    margin-top: 0;
}
.cr_process .uncont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.cr_process .uncont .uncode-single-media .single-wrapper {
    display: flex;
    min-height: 130px;
    align-items: flex-end;
}
.cr_process .uncont .uncode-single-media .single-wrapper .tmb .t-inside .t-entry-visual .t-entry-visual-tc .uncode-single-media-wrapper {
    display: flex;
    justify-content: center;
}
.page .main-wrapper .main-container .row-container .cr_process .uncont .vc_custom_heading_wrap,
.page .main-wrapper .main-container .row-container .cr_process .uncont .uncode_text_column,
.page .main-wrapper .main-container .row-container.cta_wrapper .uncont .uncode_text_column {
    margin-top: 1rem;
}
.vc_row.cr_process {
    padding-bottom: 2rem;
}
.main-container .row-container.content_wrapper .row {
    padding-bottom: 0;
}
.page .main-wrapper .main-container .row-container.content_wrapper .wpb_column.cr_content {
    padding-right: 10.5rem;
    vertical-align: middle;
}
.page .main-wrapper .main-container .row-container.content_wrapper .cr_content .uncode_text_column {
    margin-top: 0.5rem;
}
.content_wrapper .wpb_column.img_height {
    height: 530px;
}
.main-container .row-container.cta_wrapper .row {
    padding-bottom: 4rem;
}
.intro_icon {
    position: absolute;
    max-width: 395px;
    right: 0;
    transform: translateY(-140px);
    bottom:0;
}
.intro_wrapper {
    min-height: 480px;
    display: flex;
    align-items: center;
}
.intro_wrapper .col-lg-8 {
    max-width: 50%;
}
.cr_tabs .tab-content .heading-text {
    text-align: center;
}
.cr_tabs .tab-content .heading-text span > * {
    margin: 0;
}

.jobtitle {
    max-width: 90%;
}
.job-listing .singlejob {
    border-bottom: 1px solid #f07f13;
}
.job-listing .singlejob:first-child {
    border-top: 1px solid #f07f13;
}
.job-listing .joblocation {
    margin-left: auto;
    display: flex;
}
.job-listing .joschedule {
    margin-left: 2rem;
    display: flex;
}
.job-listing .department {
    display: flex;
    margin-left: 2rem;
    gap:15px;
}
.job-listing .jobtitle a {
    padding: 1.5rem 0;
    text-decoration: none !important;
    font-size: 20px;
    font-weight: 700;
    color: #00457C;
    line-height: 1.3em;
}
.singlejob-meta {
    margin-right: 0.25rem;
    position: relative;
    top: 2px;
}
.joblocation::before {
    content: url(/wp-content/media/2023/05/icon-location.png);
}
.joschedule::before {
    content: url(/wp-content/media/2023/05/icon-time.png);
}

@media screen and (max-width: 1800px) {
    body.single-personio_job .post-title-wrapper .svg-wrapper {
        right: 0;
    }
    body.single-personio_job .job-primarywrapper,
    .single.single-personio_job .job-primarywrapper.map-wrapper .map-text,
    .main-container .custom_width > .row {
        max-width: 100%;
        padding-left: 8rem;
        padding-right: 8rem;
    }
    .page .main-wrapper .main-container .row-container.content_wrapper .wpb_column.cr_content {
        padding-right: 8rem;
    }
}

@media screen and (max-width: 1440px) {
    .cr_process > .row > .wpb_row.row-inner {
        flex-wrap: wrap;
    }
    .cr_process > .row > .wpb_row.row-inner > div {
        width: calc(100% / 3);
        margin: 1rem 0;
    }
    .intro_wrapper .col-lg-8 {
        max-width: 100%;
    }
}

@media screen and (max-width: 1280px) {
    body.single-personio_job .post-title-wrapper .svg-wrapper {

    transform: translateY(20px);
}
    body.single-personio_job .post-title-wrapper h1 {
        font-size: 60px;
    }
    body .floating-infobox {
        display: none;
    }
    .svg-wrapper svg {
        max-width: 300px;
    }
    body.single-personio_job .job-intro-info-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
    body.single-personio_job .job-secondarywrapper {
        max-width: 100%;
        padding-right: 8rem;
        padding-left: 8rem;
    }
    .intro_wrapper {
        min-height: 1px;
    }
    .main-container .custom_width > .row,
    .cr_fullwidth .tab-content,
    .main-container .row-container.cta_wrapper .row {
        max-width: 100%;
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media screen and (max-width: 1200px) {
    body.single-personio_job .title-innerwrapper {
        max-width: 85%;
    }
}

@media screen and (max-width: 989px) {
    body.single-personio_job .job-primarywrapper,
    .single.single-personio_job .job-primarywrapper.map-wrapper .map-text,
    body.single-personio_job .job-secondarywrapper {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    body.single-personio_job .title-innerwrapper {
        max-width: 100%;
    }
    body.single-personio_job .post-title-wrapper .svg-wrapper {
        position: static;
        transform: translateY(40px) translateX(40px);
    }
    .svg-wrapper svg {
        max-width: 250px;
        max-height: 250px;
        float: right;
    }
    body.single-personio_job .intro-wrapper .job-primarywrapper {
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
    }
    .numbers-grid span.number {
        font-size: 130px;
    }
    .numbers-grid span {
        line-height: 1;
    }
    .grid-inner-svg svg {
        max-width: 100px;
    }
    .benefits {
        margin-bottom: 2rem;
    }
    .single.single-personio_job .job-primarywrapper.map-wrapper .map-img {
        padding-left: 0;
    }
    .video-innerwrapper iframe {
        width: 600px;
    }
    .page .main-wrapper .main-container .row-container.content_wrapper .wpb_column.cr_content {
        padding: 4rem;
    }
    .intro_icon {
        position: static;
        max-width: 200px;
        transform: translateY(70px) !important;
        margin-left: auto;
    }
}

@media screen and (max-width: 820px) {
    .single-personio_job .job-content .content-wrapper {
        max-width: 100%;
    }
    .grid-inner-svg svg {
        max-width: 80px;
        max-height: 80px;
    }
}

@media screen and (max-width: 767px) {
    .single-personio_job .job-content .content-wrapper {
        max-width: 100%;
        margin-bottom: 2rem;
    }
    .grid-inner-svg svg {
        max-width: 80px;
        max-height: 80px;
    }
    body.single-personio_job .post-title-wrapper h1 {
        font-size: 50px;
        hyphens: auto;
    }
    body.single-personio_job .job-primarywrapper,
    .single.single-personio_job .job-primarywrapper.map-wrapper .map-text,
    body.single-personio_job .job-secondarywrapper {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .icon-wrapper {
        font-size: 16px;
    }
    body.single-personio_job .jobmetafields-wrapper > div {
        margin-right: 1rem;
        margin-top: 0.8rem;
        flex: 1;
    }
    body.single-personio_job .content-header {
        font-size: 30px;
        margin-bottom: 0.5rem;
    }
    body.single.single-personio_job a.btn {
        transform: none;
        max-width: 250px;
    }
    span.sub_text {
        margin-top: 1.5rem;
    }
    .single-personio_job h3.content-header {
        font-size: 20px;
    }
    body.single-personio_job .grid-wrapper.col-3 > div {
        width: 100%;
    }
    .grid-inner-svg svg {
        max-width: 110px;
        max-height: 110px;
    }
    .grid-inner-svg {
        margin-bottom: 0.5rem;
    }
    .numbers-grid span {
        font-size: 20px;
    }
    body.single-personio_job .grid-wrapper.col-3 .singlegrid-wrapper.numbers-grid {
        margin-bottom: 3rem;
        margin-top: 0;
    }
    .map-wrapper {
        flex-direction: column-reverse;
    }
    .single.single-personio_job .job-primarywrapper.map-wrapper > div {
        width: 100%;
    }
    .video-innerwrapper iframe {
        width: 100%;
        height: 170px;
    }
    .single.single-personio_job h2.xxlarge-headline {
        font-size: 30px;
    }
    .headline_w_subtext.centered > * {
        text-align: center;
    }
    .single.single-personio_job .job-primarywrapper.video-wrapper div {
        width: 100%;
    }
    body.single-personio_job .intro-wrapper::after {
        background-color: #fff;
        position: absolute;
        bottom: -30px;
        right: 0;
        display: block;
        width: 90px;
        height: 30px;
        content: '';
        z-index: 2;
    }
    body.single-personio_job .job-intro-info-wrapper {
        z-index: 2;
    }
    .main-container .custom_width > .row,
    .cr_fullwidth .tab-content,
    .main-container .row-container.cta_wrapper .row {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .page .main-wrapper .main-container .row-container.content_wrapper .wpb_column.cr_content {
        padding: 2rem;
    }
    .cr_tabs .tab-container .nav-tabs > li > a {
        padding: 0.7rem 0;
    }
    .content_wrapper .wpb_column.img_height {
        height: 250px;
    }
    .cr_process > .row > .wpb_row.row-inner > div {
        width: 100%;
        margin: 0;
    }
    .cta_wrapper .btn-container a, .cr_content .btn-container a {
        transform: none !important;
    }
    .intro_icon {
        transform: none;
        margin-bottom: -70px;
    }
    .content_wrapper .wpb_row.row-inner .col-lg-12 h2 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .job-listing .singlejob, .job-listing .jobtitle {
        flex-wrap: wrap;
    }
    .jobtitle {
        max-width: 100%;
        width: 100%;
    }
    .job-listing .joblocation {
        margin-left: 0;
      /*  margin-bottom: 1.5rem; */
    }
    .job-listing .joschedule {
      /*  margin-bottom: 1.5rem; */
    }
 
}

.job-listing .singlejob {
    display: grid !important;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    text-align: left;
    justify-content: start;
}

.joblocation.singlejob-meta {
    margin-left: 0px;
    gap: 15px;
}

.job-listing .department {
    margin-left: 0px;
}

.joschedule.singlejob-meta {
    margin-left: 0px;
    gap: 10px;
}



.job-listing .singlejob {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 10px;
}
@media only screen and (max-width:990px){
    .job-listing .singlejob {
    grid-template-columns: 2fr 1fr 1fr 1fr;
}

    .single-personio_job .svg-wrapper {
    display: none;
} 

body.single-personio_job .post-title-wrapper h1 {
    width: 90%; 
    font-size: 45px;
}
body.single-personio_job .intro-wrapper {

    min-height: 320px;
}

}

.joblocation.singlejob-meta {
    min-width: 140px;
}

.singlejob {
    padding: 10px 0px;
}



@media only screen and (max-width:767px){
    .job-listing .singlejob {
    grid-template-columns: 1fr !important;
    gap: 10px;
    }
    
body.single-personio_job .post-title-wrapper h1 {
    font-size: calc(25px + 2vw);
}

body.single-personio_job .jobmetafields-wrapper {

    flex-wrap: nowrap;

}

.job-listing .department {
    gap: 8px;
}

}



/*
@media only screen and (max-width: 1669px){
    .intro_icon {

    transform: translateY(70px);
}
}

*/
@media only screen and (max-width: 1280px){
.intro_icon {
    transform: translateY(-230px);
}
}


.show-department-icon::before {
    content: url(/wp-content/media/2023/08/freude.svg);
    width: 16px;
    min-width: 16px;
}

.single-jobmetafield-header .icon-wrapper span {
    max-width: 140px;
}
.single-jobmetafield-header {
    padding-bottom: 20px;
}



.singlejob.job-1033440,
.singlejob.job-1210294{
  display: none !important;
}