/**
 * buttons, links, text, title - default settings
 */
body, h1, h2, h3, h4, h5, li, p, span, label, input, textarea, a, a:hover {
    color: #000;
    font: normal normal normal 20px/26px FSAlbert-Regular, sans-serif;
    hyphens: auto;
}
img,
svg {
    display: block;
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
svg {
    max-width: initial;
}
a,
svg,
.slick-dots li button:before,
.buttonWrapperPrimary,
.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;
}
a, a:hover {
    display: inline-block;
    font: normal normal normal 20px/30px FSAlbert-Regular, sans-serif;
    text-decoration: underline;
    text-decoration-color: #449DBF;
}
a:hover {
    color: #449DBF;
}
.locationWrapper a {
    text-decoration: underline;
    text-decoration-color: #449DBF;
}
footer .svgTextWrapper a,
footer .svgTextWrapper a:hover {
    font: normal normal normal 20px/30px FSAlbert-Bold, sans-serif;
    text-decoration: none;
}
h1 {
    font: normal normal normal 40px/51px FSAlbert-Regular, sans-serif;
    margin: 0;
    padding: 0;
}
h2 {
    font: normal normal normal 40px/44px FSAlbert-Bold, sans-serif;
    margin: 0;
    padding: 0;
}
h3 {
    font: normal normal normal 22px/28px FSAlbert-Bold, sans-serif;
    margin: 0;
    padding: 0;
}
ul {
    margin: 0;
    padding-left: 48px;
}
li {
    font: normal normal normal 20px/30px FSAlbert-Regular, sans-serif;
    list-style: none;
    padding-bottom: 10px;
}
li:before {
    content: '\2014';
    font: normal normal normal 16px/26px FSAlbert-Regular, sans-serif;
    margin-left: -48px;
    position: absolute;
}
li:last-child {
    padding-bottom: 0;
}
.Blau,
.Blau.svgShape:hover {
    background-color: #77C5D8;
}
.Blau:hover {
    background-color: #449DC2;
}
.Gelb,
.Gelb.svgShape:hover {
    background-color: #FCC300;
}
.Gelb:hover {
    background-color: #F7A315;
}
.Grün,
.Grün.svgShape:hover {
    background-color: #ADCA2A;
}
.Grün:hover {
    background-color: #7D9E38;
}
.Magenta,
.Magenta.svgShape:hover {
    background-color: #EE6A87;
}
.Magenta:hover {
    background-color: #BB365D;
}
.svgWrapper,
.svgWrapper:hover {
    background-color: initial;
}
.svgShape {
    border-radius: 25px;
    padding: 6px;
}
.buttonWrapperPrimary {
    border: none;
    cursor: pointer;
    justify-self: flex-end;
    max-width: max-content;
}
.buttonWrapperPrimary a {
    align-items: center;
    display: flex;
    font: normal normal normal 26px/30px FSAlbert-Bold, sans-serif;
    gap: 15px;
    height: 60px;
    justify-content: center;
    overflow: hidden;
    padding: 0 20px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.buttonWrapperPrimary a:hover {
    color: #000;
}
.mobile {
    display: none;
}
/**
* header
*/
header {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 0 50px;
    width: 100%;
}
header .columnWrapper {
    gap: 50px 88px;
    grid-template-columns: 1fr auto;
}
header img {
    width: 100%;
}
header .logoWrapper img {
    min-width: 390px;
    width: 390px;
}
header .partnerLogo > img {
    max-height: 126px;
    max-width: 220px;
    min-width: 220px;
}
.partnerLogoWrapper {
    display: flex;
    gap: 15px;
    justify-self: flex-end;
    max-width: 526px;
}
#headerWrapper {
    display: grid;
    gap: 25px 88px;
    grid-template-columns: [col] 1fr [col] 1fr;
    grid-template-rows: [row] 1fr [row] 1fr;
    padding: 45px 0 0 88px;
}
#headerWrapper > div {
    grid-row: row 1;
}
#headerWrapper div:first-child {
    padding-top: 15px;
}
#headerWrapper div:nth-child(2) p {
    margin-bottom: 10px;
}
#headerWrapper div:last-child {
    align-items: end;
    display: flex;
    grid-column: col / span 2;
    grid-row: row 2;
    margin-bottom: -14px;
}
#headerWrapperMobile {
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 1fr;
    padding: 0 25px 25px 0;
}
/**
 * benefits: slick
 */
