/**
 * buttons, links, text, title - default settings
 */
* {
    margin: 0;
    padding: 0;
}
body, h1, h2, h3, h4, h5, li, p, span, label, input, textarea, a, a:hover {
    color: var(--companyTextColor);
    font: normal normal normal 28px/36px FuturaStd-Book, Helvetica, Arial, sans-serif;
    hyphens: auto;
    margin: 0;
    padding: 0;
}
a {
    color:#C31622;
}
.whatsappApply {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #25D366;
    color: white;
    border-radius: 23px;
    padding: 15px 50px;
    box-shadow: 4px 10px 10px #0000004D;
}
.whatsappApply svg {
    width: 30px;
    height: 30px;
}
#stickyBoxWrapper .whatsappApply {
    padding: 11px 12px;
    box-shadow: none;
    border: 4px solid transparent;
}
.whatsappApply:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #25D366;
    padding: 15px 50px;
}
#stickyBoxWrapper .whatsappApply:hover {
    background-color: #FFFFFF;
    border-color: #25D366;
    color: #25D366;
    padding: 11px 12px;
}
#stickyBoxWrapper .whatsappApply:hover span {
    color: #25D366;
}
.whatsappApply span {
    font-size: 28px;
    line-height: 36px;
    color: white;
}
#stickyBoxWrapper .whatsappApply span {
    font-size: 20px;
    line-height: 24px;
    color: white;
}
.whatsappApply:hover span {
    color: #25D366;
}
.whatsappApply:hover svg path {
    fill: #25D366;
}
.multiButtons {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
/* Smile */
#smile, #smile li, #smile p, #smile label, #smile input, #smile textarea, #smile a, #smile a:hover {
    font-family: 'tt-norms-regular', Helvetica, Arial, sans-serif;
    color:#262626;
}
#smile .boxContainer p, #smile .boxContainer span,  #smile span {
    font-family: 'tt-norms-regular', Helvetica, Arial, sans-serif;
}
/* Servisa */
#servisa, #servisa li, #servisa p, #servisa label, #servisa input, #servisa textarea, #servisa a, #servisa a:hover {
    font-family: 'Aeonik-Regular', Helvetica, Arial, sans-serif;
}
#servisa .boxContainer p, #servisa .boxContainer span,  #servisa span {
    font-family: 'Aeonik-Regular', Helvetica, Arial, sans-serif;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
h1 {
    font: normal normal normal 40px/52px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
}
h2 {
    font: normal normal normal 28px/36px FuturaStd-Book, Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
}
h3 {
    font: normal normal normal 28px/36px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
}
h4 {
    font: normal normal normal 22px/28px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}
/* Smile */
#smile h1, #smile b, #smile strong, #smile #similarJobsWrapper a:hover p, #smile .buttonWrapperPrimary a, #smile .buttonWrapperSecondary a, #smile .buttonWrapperThird a {
    font-family: 'tt-norms-bold', Helvetica, Arial, sans-serif;
}
#smile h2, #smile h3, #smile h4, #smile #stickyHeaderJobTitleWrapper h1, #smile .boxContainer h3 {
    font-family: 'tt-norms-medium', Helvetica, Arial, sans-serif;
}
/* Servisa */
#servisa h1, #servisa b, #servisa strong, #servisa #similarJobsWrapper a:hover p, #servisa .buttonWrapperPrimary a, #servisa .buttonWrapperSecondary a, #servisa .buttonWrapperThird a {
    font-family: 'Aeonik-Bold', Helvetica, Arial, sans-serif;
}
#servisa h2, #servisa h3, #servisa h4, #servisa #stickyHeaderJobTitleWrapper h1, #servisa .boxContainer h3 {
    font-family: 'Aeonik-Medium', Helvetica, Arial, sans-serif;
}
p {
    margin: 0 0 10px;
}
iframe {
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
ul li {
    list-style-type: initial;
    margin-left: 25px;
    padding: 0 0 15px 10px;
}
ul li:last-child {
    padding-bottom: 0;
}
b, strong {
    display: block;
    font-family: FuturaStd-Bold, Helvetica, Arial, sans-serif;
}
#responsibility b, #qualification b {
    display: contents;
}
/* Servisa */
#servisa b, #servisa strong {
    font-family: 'Aeonik-Bold', Helvetica, Arial, sans-serif;
}
a,
svg,
.buttonWrapperPrimary,
.buttonWrapperSecondary,
.buttonWrapperThird,
#similarJobsWrapper p {
    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;
}
.contentSpace {
    padding-top: 15px;
}
.buttonWrapper {
    display: flex;
    justify-content: center;
    padding-top: 25px;
}
.buttonWrapperCancel {
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 30px;
    z-index: 5;
}
.buttonWrapperPrimary,
.buttonWrapperSecondary,
.buttonWrapperThird {
    background-color: #C31622;
    border: none;
    border-radius: 23px;
    box-shadow: 4px 10px 10px #0000004D;
    cursor: pointer;
    max-width: max-content;
    text-align: center;
    white-space: nowrap;
}
.buttonWrapperSecondary {
    background-color: #8861A9;
}
.buttonWrapperThird {
    background-color: #00A8B1;
}
/* ERV */
.buttonWrapperPrimaryErv,
.buttonWrapperThirdErv {
    background-color: #f39655;
}
.buttonWrapperSecondaryErv {
    background-color: #00418d;
}
/* medicall */
.buttonWrapperPrimaryMedicall,
.buttonWrapperThirdMedicall {
    background-color: #9B0000;
}
.buttonWrapperSecondaryMedicall {
    background-color: #E1012D;
}
/* smile */
.buttonWrapperPrimarySmile,
.buttonWrapperThirdSmile {
    background-color: #4E8E9A;
}
.buttonWrapperSecondarySmile {
    background-color: #E95D0F;
}
/* Servisa */
.buttonWrapperPrimaryServisa,
.buttonWrapperThirdServisa {
    background-color: #c00010;
}
.buttonWrapperSecondaryServisa {
    background-color: #c00010;
}
.buttonWrapperPrimary a,
.buttonWrapperSecondary a,
.buttonWrapperThird a {
    display: inline-block;
    color: #FFF;
    padding: 15px 50px;
}
.buttonWrapperPrimary:hover,
.buttonWrapperSecondary:hover,
.buttonWrapperThird:hover {
    background-color: #FFF;
}
.buttonWrapperPrimary:hover a {
    color: #C31622;
}
.buttonWrapperSecondary:hover a {
    color: #8861A9;
}
.buttonWrapperThird:hover a {
    color: #00A8B1;
}
/* ERV */
.buttonWrapperPrimaryErv:hover a,
.buttonWrapperThirdErv:hover a {
    color: #f39655;
}
.buttonWrapperSecondaryErv:hover a {
    color: #00418d;
}
/* medicall */
.buttonWrapperPrimaryMedicall:hover a,
.buttonWrapperThirdMedicall:hover a {
    color: #9B0000;
}
.buttonWrapperSecondaryMedicall:hover a {
    color: #E1012D;
}
/* smile */
.buttonWrapperPrimarySmile:hover a,
.buttonWrapperThirdSmile:hover a {
    color: #4E8E9A;
}
.buttonWrapperSecondarySmile:hover a {
    color: #E95D0F;
}
/* Servisa */
.buttonWrapperPrimaryServisa:hover a,
.buttonWrapperThirdServisa:hover a {
    color: #f10014;
}
.buttonWrapperSecondaryServisa:hover a {
    color: #f10014;
}
.color1 {
    color: #00A2AB;
}
.color2 {
    color: #8861A9;
}
/* ERV */
.color1Erv {
    color: #f39655;
}
.color2Erv {
    color: #00418d;
}
/* medicall */
.color1Medicall {
    color: #9B0000;
}
.color2Medicall {
    color: #E1012D;
}
/* smile */
.color1Smile {
    color: #4E8E9A;
}
.color2Smile {
    color: #E95D0F;
}
/* Servisa */
.color1Servisa {
    color: var(--companyTextColor);
}
.color2Servisa {
    color: var(--companyTextColor);
}
.arrow {
    border: solid #FFF;
    border-width: 0 3px 3px 0;
    height: 10px;
    padding: 4px;
    position: relative;
    top: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.bar,
.barBurger {
    background-color: var(--companyTextColor);
    border-radius: 5px;
    height: 2px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 30px;
}
.bar {
    top: 15px;
}
.bar.one {
    transform: rotate(-135deg);
}
.bar.two {
    transform: rotate(-225deg);
}
.barBurger.two {
    top: 15px;
}
.barBurger.three {
    top: 22px;
    width: 20px;
}
.displayPrint,
.mobile,
.grecaptcha-badge {
    display: none;
}
/**
 * stickyHeader
 */
#stickyHeader {
    display: none;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 4;
}
#stickyHeaderContainer {
    background-color: #FFFFFF;
    margin: 0 auto;
    max-width: 1920px;
    padding: 10px 0 10px 80px;
    position: relative;
}
#stickyHeaderWrapper {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr;
    max-width: 72%;
}
#stickyHeaderJobTitleWrapper h1 {
    font: normal normal normal 24px/30px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}