#slickHeader button.slick-prev,
#slickHeader button.slick-next {
    display: none !important;
    visibility: hidden;
}
.headerContainer {
    cursor: pointer;
}
.slick-dotted.slick-slider {
    margin: 0;
}
.slick-dots {
    bottom: 0;
    right: 0;
    padding: 0 92px 15px 0;
    text-align: right;
}
.slick-dots li:before {
    content: initial;
}
.slick-dots li button:before {
    color: #77C5D8;
    font-size: 15px;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:hover:before {
    color: #77C5D8;
    opacity: 1;
}
/**
 * main
 */
main {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 0 100px;
    width: 100%;
}
section {
    padding: 0 88px 50px;
    position: relative;
}
.columnWrapper {
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
}
.imageWrapper {
    align-items: baseline;
    display: flex;
    gap: 25px 50px;
}
.contentSpace {
    padding-bottom: 40px;
}
.contentSpaceTop {
    padding-top: 40px;
}
.h3Space {
    padding-bottom: 20px;
}
#jobMetaInfos {
    display: grid;
    gap: 20px 25px;
    grid-template-columns: auto auto auto;
    padding-bottom: 80px;
}
#jobMetaInfos .Blau svg g g path:first-child {
    fill: #77C5D8;
}
#jobMetaInfos .Gelb svg g g path:first-child {
    fill: #FCC300;
}
#jobMetaInfos .Grün svg g g path:first-child {
    fill: #ADCA2A;
}
#jobMetaInfos .Magenta svg g g path:first-child {
    fill: #EE6A87;
}
.svgTextWrapper {
    align-items: center;
    display: flex;
    gap: 12px;
}
.svgTitleWrapper {
    align-items: center;
    display: flex;
    gap: 22px;
}
.svgTextWrapper p {
    font: normal normal normal 18px/30px FSAlbert-Regular, sans-serif;
}
#ourOfferSecondrow {
    padding-top: 48px;
}
#informationWrapper {
    padding: 20px;
}
#informationWrapper.Blau {
    background-color: #DAEEF3;
}
#informationWrapper.Gelb {
    background-color: #FFF0BE;
}
#informationWrapper.Grün {
    background-color: #E9F0C1;
}
#informationWrapper.Magenta {
    background-color: #FBD0D3;
}
/**
 * footer
 */
footer {
    background-color: #EEEFEF;
    bottom: 0;
    position: fixed;
    width: 100%;
}
#footerWrapper {
    align-items: center;
    display: grid;
    gap: 15px 25px;
    grid-template-columns: auto 1fr auto;
    margin: 0 auto;
    max-width: 1400px;
    padding: 15px 88px;
}
#footerWrapper .svgTextWrapper {
    justify-self: center;
}
.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;
}
/**
* media screen (smartphones, tablets, etc.)
 */
@media only screen and (max-width: 1400px) {
    header .logoWrapper img {
        min-width: 240px;
        width: 240px;
    }
}
@media only screen and (max-width: 1200px) {
    header {
        padding: 0 0 25px 25px;
    }
    main {
        padding: 0 25px 125px;
    }
    header .columnWrapper {
        gap: 25px 30px;
    }
    #headerWrapper {
        gap: 25px 30px;
        padding: 25px 0 0 0;
    }
    section {
        padding: 0 0 25px;
    }
    #footerWrapper {
        padding: 15px 25px;
    }
    #jobMetaInfos {
        padding-bottom: 40px;
    }
    h1 {
        font: normal normal normal 28px/34px FSAlbert-Regular, sans-serif;
    }
}
@media only screen and (max-width: 1000px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    body, h1, h2, h4, h5, li, p, span, label, input, textarea {
        font: normal normal normal 16px/20px FSAlbert-Regular, sans-serif;
    }
    h1 {
        font: normal normal normal 24px/31px FSAlbert-Regular, sans-serif;
    }
    h2 {
        font: normal normal normal 26px/33px FSAlbert-Bold, sans-serif;
    }
    li {
        font: normal normal normal 16px/26px FSAlbert-Regular, sans-serif;
    }
    a, a:hover {
        font: normal normal normal 18px/30px FSAlbert-Regular, sans-serif;
    }
    .svgTextWrapper p {
        font: normal normal normal 16px/30px FSAlbert-Regular, sans-serif;
    }
    .partnerLogo {
        padding-bottom: 25px;
    }
    header {
        padding: 25px 0 25px 25px;
    }
    header .columnWrapper {
        grid-template-columns: 1fr 1fr;
    }
    main {
        padding: 0 25px 80px;
    }
    .columnWrapper {
        gap: 25px;
        grid-template-columns: 1fr;
    }
    #ourOfferSecondrow {
        padding-top: 0;
    }
    #ourOffer .columnWrapper {
        gap: 10px;
    }
    .locationWrapper {
        padding-left: 48px;
    }
    .locationWrapper p,
    #informationWrapper p {
        font: normal normal normal 16px/30px FSAlbert-Regular, sans-serif;
    }
    #footerWrapper {
        display: flex;
        justify-content: center;
    }
    .buttonWrapperPrimary a,
    .buttonWrapperPrimary a:hover {
        font: normal normal normal 18px/30px FSAlbert-Bold, sans-serif;
        padding: 10px 20px;
    }
    .buttonWrapperPrimary div:before {
        font: normal normal normal 36px/18px system-ui, sans-serif;
    }
    .shareIconsWrapper .ui.popup svg {
        height: 25px;
        width: 25px;
    }
}
@media only screen and (max-width: 700px) {
    #jobMetaInfos {
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 500px) {
    header .logoWrapper img {
        min-width: 280px;
    }
}