#stickyLogoWrapper {
    display: flex;
    justify-self: flex-end;
}
#stickyLogoWrapper img {
    max-height: 50px;
}
/**
 * navigation
 */
#fixedNavigationMobile {
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
}
#fixedNavigationMobile svg {
    fill: #FFF;
    height: 25px;
    width: 25px;
}
#svgInstagram svg {
    fill: #8861A9;
}
/* ERV */
#svgInstagramErv svg {
    fill: #00418d;
}
/* medicall */
#svgInstagramMedicall svg {
    fill: #E1012D;
}
/* smile */
#svgInstagramSmile svg {
    fill: #E95D0F;
}
/* Servisa */
#svgInstagramServisa svg {
    fill: #f10014;
}
#fixedNavigationMobile p {
    color: #FFF;
}
#fixedNavigationMobileWrapper {
    background-color: #FFF;
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr auto;
    padding: 20px;
}
#fixedNavigationMobileWrapper img {
    max-height: 40px;
}
#fixedNavigationMobile div:first-child {
    z-index: 15;
}
#fixedNavigationMobileMenuWrapper {
    align-items: center;
    display: flex;
}
#fixedNavigationMobileMenu {
    cursor: pointer;
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 30px;
}
#fixedNavigationMobileMenuBurger {
    display: block;
}
#fixedNavigationMobileMenuCross {
    display: none;
}
#fixedNavigationMobileList {
    display: none;
    height: 100vh;
    left: 0;
    padding: 27px 25px 0;
    position: fixed;
    width: 100%;
}
.fixedNavigationMobileList {
    background-color: #8861A9;
}
/* ERV */
.fixedNavigationMobileListErv {
    background-color: #00418d;
}
/* medicall */
.fixedNavigationMobileListMedicall {
    background-color: #E1012D;
}
/* smile */
.fixedNavigationMobileListSmile {
    background-color: #E95D0F;
}
/* Servisa */
.fixedNavigationMobileListServisa {
    background-color: #f10014;
}
nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 20px;
}
nav a:first-child {
    border-top: 2px solid #FFF;
}
nav a {
    border-bottom: 2px solid #FFF;
    color: #FFF;
    display: grid;
    font: normal normal normal 16px/21px FuturaStd-Book, Helvetica, Arial, sans-serif;
    gap: 25px;
    grid-template-columns: 1fr auto;
    padding: 14px 20px;
    position: relative;
    text-decoration: none;
}
nav a:hover {
    font: normal normal normal 16px/21px FuturaStd-Book, Helvetica, Arial, sans-serif;
    padding: 14px 20px;
}
.fixedNavigationMobileItem {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-bottom: 20px;
}
#followus {
    padding-bottom: 10px;
}
/**
 * stickyBox
 */
#stickyBoxWrapper {
    display: grid;
    float: right;
    gap: 20px;
    padding: 15px 0 30px;
    position: sticky;
    right: 80px;
    top: 15px;
    width: 300px;
    z-index: 5;
    padding-bottom:200px;
}
#stickyBoxWrapper .buttonWrapperPrimary {
    border: 4px solid transparent;
    box-shadow: initial;
    max-width: initial;
}
#stickyBoxWrapper .buttonWrapperPrimary a {
    padding: 11px 46px;
}
#stickyBoxWrapper .buttonWrapperPrimary:hover {
    border-color: #C31622;
}
/* ERV */
#stickyBoxWrapper .buttonWrapperPrimaryErv:hover {
    border-color: #f39655;
}
/* medicall */
#stickyBoxWrapper .buttonWrapperPrimaryMedicall:hover {
    border-color: #9B0000;
}
/* smile */
#stickyBoxWrapper .buttonWrapperPrimarySmile:hover {
    border-color: #4E8E9A;
}
/* Servisa */
#stickyBoxWrapper .buttonWrapperPrimaryServisa:hover {
    border-color: #f10014;
}
.boxContainer {
    background-color: #FFF;
    border: 4px solid #F3F4F9;
    border-radius: 23px;
    padding: 15px;
    text-align: center;
}
.boxContainer h3 {
    font: normal normal normal 24px/31px FuturaStd-Bold, Helvetica, Arial, sans-serif;
}
.boxContainer p,
.boxContainer span {
    font: normal normal normal 20px/26px FuturaStd-Book, Helvetica, Arial, sans-serif;
}
.boxContainer svg {
    fill: #01a8b1;
}
/* ERV */
.boxContainerErv svg {
    fill: #00418d;
}
/* medicall */
.boxContainerMedicall svg {
    fill: #E1012D;
}
/* smile */
.boxContainerSmile svg {
    fill: #E95D0F;
}
/* Servisa */
.boxContainerServisa svg {
    fill: #f10014;
}
.boxColumn {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr auto;
}
#shareWrapper {
    display: grid;
    align-items: center;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0 25px;
}
.donutFlexOfficeInfo svg,
.donutFlexOfficeInfoMobile svg,
#shareSend2friend svg,
#sharePrint svg {
    fill: #00A2AB;
}
/* ERV */
.donutFlexOfficeInfoErv svg,
.donutFlexOfficeInfoMobileErv svg,
#shareSend2friendErv svg,
#sharePrintErv svg {
    fill: #f39655;
}
/* medicall */
.donutFlexOfficeInfoMedicall svg,
.donutFlexOfficeInfoMobileMedicall svg,
#shareSend2friendMedicall svg,
#sharePrintMedicall svg {
    fill: #9B0000;
}
/* smile */
.donutFlexOfficeInfoSmile svg,
.donutFlexOfficeInfoMobileSmile svg,
#shareSend2friendSmile svg,
#sharePrintSmile svg {
    fill: #4E8E9A;
}
/* Servisa */
.donutFlexOfficeInfoServisa svg,
.donutFlexOfficeInfoMobileServisa svg,
#shareSend2friendServisa svg,
#sharePrintServisa svg {
    fill: #f10014;
}
/**
 * donut
 */
#svgDonut {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
#svgDonut circle:first-child {
    stroke: #8861A9;
}
#svgDonut circle:nth-child(2) {
    stroke: #00A2AB;
}
/* ERV */
#erv #svgDonut circle:first-child {
    stroke: #00418d;
}
#erv #svgDonut circle:nth-child(2) {
    stroke: #f39655;
}
/* medicall */
#medicall #svgDonut circle:first-child {
    stroke: #E1012D;
}
#medicall #svgDonut circle:nth-child(2) {
    stroke: #9B0000;
}
/* smile */
#smile #svgDonut circle:first-child {
    stroke: #E95D0F;
}
#smile #svgDonut circle:nth-child(2) {
    stroke: #4E8E9A;
}
/* Servisa */
#servisa #svgDonut circle:first-child {
    stroke: #f10014;
}
#servisa #svgDonut circle:nth-child(2) {
    stroke: #c00010;
}
#salaryDonut {
    position: relative;
}
#donutFlexOfficeInfo {
    cursor: pointer;
    margin: 0;
    position: absolute;
    right: 0;
    top: 120px;
}
.flexOfficeData {
    text-align: right;
    margin-top:10px;
}
.flexOfficeData strong {
    display: inline;
}

/**
 * header
 */
header {
    position: relative;
    z-index: 5;
}
#headerLogoWrapper img {
    max-height: 50px;
    position: absolute;
    right: 40px;
    top: 40px;
}
#mobileHeader {
    display: none;
}
/**
 * main
 */
main {
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
    width: 100%;
}
.backgroundWrapper1 {
    background-color: #8861A9;
}
.backgroundWrapper2 {
    background-color: #00A8B1;
}
/* ERV */
.backgroundWrapper1Erv {
    background-color: #00418d;
}
.backgroundWrapper2Erv {
    background-color: #f39655;
}
/* medicall */
.backgroundWrapper1Medicall {
    background-color: #E1012D;
}
.backgroundWrapper2Medicall {
    background-color: #9B0000;
}
/* smile */
.backgroundWrapper1Smile {
    background-color: #E95D0F;
}
.backgroundWrapper2Smile {
    background-color: #4E8E9A;
}
/* Servisa */
.backgroundWrapper1Servisa {
    background-color: #f10014;
}
.backgroundWrapper2Servisa {
    background-color: #f10014;
}
.backgroundWrapper1 h3,
.backgroundWrapper1 span,
.backgroundWrapper1 p,
.backgroundWrapper1 div,
.backgroundWrapper2 h3,
.backgroundWrapper2 span,
.backgroundWrapper2 p,
.backgroundWrapper2 div {
    color: #FFF;
}
section {
    margin: 0 auto;
    padding: 0 80px 50px;
    position: relative;
}
.textWrapper {
    max-width: 75%;
    padding-top: 50px;
}
.sectionWrapper {
    padding-bottom: 100px;
}
#expired .textWrapper {
    max-width: 100%;
}
.columnWrapper {
    display: grid;
    gap: 40px 60px;
    grid-template-columns: 1fr 1fr;
}
.columnWrapper .buttonWrapperThird {
    justify-self: flex-end;
    align-self: flex-start;
}
.buttonWrapper.columnWrapper {
    padding-top: 25px;
    grid-template-columns: 2fr 1fr;
}
#jobMetaInfos svg:hover {
    fill: #00A2AB;
}
/* ERV */
#jobMetaInfosErv svg:hover {
    fill: #f39655;
}
/* medicall */
#jobMetaInfosMedicall svg:hover {
    fill: #9B0000;
}
/* smile */
#jobMetaInfosSmile svg:hover {
    fill: #4E8E9A;
}
/* Servisa */
#jobMetaInfosServisa svg:hover {
    fill: #c00010;
}
#statementWrapper {
    display: grid;
    gap: 20px 40px;
    grid-template-columns: auto 1fr auto;
}
#statementWrapper div:last-child {
    align-self: flex-end;
}
#statementImage {
    border: 1px solid transparent;
    border-radius: 50%;
    height: 200px;
    overflow: hidden;
    width: 200px;
}
.benefits svg {
    fill: #00A2AB;
}
/* ERV */
.benefitsErv svg {
    fill: #f39655;
}
/* medicall */
.benefitsMedicall svg {
    fill: #9B0000;
}
/* smile */
.benefitsSmile svg {
    fill: #4E8E9A;
}
/* Servisa */
.benefitsServisa svg {
    fill: #f10014;
}
#benefitsWrapper {
    display: grid;
    gap: 20px 50px;
    grid-template-columns: 1fr 1fr 1fr;
    height: max-content;
}
.button.ui.teal,
.button.ui.teal:hover {
    background-color: transparent;
    padding: 0;
    text-align: initial;
}
.ui.popup {
    border: 2px solid #707070;
    border-radius: 23px;
    box-shadow: initial;
    max-width: 300px;
    padding: 30px 50px;
}
.ui.right.center.popup {
    margin: 90px 0 0 -120px;
}
.ui.popup:before {
    content: initial;
}
.ui.popup > .header {
    color: #00A2AB;
    font: normal normal normal 20px/28px FuturaStd-Bold, Helvetica, Arial, sans-serif;
}
/* ERV */
#erv .ui.popup > .header {
    color: #f39655;
}
/* medicall */
#medicall .ui.popup > .header {
    color: #9B0000;
}
/* smile */
#smile .ui.popup > .header {
    color: #4E8E9A;
    font-family: 'tt-norms-bold', Helvetica, Arial, sans-serif;
}
/* Servisa */
#servisa .ui.popup > .header {
    color: var(--companyTextColor);
    font-family: 'Aeonik-Bold', Helvetica, Arial, sans-serif;
}
.ui.popup > .content {
    font: normal normal normal 20px/28px FuturaStd-Book, Helvetica, Arial, sans-serif;
}
#videoWrapper {
    /*height: 0;*/
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    /*display: none;*/
}
#awardsWrapper {
    display: grid;
    gap: 8%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
#similarJobsWrapper {
    display: grid;
    gap: 25px 75px;
    grid-template-columns: 1fr 1fr 1fr;
}
.similarJob {
    border-right: 1px solid #000;
    padding: 25px 75px 50px 0;
}
.similarJob:last-child {
    border: none;
    padding-right: 0;
}
#similarJobsWrapper p {
    margin-bottom: 40px;
}
#similarJobsWrapper p:last-child {
    margin-bottom: 0;
}
#similarJobsWrapper a:hover p {
    font: normal normal normal 28px/36px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    margin-left: -25px;
}
#jobabo p {
    padding-top: 25px;
    text-align: center;
}
footer {
    bottom: 0;
    max-width: 100%;
    padding-bottom: 25px;
    position: fixed;
    width: 100%;
    z-index: 1;
}
footer .buttonWrapper {
    padding-top: 0;
}
/**
 * share social media
 */
#shareDesktop,
#shareMobile {
    cursor: pointer;
}
.shareSocialmedia a,
.shareSocialmedia svg {
    transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -webkit-transition: 0s;
}
.shareSocialmedia {
    position: relative;
}
.shareSocialmedia .ui.popup {
    box-shadow: none;
    display: flex;
    gap: 15px;
    margin: 0 0 15px -23px;
    padding: 10px;
}
#shareSocialmedia .ui.popup {
    border: 4px solid #8861A9;
}
/* ERV */
#shareSocialmediaErv .ui.popup {
    border: 4px solid #00418d;
}
/* medicall */
#shareSocialmediaMedicall .ui.popup {
    border: 4px solid #E1012D;
}
/* smile */
#shareSocialmediaSmile .ui.popup {
    border: 4px solid #E95D0F;
}
/* Servisa */
#shareSocialmediaServisa .ui.popup {
    border: 4px solid #f10014;
}
/**
 * Send2Friend
 */
.shareSend2friendTrigger {
    cursor: pointer;
    height: fit-content;
    position: relative;
}
.send2friend {
    border-radius: 23px !important;
    min-height: 800px;
}
#modal .modal-close {
    height: auto;
    margin-right: 0;
    position: absolute;
    right: 30px;
    top: 20px;
    width: auto;
}
#modal .modal-close i {
    color: #FFF;
    font-size: 28px;
    transition: all 0.3s ease;
}
#modal .modal-close:hover i {
    color: #8861A9;
}
/*
** Chatbot
 */
#clara {
    border:0px;
    padding:0px;
    position: fixed;
    bottom:0px;
    z-index: 99;
    margin:0 auto 10px auto;
    width: 100%;
    max-width: 100%;
    right:0;
}
.claraGifHolder {
    position: relative;
    display: flex;
    justify-content: right;
    margin-right: 10px;
}
.claraGifHolder a {
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.claraGifHolder a:hover .claraGif {
    display: none;
}
.claraGifHolder img {
    position: relative;
    max-width: 90px;
}
.claraGifHolder .claraGifHover {
    display: none;
}
.claraGifHolder a:hover .claraGifHover {
    display: block;
}

.claraSprechblase {
    width: 165px;
    height: 113px;
    background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 821.64 565.81'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2300818F;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M162.8,527.7l596.3-34.3a66.11,66.11,0,0,0,61.6-56.7l40-285.4a65.89,65.89,0,0,0-60.2-74.9L110.8,22.8A65.93,65.93,0,0,0,40.4,97.9L93.7,471.2A65.87,65.87,0,0,0,162.8,527.7Z' transform='translate(-39.72 -22.59)'/%3E%3Cpath class='cls-1' d='M733.1,588.4A210.19,210.19,0,0,1,602.3,474H741.2a89.33,89.33,0,0,0-24.5,49C711.7,557.5,729.2,583,733.1,588.4Z' transform='translate(-39.72 -22.59)'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    visibility: inherit;
    opacity: 1;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
    cursor: pointer;
    display: none;
    position: absolute;
    left: -145px;
    top: -66px;
    z-index: 999;
}
.claraGifHolder a:hover .claraSprechblase {
    display: block;
}
.claraSprechblase p {
    color:white;
    font-size: 16px;
    line-height: 21px;
    z-index: 99;
    padding:18px 10px 15px 18px;
}

/* Cookie Layer */
.cookieLayer {
    width: 100%;
    padding:48px;
    text-align: center;
    background-color: #E5E5E5;
    display: none;
}
.cookieLayer .titleAndIcon {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}
.cookieLayer .titleAndIcon svg{
    width: 40px;
    height: 30px;
    margin-right: 20px;
}
.cookieLayer > div {
    margin: 0 auto;
    max-width: 690px;
}
.cookieLayer .cookieSettingsLink {
    cursor: pointer;
    text-decoration: underline  ;
}

#ot-sdk-btn {
    margin-top: 20px;
    margin-bottom: 80px;
    background: transparent;
    border-radius: 23px;
    box-shadow: 4px 10px 10px #0000004D;
}

/**
* media screen (tablets, smartphones)
 */
@media only screen and (min-width: 1200px) {
    .ui.modal {
        width: 1080px;
    }
}
@media only screen and (min-width: 1560px) {
    .ui.modal {
        width: 1520px;
    }
}
@media only screen and (max-width: 1400px) {
    body, h1, h2, h3, h4, h5, li, p, span, label, input, textarea, a, a:hover, .whatsappApply span, .whatsappApply:hover span {
        font: normal normal normal 20px/28px FuturaStd-Book, Helvetica, Arial, sans-serif;
    }
    h1 {
        font: normal normal normal 30px/42px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    }
    h2 {
        font: normal normal normal 20px/28px FuturaStd-Book, Helvetica, Arial, sans-serif;
    }
    h3 {
        font: normal normal normal 20px/28px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    }
    h4 {
        font: normal normal normal 14px/20px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    }
    .boxContainer h3 {
        font: normal normal normal 16px/24px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    }
    .boxContainer p,
    .boxContainer span {
        font: normal normal normal 14px/20px FuturaStd-Book, Helvetica, Arial, sans-serif;
    }
    .ui.popup > .header {
        font: normal normal normal 12px/20px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    }
    #smile .ui.popup > .header {
        font: normal normal normal 12px/20px 'tt-norms-bold', Helvetica, Arial, sans-serif;
    }
    .ui.popup > .content {
        font: normal normal normal 12px/20px FuturaStd-Book, Helvetica, Arial, sans-serif;
    }
    #similarJobsWrapper a:hover p {
        font: normal normal normal 20px/28px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    }
    section {
        padding: 0 50px 50px;
    }
    #stickyHeaderWrapper,
    .textWrapper {
        max-width: 70%;
    }
    #stickyHeaderContainer {
        padding: 10px 50px;
    }
    #stickyBoxWrapper {
        right: 50px;
    }
    .send2friend {
        min-height: 600px;
    }
}
@media only screen and (max-width: 1200px) {
    header {
        padding-top: 80px;
    }
    section {
        padding: 0 25px 25px;
    }
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
    #stickyHeaderContainer {
        padding: 10px 25px;
    }
    #stickyHeaderWrapper,
    .textWrapper {
        max-width: initial;
    }
    .textWrapper {
        padding-top: 25px;
    }
    #stickyBoxWrapper {
        display: none;
        visibility: hidden;
    }
    #jobMetaInfosDonutWrapper {
        display: grid;
        gap: 25px;
        grid-template-columns: 2fr 1fr;
    }
    #jobMetaInfosDonutWrapper > p {
        white-space: nowrap;
    }
    #salaryDonutMobile {
        display: flex;
        justify-self: flex-end;
        position: relative;
    }
    #donutFlexOfficeInfoMobile {
        left: 60px;
        position: absolute;
        top: 60px;
    }
    #salary {
        margin-bottom: 80px;
    }
    .benefitItemsMobile {
        background-color: #F9F9FA;
        border: 1px solid #707070;
        border-radius: 23px;
        display: grid;
        gap: 20px;
        margin-bottom: 25px;
        padding: 20px;
    }
    .benefitItemsMobile:nth-child(odd) {
        grid-template-columns: auto 1fr;
    }
    .benefitItemsMobile:nth-child(even) {
        grid-template-columns: 1fr auto;
    }
    .benefitItemsMobile h3 {
        color: #00A2AB;
    }
    /* ERV */
    .benefitItemsMobileErv h3 {
        color: #f39655;
    }
    /* medicall */
    .benefitItemsMobileMedicall h3 {
        color: #9B0000;
    }
    /* smile */
    .benefitItemsMobileSmile h3 {
        color: #4E8E9A;
    }
    /* Servisa */
    .benefitItemsMobileServisa h3 {
        color: #f10014;
    }
    .benefitsServisa svg {
        height: auto;
        width: 75px;
    }
    #contactMobile,
    #leaderMobile {
        margin: 0 auto;
        text-align: center;
    }
    #contactMobile img {
        border: 3px solid #FFF;
    }
    #contactMobile .shareSocialmedia {
        padding-top: 25px;
    }
    #contactMobile #shareSocialmedia a.icon svg {
        fill: #8861A9;
    }
    /* ERV */
    #contactMobile #shareSocialmediaErv a.icon svg {
        fill: #00418d;
    }
    /* medicall */
    #contactMobile #shareSocialmediaMedicall a.icon svg {
        fill: #E1012D;
    }
    /* smile */
    #contactMobile #shareSocialmediaSmile a.icon svg {
        fill: #e95d0f;
    }
    /* Servisa */
    #contactMobile #shareSocialmediaServisa a.icon svg {
        fill: #f10014;
    }
    .shareSocialmedia .ui.popup {
        margin: 0 0 20px 0;
    }
    #similarJobs {
        padding-bottom: 108px;
    }
    .claraGifHolder {
        margin-right: 10px;
    }
    .claraGifHolder img {
        max-width: 60px;
    }
    .claraSprechblase {
        left:-115px;
        top:-90px;
        transform:scale(0.8);
    }
}
@media only screen and (max-width: 1000px) {
    .send2friend {
        min-height: 870px;
    }
}
@media only screen and (max-width: 800px) {
    #similarJobsWrapper a:hover p {
        margin-left: 0;
    }
    #statementWrapper {
        display: block;
    }
    #statementWrapper div {
        margin: 0 auto 25px;
        text-align: center;
    }
    #awardsWrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    #similarJobsWrapper {
        grid-template-columns: 1fr;
    }
    .similarJob {
        border-right: none;
        border-bottom: 1px solid #000;
        padding: 0 0 25px;
    }
    .similarJob:last-child {
        padding-bottom: 0;
    }

    .buttonWrapperPrimary a,
    .buttonWrapperSecondary a,
    .whatsappApply,
    .buttonWrapperThird a {
        padding: 10px 15px;
        font:normal normal normal 14px/22px FuturaStd-Book, Helvetica, Arial, sans-serif;
    }
    .whatsappApply span {
        font:normal normal normal 14px/22px FuturaStd-Book, Helvetica, Arial, sans-serif;
    }
    .whatsappApply svg {
        width: 20px;
        height: 20px;
    }
}
@media only screen and (max-width: 600px) {
    body, h1, h2, h3, h4, h5, li, p, span, label, input, textarea, a, a:hover, .whatsappApply span, .whatsappApply:hover span {
        font: normal normal normal 14px/22px FuturaStd-Book, Helvetica, Arial, sans-serif;
    }
    h1 {
        font: normal normal normal 24px/34px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    }
    h2 {
        font: normal normal normal 14px/22px FuturaStd-Book, Helvetica, Arial, sans-serif;
    }
    h3 {
        font: normal normal normal 14px/22px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    }
    h4 {
        font: normal normal normal 10px/16px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    }
    .boxContainer h3 {
        font: normal normal normal 10px/18px FuturaStd-Bold, Helvetica, Arial, sans-serif;
    }
    .boxContainer p,
    .boxContainer span {
        font: normal normal normal 10px/16px FuturaStd-Book, Helvetica, Arial, sans-serif;
    }
    #similarJobsWrapper a:hover p {
        font: normal normal normal 14px/22px FuturaStd-Bold, Helvetica, Arial, sans-serif;
        margin-left: 0;
    }
    .columnWrapper {
        grid-template-columns: 1fr;
    }
    #awardsWrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
    #similarJobs {
        padding-bottom: 92px;
    }
    .whatsappApply {
        padding: 10px 15px;
    }
    .whatsappApply:hover {
        padding: 10px 15px;
    }
    .whatsappApply svg {
        width: 20px;
        height: 20px;
    }
    #clara {
        margin-bottom: 70px;
    }
}