/*///////////////////////////////////////////////////////
// Intro Teaser
//////////////////////////////////////////////////////*/
.introTeaser {
    position: relative;
    height: calc(100vh - 108px);
    max-height: 885px;
    min-height: 620px;
    padding: 100px 0;
    overflow: hidden;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.mainContent .introTeaser {
    padding: 120px 0;
}
.introTeaser.newsTeaser {
    height: 750px;
}
.introTeaser.newsTeaser .introBg {
    background-position: center top;
}
.introTeaser.newsTeaser .introBg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.newsTeaser > a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.introBg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: transparent no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.introTeaser.hasVideo .introBg {
    display: none;
}
.introTeaser .introBg {
    background-color: transparent !important;
}
.introVideoBg {
    position: absolute;
    width: 100%;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.introTeaser[data-valign="center"] .introVideoBg {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.introTeaser[data-valign="bottom"] .introVideoBg {
    top: auto;
    bottom: 0;
}
.introContent {
    position: relative;
    float: left;
    width: 100%;
    z-index: 20;
    height: 80%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.mainContent > section:only-child {
    padding: 0;
}
.introTeaser .introContent .innerWrap {
    height: 100%;
}
.introContent .contentBox {
    padding: 60px 33% 120px 0;
    height: 100%;
}
.introTeaser:not(.borderBox) .introContent .contentBox {
    padding: 60px 33% 120px 0;
    height: 100%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.borderBox .introContent .contentBox {
    padding: 60px 33% 60px 120px;
}
.newsTeaser .introContent .contentBox {
    padding: 60px 33% 60px 120px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
}
.borderBox .contentBox:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 0 30px;
    background: transparent;
    border: 3px solid #FFFFFF;
}
.introContent h1 {
    font-size: 60px;
    line-height: 75px;
    text-align: left;
    color: #fff;
}
.introTeaser[data-font="rustico"] .introContent h1, .introTeaser[data-font="rustico"] .introContent h1 strong {
    font-family: "Rustico";
    font-weight: normal;
    font-size: 90px;
    line-height: 1.1em;
    white-space: nowrap;
}
.introTeaser[data-font="rustico"]:not(.borderBox) .introContent .contentBox {
    padding: 0;
}
.introTeaser h1 strong {
    font-weight: 700;
}
.introLeft, .introRight {
    float: left;
}
.introLeft {
    width: 60%;
}
.introRight {
    width: 40%;
    text-align: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.introVideoWrap {
    display: none;
}
.iconPlay {
    position: relative;
    display: inline-block;
    width: 160px;
    height: 160px;
    cursor: pointer;
}
.iconPlay span {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    padding-top: 20px;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
}
.introTeaserButton {
    margin-top: 30px;
}
.iconArrowDown {
    position: absolute;
    z-index: 30;
    left: -150px;
    bottom: -10%;
    width: 64px;
    height: 32px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer;
}
.introTeaser.low-version {
    height: calc(86vh - 158px);
}
.introTeaser.low-version .iconArrowDown {
    bottom: -10%;
}
.iconArrowDown svg {
    display: block;
}
.iconArrowDown svg path {
    stroke: #FFFFFF;
}
.introTeaser .introContent .contentBox .contentBoxHalf .additionalCopytext, .introTeaser .introContent .contentBox .contentBoxHalf .additionalCopytextSubline {
    padding-left: 0 !important;
    margin-top: 12px;
}
.introTeaser .introContent .contentBox .contentBoxHalf .additionalCopytext {
    font-size: 1.5rem !important;
    line-height: 1.25em !important;
}
.introTeaser .introContent .contentBox .contentBoxHalf {
    width: 100% !important;
}
@media (min-width: 1280px) {
    .breadcrumbTop ~ .introTeaser {
        height: calc(100vh - 158px);
    }
}
@media (max-width: 1800px) {
    .iconArrowDown {
        left: -100px;
    }
}
@media (max-width: 1700px) {
    .iconArrowDown {
        left: -95px;
        bottom: -15%;
    }
}
@media (max-width: 1680px) {
    .iconArrowDown {
        display: none;
    }
}
@media (max-width: 1510px) {
    .introTeaser:first-of-type .introContent h1 br {
        display: none;
    }
    .introContent h1 {
        font-size: 50px;
        line-height: 65px;
    }
    .introTeaser[data-font="rustico"]:first-of-type .introContent h1 br {
        display: inline-block;
    }
    .introTeaser[data-font="rustico"] .introContent h1, .introTeaser[data-font="rustico"] .introContent h1 strong {
        font-size: 80px;
    }
    /*     .introTeaser {
            max-height: 800px;
        } */
}
@media (max-width: 1280px) {
    /*     .introTeaser {
            max-height: 700px;
        } */
    .introTeaser .introContent .contentBox, .introTeaser.borderBox .introContent .contentBox, .introTeaser:not(.borderBox) .introContent .contentBox {
        padding: 60px 30% 60px 60px;
    }
}
@media (max-width: 1100px) {
    /*     .introTeaser {
            max-height: 600px;
        } */
    .iconPlay {
        width: 120px;
        height: 120px;
        -webkit-background-size: 120px;
        background-size: 120px;
    }
}
@media (max-width: 1024px) {
    .introContent h1 {
        font-size: 42px;
        line-height: 55px;
    }
    .introTeaser[data-font="rustico"] .introContent h1, .introTeaser[data-font="rustico"] .introContent h1 strong {
        font-size: 70px;
    }
}
@media (max-width: 960px) {
    /*     .introTeaser {
            max-height: 550px;
        } */
    .introLeft {
        width: 70%;
    }
    .introRight {
        width: 30%;
    }
}
/* @media (max-width: 800px) {
    .introTeaser {
        max-height: 500px;
    }
} */
@media (max-width: 768px) {
    .introContent h1 {
        font-size: 2.25em;
        line-height: 42px;
    }
    .introTeaser[data-font="rustico"]:not(.borderBox) .introContent .contentBox {
        padding: 60px 0 120px 0;
    }
    .introTeaser[data-font="rustico"] .introContent h1, .introTeaser[data-font="rustico"] .introContent h1 strong {
        font-size: 50px;
    }
    .iconPlay span {
        font-size: 16px;
    }
    .introTeaser .introContent .contentBox, .introTeaser.borderBox .introContent .contentBox, .introTeaser:not(.borderBox) .introContent .contentBox {
        padding: 60px 18% 90px 60px;
    }
    .introVideoBg {
        width: auto;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .introTeaser.hasVideo .introBg {
        display: block;
    }
    .introTeaser.hasVideo .introVideoBg {
        display: none;
    }
    .introTeaser.unwrap .introContent .contentBox.contentBoxDouble {
        padding: 40px 0 90px 0;
    }
    .mainContent .introTeaser {
        max-height: none;
        height: auto;
        padding: 0;
        display: block;
        min-height: auto;
        overflow: visible;
    }
    .mainContent .introTeaser.low-version {
        height: auto;
    }
    .mainContent .introTeaser.hasVideo {
        padding: 60px 0 90px 0;
    }
    .introBg {
        position: relative;
        min-height: 290px;
    }
    .introTeaser.hasVideo .introBg {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .introContent {
        top: auto;
    }
    .introContent .innerWrap {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        justify-content: center;
    }
    .borderBox .contentBox:before {
        display: none;
    }
    .borderBox .introBg:after {
        content: "";
        position: absolute;
        z-index: 10;
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px);
        height: -webkit-calc(100% - 60px);
        height: -moz-calc(100% - 60px);
        height: calc(100% - 60px);
        left: 30px;
        top: 30px;
        border-radius: 0 30px;
        background: transparent;
        border: 3px solid #FFFFFF;
    }
    .introContent h1 {
        color: #3C4143;
    }
    .introTeaser[data-font="rustico"] .introContent h1, .introTeaser[data-font="rustico"] .introContent h1 strong {
        white-space: normal;
    }
    .introTeaser[data-font="rustico"]:first-of-type .introContent h1 br {
        display: none;
    }
    .introTeaser.hasVideo .introContent h1 {
        color: #FFFFFF;
    }
    .introTeaser .introContent .contentBox, .introTeaser.borderBox .introContent .contentBox, .introTeaser:not(.borderBox) .introContent .contentBox {
        padding: 32px 0 40px 0;
    }
    .introLeft {
        padding-bottom: 20px;
    }
    .introLeft, .introRight {
        width: 100%;
    }
    .introTeaser.hasSubModule .introContent {
        margin-top: 0;
    }
    .introContent h1 br {
        display: none;
    }
    .introTeaser.unwrap .introContent .contentBox.contentBoxDouble {
        padding: 32px 0 40px 0;
    }

    /* Text in Bild / IntroTeaser Stellenboerse */
    .introTeaser.textInside .introBg {
        position: absolute;
    }
    .introTeaser.textInside .introBg:after {
        display: none;
    }
    .introTeaser.textInside .introContent * {
        color: #FFFFFF;
    }
}
@media (max-width: 560px) {
    .introBg {
        min-height: 260px;
    }
}
@media (max-width: 460px) {
    .introBg {
        min-height: 230px;
    }
    .borderBox .introBg:after {
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px);
        height: -webkit-calc(100% - 40px);
        height: -moz-calc(100% - 40px);
        height: calc(100% - 40px);
        left: 20px;
        top: 20px;
    }
}
@media all and (-ms-high-contrast: none) {
    .introTeaser {
        min-height: 820px;
    }
}
@media (max-width: 768px) {
    .introTeaser.unwrap {
        height: auto !important;
        max-height: none;
        padding-bottom: 94px;
    }
    .introTeaser.unwrap .introBg {
        position: relative;
        height: 400px;
    }
    .introTeaser.unwrap .introVideoBg {
        display: none;
        position: relative;
        width: 100%;
    }
    .introTeaser.unwrap .introContent {
        height: auto;
    }
    .introTeaser.unwrap .introContent .contentBox .contentBoxHalf * {
        color: #3c4143 !important;
    }
    .introTeaser.unwrap .introContent .contentBox .contentBoxHalf {
        width: 100%;
    }
    .introTeaser.unwrap .introContent .contentBox .contentBoxHalf:last-child {
        display: block !important;
    }
    .mainContent .introTeaser.unwrap.hasVideo {
        padding: 0;
    }
}
@media (max-width: 460px) {
    .introTeaser.unwrap .introBg {
        height: 230px;
    }
    .introTeaser .introContent .contentBox .contentBoxHalf .additionalCopytext br {
        display: none;
    }
}




/*///////////////////////////////////////////////////////
// Dynamic Grid (Info Hub / News)
//////////////////////////////////////////////////////*/

.tileGrid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(12, 1fr);
    /* grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); */
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.tileItem {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    -ms-grid-column-span: 4;
    grid-column: span 4;
    min-height: 250px;
}
.tileItem.tileLarge .tileContent, .infoHub .tileItem:nth-child(2) .tileContent, .infoHub .tileItem:nth-child(9)  .tileContent, .tileBlank .tileContent {
    /* height: 100%; */
    margin-top: auto;
}
.tileItem > a {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    float: left;
    height: 100%;
}
.tileItem.tileLarge {
    background: transparent;
}
.tileItem.tileLarge .tileContent {
    padding: 60px 30px 50px 30px;
}
/* .tileItem.tileLarge .tileContent header, .infoHub .tileItem:nth-child(2) .tileContent header, .infoHub .tileItem:nth-child(9) .tileContent header, .tileBlank .tileContent header {
    margin-top: auto;
} */
.tileItem:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.tileItem:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}
.tileItem:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
}
.newsListing .tileItem:nth-child(4), .tileItem.tileLarge {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    -ms-grid-row-span: 2;
    grid-column: span 8;
    grid-row: span 2;
}
.infoHub .tileItem:nth-child(3) .tileImage,
.newsListing .tileItem:nth-child(5) .tileImage, .newsListing .tileItem:nth-child(6) .tileImage {
    display: none;
}
.infoHub .tileItem:nth-child(2) .tileContent, .infoHub .tileItem:nth-child(3) .tileContent,
.newsListing .tileItem:nth-child(5) .tileContent, .newsListing .tileItem:nth-child(6) .tileContent {
    padding: 60px 30px;
}
.infoHub .tileItem:nth-child(2) .tileCategory, .infoHub .tileItem:nth-child(3) .tileCategory,
.newsListing:not(.searchResultListing) .tileItem:nth-child(5) .tileCategory, .newsListing:not(.searchResultListing) .tileItem:nth-child(6) .tileCategory {
    background-color: rgba(180,180,180,0.1);
    color: #3C4143;
}
.tileItem:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 9;
}
.tileItem:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
}
.newsListing .tileItem:nth-child(7), .infoHub .tileItem:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: span 6;
}
.newsListing .tileItem:nth-child(8), .infoHub .tileItem:nth-child(5) {
    -ms-grid-row: 4;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    grid-column: span 3;
}
.newsListing .tileItem:nth-child(9), .infoHub .tileItem:nth-child(6) {
    -ms-grid-row: 4;
    -ms-grid-column: 9;
    -ms-grid-column-span: 3;
    grid-column: span 3;
}
.tileItem:nth-child(n+10) {
    -ms-grid-row: 5;
    -ms-grid-column-span: 4;
    grid-column: span 4;
    grid-auto-flow: column;
}
.tileItem.hubTeaser, .tileGrid .btnWrap {
    grid-column: span 12;
}

.tileCategory {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    background-color: rgba(15,15,15,0.3);
    padding: 0 25px;
    height: 50px;
    font-size: 1rem;
    font-weight: 300;
    color: #FFFFFF;
    letter-spacing: 0.01em;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
}
.tileBlank .tileCategory {
    color: #3C4143;
    background-color: rgba(216,216,216,0.1);
}
.tileImage {
    position: relative;
    float: left;
    width: 100%;
    min-height: 240px;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: rgba(112,112,112,0.2);
}
.newsListing .tileItem:nth-child(7) .tileImage, .infoHub .tileItem:nth-child(4) .tileImage {
    background-position: center center;
}
.tileContent {
    text-align: left;
    float: left;
    padding: 25px 30px 60px 30px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-flow: column;
    flex-flow: column;
}
.infoHub .tileItem:nth-child(7) .tileContent {
    margin-top: auto;
}
.tileItem.tileLarge .tileContent, .tileItem.tileBlank .tileContent {
    padding: 60px 30px;
}
.tileContent header {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 5px;
    white-space: nowrap;
}
.tileContent header time, .tileContent header h3 {
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.25em;
    display: inline-block;
}
.tileContent header h3 {
    text-overflow: ellipsis;
}
.tileContent header h3:empty {
    display: none;
}
.newsListing .tileContent header h3:before {
    position: relative;
    font-size: 0.8rem;
    content: '•';
    padding: 0 7px 0 5px;
    font-weight: 400;
}
.tileDate {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.tileContent header .tileDate:after {
    position: relative;
    font-size: 0.6em;
    content: '•';
    padding: 0 7px 0 7px;
    font-weight: 400;
}
.newsListing .tileContent header .tileDate:after {
    display: none;
}
.tileHeadline {
    font-size: 30px;
    line-height: 1.2em;
    float: left;
    width: 100%;
    margin: 0;
}
.tileItem.tileLarge, .infoHub .tileItem:nth-child(2), .tileItem.tileLarge, .infoHub .tileItem:nth-child(7) {
    background-color: transparent;
}
.tileLarge .tileImage, .infoHub .tileItem:nth-child(2) .tileImage, .infoHub .tileItem:nth-child(7) .tileImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.infoHub .tileItem .tileImage:before {
    display: none;
}
.infoHub .tileLarge .tileImage:before, .infoHub .tileItem:nth-child(2) .tileImage:before, .infoHub .tileItem:nth-child(7) .tileImage:before,
.newsListing .tileItem.tileLarge .tileImage:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.tileItem.tileLarge .tileHeadline, .tileItem.tile50 .tileHeadline {
    width: 65%;
}
.tileItem.tileLarge *, .infoHub .tileItem:nth-child(2) *, .infoHub .tileItem:not(.hubTeaser):nth-child(7) * {
    color: #FFFFFF !important;
}
.tileItem.tileLarge a, .tileItem.tileBlank a, .tileItem.tileJob a {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;

}
.tileItem.tileJob a {
    justify-content: center;
    position: absolute;
}
.tileItem.tileLarge > a, .tileItem.tileBlank > a, .infoHub .tileItem:nth-child(2) > a, .infoHub .tileItem:nth-child(7) > a {
    position: absolute;
}
.tileItem.tileJob {
    background: #FF0000;
}
.tileItem.tileJob .tileTag:before {
    display: none;
}
.tileItem.bgGrey {
    background: #F2F2F2;
}
.tileItem.bgRed {
    background: #FF0000;
}
.tileItem.bgBlue {
    background: #206CAF;
}
.tileGrid .btnOutline {
    padding: 18px 135px;
}
.infoHub .btnWrap .btnOutline {
    min-width: 335px;
}

/*** InfoHub mit Aktions-Teaser ***/
.infoHub .tileItem.hubTeaser + .tileItem {
    background: transparent;
}
.infoHub .tileItem.hubTeaser + .tileItem .tileImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.infoHub .tileItem.hubTeaser + .tileItem + .tileItem {
    background: #fff;
}
.infoHub .tileItem.hubTeaser + .tileItem > a {
    position: absolute;
}
.infoHub .tileItem.hubTeaser + .tileItem + .tileItem > a {
    position: relative;
}
.infoHub .tileItem.hubTeaser + .tileItem + .tileItem .tileImage {
    position: relative;
    height: auto;
    z-index: 10;
}
.infoHub .tileItem.hubTeaser + .tileItem .tileImage:before {
    display: block;
}
.infoHub .tileItem.hubTeaser + .tileItem + .tileItem .tileImage:before {
    display: none;
}
.infoHub .tileItem.hubTeaser + .tileItem .tileContent {
    margin-top: auto;
}
.infoHub .tileItem.hubTeaser + .tileItem *, .infoHub .tileItem.hubTeaser + .tileItem + .tileItem .tileCategory {
    color: #FFFFFF !important;
}
.infoHub .tileItem.hubTeaser + .tileItem + .tileItem * {
    color: #3C4143 !important;
}
.newsListing .newsLoadMore.hidden, .eventListing .newsLoadMore.hidden {
    display: none;
}
@media (max-width: 1280px) {
    .tileItem.tileLarge {
        grid-column: span 7;
    }
    .tileItem:nth-child(2), .tileItem:nth-child(3) {
        grid-column: span 5;
    }
    .newsListing .tileItem:nth-child(1), .newsListing .tileItem:nth-child(2), .newsListing .tileItem:nth-child(3),
    .newsListing .tileItem:nth-child(7), .newsListing .tileItem:nth-child(8), .newsListing .tileItem:nth-child(9) {
        grid-column: span 4;
    }
    .tileItem.tileLarge .tileHeadline, .tileItem.tile50 .tileHeadline {
        width: 85%;
    }
    .tileHeadline {
        font-size: 26px;
    }
    .newsListing .tileItem:nth-child(7) .tileImage, .infoHub .tileItem:nth-child(4) .tileImage {
        background-position: center top;
    }
}
@media (max-width: 1100px) {
    .infoHub .tileItem:nth-child(4), .infoHub .tileItem:nth-child(5), .infoHub .tileItem:nth-child(6) {
        grid-column: span 4;
    }
    .tileImage {
        min-height: 160px;
    }
    .tileHeadline {
        font-size: 24px;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    .tileContent header time, .tileContent header h3 {
        font-size: 0.875rem;
    }
    .tileContent header time:after {
        padding-left: 5px;
    }
}
@media (max-width: 860px) {
    .mainContent .infoHub .tileItem {
        grid-column: span 6;
        grid-row: span 1;
        min-height: 250px;
    }
    .mainContent .infoHub .tileItem.tileJob {
        min-height: 300px;
    }
    .mainContent .infoHub .tileItem.hubTeaser, .mainContent .infoHub .tileItem.tileJob {
        grid-column: span 12;
    }
    .mainContent .newsListing .tileItem {
        grid-column: span 6;
        grid-row: span 1;
    }
    .mainContent .newsListing .tileItem.tileLarge {
        grid-row-start: 2;
        grid-column: span 12;
        min-height: 350px;
    }
    .infoHub .tileItem:nth-child(3) .tileImage,
    .newsListing .tileItem:nth-child(5) .tileImage, .newsListing .tileItem:nth-child(6) .tileImage {
        display: block;
    }
    .tileItem.tileBlank > a {
        position: relative;
    }
    .infoHub .tileItem:nth-child(3) .tileCategory,
    .newsListing:not(.searchResultListing) .tileItem:nth-child(5) .tileCategory, .newsListing:not(.searchResultListing) .tileItem:nth-child(6) .tileCategory {
        background-color: rgba(15,15,15,0.3);
        color: #FFFFFF;
    }
    .newsListing .tileItem:nth-child(5) .tileCategory, .newsListing .tileItem:nth-child(6) .tileCategory {
        background-color: rgba(15,15,15,0.1);
    }
    .tileContent {
        padding: 15px 20px 40px 20px !important;
    }
}
@media (max-width: 680px) {
    .tileCategory {
        height: 40px;
        line-height: 40px;
        font-size: 0.875rem;
        padding: 0 20px;
    }
    .infoHub .tileItem.tileBlank {
        min-height: auto;
    }
}
@media (max-width: 640px) {
    .mainContent .infoHub .tileItem {
        grid-column: span 12;
    }
    .mainContent .infoHub .tileItem .tileContent {
        margin-top: auto;
        padding: 50px 30px 40px 26px;
    }
    .tileGrid .btnOutline {
        padding: 18px 35px;
        width: 100%;
    }
}
@media (max-width: 560px) {
    .mainContent .newsListing .tileItem, .mainContent .newsListing .tileItem.tileLarge {
        grid-column: span 12;
        grid-row-start: auto;
    }
    .infoHub .hubLoadMore {
        width: 100%;
    }
    .infoHub .btnWrap .btnOutline {
        min-width: auto;
        width: 100%;
    }
}
@media all and (-ms-high-contrast: none) {
    .tileGrid {
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        justify-content: center;
        margin: 0 0 0 -10px;
    }
    .tileGrid .tileItem {
        margin: 0 5px 10px 5px;
        width: -webkit-calc(33.33% - 10px);
        width: -moz-calc(33.33% - 10px);
        width: calc(33.33% - 10px);
        min-height: 400px;
    }
    .tileGrid .tileItem.hubTeaser {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

/*///////////////////////////////////////////////////////
// News Archiv
//////////////////////////////////////////////////////*/
.newsArchiv {
    padding: 60px 0 !important;
}
.newsArchiv .newsFilter {
    background: #FFFFFF;
    float: left;
    width: 400px;
    padding-right: 60px;
}
.newsArchiv .newsListing {
    background: #FFFFFF !important;
    float: left;
    width: -webkit-calc(100% - 400px);
    width: -moz-calc(100% - 400px);
    width: calc(100% - 400px);
}
#wrap .newsArchiv .newsListing {
    padding: 0;
}
.newsArchiv .tileGrid {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    grid-column-gap: 0;
    grid-row-gap: 0;
}
.newsArchiv .tileItem {
    float: left;
    background: transparent;
    height: auto !important;
    min-height: auto !important;
    border-bottom: 1px solid rgba(112,112,112,0.2);
    padding: 5px 0 10px 0;
    margin: 0 0 10px 0;
}
.newsArchiv .tileItem > a {
    position: relative;
}
.newsArchiv .tileItem.tileLarge .tileHeadline, .newsArchiv .tileItem.tile50 .tileHeadline {
    width: 100%;
}
.newsArchiv .tileImage, .newsArchiv .tileCategory {
    display: none !important;
}
.newsArchiv .tileContent, .newsArchiv .newsListing .tileItem.tileBlank .tileContent {
    padding: 0 !important;
}
.newsArchiv .tileHeadline {
    font-size: 24px;
    font-weight: 400;
}
.newsArchiv .tileHeadline strong {
    font-weight: 400;
}
.newsArchiv .tileHeadline br {
    display: none;
}
.newsArchiv .tileItem.tileLarge *, .newsArchiv .tileItem.tileLarge .tileHeadline * {
    color: #3C4143 !important;
}
.newsArchiv .tileContent header time {
    padding-right: 5px;
}
.newsArchiv .tagFilter {
    padding: 0;
    margin-bottom: 30px;
}
.newsArchiv .tagFilter .innerWrap {
    width: 100%;
}
.newsArchiv .tagFilter h3 {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 15px;
}
.newsArchiv .articleFilterYear {
    margin: 0 -5px;
}
.newsArchiv .tagFilter .tagItem {
    float: left;
    margin: 0 5px 10px 5px;
}
.newsArchiv .tagFilter:first-child .tagItem {
    width: -webkit-calc(33.33% - 10px);
    width: -moz-calc(33.33% - 10px);
    width: calc(33.33% - 10px);
}
.newsArchiv .tagFilter:last-child .tagItem {
    width: 100%;
    margin: 0 0 10px 0;
}


@media (max-width: 960px) {
    .newsArchiv .newsFilter {
        width: 300px;
        padding-right: 30px;
    }
    .newsArchiv .newsListing {
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
    }
}
@media (max-width: 800px) {
    .newsArchiv .newsFilter, .newsArchiv .newsListing, .newsArchiv .newsListing .innerWrap {
        width: 100%;
    }
    .newsArchiv .newsFilter {
        margin-bottom: 30px;
    }
    .newsArchiv .newsFilter {
        margin: 0;
    }
    .newsArchiv .tagFilter:first-child .tagItem {
        width: -webkit-calc(20% - 10px);
        width: -moz-calc(20% - 10px);
        width: calc(20% - 10px);
    }
    .newsArchiv .tagFilter:last-child .tagItem {
        width: auto;
        margin: 0 10px 10px 0;
    }
}
@media (max-width: 460px) {
    .newsArchiv .tagFilter:first-child .tagItem {
        width: -webkit-calc(25% - 10px);
        width: -moz-calc(25% - 10px);
        width: calc(25% - 10px);
    }
}


/*///////////////////////////////////////////////////////
// Infohub Startseite
//////////////////////////////////////////////////////*/

.infoHub {
    background: #F2F2F2;
    padding: 60px 30px;
}
.infoHub section {
    position: relative;
    float: left;
    width: 100%;
}
.tileJob .tileContent {
    text-align: center;
    margin: 0 !important;
    padding: 20px !important;
}
.tileJob .tileTitle {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25em;
}
.tileJob .tileTag {
    font-weight: 300;
    margin-bottom: 5px;
    font-size: 0.875rem;
}
.tileJob small {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 24px;
}
.tileJob .tileContent header h3, .tileJob .tileContent .tileTitle,
.tileJob .tileContent .tileHeadline, .tileJob .tileContent small {
    color: #FFFFFF;
    text-align: center;
    width: 100%;
}
.tileJob .tileContent .tileHeadline {
    margin-bottom: 10px;
}
@media (max-width: 1279px) {
    .tileJob .tileTitle {
        font-size: 24px;
    }
}


/*///////////////////////////////////////////////////////
// Aktions-Teaser (Modul / Infohub)
//////////////////////////////////////////////////////*/
.hubTeaser .tileCategory, .hubTeaser.bgGrey .tileCategory {
    background-color: rgba(216,216,216,0.1);
    color: #3C4143;
}
.hubTeaser.bgRed .tileCategory, .hubTeaser.bgBlue .tileCategory {
    color: #FFFFFF;
}
.promoSlides {
    visibility: hidden;
}
.promoSlides.slick-initialized {
    visibility: visible;
}
.hubTeaser, .promoSlide {
    width: 100%;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: flex !important;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.promoTeaser .hubTeaser, .promoTeaser .promoSlide {
    min-height: 450px;
}
.promoTeaser .hubTeaser.reverse, .promoTeaser .promoSlide.reverse, .hubTeaser.tileItem.reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.hubTeaser .colLeft {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
}
.promoTeaser .hubTeaser .colLeft {
    justify-content: center;
}
.htContent {
    padding: 30px;
    margin-top: auto;
}
.promoTeaser .htContent {
    padding: 30px 60px;
}
.promoTeaser .htContent {
    margin-top: 0;
}
.htContent.alignCenter {
    text-align: center;
}
.htContent h2 {
    font-size: 2.25em;
    font-weight: 700;
    color: #3c4143;
    margin-bottom: 15px;
}
.hubTeaser a {
    margin-top: 30px;
}
.hubTeaser.bgRed h2, .hubTeaser.bgRed p, .hubTeaser.bgBlue h2, .hubTeaser.bgBlue p,
.promoSlide.bgRed h2, .promoSlide.bgRed p, .promoSlide.bgBlue h2, .promoSlide.bgBlue p{
    color: #FFFFFF;
}
.htContent img {
    width: 80%;
    height: auto;
}
.hubTeaser .htBtn {
    background: #FFFFFF;
    text-transform: uppercase;
}
.hubTeaser.bgGrey .htBtn {
    background: #FFFFFF;
    border: 0;
}
.hubTeaser .htBtn:hover {
    background: rgba(15,15,15,0.05);
    border-color: transparent;
}
.promoSlide .htBtn:hover {
    color: rgba(15,15,15,1);
    background-color: rgba(214,215,215,1);
}
.hubTeaser.bgRed .htBtn:hover, .hubTeaser.bgBlue .htBtn:hover {
    color: rgba(15,15,15,1);
    background-color: rgba(214,215,215,1);
}
.htImage {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.promoSlide .htImage, .promoTeaser .htImage {
    min-height: 450px;
}
@media (max-width: 1023px) {
    .hubTeaser:not(.promoSlides), .promoTeaser .hubTeaser:not(.promoSlides).reverse, .promoSlide, .promoTeaser .promoSlide.reverse, .hubTeaser.tileItem.reverse {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
    }
    .hubTeaser .colLeft, .hubTeaser .colRight {
        width: 100%;
    }
    .hubTeaser .htImage {
        position: relative;
        height: 400px;
    }
}
@media (max-width: 680px) {
    .promoTeaser .htContent {
        padding: 30px 20px;
    }
    .hubTeaser .htBtn {
        padding: 18px 50px;
    }
    .htContent h2 {
        font-size: 1.5rem;
    }
    .promoSlide .htImage, .promoTeaser .htImage {
        min-height: 330px;
    }
}
@media (max-width: 560px) {
    .hubTeaser .htImage {
        height: 250px;
    }
    .hubTeaser .htBtn {
        width: 100%;
    }
}

/*///////////////////////////////////////////////////////
// Suchergebnisse
//////////////////////////////////////////////////////*/
#searchResultsHeader {
    padding: 60px 0 35px 0;
    background: #F2F2F2;
    flex: 1;
}
#searchResultsHeader p, #searchResultsHeader h5 {
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0;
    padding: 0;
}
#searchResultsHeader .searchCount {
    font-weight: 600;
}
#searchResultsHeader u, #searchResultsHeader .underline {
    text-decoration: none;
    border-bottom: 2px solid;
    padding-bottom: 2px;
    display: inline-block;
    line-height: 0.85;
}
#wrap .newsListing.searchResultListing {
    padding: 0 0 60px 0;
}
.searchResultListing .tileGrid {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    grid-column-gap: 0;
    grid-row-gap: 0;
    margin: 0 -5px;
}

.searchResultListing .tileItem {
    width: 33.33%;
    padding: 0 5px;
    margin: 0 0 10px 0;
    background: transparent;
}
.searchResultListing .tileItem > a {
    position: relative;
    background: #FFFFFF;
}
.searchResultListing .tileItem.tileLarge .tileImage  {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    z-index: auto;
}
#wrap .searchResultListing .tileItem .tileContent  {
    padding: 25px 20px 60px 20px;
}
.searchResultListing .tileItem.tileLarge .tileContent  {
    height: auto;
}
.searchResultListing .tileItem .tileImage  {
    background-position: center center;
}
.searchResultListing .tileItem.tileLarge .tileHeadline {
    width: 100%;
}
.searchResultListing .tileItem.tileLarge .tileContent *  {
    color: #3C4143 !important;
}
#wrap .searchResultListing .tileItem:nth-child(5) .tileImage, #wrap .searchResultListing .tileItem:nth-child(6) .tileImage {
    display: block;
}
.searchResultListing .tileItem:nth-child(5) .tileCategory, .searchResultListing .tileItem:nth-child(6) .tileCategory {
    color: #FFFFFF;
}
.searchResultListing .tileItem.tileJob > a {
    background: #FF0000;
    min-height: 422px;
}

/*** ke search filters ***/
#kesearch_filters {
    position: absolute;
    top: 180px;
    left: 0;
}
.searchResults .keSearchFilters .tagItem, .introSearch .keSearchFilters .tagItem {
    position: relative;
}
.searchResults .keSearchFilters .tagItem input[type="radio"], .introSearch .keSearchFilters .tagItem input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
#searchResultsHeader h5 {
    width:  30%;
    float: right;
    text-align: right;
    padding: 15px 10px 0 0;
}
@media (max-width: 1279px) {
    .searchResultListing .tileItem.tileJob > a {
        min-height: 350px;
    }
}
@media (max-width: 1024px) {
    #kesearch_filters {
        top: 150px;
    }
}
@media (max-width: 960px) {
    .searchResultListing .tileItem {
        width: 50%;
    }
}
@media (max-width: 768px) {
    #searchResultsHeader {
        padding: 80px 0 25px 0;
    }
    #searchResultsHeader h5 {
        width: 100%;
        float: left;
        text-align: left;
    }
    #kesearch_filters {
        top: 135px;
    }
}
@media (max-width: 680px) {
    .searchResultListing .tileGrid {
        margin: 0;
    }
    .searchResultListing .tileItem {
        width: 100%;
        padding: 0;
    }
    #kesearch_filters {
        position: relative;
        top: 60px;
        left: -15px;
    }
}
@media (max-width: 560px) {
    .searchResultListing .tileItem.tileJob > a {
        min-height: 275px;
    }
}

/*///////////////////////////////////////////////////////
// Events Modul / Listing / Detail
//////////////////////////////////////////////////////*/

.eventTeaserSlider {
    padding: 0 30px;
    background: #FFFFFF;
}
.eventTeaser {
    position: relative;
    width: 100%;
    float: left;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.eventTeaser .colLeft {
    background: #F8F8F8;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
    padding: 30px;
}
.eventTeaserSlider.bgGrey .eventTeaser .colLeft {
    background: #FFFFFF;
}
.eventTeaser .colRight {
    padding: 30px 30px 30px 0;
}
.etContent {
    position: relative;
    z-index: 30;
    padding: 100px 60px 80px 85px;
}
.etContent h2 {
    font-size: 60px;
    line-height: 1em;
    text-align: left;
    color: #3C4143;
    margin-bottom: 30px;
}
.etContent h2 strong {
    font-weight: 700;
}
.etContent p {
    font-size: 21px;
    letter-spacing: 0.01em;
    line-height: 24px;
    color: #3C4143;
    margin-bottom: 50px;
}
.eventTeaser .colLeft.bgBlue .etContent  *, .eventTeaser .colLeft.bgRed .etContent  *,
.eventTeaser.bgBlue .etContent  *, .eventTeaser.bgRed .etContent  * {
    color: #FFFFFF;
}

.eventTeaser .etContent header {
    width: 100%;
    float: left;
    display: inline;
    margin-bottom: 10px;
}
.eventTeaser .etContent header span {
    font-size: 16px;
    float: left;
    display: block;
    margin-right: 10px;
}
.eventTeaser .etContent header span address, .eventTeaser .etContent header span time {
    display: inline-block;
    font-style: normal;
    font-weight: 300;
}
.eventTeaser .etContent header span:after {
    display: inline-block;
    content: '•';
    padding-left: 10px;
}
.eventTeaser .etContent header span:last-child {
    margin-right: 0;
}
.eventTeaser .etContent header span:last-child:after {
    content: "";
    padding: 0;
}
.etContent .btnOutline {
    padding: 18px 70px;
}
.etTeaserImage, .etTeaserLogo {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
}
.etTeaserImage {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center top;
}
.etTeaserLogo {
    -webkit-background-size: 65% auto;
    background-size: 65% auto;
    background-position: center center;
}
.eventInfo {
    padding: 30px 5px;
}

@media (max-width: 1510px) {
    .eventTeaser .colLeft {
        width: 60%;
    }
    .eventTeaser .colRight {
        width: 40%;
    }
    .etContent {
        padding: 60px;
    }
    .etContent h2 {
        font-size: 50px;
    }
}
@media (max-width: 1024px) {
    .etContent h2 {
        font-size: 40px;
    }
}
@media (max-width: 860px) {
    .etContent {
        padding: 40px;
    }
}
@media (max-width: 768px) {
    .eventTeaser {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
    }
    .eventTeaser .colLeft, .eventTeaser .colRight {
        width: 100%;
    }
    .etTeaserImage {
        min-height: 400px;
    }
    .eventTeaser .borderLine {
        height: 340px;
    }
    .etContent {
        padding: 360px 60px 60px 60px;
    }
}
@media (max-width: 640px) {
    .etTeaserImage {
        min-height: 300px;
    }
    .eventTeaser .borderLine {
        height: 240px;
    }
    .etContent {
        padding: 260px 30px 30px 30px;
    }
}
@media (max-width: 560px) {
    .eventTeaser {
        width: -webkit-calc(100% + 40px);
        width: -moz-calc(100% + 40px);
        width: calc(100% + 40px);
        margin-left: -21px;
    }
    .eventTeaser.eventIntro {
        margin-left: 0;
    }
    .etTeaserImage {
        min-height: 230px;
    }
    .eventTeaser .borderLine {
        height: 190px;
    }
    .etContent {
        padding: 170px 0 0 0;
    }
    .etContent h2 {
        font-size: 1.5rem;
        line-height: 1.25em;
        margin-bottom: 20px;
    }
    .etContent p {
        font-size: 1rem;
        line-height: 1.25em;
        margin-bottom: 30px;
    }
    .etContent .btnOutline {
        width: 100%;
    }
}


/***** Event Slider *****/
.eventSlider {
    position: relative;
    float: left;
    width: 100%;
    padding: 40px 0;
}
.sliderHeadline {
    font-size: 16px;
    margin-bottom: 40px;
}
.sliderHeadline strong {
    font-weight: 700;
    font-size: 21px;
}
.eventSlides {
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
    margin: 0 -5px;
    padding-bottom: 55px;
    visibility: hidden;
}
.eventSlides.slick-initialized {
    visibility: visible;
}
.eventSlides .slick-dotted {
    padding-bottom: 60px;
}
.mainContent .eventSlides .slick-dots {
    bottom: 11px;
}
.eventSlide {
    position: relative;
    padding: 0 5px;
    margin-bottom: 40px;
}
.eventSlide .slideImage {
    position: relative;
    background: #F2F2F2;
    width: 100%;
    min-height: 210px;
    margin-bottom: 18px;
}
.eventTeaserSlider.bgGrey .eventSlide .slideImage {
    background: #FFFFFF;
}
.eventSlide .slideImage span {
    position: absolute;
    background-repeat: no-repeat;
}
.eventSlide.logoSlide .slideImage span {
    width: 70%;
    height: 80%;
    top: 10%;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    max-width: 500px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.eventSlide.imageSlide .slideImage span {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.eventSlide .slideContent {
    padding-left: 20px;
}
.eventSlide .slideContent header {
    width: 100%;
    float: left;
    display: inline;
    margin-bottom: 5px;
}
.eventSlide .slideContent header span {
    font-size: 1rem;
    float: left;
    display: block;
    margin-right: 10px;
}
.eventSlide .slideContent header span address, .eventSlide .slideContent header span time {
    display: inline-block;
    font-style: normal;
    font-weight: 300;
}
.eventSlide .slideContent header span:after {
    display: inline-block;
    content: '•';
    padding-left: 10px;
}
.eventSlide .slideContent header span:last-child {
    margin-right: 0;
}
.eventSlide .slideContent header span:last-child:after {
    content: "";
    padding: 0;
}
.eventSlide .slideContent p {
    font-size: 30px;
    line-height: 1.2em;
    float: left;
    width: 100%;
}
.eventTeaser .colLeft.bgRed .btnOutline, .eventTeaser .colLeft.bgBlue .btnOutline,
.eventTeaser.bgRed .btnOutline, .eventTeaser.bgBlue .btnOutline {
    border: 1px solid rgba(255,255,255,0.7);
}
.eventTeaser .colLeft.bgRed .btnOutline:hover, .eventTeaser .colLeft.bgBlue .btnOutline:hover {
    border-color: transparent;
}
.loadMoreEvents {
    position: absolute;
    bottom: 37px;
    right: 0;
    padding: 16px 130px;
    min-width: 335px;
}
.slidePrev, .slideNext, .slick-prev, .slick-next {
    position: absolute;
    z-index: 50;
    top: 50%;
    width: 64px;
    height: 32px;
    margin-top: -16px;
    background-repeat: no-repeat;
    -webkit-background-size: 44px 32px;
    background-size: 44px 32px;
    cursor: pointer;
    -webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    transition: opacity 150ms;
    text-indent: -999em;

}
.eventSlider .slidePrev, .eventSlider .slideNext {
    top: 190px;
    margin-top: 0;
}
.slidePrev, .slick-prev {
    left: -100px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.slideNext, .slick-next {
    right: -100px;
}
.slidePrev.slick-disabled, .slideNext.slick-disabled,
.slick-prev.slick-disabled, .slick-next.slick-disabled {
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: inherit;
}
.slideNext svg, .slidePrev svg {
    float: left;
}
.slick-dotted {
    padding-bottom: 83px;
}

.mainContent .slick-dots {
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    margin: 0;
}
.mainContent .slick-dots li {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
    margin: 0;
}
.mainContent .slick-dots li.slick-active {
    margin: 0 3px;
    top: 2px;
    left: 2px;
}
.mainContent .slick-dots li button {
    position: absolute;
    background: #DEDEDE;
    border-radius: 8px;
    border: 0;
    font-size: 0;
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.mainContent .slick-dots li.slick-active button {
    background: #808C95;
    width: 30%;
    height: 30%;
}
.mainContent .slick-dots li button:before {
    content: "";
    position: absolute;
    border: 1px solid #808C95;
    border-radius: 18px;
    line-height: 18px;
    border-collapse: collapse;
    width: 18px;
    height: 18px;
    margin: -10px 0 0 -10px;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: transform 300ms;
    -moz-transition: transform 300ms;
    -o-transition: transform 300ms;
    transition: transform 300ms;
}
.mainContent .slick-dots li.slick-active button:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
@media (max-width: 1660px) {
    .slidePrev, .slick-prev {
        left: -30px;
    }
    .slideNext, .slick-next {
        right: -30px;
    }
}
@media (max-width: 1024px) {
    .loadMoreEvents {
        position: relative;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 15px;
    }
    .eventSlide {
        margin-bottom: 0;
    }
    .eventSlide .slideContent {
        padding-left: 15px;
    }
}
@media (max-width: 680px) {
    .slideNext, .slick-next {
        right: -25px;
    }
    .slick-dotted {
        padding-bottom: 53px;
    }
    .eventSlider {
        padding: 30px 0 0 0;
    }
    .sliderHeadline {
        margin-bottom: 30px;
    }
    .eventSlide .slideImage {
        min-height: 150px;
    }
    .eventSlide .slideContent {
        padding-left: 0;
    }
}
@media (max-width: 560px) {
    .eventSlider .slick-list {
        padding: 0 40% 0 0;
        margin-right: -20px;
    }
    .eventSlider .slideNext, .eventSlider .slidePrev,
    .slidePrev, .slideNext, .slick-prev, .slick-next {
        display: none !important;
    }
    .loadMoreEvents {
        width: 100%;
        max-width: 335px;
        min-width: auto;
    }
    .eventSlide .slideContent p {
        font-size: 24px;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        hyphenate-limit-lines: 2;
        -ms-hyphens: auto;
        -ms-hyphenate-limit-lines: 4;
    }
    .eventSlide .slideContent header span {
        font-size: 0.875rem;
    }
}
@media (max-width: 460px) {
    .loadMoreEvents {
        max-width: none;
    }
}
@media all and (-ms-high-contrast: none) {
    .mainContent .slick-dots li button:before {
        left: 2px;
    }
}


/***** EventFilter *****/
.eventFilter h3 {
    font-size: 16px;
    line-height: 2.2em;
    text-align: left;
    color: #3c4143;
    width: 40%;
    float: left;
}
.eventFilter .eventFilterContainer {
    width: 60%;
    float: left;
    text-align: right;
}
#wrap .tagFilter + .eventListing {
    padding-top: 0;
}
.eventFilterContainer.slick-initialized {
    margin: 0 -5px;
}
.eventFilterContainer .slick-slide {
    padding: 0 5px;
}

/***** EventListing *****/
.eventListing .innerWrap {
    margin: 0 -5px 0 -5px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.eventIntro .colLeft {
    width: 60%;
}
.eventIntro .colRight {
    width: 40%;
}
.eventIntro .etTeaserImage, .eventIntro .etTeaserLogo {
    width: 33.33%;
    z-index: 10;
}
.eventIntro .innerWrap {
    z-index: 20;
    padding: 90px 0;
}
.eventIntro .etContent {
    padding: 80px 50% 80px 120px;
}
.eventItem.tileItem {
    width: -webkit-calc(33.33% - 10px);
    width: -moz-calc(33.33% - 10px);
    width: calc(33.33% - 10px);
    float: left;
    margin: 0 5px;
}
.eventItem .tileImage {
    position: relative;
    background-color: #F2F2F2;
    min-height: 210px;
    background-repeat: no-repeat;
}
.eventItem .tileImage span {
    position: absolute;
    background-repeat: no-repeat;
}
.eventItem .tileImage span {
    width: 70%;
    height: 80%;
    left: 15%;
    top: 10%;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
}
.eventItem .tileContent {
    padding: 20px 20px 60px 20px;
}
.eventItem .tileContent header {
    margin-bottom: 3px;
}
.eventItem .tileContent header > * {
    padding-right: 5px;
}
.eventItem .tileContent header *:after {
    display: inline-block;
    content: '•';
    padding-left: 10px;
    font-size: 1rem;
    font-weight: 400;
}
.eventItem .tileContent header h3:before, .eventItem .tileContent header *:last-child:after {
    display: none;
}
@media (max-width: 1510px) {
    .eventIntro .etTeaserImage, .eventIntro .etTeaserLogo {
        width: 40%;
    }
}
@media (max-width: 1280px) {
    .eventIntro .innerWrap {
        padding: 60px 0;
    }
    .eventIntro .etContent {
        padding: 60px 50% 60px 60px;
    }
    .eventIntro .etTeaserImage, .eventIntro .etTeaserLogo {
        width: 45%;
    }
}
@media (max-width: 960px) {
    .eventItem.tileItem {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
    }
}
@media (max-width: 860px) {
    .eventIntro {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
    }
    .eventIntro .etTeaserImage, .eventIntro .etTeaserLogo {
        position: relative;
        min-height: 400px;
        width: 100%;
    }
    .eventIntro.borderBox .contentBox:before {
        display: none;
    }
    .eventIntro .etTeaserImage:after, .eventIntro .etTeaserLogo:after {
        content: "";
        position: absolute;
        z-index: 10;
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px);
        height: -webkit-calc(100% - 60px);
        height: -moz-calc(100% - 60px);
        height: calc(100% - 60px);
        left: 30px;
        top: 30px;
        border-radius: 0 30px;
        background: transparent;
        border: 3px solid #FFFFFF;
    }
    .eventIntro .innerWrap {
        padding: 0;
    }
    .eventIntro .etContent {
        padding: 60px 20% 60px 0;
    }
    .eventItem .tileContent {
        padding: 20px 20px 40px 20px !important;
    }
}
@media (max-width: 768px) {
    .eventIntro .etTeaserImage, .eventIntro .etTeaserLogo {
        position: relative;
        min-height: 340px;
        width: 100%;
    }
    .eventFilter h3, .eventFilter .eventFilterContainer {
        width: 100%;
    }
    .eventFilter .eventFilterContainer {
        text-align: left;
        margin-top: 10px;
    }
}
@media (max-width: 560px) {
    .eventListing .innerWrap {
        margin: 0;
    }
    .eventIntro .etTeaserImage, .eventIntro .etTeaserLogo {
        position: relative;
        min-height: 260px;
        width: 100%;
    }
    .eventIntro .etContent {
        padding: 60px 0;
    }
    .eventItem.tileItem {
        width: -webkit-calc(100%);
        width: -moz-calc(100%);
        width: calc(100%);
        margin: 0;
    }
    .eventItem .tileImage {
        min-height: 180px;
    }
}
@media (max-width: 460px) {
    .eventIntro .etTeaserImage, .eventIntro .etTeaserLogo {
        min-height: 230px;
    }
    .eventIntro .etContent {
        padding: 40px 0;
    }
}


/*///////////////////////////////////////////////////////
// News Listing
//////////////////////////////////////////////////////*/
.newsTeaser .borderBox {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.newsTeaser .newsInfo {
    width: 100%;
    float: left;
    margin-top: auto !important;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    white-space: nowrap;
}
.newsInfo .author, .newsInfo .tileDate, .newsInfo .tileTag {
    font-size: 21px;
    line-height: 68px;
    text-transform: uppercase;
    float: left;
    color: #FFFFFF;
    margin-right: 15px;
}
.newsInfo .author img,
.articleContact .authorImage img {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    margin: 0 15px 0 0;
}
.newsInfo .author span {
    font-weight: 700;
    text-transform: none;
}
.newsInfo .author, .newsInfo .author img, .newsInfo .author span, .newsInfo .tileDate time,
.articleContact .authorImage img {
    display: inline-block;
    vertical-align: middle;
}
.newsInfo .tileTag {
    margin-right: 0;
}
.newsInfo time:after, .newsInfo .author span:after, .authorDetail time:after {
    font-weight: 300;
    display: inline-block;
    content: '•';
    padding-left: 15px;
}
.newsInfo .tileTag {
    padding-top: 2px;
}
#wrap .newsListing {
    background: #F2F2F2;
}
.newsListing section {
    position: relative;
    float: left;
    width: 100%;
}
.newsListing .tileItem.tileBlank {
    height: 300px;
}
.tagFilter, .articleFilterContainer {
    width: 100%;
    float: left;
    text-align: left;
    padding-right: 5px;
}
.articleFilterContainer {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.tagFilter {
    padding: 60px 0 20px 0;
}
.tagItem {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 8px 16px;
    border: 1px solid rgba(112,112,112,0.2);
    cursor: pointer;
    margin: 0 10px 10px 1px;
    text-align: center;
    white-space: nowrap;
}
.tagItem.active, .tagItem.active:hover {
    background: #1D5E97;
    border: 1px solid #1D5E97;
    color: #FFFFFF;
}
.tagItem:hover {
    background: rgba(15,15,15,0.05);
    border: 1px solid rgba(15,15,15,0.05);
}
.newsListing .tileItem:not(.tileLarge) .tileImage:before {
    display: none;
}

@media (max-width: 1280px) {
    .newsInfo .author, .newsInfo .tileDate, .newsInfo .tileTag {
        line-height: 1.2em;
    }
    .newsTeaser .newsInfo {
        display: block;
    }
    .newsInfo .author {
        position: relative;
    }
    .newsInfo .author img {
        position: absolute;
        width: 60px;
        height: 60px;
        left: 0;
    }
}
@media (max-width: 860px) {
    .newsTeaser .introContent .contentBox {
        padding: 60px 40px 180px 40px;
    }
    .newsListing .tileItem.tileBlank {
        height: auto;
    }
}
@media (max-width: 680px) {
    .mainContent .introSearch #introSearch.live-search #kesearch_filters {
        top: 60px;
        position: relative;
        left: -15px;
    }
}
@media (max-width: 640px) {
    .newsListing .tileItem.tileBlank {
        height: auto;
        min-height: auto;
    }
    .newsListing .tileItem.tileBlank > a {
        position: relative;
    }
    .newsTeaser .introContent .contentBox {
        padding: 40px 0 60px 0;
    }
    .newsTeaser > a {
        position: relative;
    }
    .newsInfo .author, .newsInfo .tileDate, .newsInfo .tileTag {
        font-size: 16px;
        color: #3C4143;
    }
    .newsTeaser .newsInfo {
        font-size: 16px;
        line-height: 20px;
        margin: 30px 0 0 0 !important;
    }
    .newsInfo .author img {
        width: 50px;
        height: 50px;
    }
    .tagFilter {
        padding: 30px 0 20px 0;
    }
}


/*///////////////////////////////////////////////////////
// News Detail
//////////////////////////////////////////////////////*/
.articleDetail {
    background: #FFFFFF;
}
.articleDetail > header {
    background: #F2F2F2;
    position: relative;
    float: left;
    width: 100%;
    min-height: 800px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.articleDetail header .colLeft {
    width: 100%;
    padding: 60px 35% 280px 0;
    background: #F2F2F2 !important;
    min-height: 800px;
}
.articleTitle {
    font-size: 4.7rem;
    line-height: 1.2em;
}
.articleDetail.bigHeader > header .articleHeadline {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    align-items: center;
    padding: 60px 20% 280px 0;
    z-index: 10;
}
.articleDetail.bigHeader > header .articleHeadline .articleTitle {
    color: #ffffff;
    margin-top: -10px;
    font-size: 3.5rem;
}
.articleDetail.bigHeader > header .articleImage .imageCaption {
    bottom: 230px;
    color: #ffffff;
}
.articleDetail header .colRight {
    width: 40%;
    position: absolute;
    min-height: 580px;
    height: -webkit-calc(100% - 220px);
    height: -moz-calc(100% - 220px);
    height: calc(100% - 220px);
    right: 0;
}
.articleImage {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.articleImage:before {
    content: "";
    display: block;
    padding-top: 80%;
}
.articleImage .imageCaption {
    position: absolute;
    z-index: 100;
    bottom: -30px;
    padding: 5px 30px 5px 0;
    width: 100%;
    text-align: right;
}
.articleTeaserText, .articleContact {
    float: left;
}
.articleTeaserText {
    font-size: 2.25em;
    line-height: 1.25em;
    padding-right: 50px;
}
.articleContact {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.articleContact .tileDate, .articleContact .tileTag {
    font-size: 21px;
    line-height: 24px;
    text-transform: uppercase;
    display: inline;
    color: #3C4143;
    margin-right: 15px;
    text-align: left;
}
.articleContact p, .articleContact h3, .articleContact span {
    font-size: 21px;
    text-align: left;
    color: #3c4143;
}
.authorImage, .authorDetail {
    float: left;
}
.authorImage img {
    max-width: none;
}
.authorName  {
    display: block;
    float: left;
    width: 100%;
    font-weight: 700;
}
.authorDetail .tileDate {
    float: left;
}
.articleContent {
    padding: 60px 0;
    margin-top: -220px;
    background: #fff;
    z-index: 20;
}
.articleContent .innerWrap {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    left: auto;
}
.articleContent:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    right: -50%;
    background: #FFFFFF;
    height: 100%;
    top: 0;
}
.articleSection {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 30px;
    padding-left: 50px;
}
.articleContent > section, .mainContent .articleContent > .sectionHeader {
    width: 100%;
    float: left;
    padding: 0;
    margin: 30px 0;
}
.articleContent a {
    color: #FF0000;
}
.articleContent .sectionHeader h2, .articleContent .textQuote .colLeft h2,
.articleContent .txtimgSlide h2, .articleContent .txtimgSlide h3, .articleContent .txtimgSlide h4 {
    font-size: 2.25rem;
    line-height: 1.25em;
    margin-bottom: 30px;
}
.articleContent .quoteWrap h2 {
    margin: 0 !important;
}
.articleContent .tsContent.twoCol {
    max-width: 100%;
}
.articleContent p.bigLetter {
    padding-left: 78px;
}
.bigLetter {
    position: relative;
}
p.bigLetter:first-letter {
    float: left;
    font-size: 4.5em;
    padding-top: 5px;
    margin-left: -70px;
}
.articleContent .sectionHeader.bigLetter p:first-child {
    position: relative;
}
.articleContent span.bigCap {
    position: relative;
    font-size: 60px;
    float: left;
    margin-top: 1px;
    line-height: 48px;
    height: auto;
    width: auto;
    padding-right: 5px;
}
.articleContent .sectionHeader.bigLetter .innerWrap > *, .articleContent .sectionHeader.bigLetter + .articleShare {
    /* padding-left: 78px; */
}
.articleSection .colLeft, .articleShare .colLeft {
    float: left;
    width: 65%;
}
.articleShare .colRight {
    float: left;
    width: 35%;
}
.articleText {
    margin: 60px 0 30px 0;
    width: 65%;
    padding-right: 5%;
}
.articleMeta {
    font-size: 1.3rem;
    line-height: 1.25em;
}
.amRow {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.amRow > div {
    float: left;
}
.amRow > div:first-child {
    font-weight: 700;
    width: 30%;
    padding-right: 10px;
}
.amRow > div:last-child {
    width: 70%;
}

/*/// Article Share///*/
.articleShare .shareQuote {
    position: relative;
    bottom: auto;
}
.articleShare .innerWrap {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.articleShare .innerWrap.reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
}
.articleShare .reverse .colLeft {
    width: 65%;
}
.articleShare .reverse .colRight {
    width: 35%;
}

/*/// Article Modules ///*/
.mainContent .articleContent .innerWrap {
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    width: calc(100%);
}
.articleContent .textQuote, .articleContent .textImageSlider, .articleContent .textSection,
.mainContent .articleContent > .sectionHeader, .articleContent .articleShare {
    padding-left: 50px;
}
.articleTeaserText, .articleContent .textQuote .colLeft, .articleContent .txtimgSlide.centerText .colLeft, .articleContent .textSection .innerWrap,
.mainContent .articleContent > .sectionHeader, .articleContent .infoGraphics.slimVersion .innerWrap {
    width: -webkit-calc(100% - 528px);
    width: -moz-calc(100% - 528px);
    width: calc(100% - 528px);
    padding-right: 50px;
}
.articleContent .textSection.twoCol, .articleContent .textSection.twoCol .innerWrap {
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    width: calc(100%);
}
.articleContact, .articleContent .textQuote .colRight, .articleContent .txtimgSlide.centerText .colRight {
    width: 528px;
}
.articleContent .textQuote .colRight .quoteWrap, .articleContent .sectionHeader p {
    max-width: 100%;
}
.articleContent .textQuote .innerWrap, .articleContent .tsContent, .articleContent .infoGraphics.slimVersion .innerWrap {
    padding-right: 0;
}
.articleContent .txtimgSlide .colRight {
    padding-left: 0;
}


/*/// Cross News ///*/
.crossNews .tileGrid {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    grid-column-gap: 0;
    grid-row-gap: 0;
    overflow: hidden;
}
.sectionHeader + .crossNews {
    padding-top: 0 !important;
}
.crossNews .slick-track {
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: flex !important;
}
.crossNews .tileGrid .tileItem {
    width: -webkit-calc(33.33% - 10px);
    width: -moz-calc(33.33% - 10px);
    width: calc(33.33% - 10px);
    margin: 0 5px 10px 5px;
}
.crossNews .tileGrid .slick-slide {
    height: inherit !important;
    min-width: 250px;
}
.crossNews .slick-track .slick-slide > div {
    height: 100%;
    width: 100%;
}
.crossNews .btnWrap {
    margin-top: 30px;
}
.crossNews .btnOutline {
    min-width: 335px;
}
.btnStickyNews.btnStd {
    position: fixed;
    height: auto;
    z-index: 100;
    bottom: 20px;
    background: #FF0000;
    color: #ffffff;
    width: auto;
    right: 40px;
}
@media (max-width: 1650px) {
    .articleTitle {
        font-size: 4rem;
        padding-right: 120px;
        margin-left: 60px;
    }
    .articleDetail.bigHeader > header .articleHeadline .articleTitle {
        margin-left: 50px;
    }
}
@media (max-width: 1440px) {
    .articleTeaserText, .articleContent .textQuote .colLeft, .articleContent .txtimgSlide.centerText .colLeft, .articleContent .textSection .innerWrap,
    .mainContent .articleContent > .sectionHeader, .articleContent .infoGraphics.slimVersion .innerWrap {
        width: -webkit-calc(100% - 518px);
        width: -moz-calc(100% - 518px);
        width: calc(100% - 518px);
    }
    .articleContact, .articleContent .textQuote .colRight, .articleContent .txtimgSlide.centerText .colRight {
        width: 518px;
    }
}
@media (max-width: 1365px) {
    .amRow > div:first-child {
        width: 35%;
    }
    .amRow > div:last-child {
        width: 65%;
    }
}
@media (max-width: 1280px) {
    .articleDetail > header, .articleDetail header .colLeft {
        min-height: 700px;
    }
    .articleDetail header .colRight {
        min-height: 480px;
    }
    .articleTeaserText, .articleContent .sectionHeader .innerWrap > *, .articleContent .tsContent {
        padding-right: 60px;
        width: 100%;
    }
    .articleContact {
        margin-top: 15px;
    }
}
@media (max-width: 1279px) {
    .articleContent {
        padding: 30px 0;
    }
    .articleDetail header .colLeft {
        width: 50%;
        padding-right: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .articleDetail header .colRight {
        width: 50%;
    }
    .articleTitle {
        font-size: 3rem;
        padding-right: 60px;
    }
    .articleTitle br {
        display: none;
    }
    .articleDetail.bigHeader > header .articleHeadline {
        padding: 60px 0 280px 0;
    }
    .amRow > div:first-child {
        width: 40%;
    }
    .amRow > div:last-child {
        width: 60%;
    }

    /*/// Article Modules ///*/
    .articleContent .textQuote .colLeft, .articleContent .txtimgSlide.centerText .colLeft, .articleContent .textSection .innerWrap,
    .mainContent .articleContent > .sectionHeader, .articleContent .infoGraphics.slimVersion .innerWrap {
        width: -webkit-calc(100%);
        width: -moz-calc(100%);
        width: calc(100%);
        padding: 0;
    }
    .mainContent .articleContent > .sectionHeader {
        padding-left: 50px;
    }
    .articleContent .textQuote .colRight, .articleContent .txtimgSlide.centerText .colRight {
        width: 100%;
        margin-top: 30px;
    }
    .articleContent .textQuote .innerWrap {
        display: block;
    }

}
@media (max-width: 1024px) {
    .articleDetail > header, .articleDetail header .colLeft {
        min-height: 625px;
    }
    .articleDetail header .colRight {
        min-height: 420px;
    }
    .articleSection {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        justify-content: center;
        margin-top: 20px;
    }
    .articleContact {
        margin-top: 30px;
    }
    .articleImage .imageCaption {
        bottom: -15px;
    }
    .articleTeaserText, .articleContact {
        width: 100%;
        padding: 0;
    }
    .articleText {
        width: 100%;
        padding: 0;
    }
    .amRow  {
        margin-bottom: 10px;
    }
    .amRow > div:first-child {
        width: 120px;
    }
    .amRow > div:last-child {
        width: -webkit-calc(100% - 120px);
        width: -moz-calc(100% - 120px);
        width: calc(100% - 120px);
    }

    /* Big Header */
    .articleDetail.bigHeader > header {
        min-height: auto;
    }
    .articleDetail.bigHeader > header .articleHeadline {
        padding: 120px 0 280px 0;
    }
    .articleDetail.bigHeader > header .articleHeadline .articleTitle {
        font-size: 2.7rem;
    }

    /*/// Article Modules ///*/
    .articleSection, .articleContent .textQuote, .articleContent .textImageSlider, .articleContent .textSection,
    .mainContent .articleContent > .sectionHeader, .articleContent .articleShare, .mainContent .articleContent > .sectionHeader {
        padding-left: 30px;
    }
}
@media (max-width: 960px) {
    .articleTitle {
        font-size: 2.7rem;
        padding-right: 30px;
        margin-left: 30px;
    }
    .articleContent .tsContent, .articleContent .sectionHeader p {
        max-width: 100%;
    }
    .articleContent .sectionHeader p, .articleContent .tsContent {
        padding-right: 0;
        width: -webkit-calc(100%);
        width: -moz-calc(100%);
        width: calc(100%);
    }
    .crossNews .innerWrap {
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
        left: auto;
        transform: none;
        right: -30px;
    }
    .crossNews .slick-list {
        padding: 0 15% 0 0;
        margin: 0 -5px;
    }
    .crossNews .tileGrid .tileItem {
        margin: 0;
        height: 100%;
        width: 100%;
    }
    .crossNews .slick-slide > div {
        padding: 0 5px;
    }
    .articleShare .socialLinks {
        text-align: right;
        width: 100%;
    }

    /*/// Article Modules ///*/
    .articleContent .txtimgSlides .txtimgSlide {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .articleDetail header {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
        justify-content: center;
    }
    .articleDetail header .colLeft, .articleDetail header .colRight {
        width: 100%;
    }
    .articleDetail header .colLeft {
        min-height: auto;
    }
    .articleDetail header .colRight {
        position: relative;
        min-height: 300px;
    }
    .articleTitle {
        font-size: 2.25rem;
        line-height: 1.17em;
    }
    .articleSection {
        margin-top: 0;
    }
    .articleImage .imageCaption {
        bottom: -30px;
    }

    /* Big Header */
    .articleDetail.bigHeader > header {
        flex-flow: column wrap;
    }
    .articleDetail.bigHeader > header .articleImage {
        position: relative;
        height: 350px;
    }
    .articleDetail.bigHeader > header .articleHeadline {
        padding: 60px 0 250px 0;
    }
    .articleDetail.bigHeader > header .articleHeadline .articleTitle {
        color: inherit;
        font-size: 2.25rem;
        margin: 0;
        padding: 0;
    }
    .articleDetail.bigHeader > header .articleImage .imageCaption {
        bottom: -40px;
        color: inherit;
    }

    /*/// Article Modules ///*/
    .articleTeaserText, .articleContent .sectionHeader .innerWrap > *, .articleContent .tsContent {
        padding-right: 30px;
    }
}
@media (max-width: 680px) {
    .articleSection {
        margin-bottom: 30px;
    }
    .articleTeaserText {
        font-size: 1.5em;
        line-height: 1.25em;
    }
    .articleContent .quoteWrap {
        margin-left: 0;
    }
    .articleContent h2 {
        font-size: 1.5rem !important;
        line-height: 1.875rem;
        margin-bottom: 20px !important;
    }
    .articleContent h2.articleTeaserText {
        margin-bottom: 0 !important;
    }
    .articleContact {
        margin-top: 15px;
    }
    .articleContent p.bigLetter {
        padding-left: 0;
    }
    p.bigLetter:first-letter {
        margin-left: 0;
        padding-right: 20px;
        padding-bottom: 10px;
    }
    .crossNews .innerWrap {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        right: -20px;
    }
    .articleDetail header .colLeft {
        padding: 45px 20px 265px 0;
    }
    .articleContact .tileDate, .articleContact .tileTag, .articleContact p, .articleContact h3, .articleContact span {
        font-size: 0.875rem;
        line-height: 1.25em;
        margin-right: 10px;
    }
    .authorDetail time:after {
        padding-left: 10px;
    }
    .articleContent > section, .mainContent .articleContent > .sectionHeader {
        margin: 15px 0;
    }
    .articleContent .otonSlider {
        width: -webkit-calc(100% + 20px);
        width: -moz-calc(100% + 20px);
        width: calc(100% + 20px);
        margin-left: -20px;
    }
    .articleContent span.bigCap {
        font-size: 46px;
        line-height: 37px;
    }
    .articleContent .sectionHeader.bigLetter .innerWrap > *, .articleContent .sectionHeader.bigLetter + .articleShare {
        padding-left: 0;
    }

    /*/// Article Modules ///*/
    .articleContent .quoteWrap {
        margin-top: 0;
    }
    .articleContent .sectionHeader p {
        padding: 0;
    }
    .articleTeaserText, .articleContent .sectionHeader .innerWrap > *, .articleContent .tsContent {
        padding-right: 20px;
    }
}
@media (max-width: 560px) {
    .articleDetail.bigHeader > header .articleImage {
        height: 200px;
    }
    .articleContent {
        padding: 20px 0;
    }
    .articleDetail header .colRight {
        min-height: 200px;
    }
    .articleImage {
        background-position: center center;
    }
    .amRow  {
        margin-bottom: 10px;
    }
    .amRow > div:first-child {
        width: 100%;
    }
    .amRow > div:last-child {
        width: 100%;
    }
    .crossNews .slick-list {
        padding: 0 30% 0 0;
    }
    .crossNews .btnWrap, .tx-pb-social .btnWrap {
        padding: 0 20px;
    }
    .crossNews .btnOutline, .loadMorePosts.btnOutline {
        min-width: unset;
        width: 100%;
    }

    /*/// Article Modules ///*/
    .articleSection, .articleContent .textQuote, .articleContent .textImageSlider, .articleContent .textSection, .mainContent .articleContent > .sectionHeader, .articleContent .articleShare, .mainContent .articleContent > .sectionHeader {
        padding-left: 20px;
    }
}
@media (max-width: 460px) {
    .btnStickyNews.btnStd {
        width: calc(100% - 40px);
        right: auto;
        left: 20px;
    }
}


/*///////////////////////////////////////////////////////
// Image Tile Box
//////////////////////////////////////////////////////*/
.imageTileBox .innerWrap {
    padding: 60px;
    min-height: 840px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.imageTileBox .tileBackground {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.textTile {
    position: relative;
    z-index: 20;
    width: 54%;
    background: #FFFFFF;
    overflow: hidden;
}
.textTile .ttWrap {
    position: relative;
    float: left;
    width: 200%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
    justify-content: center;
}
.textTile.leftTop {
    top: 0;
    margin-right: auto;
    margin-bottom: auto;
}
.textTile.rightTop {
    top: 0;
    margin-left: auto;
    margin-bottom: auto;
}
.textTile.leftBottom {
    margin-right: auto;
    margin-top: auto;
}
.textTile.rightBottom {
    margin-left: auto;
    margin-top: auto;
}
.imageTileBox .textTile .frontView, .imageTileBox .textTile .backView {
    position: relative;
    z-index: 10;
    width: 50%;
    top: 0;
    padding: 60px 60px 120px 60px;
    float: left;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}
.imageTileBox .frontView .iconPlusRight svg path {
    stroke: #3C4143;
}
.imageTileBox .backView .iconPlusRight svg path {
    stroke: #FFFFFF;
}
.imageTileBox .textTile .frontView {
    left: -25%;
}
.imageTileBox .textTile .backView {
    position: absolute;
    height: 100%;
    opacity: 0;
    left: 0;
}
.imageTileBox .textTile .backView * {
    opacity: 0;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.imageTileBox .textTile.open .backView *, .imageTileBox .textTile .backView a.tileLink {
    opacity: 1;
}
.imageTileBox .textTile.open .backView {
    position: relative;;
}
.imageTileBox .textTile.open .frontView {
    opacity: 0;
}
.imageTileBox .textTile.open .backView {
    display: block;
    opacity: 1;
    z-index: 20;
}
.backView h1, .backView h2, .backView h3, .backView h4, .backView h5, .backView h6 {
    font-size: 2.25em;
    font-weight: 700;
    margin-bottom: 0.5em;
}
.imageTileBox .textTile .backView.bgBlue > *, .imageTileBox .textTile .backView.bgRed  > *{
    color: #FFFFFF;
}
.imageTileBox .gradientOverlay {
    z-index: 10;
}
.imageTileBox .textTile p {
    font-weight: 300;
    font-size: 2.25em;
    line-height: 1.17em;
    text-align: left;
    color: #3c4143;
}
.imageTileBox .textTile p strong {
    font-weight: 700;
}
.imageTileBox .iconPlusRight {
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: 43px;
    height: 31px;
}
@media (max-width: 1510px) {
    .imageTileBox .innerWrap {
        min-height: 750px;
    }
}
@media (max-width: 1280px) {
    .imageTileBox .innerWrap {
        min-height: 650px;
    }
    .imageTileBox .textTile {
        width: 70%;
    }
}
@media (max-width: 1100px) {
    .imageTileBox .innerWrap {
        min-height: 600px;
    }
    .imageTileBox .textTile {
        width: 85%;
    }
}
@media (max-width: 960px) {
    .imageTileBox .innerWrap {
        width: -webkit-calc(100%);
        width: -moz-calc(100%);
        width: calc(100%);
        padding: 0;
        max-width: 100%;
        min-height: auto;
    }
    .imageTileBox .tileBackground {
        position: relative;
        min-height: 400px;
    }
    .imageTileBox:not(.bgGrey) .textTile {
        background: #F2F2F2;
    }
    .imageTileBox .textTile {
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px);
        margin: -60px auto 0 auto;
    }
    .imageTileBox .textTile .frontView, .imageTileBox .textTile .backView {
        padding: 60px;
    }
}
@media (max-width: 680px) {
    .imageTileBox .textTile p {
        font-size: 1.5em;
        line-height: 1.25em;
    }
    .imageTileBox .textTile {
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
    }
    .imageTileBox .textTile .frontView, .imageTileBox .textTile .backView {
        padding: 30px 50px 30px 30px;
    }
    .tileLink {
        right: 20px;
        bottom: 20px;
    }
}
@media (max-width: 560px) {
    .imageTileBox .tileBackground {
        position: relative;
        min-height: 300px;
    }
}

/*///////////////////////////////////////////////////////
// Key Numbers Slider
//////////////////////////////////////////////////////*/

.numberSlides {
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
    margin: 0 -5px;
}
.numberSlides .slick-slide > div {
    padding: 0 5px;
}
.numberSlides.slick-dotted {
    padding-bottom: 40px;
}
.numberSlide {
    display: block;
    position: relative;
    margin-bottom: 40px;
    background: #ffffff;
    overflow: hidden;
}
/* .keyNumbers.bgGrey .numberSlide {
    background: #FFFFFF !important;
} */
.numberSlide:after {
    content: "";
    display: block;
    padding-bottom: 50%;
}
.numberSlide .slideImage {
    position: relative;
    width: 100%;
}
.numberSlide .slideImage:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.numberSlide .slideImage svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.numberSlide .slideContent {
    position: absolute;
    opacity: 0;
    bottom: 5%;
    height: 75px;
    width: 100%;
    padding: 0 20px;
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    color: #3c4143;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
}
.numberSlide.bgBlue .slideContent *, .numberSlide.bgRed .slideContent * {
    color: #ffffff;
}
.numberSlide.counted .slideContent {
    opacity: 1;
}
.numberSlide .slideContent .numberValue {
    font-weight: 700;
    padding-right: 8px;
}
.numberSlide .numberLine {
    padding-bottom: 10px;
}
.numberSlide .numberTitle {
    font-size: 16px;
    line-height: 1.1em;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}
.numberSlider .slidePrev, .numberSlider .slideNext {
    margin-top: -81px;
}

@media (max-width: 1280px) {
    .numberSlide .slideContent {
        font-size: 26px;
    }
    .numberSlide .numberLine {
        padding-bottom: 5px;
    }
    .numberSlider .slidePrev, .numberSlider .slideNext {
        margin-top: -60px;
    }
}
@media (max-width: 960px) {
    .numberSlide .slideContent {
        height: 95px;
    }
}
@media (max-width: 680px) {
    .numberSlide .slideContent {
        font-size: 24px;
    }
}
@media (max-width: 560px) {
    .numberSlider .slick-list {
        padding: 0 40% 0 0;
    }
    .numberSlide .slideContent {
        height: 105px;
    }
    .numberSlide:after {
        padding-bottom: 60%;
    }
}

/*///////////////////////////////////////////////////////
// Grid Slider
//////////////////////////////////////////////////////*/

.gridSlider {
    position: relative;
}
/*
.gridSlider[data-itemcount="2"] .gridSlides, .gridSlider[data-itemcount="3"] .gridSlides, .gridSlider[data-itemcount="4"] .gridSlides,
.gridSlider[data-itemcount="2"] .gridSlides .slick-track, .gridSlider[data-itemcount="3"] .gridSlides .slick-track, .gridSlider[data-itemcount="4"] .gridSlides .slick-track {
*/
.gridSlides, .gridSlides .slick-track {
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: flex !important;
}
.gridSlides {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    visibility: hidden;
    margin: 0 -5px;
}
.gridSlides.slick-initialized, .gridSlider[data-itemcount="1"] .gridSlides, .gridSlider[data-itemcount="2"] .gridSlides, .gridSlider[data-itemcount="3"] .gridSlides, .gridSlider[data-itemcount="4"] .gridSlides {
    visibility: visible;
}
.gridSlides.slick-initialized .gridSlide, .gridSlides.slick-initialized .slick-slide > div  {
    height: 100%;
}
.gridSlides .slick-slide {
    height: auto;
}
.gridSlides .slick-slide > div {
    padding: 0 5px;
}
.gridSlides.slick-dotted {
    padding-bottom: 80px;
}
.gridSlide {
    width: 100%;
    background: #ffffff;
    display: block;
    position: relative;
    padding-bottom: 20px;
}
.gridSlider[data-itemcount="4"] .gridSlides .gridSlide {
    width: -webkit-calc(25% - 12px);
    width: -moz-calc(25% - 12px);
    width: calc(25% - 12px);
    margin: 0 5px;
}
.gridSlider[data-itemcount="3"] .gridSlides .gridSlide {
    width: -webkit-calc(33.33% - 12px);
    width: -moz-calc(33.33% - 12px);
    width: calc(33.33% - 12px);
    margin: 0 5px;
}
.gridSlider[data-itemcount="2"] .gridSlides .gridSlide {
    width: -webkit-calc(50% - 12px);
    width: -moz-calc(50% - 12px);
    width: calc(50% - 12px);
    margin: 0 5px;
}

.gridSlider[data-itemcount="2"] .slidePrev, .gridSlider[data-itemcount="3"] .slidePrev, .gridSlider[data-itemcount="4"] .slidePrev,
.gridSlider[data-itemcount="2"] .slideNext, .gridSlider[data-itemcount="3"] .slideNext, .gridSlider[data-itemcount="4"] .slideNext {
    display: none;
}
.gridSlide .slideImage {
    position: relative;
    height: 220px;
    z-index: 10;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.bgGreyLight {
    background: #FAFAFA;
}
.gridSlide.full {
    min-height: 420px;
}
.gridSlide.full .slideImage {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.gridSlide .slideContent {
    position: relative;
    z-index: 20;
    padding: 20px;
}
.gridSlide.full span {
    width: 400px;
    max-width: 100%;
    display: block;
}
.gridSlide .slideContent h1, .gridSlide .slideContent h2, .gridSlide .slideContent h3, .gridSlide .slideContent h4, .gridSlide .slideContent h5, .gridSlide .slideContent h6 {
    margin-bottom: 20px;
}
.gridSlide .slideContent h1, .gridSlide .slideContent h2, .gridSlide .slideContent h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.gridSlide .slideContent h4, .gridSlide .slideContent h5, .gridSlide .slideContent h6 {
    font-size: 1.5rem;
    line-height: 1.875rem;
}
.gridSlide .slideContent ol > li {
    margin-bottom: 10px;
}
/*
.gridSlide .slideContent ol > li {
    list-style-type: inherit;
    margin: 0 0 10px 20px;
    padding: 0 0 0 10px;
}
.gridSlide .slideContent ol li:before {
    display: none;
}
*/
.gridSlide.full .slideContent > *, .gridSlide.bgBlue .slideContent > *, .gridSlide.bgRed .slideContent > * {
    color: #FFFFFF;
}
@media (max-width: 1280px) {
    .gridSlide .slideContent h1, .gridSlide .slideContent h2, .gridSlide .slideContent h3 {
        font-size: 1.5rem;
    }
}
@media (max-width: 1279px) {
    .gridSlider[data-itemcount="4"] .slidePrev, .gridSlider[data-itemcount="4"] .slideNext {
        display: block !important;
    }
}
@media (max-width: 860px) {
    .gridSlider[data-itemcount="3"] .slidePrev, .gridSlider[data-itemcount="3"] .slideNext {
        display: block !important;
    }
}
@media (max-width: 560px) {
    /*     .gridSlider[data-itemcount="2"] .slidePrev, .gridSlider[data-itemcount="2"] .slideNext {
            display: block !important;
        } */
    .gridSlider[data-itemcount="2"] .gridSlides {
        visibility: hidden;
    }
    .gridSlides, .gridSlides .slick-track {
        display: block !important;
    }
    .gridSlides.slick-initialized .gridSlide, .gridSlides.slick-initialized .slick-slide > div  {
        height: auto;
    }
    .gridSlider[data-itemcount="3"] .slidePrev, .gridSlider[data-itemcount="3"] .slideNext,
    .gridSlider[data-itemcount="4"] .slidePrev, .gridSlider[data-itemcount="4"] .slideNext {
        display: none !important;
    }
}

/*///////////////////////////////////////////////////////
// Oton Slider
//////////////////////////////////////////////////////*/

/*
.otonSlides {
    visibility: hidden;
}
.otonSlides.slick-initialized {
    visibility: visible;
}
*/
.otonSlides .otonSlide {
    position: relative;
    width: 100%;
    float: left;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: flex !important;
    background: #FFFFFF;
}
.otonSlide.reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.otonSlide .colLeft {
    width: 40%;
}
.otonSlide .colRight {
    position: relative;
    width: 60%;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
    padding: 90px 120px;
    min-height: 550px;
}
.otonContent {
    position: relative;
    z-index: 30;
    float: left;
    width: 100%;
}
/*
.otonContent:before {
    content: "";
    position: absolute;
    width: 82px;
    height: 71px;
    top: -101px;
    background: url('../img/icons/icon_quotes.svg') no-repeat center center / 83px 71px;
}
.otonSlide.bgRed .otonContent:before, .otonSlide.bgBlue .otonContent:before {
    background: url('../img/icons/icon_quotes_w.svg') no-repeat center center / 83px 71px;
}
*/
.otonContent p {
    font-size: 2.25em;
    line-height: 1.17em;
}
.otonContent p a {
    font-size: 1.3rem;
}
.otonSlide.bgRed .otonContent > *, .otonSlide.bgBlue .otonContent > *,
.otonSlide.bgRed .otonContent p > *, .otonSlide.bgBlue .otonContent p > *,
.otonSlide.bgRed .otonContent a, .otonSlide.bgBlue .otonContent p a {
    color: #FFFFFF;
}
.otonName, .otonPosition {
    display: block;
    float: left;
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.5em;
    letter-spacing: 0.01em;
}
.otonSlider .innerWrap.bgRed p, .otonSlider .innerWrap.bgRed span, .otonSlider .innerWrap.bgBlue p, .otonSlider .innerWrap.bgBlue span {
    color: #FFFFFF;
}
.otonName {
    font-weight: 700;
}
.otonLink {
    display: inline-block;
    margin-top: 60px;
}
.otonImage {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.otonSlide .imageCaption {
    position: absolute;
    top: 100%;
    text-align: left;
}
.otonSlide.reverse .imageCaption {
    text-align: right;
}
@media (max-width: 1360px) {
    .otonSlide .colRight {
        padding: 90px;
        min-height: 500px;
    }
}
@media (max-width: 1024px) {
    .otonSlide .colRight {
        padding: 60px;
    }
    /*
    .otonContent:before {
        width: 62px;
        height: 50px;
        top: -80px;
        -webkit-background-size: 62px 50px;
        background-size: 62px 50px;
    }
    .otonSlide.bgRed .otonContent:before, .otonSlide.bgBlue .otonContent:before {
        background: url('../img/icons/icon_quotes_w.svg') no-repeat center center / 62px 50px;
    }
    */
}
@media (max-width: 800px) {
    .otonSlides .otonSlide {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        justify-content: center;
        min-height: auto;
    }
    .otonSlide .colLeft, .otonSlide .colRight {
        width: 100%;
    }
    .otonImage {
        position: relative;
    }
    .otonImage:before {
        position: relative !important;
        padding-top: 100% !important;
        display: block;
        content: "";
    }
    .otonImage:after {
        content: "";
        position: absolute;
        top: 30px;
        left: 30px;
        z-index: 20;
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px);
        height: -webkit-calc(100% - 60px);
        height: -moz-calc(100% - 60px);
        height: calc(100% - 60px);
        border-radius: 0 30px;
        background: transparent;
        border: 3px solid #FFFFFF;
    }
    .otonSlide .borderLine {
        display: none;
    }
    .otonSlide .imageCaption {
        text-align: right;
        padding: 0 30px;
    }

    .otonSlide.bgBlue .imageCaption, .otonSlide.bgRed .imageCaption {
        color: #FFFFFF;
    }
    .otonSlide.reverse .imageCaption {

    }
}
@media (max-width: 680px) {
    .otonContent p {
        font-size: 1.5em;
        line-height: 1.25em;
    }
    .otonName, .otonPosition {
        font-size: 1rem;
    }
}
@media (max-width: 560px) {
    .otonSlide .colRight {
        padding: 30px;
    }
    .otonImage:after {
        top: 20px;
        left: 20px;
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px);
        height: -webkit-calc(100% - 40px);
        height: -moz-calc(100% - 40px);
        height: calc(100% - 40px);
    }
    .otonSlide .imageCaption {
        padding: 0 20px;
    }
}

/*///////////////////////////////////////////////////////
// Benefit Slider
//////////////////////////////////////////////////////*/
.benefitSlider {
    padding: 0 !important;
}
/*
.benefitSlides {
    visibility: hidden;
}
.benefitSlides.slick-initialized {
    visibility: visible;
}
*/
.benefitSlides.slick-dotted {
    padding-bottom: 23px;
}
.benefitSlider {
    padding-bottom: 75px;
}
.benefitSlider .slideWrap {
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: flex !important;
}
.benefitSlider .slideWrap {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
    margin: 60px 0;
}
.benefitSlide {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-gap: 10px;
    position: relative;
    float: left;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 5px;
    border: #E1E1E1;
    min-height: 500px;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.benefitSlide .slide100 {
    grid-column: span 2;
    grid-row: span 4;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.benefitSlide .slideContent {
    padding: 0 120px 0 0;
}
.benefitSlide .slideContent h2, .benefitSlide .slideContent h3, .benefitSlide .slideContent h4  {
    margin-bottom: 30px;
}
.benefitSlide .slide50 {
    grid-row: span 4;
}
.benefitSlide .slide25 {
    grid-row: span 2;
}
.benefitSlide.rowGrid {
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: row;
}
.benefitSlide.rowGrid .slide50 {
    grid-column: span 2;
    grid-row: span 2;
}
.benefitSlide.rowGrid .slide25 {
}
.benefitSlide > div:first-child:not(.slide25):not(.slide100) {
    grid-column: 1;
}
.benefitSlide > div:not(.iconSlide) {
    position: relative;
}
.benefitSlide .iconSlide {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(15,15,15,0.15);
    -webkit-transition: background 250ms;
    -moz-transition: background 250ms;
    -o-transition: background 250ms;
    transition: background 250ms;
}
.benefitSlide .slideImage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.benefitIcon {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    text-align: center;
    margin-top: -15px;
    padding: 70px 12px 0 12px;
}
.iconSlide.open .benefitIcon {
    display: none;
}
.benefitIcon span {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
}
.benefitBack {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #F8F8F8;
    padding: 30px 30px 50px 30px;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}
.iconSlide.open .benefitBack {
    position: relative;
}
.benefitSlider .benefitBack {
    background: #FFFFFF;
}
.benefitBack > * {
    opacity: 0;
    top: 15%;
    transition: top 300ms;
}
.iconSlide.open .benefitBack, .iconSlide.active .benefitBack {
    opacity: 1;
    height: 100%;
    border: 1px solid rgba(15,15,15,0.15);
}
/*
.iconSlide.slide25.open .benefitBack, .iconSlide.slide25.active .benefitBack {
    position: absolute;
    z-index: 30;
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.iconSlide.slide25.open .benefitBack p, .iconSlide.slide25.active .benefitBack p {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.8333, 0.8333);
    -moz-transform: scale(0.8333, 0.8333);
    -ms-transform: scale(0.8333, 0.8333);
    -o-transform: scale(0.8333, 0.8333);
    transform: scale(0.8333, 0.8333);
    position: absolute;
    left: 0;
    top: 0;
}
.iconSlide.slide25.open .close, .iconSlide.slide25.active .close {
    bottom: calc(30px - 15%);
    right: calc(30px - 15%);
}
*/
.iconSlide.open .benefitBack.bgBlue, .iconSlide.open .benefitBack.bgRed {
    border: 0;
}
.iconSlide.open .benefitBack > *, .iconSlide.active .benefitBack > * {
    opacity: 1;
}
.iconSlide .close {
    position: absolute;
    z-index: 30;
    width: 25px;
    height: 25px;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
}
.iconSlide.open .close {
    z-index: 70;
}
.iconSlide .close svg path {
    stroke: #DEDEDE;
    fill: #DEDEDE;
}
.iconSlide.open .benefitBack.bgBlue + .close svg path, .iconSlide.open .benefitBack.bgRed + .close svg path,
.iconSlide.active .benefitBack.bgBlue + .close svg path, .iconSlide.active .benefitBack.bgRed + .close svg path {
    stroke: #FFFFFF;
    fill: #FFFFFF;
}

.benefitBack h4, .benefitBack p {
    font-size: 21px;
    letter-spacing: 0.01em;
    line-height: 24px;
    text-align: left;
    margin: 0;
}
.benefitBack h4 {
    font-weight: 700;
    margin-bottom: 20px;
}
.benefitBack.bgRed h4, .benefitBack.bgRed p, .benefitBack.bgBlue h4, .benefitBack.bgBlue p {
    color: #FFFFFF;
}
.benefitSlider .slidePrev, .benefitSlider .slideNext {
    margin-top: -28px;
}
@media (max-width: 1100px) {
    .benefitSlide {
        width: -webkit-calc(100% - 10px) !important;
        width: -moz-calc(100% - 10px) !important;
        width: calc(100% - 10px) !important;
    }
    .iconSlide.slide25.open .benefitBack, .iconSlide.slide25.active .benefitBack {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .iconSlide.slide25.open .benefitBack p, .iconSlide.slide25.active .benefitBack p {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        position: relative;
    }
    .iconSlide.slide25.open .close, .iconSlide.slide25.active .close {
        bottom: 25px;
        right: 40px;
    }
}
@media (max-width: 740px) {
    .benefitSlider {
        padding: 30px 0 !important;
    }
    .benefitSlide .iconSlide.open {
        position: absolute;
        z-index: 35;
        width: 100%;
        height: 100%;
    }
    .benefitSlide .iconSlide.slide25.open {
        grid-row-start: 1;
        grid-row: span 4;
    }
    .iconSlide.open .benefitBack {
        position: absolute;
    }
    .benefitBack > * {
        max-width: 0;
        max-height: 0;
    }
    .iconSlide.open .benefitBack > * {
        max-width: 100%;
        max-height: 100%;
    }
    .iconSlide.slide25.open .close, .iconSlide.slide25.active .close {
        bottom: 25px;
        right: 40px;
    }
    .benefitIntroText, .benefitIntroText h3 {
        margin-bottom: 30px;
    }
    .benefitIntroText h3 {
        font-size: 1.5rem;
    }
    .benefitIntroText p, .benefitIntroText ul li {
        font-size: 1rem;
        line-height: 1.25em;
    }
    .benefitIntroText p {
        margin: 0;
    }
    .benefitSlider .slidePrev, .benefitSlider .slideNext {
        display: none !important;
    }
    .benefitSlides.slick-dotted {
        padding-bottom: 53px;
    }
}
@media (max-width: 680px) {
    .benefitSlide .slideContent {
        padding: 0;
    }
    .benefitSlider .slideWrap {
        margin: 30px 0;
    }
}
@media (max-width: 560px) {
    .benefitSlide {
        min-height: 365px;
    }
    .benefitIcon {
        font-size: 18px;
        padding: 55px 12px 0 12px;
        margin-top: -10px;
    }
    .iconSlide.open .benefitIcon {
        display: none;
    }
    .benefitIcon span {
        margin-left: -24px;
        width: 48px;
        height: 48px;
    }
    .iconSlide .close {
        width: 22px;
        height: 22px;
        bottom: 20px;
        right: 20px;
    }
}

/*//// IE 10+ Style ////*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .benefitSlide {
        display: -ms-grid !important;
        -ms-grid-columns: 1fr 1fr;
        -ms-grid-rows: 1fr 1fr;
    }
    .benefitSlide .slide100 {
        -ms-grid-column-span: 2;
        -ms-grid-row-span: 2;
    }
    .benefitSlide .slide50 {
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
    }
    .benefitSlide > div:first-child:not(.slide25):not(.slide100) {
        -ms-grid-column: 1;
    }
    .benefitSlide .slide25 {
        -ms-grid-column-span: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
    }
    .benefitSlide .slide25 + .slide25 {
        -ms-grid-row: 2;
    }
    .benefitSlide > div:first-child:not(.slide25):not(.slide100), .benefitSlide > div:first-child:not(.slide25):not(.slide100) + .slide25 {
        -ms-grid-column-span: 1;
        -ms-grid-column: 1;
    }
    .benefitSlide > div:first-child:not(.slide25):not(.slide100) + .slide25 {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    .benefitSlide > div:first-child:not(.slide25):not(.slide100) + .slide25 + .slide25 {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
}

/*///////////////////////////////////////////////////////
// Team Slider
//////////////////////////////////////////////////////*/

.teamSlides {
    /* display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-column-gap: 10px; */
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: flex !important;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
}
.teamSlide {
    position: relative;
    float: left;
    width: 25%;
    padding: 0 5px;
}
.teamSlider[data-count="3"] .teamSlide {
    width: 33.33%;
}
.teamSlider[data-count="2"] .teamSlide {
    width: 50%;
}
.teamSlide.hasOverlay {
    cursor: pointer;
}
.teamImage {
    position: relative;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.teamImage:before {
    position: relative !important;
    content: "";
    display: block;
    padding-top: 150% !important;
}
.teamSlider[data-count="3"] .teamImage:before {
    padding-top: 115%  !important;
}
.teamSlider[data-count="2"] .teamImage:before {
    padding-top: 60% !important;
}
a.teamSlide h3, a.teamSlide p {
    text-decoration: none;
    float: left;
    width: 100%;
}
.teamSlide h3 {
    font-weight: 700;
    font-size: 24px;
    margin: 15px 0 5px 0;
    display: inline-block;
}
.teamSlide p {
    font-size: 16px;
}
.teamSlide .overlayLink {
    position: absolute;
    z-index: 20;
    width: 25px;
    height: 25px;
    right: 30px;
    bottom: 30px;
}
.teamSlide .overlayLink svg path {
    stroke: #ffffff;
    fill: #ffffff;
}
.overlayContent {
    display: none;
}
@media (max-width: 860px) {
    .teamSlide {
        margin: 0 0 40px 0;
    }
}
@media (max-width: 680px) {
    .teamSlider[data-count="2"] .teamImage:before {
        padding-top: 75%;
    }
    .teamSlider[data-count="4"] .teamSlide {
        width: 50%;
    }
    .teamSlider[data-count="2"] .teamSlide, .teamSlider[data-count="3"] .teamSlide {
        width: 100%;
    }
    .teamSlide .overlayLink {
        right: 15px;
        bottom: 15px;
    }
}
@media (max-width: 560px) {
    .teamSlider[data-count="2"] .teamSlide, .teamSlider[data-count="3"] .teamSlide {
        margin: 0 0 20px 0;
    }
    .teamSlide h3 {
        font-size: 18px;
        line-height: 22px;
    }
}


/*///////////////////////////////////////////////////////
// Text-Image Slider
//////////////////////////////////////////////////////*/

/* .txtimgSlides {
    visibility: hidden;
} */
.txtimgSlides.slick-initialized {
    position: relative;
    visibility: visible;
}
.txtimgSlides .txtimgSlide {
    width: 100%;
    float: left;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: flex !important;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.txtimgSlide.reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.txtimgSlide .colLeft {
    padding: 0 60px 0 0;
}
.txtimgSlide .colRight {
    position: relative;
    padding: 0 0 0 60px;
}
.txtimgSlide.reverse .colLeft {
    padding: 0 0 0 60px;
}
.txtimgSlide.reverse .colRight {
    padding: 0 60px 0 0;
}
.txtimgSlide.centerText .colLeft {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.txtimgSlide h2, .txtimgSlide h3, .txtimgSlide h4 {
    font-size: 2.25em;
    line-height: 1.17em;
    text-align: left;
    color: #3c4143;
    margin-bottom: 30px;
}
.txtimgSlide p {
    margin-bottom: 0;
}
.txtimgSlide a {
    color: #FF0000;
}
.txtImage {
    position: relative;
    width: 100%;
}
.txtImage:before {
    position: absolute !important;
    content: "";
    display: block;
}
.txtImage img {
    margin: 0;
}
.imageCaption {
    width: 100%;
    display: inline-block;
    margin-top: 7px;
    font-size: 0.875rem;
    line-height: 1.4em;
    text-align: right;
}
@media (max-width: 1024px) {
    .txtimgSlide .colLeft, .txtimgSlide.reverse .colRight {
        padding: 0 15px 0 0;
    }
    .txtimgSlide .colRight, .txtimgSlide.reverse .colLeft {
        padding: 0 0 0 15px;
    }
}
@media (max-width: 960px) {
    .txtimgSlides .txtimgSlide {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
        justify-content: center;
    }
    .txtimgSlide .colLeft, .txtimgSlide .colRight {
        width: 100%;
    }
    .txtimgSlide .colLeft, .txtimgSlide.reverse .colLeft {
        padding: 0;
    }
    .txtimgSlide .colRight, .txtimgSlide.reverse .colRight {
        padding: 0 0 30px 0;
    }
    .txtImage:before {
        padding-top: 0 !important;
    }
    .textImageSlider .slidePrev, .textImageSlider .slideNext {
        top: 200px;
    }
}
@media (max-width: 680px) {
    .txtimgSlide h2, .txtimgSlide h3, .txtimgSlide h4 {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    .txtimgSlide p {
        font-size: 1rem;
    }
}
@media (max-width: 560px) {
    .textImageSlider .slidePrev, .textImageSlider .slideNext {
        top: 165px;
    }
}

/*///////////////////////////////////////////////////////
// Text-Quote
//////////////////////////////////////////////////////*/

.textQuote .innerWrap {
    padding-right: 120px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.textQuote .innerWrap.reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.textQuote .colLeft {
    width: -webkit-calc(100% - 350px);
    width: -moz-calc(100% - 350px);
    width: calc(100% - 350px);
    padding-right: 120px;
}
.textQuote .innerWrap.reverse .colLeft {
    padding: 0 0 0 120px;
}
.textQuote .colRight {
    width: 350px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.textQuote h1, .textQuote h2, .textQuote h3 {
    margin-bottom: 30px;
}
.textQuote h4, .textQuote h5, .textQuote h6 {
    margin-bottom: 15px;
}
.quoteWrap {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 350px;
    padding: 30px 0;
    margin-bottom: 35px;
    border-top: 1px solid rgba(112,112,112,0.2);
    border-bottom: 1px solid rgba(112,112,112,0.2);
}
.quoteWrap h2 {
    font-weight: 300;
    font-size: 2.25rem;
    line-height: 1.17em;
    text-align: left;
    color: #206caf;
    margin: 0;
}
.quoteAuthor  {
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1.25em;
    padding-top: 20px;
}
/*
.quoteWrap h2:before {
    display: inline-block;
    padding-right: 10px;
    content: "»";
}
.quoteWrap h2:after {
    display: inline-block;
    padding-left: 10px;
    content: "«";
}
*/
.shareQuote {
    position: absolute;
    bottom: -40px;
    width: 100%;
    float: left;
}
.iconLink {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}
.iconLink:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 20;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}
.iconLink:hover:before {
    opacity: 1;
}
.iconLink.iconFacebook {
    background: url('../img/icons/icon_facebook.svg') no-repeat center center / contain;
}
.iconLink.iconFacebook:before {
    background: url('../img/icons/icon_facebook_dark.svg') no-repeat center center / contain;
}
.iconLink.iconFacebookBlue {
    background: url('../img/icons/icon_facebook_blue.svg') no-repeat center center / contain;
}
.iconLink.iconLinkedin {
    background: url('../img/icons/icon_linkedin.svg') no-repeat center center / contain;
}
.iconLink.iconLinkedin:before {
    background: url('../img/icons/icon_linkedin_dark.svg') no-repeat center center / contain;
}
.iconLink.iconLinkedinBlue {
    background: url('../img/icons/icon_linkedin_blue.svg') no-repeat center center / contain;
}
.iconLink.iconXing {
    background: url('../img/icons/icon_xing.svg') no-repeat center center / contain;
}
.iconLink.iconXing:before {
    background: url('../img/icons/icon_xing_dark.svg') no-repeat center center / contain;
}
.iconLink.iconXingBlue {
    background: url('../img/icons/icon_xing_blue.svg') no-repeat center center / contain;
}
.iconLink.iconInstagram {
    background: url('../img/icons/icon_instagram.svg') no-repeat center center / contain;
}
.iconLink.iconInstagram:before {
    background: url('../img/icons/icon_instagram_dark.svg') no-repeat center center / contain;
}
.iconLink.iconInstagramBlue {
    background: url('../img/icons/icon_instagram_blue.svg') no-repeat center center / contain;
}
.iconLink.iconTwitter {
    background: url('../img/icons/icon_twitter.svg') no-repeat center center / contain;
}
.iconLink.iconTwitter:before {
    background: url('../img/icons/icon_twitter_dark.svg') no-repeat center center / contain;
}
.iconLink.iconTwitterBlue {
    background: url('../img/icons/icon_twitter_blue.svg') no-repeat center center / contain;
}

.iconLink.iconMail {
    background: url('../img/icons/icon_mail.svg') no-repeat center center / contain;
}
.textQuote.bgBlue .colLeft > *, .textQuote.bgRed .colLeft > *,
.textQuote.bgBlue .quoteWrap h2, .textQuote.bgRed .quoteWrap h2 {
    color: #FFFFFF;
}
.textQuote.bgBlue .quoteWrap, .textQuote.bgRed .quoteWrap {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.textQuote.bgRed .shareQuote a.iconFacebook, .textQuote.bgBlue .shareQuote a.iconFacebook {
    background: url('../img/icons/icon_facebook_w.svg') no-repeat center center / contain;
}
.textQuote.bgRed .shareQuote a.iconTwitter, .textQuote.bgBlue .shareQuote a.iconTwitter {
    background: url('../img/icons/icon_twitter_w.svg') no-repeat center center / contain;
}
@media (max-width: 1280px) {
    .textQuote .innerWrap {
        padding-right: 0;
    }
    .textQuote .colLeft {
        padding-right: 60px;
    }
}
@media (max-width: 960px) {
    .textQuote .innerWrap.reverse {
        display: block;
    }
    .textQuote .innerWrap.reverse .colLeft {
        padding: 0;
    }
    .textQuote .colLeft, .textQuote .colRight {
        width: 100%;
        padding: 0;
    }
    .quoteWrap {
        max-width: 700px;
        margin-top: 30px;
    }
}
@media (max-width: 680px) {
    .articleContent p {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .quoteWrap h2 {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
    .quoteAuthor {
        font-size: 1rem;
    }
}

/*///////////////////////////////////////////////////////
// Image-Borderbox
//////////////////////////////////////////////////////*/

.imageBorderBox .innerWrap {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.imageBorderBox .innerWrap.reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row-reverse wrap;
    flex-flow: row-reverse wrap;
}
.imageBorderBox .colRight {
    position: relative;
}
.imageBorderBox h2 {
    font-size: 2.25em;
    line-height: 1.17em;
}
.imageBorderBox .bgBlue h2 {
    color: #FFFFFF;
}
.bbContent {
    padding: 70px 120px 90px 120px;
}
.bbImage {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.bbCaption {
    position: absolute;
    right: 0;
    top: 100%;
    padding-top: 7px;
    font-size: 0.875rem;
    text-align: right;
}
.imageBorderBox .innerWrap.reverse .bbCaption {
    right: auto;
    left: 0;
}
@media (max-width: 1444px) {
    .imageBorderBox .colLeft {
        width: 60%;
    }
    .imageBorderBox .colRight {
        width: 40%;
    }
}
@media (max-width: 1280px) {
    .bbContent {
        padding: 70px 90px 90px 90px;
    }
}
@media (max-width: 960px) {
    .bbContent {
        padding: 70px;
    }
}
@media (max-width: 768px) {
    .imageBorderBox .innerWrap, .imageBorderBox .innerWrap.reverse {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
    }
    .bbImage {
        position: relative;
        min-height: 280px;
    }
    .imageBorderBox .borderLine {
        height: 220px;
    }
    .imageBorderBox .colLeft, .imageBorderBox .colRight {
        width: 100%;
    }
    .imageBorderBox .innerWrap.reverse .bbCaption, .bbCaption {
        position: absolute;
        right: 30px;
        bottom: 6px;
        font-size: 14px;
        text-align: left;
        z-index: 20;
        color: #fff;
    }
}
@media (max-width: 680px) {
    .imageBorderBox h2 {
        font-size: 1.5em;
        line-height: 1.25em;
    }
}
@media (max-width: 560px) {
    .bbContent {
        padding: 30px;
    }
    .imageBorderBox .innerWrap.reverse .bbCaption, .bbCaption {
        left: auto;
        right: 20px;
        font-size: 12px;
        bottom: 28px;
    }
    .bbImage {
        min-height: 240px;
    }
    .imageBorderBox .borderLine {
        height: 200px;
    }
}


/*///////////////////////////////////////////////////////
// Content Overlay
//////////////////////////////////////////////////////*/
.contentOverlay {
    position: fixed;
    z-index: -1;
    opacity: 0;
    background: #3C4143;
    overflow: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}
.contentOverlay.filterOverlay {
    background: #F2F2F2;
}
.contentOverlay.open {
    opacity: 1;
    top: 0;
    z-index: 500;
}
.contentOverlay .innerWrap {
    position: relative;
    margin: 90px 0;
    padding: 30px 0;
}
.overlayInner h1, .overlayInner h2, .overlayInner h3, .overlayInner h4, .overlayInner h5, .overlayInner h6, .overlayInner header * {
    font-size: 2.25em;
    line-height: 1.17em;
    margin-bottom: 1em;
    color: #FFFFFF;
}
.overlayInner header * {
    font-weight: 600;
}
.overlayInner * {
    color: #FFFFFF;
}
.coWrap {
    padding-right: 30%;
}
.overlayInner img {
    width: auto;
    height: auto;
    margin: 30px 0;
    max-height: 400px;
    max-width: 100%;
}
.overlayInner .colLeft {
    width: -webkit-calc(100% - 350px);
    width: -moz-calc(100% - 350px);
    width: calc(100% - 350px);
    padding-right: 120px;
}
.overlayInner .colRight {
    width: 350px;
}
.overlayInner .colRight .quoteWrap {
    margin-top: 240px;
}
.coClose {
    position: absolute;
    right: 0;
    top: 10px;
    width: 22px;
    height: 21px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.213' height='21.213' viewBox='0 0 22.213 21.213'%3E%3Cg id='icon_close_w' transform='translate(-33.394 -25.393)'%3E%3Crect id='Rechteck_705' data-name='Rechteck 705' width='11' height='2' transform='translate(33.393 45.192) rotate(-45)' fill='%23929da1'/%3E%3Crect id='Rechteck_710' data-name='Rechteck 710' width='10' height='2' transform='translate(46.121 32.464) rotate(-45)' fill='%23929da1'/%3E%3Crect id='Rechteck_706' data-name='Rechteck 706' width='28' height='2' transform='translate(35.808 25.393) rotate(45)' fill='%23f9f9f9'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 22px;
    background-size: 21px;
    cursor: pointer;
}
.contentOverlay.filterOverlay .coClose {
    z-index: 100;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.349' height='19.433' viewBox='0 0 20.349 19.433'%3E%3Cg id='Symbol_116' data-name='Symbol 116' transform='translate(-33.393 -25.393)'%3E%3Crect id='Rechteck_705' data-name='Rechteck 705' width='10.077' height='1.832' transform='translate(33.393 43.531) rotate(-45)' fill='%233c4143'/%3E%3Crect id='Rechteck_710' data-name='Rechteck 710' width='9.161' height='1.832' transform='translate(45.053 31.871) rotate(-45)' fill='%233c4143'/%3E%3Crect id='Rechteck_706' data-name='Rechteck 706' width='25.65' height='1.832' transform='translate(35.605 25.393) rotate(45)' fill='%233c4143'/%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 1279px) {
    .coWrap {
        padding-right: 20%;
    }
}
@media (max-width: 960px) {
    .contentOverlay .innerWrap {
        margin: 30px 0;
        padding: 60px 0;
    }
    .coWrap {
        padding-right: 15%;
    }
    .overlayInner .colLeft, .overlayInner .colRight {
        width: 100%;
        padding-right: 120px;
    }
    .overlayInner .colRight .quoteWrap {
        margin: 30px 0;
        max-width: 355px;
    }
}
@media (max-width: 768px) {
    .coWrap, .overlayInner .colLeft, .overlayInner .colRight {
        padding-right: 0;
    }
}
@media (max-width: 680px) {
    .overlayInner h1, .overlayInner h2, .overlayInner h3, .overlayInner h4, .overlayInner h5, .overlayInner h6, .overlayInner header * {
        font-size: 1.6rem;
    }
    .overlayInner .colRight .quoteWrap {
        width: 100%;
        max-width: none;
    }
    .overlayInner .quoteWrap h2 {
        margin: 0;
    }
    .coClose {
        right: 10px;
        top: 0;
    }
}


/*///////////////////////////////////////////////////////
// Social Media Hub
//////////////////////////////////////////////////////*/
.socialFilter .innerWrap {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.socialFilter h2 {
    font-size: 2.25em;
    line-height: 1.17em;
    text-align: left;
    color: #3c4143;
    width: 40%;
    float: left;
}
.socialFilter .socialFilterContainer {
    width: 60%;
    float: left;
    text-align: right;
    margin-top: auto;
}


/* pb_social */
.tx-pb-social {
    width: 100%;
    float: left;
    padding: 15px 0 60px 0;
    background: #F2F2F2;
}
.tx-pb-social .pb-list {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    max-width: 1444px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.tx-pb-social .pb-list:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 130px;
    width: 100%;
    z-index: 30;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(242,242,242,0.9) 50%, rgba(242,242,242,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(242,242,242,0.9) 50%,rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(242,242,242,0.9) 50%,rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
.tx-pb-social.loaded .pb-list:after {
    display: none;
}
.tx-pb-social .pb-list-item {
    display: none;
    float: left;
    height: auto;
    width: -webkit-calc(25% - 10px);
    width: -moz-calc(25% - 10px);
    width: calc(25% - 10px);
    margin: 0 5px 10px 5px;
    box-shadow: none;
    background: #fff;
}
.tx-pb-social .pb-list-item.active {
    display: inline-block;
}
.tx-pb-social .pb-list-item .image {
    position: relative;
    height: 172px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.tx-pb-social .pb-list-item-instagram .image {
    height: 350px;
}
.tx-pb-social .pb-list-item .image.placeholder-image {
    display: none;
}
.tx-pb-social .pb-list-item .image.videoThumb:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: url('../img/icons/icon_play.svg') no-repeat center center / 90px 90px rgba(15,15,15,0.5);
}
.tx-pb-social .pb-list-item .text {
    position: relative;
    color: #3C4143;
    background-color: transparent;
    padding: 30px 15px 30px 15px;
    height: auto;
    right: auto;
    bottom: auto;
    left: auto;
    font-size: 21px;
    line-height: 26px;
    width: 100%;
    float: left;
    cursor: pointer;
}
.tx-pb-social .pb-list-item .text:hover {
    text-decoration: none;
}
.tx-pb-social .pb-list-item .text a, .tx-pb-social .pb-list-item .text span.red {
    color: hsla(0, 100%, 50%, 1);
}
.tx-pb-social .pb-list-item .icon {
    position: relative;
    float: left;
    top: auto;
    left: auto;
    width: 22px;
    height: 22px;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 10px 20px 20px;
}
.tx-pb-social .pb-list-item-twitter .icon {
    background-image: url('../img/icons/icon_twitter.svg');
}
.tx-pb-social .pb-list-item-facebook .icon {
    background-image: url('../img/icons/icon_facebook.svg');
}
.tx-pb-social .pb-list-item-instagram .icon {
    background-image: url('../img/icons/icon_instagram.svg');
}
.tx-pb-social .pb-list-item .additional-info {
    display: none;
}
.tx-pb-social .pb-list-item .date {
    float: left;
    font-weight: 300;
    font-size: 16px;
}
.tx-pb-social .btnWrap {
    position: relative;
    padding: 30px 0 60px 0;
    margin: 0;
    background: #f2f2f2;
}
.loadMorePosts.btnOutline {
    min-width: 335px;
}
@media (max-width: 1510px) {
    .tx-pb-social .pb-list {
        width: -webkit-calc(100% - 120px);
        width: -moz-calc(100% - 120px);
        width: calc(100% - 120px);
    }
}
@media (max-width: 1300px) {
    .tx-pb-social .pb-list {
        width: -webkit-calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: calc(100% - 60px);
    }
    .tx-pb-social .pb-list-item {
        width: -webkit-calc(33.33% - 10px);
        width: -moz-calc(33.33% - 10px);
        width: calc(33.33% - 10px);
    }
    .tx-pb-social .pb-list:after {
        height: 230px;
    }
}
@media (max-width: 860px) {
    .tx-pb-social .pb-list-item {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
    }
}
@media (max-width: 680px) {
    .tx-pb-social .pb-list {
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px);
    }
}
@media (max-width: 560px) {
    .tx-pb-social .pb-list-item {
        width: -webkit-calc(100%);
        width: -moz-calc(100%);
        width: calc(100%);
        margin: 0 0 10px 0;
    }
    .tx-pb-social .btnWrap {
        padding: 60px 20px;
    }
    .loadMorePosts.btnOutline {
        min-width: unset;
        width: 100%;
    }
    .tx-pb-social .pb-list:after {
        display: none;
    }
}


/*///////////////////////////////////////////////////////
// Social Rating
//////////////////////////////////////////////////////*/
.socialRating .innerWrap {
    margin: 0 -5px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
}
.ratingBox {
    position: relative;
    width: -webkit-calc(33.33% - 10px);
    width: -moz-calc(33.33% - 10px);
    width: calc(33.33% - 10px);
    margin: 0 5px 10px 5px;
    height: 300px;
    float: left;
}
.ratingImage, .ratingBox > a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-color: #3C4143;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.ratingBox > a {
    z-index: 10;
}
.ratingContent {
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}
.ratingContent img {
    height: 42px;
    width: auto;
}
.ratingValue {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 21px;
    letter-spacing: 0.01em;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 5px;
    margin-left: -15px;
}
.ratingValue:before {
    position: relative;
    content: "";
    top: 3px;
    width: 21px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    background: url('../img/icons/icon_rating_star.svg') no-repeat center center / 21px 20px;
}
.ratingValue:empty {
    display: none;
}
@media (max-width: 768px) {
    .socialRating .innerWrap {
        margin: 0;
    }
    .ratingBox {
        width: 100%;
        height: 210px;
    }
}


/*///////////////////////////////////////////////////////
// Job-Teaser Gallery
//////////////////////////////////////////////////////*/
.jobTilesGallery {
    position: relative;
    z-index: 10;
}
.jobTiles {
    float: left;
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
    margin-left: -5px;
    position: relative;
}
.jobTile {
    position: relative;
    height: 360px;
    float: left;
    width: -webkit-calc(33.33% - 12px);
    width: -moz-calc(33.33% - 12px);
    width: calc(33.33% - 12px);
    margin: 0 5px 10px 5px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    cursor: pointer;
    z-index: 10;
}
.jobTile[data-link=""], .jobTile.titleTile {
    cursor: default;
}
.jobTile.titleTile {
    background: #FFFFFF;
}
.jobTile.titleTile .teaserTitle {
    color: #3c4143;
}
.jobTile.titleTile.bgRed .teaserTitle, .jobTile.titleTile.bgBlue .teaserTitle {
    color: #ffffff;
}
.jobTiles[data-grid="2"] .jobTile {
    width: -webkit-calc(50% - 12px);
    width: -moz-calc(50% - 12px);
    width: calc(50% - 12px);
    height: 420px;
}
.jobTile > a {
    display: block;
}
.jobTile .frontView, .jobTile .teaserImage {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.jobTile .frontView {
    z-index: 20;
}
.jobTile .teaserTitle {
    position: absolute;
    left: 30px;
    bottom: 30px;
    padding-right: 75px;
    color: #FFFFFF;

    z-index: 20;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.jobTile .teaserTitle, .jobTile .teaserTitle p {
    font-size: 1.875rem;
}
.jobTile .teaserTitle.centerTitle {
    padding: 0 30px;
    left: auto;
    width: 100%;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.jobTile .teaserTitle.centerTitle .text-center {
    text-align: center;
}
.jobTile .teaserTitle.centerTitle .text-right {
    text-align: right;
}
.jobTile .backView {
    opacity: 0;
    position: relative;
    height: 100%;
    z-index: 10;
    background: #FFFFFF;
    color: #3C4143;
    padding: 40px 30px 75px 30px;
    min-height: 300px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.jobTile .backView .inner {
    display: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.jobTile.open .backView .inner, .jobTile.active .backView .inner {
    display: block;
}
.jobTile.bgGrey .backView {
    background: #f2f2f2;
}
.jobTile.bgRed .backView {
    background: #FF0000;
}
.jobTile.bgBlue .backView {
    background: #206CAF;
}
.jobTile.bgRed .backView *, .jobTile.bgBlue .backView * {
    color: #FFFFFF;
}
.jobTile .backView header > * {
    padding-bottom: 15px;
    font-size: 1.875rem;
    font-weight: 700;
}
.jobTile .teaserImage {
    position: relative;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.jobTileIcon {
    position: absolute;
    z-index: 30;
    width: 25px;
    height: 25px;
    bottom: 23px;
    right: 25px;
    cursor: pointer;
}
.jobTileIcon svg {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}
.jobTile:not(.open):not(.active) .jobTileIcon svg path, .jobTile.bgRed .jobTileIcon svg path, .jobTile.bgBlue .jobTileIcon svg path {
    stroke: #FFFFFF;
}
.jobTileLink {
    position: absolute;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    color: transparent;
    z-index: 30;
}
.jobTilesGallery .jobTile.active .frontView, .jobTilesGallery .jobTile.open .frontView {
    opacity: 0;
}
.jobTile.active .backView, .jobTile.open .backView {
    opacity: 1;
    z-index: 30;
}
.jobTile.open, .jobTile.active {
    z-index: 20;
}
.jobTile[data-link="bigOverlay"].open .backView {
    position: absolute;
    width: 100%;
    z-index: 30;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    overflow: hidden;
}
.jobTile[data-link="overlay"] .backView .inner {
    overflow: hidden;
    position: relative;
    height: 260px;
}
.jobTile[data-link="bigOverlay"].open .backView {
    padding: 40px 30px 50px 30px;
}
.jobTile[data-link="bigOverlay"].open .backView .inner {
    position: relative;
    padding: 0 30px;
}
.jobTile[data-link="bigOverlay"].open .jobTileIcon {
    bottom: -30px;
    right: -30px;
}
@media (min-width: 1651px) {
    .jobTile[data-link="bigOverlay"].open .backView .inner * {
        font-size: 1.1rem;
        -webkit-backface-visibility: hidden;
        transform: translateZ(0);
    }
    .jobTile[data-link="bigOverlay"].open .backView .inner header * {
        font-size: 1.6rem;
    }
}
@media (max-width: 1650px) {
    /*     .jobTile[data-link="bigOverlay"].open {
            position: absolute;
            width: 100%;
            height: 100%;
            max-height: none;
            margin: 0;
        } */
    /*
     .jobTile[data-link="bigOverlay"].open .backView, .jobTile[data-link="bigOverlay"].open .backView .inner {
         width: 100%;
         left: 0;
         top: 0;
         -webkit-transform: none;
         -moz-transform: none;
         -ms-transform: none;
         -o-transform: none;
         transform: none;

     }
     .jobTile[data-link="bigOverlay"].open .backView {
         position: fixed;
         width: 70%;
         height: 600px;
         top: 50%;
         left: 50%;
         margin: -300px 0px 0px -35%;
         padding: 60px;
         -webkit-transition: opacity 500ms;
         -moz-transition: opacity 500ms;
         -ms-transition: opacity 500ms;
         -o-transition: opacity 500ms;
         transition: opacity 500ms;
     }
     .jobTile[data-link="bigOverlay"].open .backView .inner {
         padding: 0px 0px 60px 0px;
         -webkit-transition: none;
         -moz-transition: none;
         -ms-transition: none;
         -o-transition: none;
         transition: none;
         max-width: 70%;
     }
     .jobTile[data-link="bigOverlay"].open .frontView {
         opacity: 1;
     }
     .jobTile[data-link="bigOverlay"].open .jobTileIcon {
         position: fixed;
         bottom: calc(50% - 270px);
         right: calc(15% + 30px);
     }
     */
}
@media (max-width: 1279px) {
    .jobTile {
        width: -webkit-calc(50% - 12px);
        width: -moz-calc(50% - 12px);
        width: calc(50% - 12px);
    }
}
@media (max-width: 1024px) {
    .jobTile[data-link="bigOverlay"].open .backView .inner {
        max-width: 90%;
    }
}
@media (max-width: 860px) {
    .jobTiles[data-grid="2"] .jobTile {
        height: 350px;
    }
}
@media (max-width: 800px) {
    .jobTiles[data-grid="2"] .jobTile {
        height: 320px;
    }
    .jobTile[data-link="bigOverlay"].open .backView .inner {
        max-width: 100%;
    }
}
@media (max-width: 680px) {
    .jobTilesGallery .jobTile {
        max-height: 200px;
    }
    .jobTile.active {
        position: absolute;
        width: 100%;
        z-index: 50;
        max-height: none;
    }
    .jobTilesGallery .jobTile.active {
        height: -webkit-calc(100% - 12px) !important;
        height: -moz-calc(100% - 12px) !important;
        height: calc(100% - 12px) !important;
    }
    .jobTile .teaserTitle {
        left: 20px;
        bottom: 20px;
        font-size: 1.125rem;
        padding-right: 50px;
    }
    .jobTile.open {
        position: relative;
        width: 100%;
        height: 100%;
        max-height: none;
    }
    .jobTile.open .backView {
        z-index: 50;
    }
    .jobTile .backView .inner, .jobTile[data-link="overlay"] .backView .inner {
        height: auto;
    }
    .jobTile[data-link="bigOverlay"].open .backView {
        padding: 30px;
    }
    .jobTile.open .jobTileIcon {
        z-index: 100;
    }
    .jobTiles[data-grid="2"] .jobTile {
        width: -webkit-calc(100%);
        width: -moz-calc(100%);
        width: calc(100%);
        margin: 0 0 10px 0;
        max-height: none;
        height: auto;
    }
    .jobTiles[data-grid="2"] .jobTile .teaserTitle {
        font-size: 1.5rem;
    }
}
@media (max-width: 460px) {
    .jobTilesGallery .jobTile {
        max-height: 180px;
    }
    .jobTile .teaserTitle {
        left: 15px;
        bottom: 15px;
    }
    .jobTileIcon {
        right: 15px;
        bottom: 15px;
    }
}


/*///////////////////////////////////////////////////////
// Career Select
//////////////////////////////////////////////////////*/
.csTiles {
    float: left;
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
    margin-left: -5px;
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
}
.csTile {
    position: relative;
    overflow: hidden;
    width: -webkit-calc(25% - 12px);
    width: -moz-calc(25% - 12px);
    width: calc(25% - 12px);
    margin: 0 5px 10px 5px;
    height: 520px;
}
.csMedia {
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
}
.csTitle, .csIcon {
    position: absolute;
    bottom: 30px;
    color: #FFF;
    z-index: 30;
}
.csTitle {
    font-size: 30px;
    line-height: 37px;
    padding: 0 60px 0 20px;
    width: 100%;
}
.csIcon {
    width: 50px;
    height: 38px;
    right: 20px;
}
.csIcon svg path {
    stroke: #ffffff;
    fill: #ffffff;
}
.csVideo {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
    object-position: 50% 0;
}
@media all and (-ms-high-contrast:none) {
    .csVideo {
        width: auto;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        bottom: 0;
        right: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media (max-width: 1360px) {
    .csIcon {
        right: 10px;
    }
}
@media (max-width: 1279px) {
    .csTitle {
        font-size: 28px;
        line-height: 34px;
    }
    .csTile {
        height: 440px;
    }
}
@media (max-width: 1100px) {
    .csTile {
        width: -webkit-calc(50% - 12px);
        width: -moz-calc(50% - 12px);
        width: calc(50% - 12px);
        height: 520px;
    }
    .csVideo {
        height: auto;
        width: 100%;
        top: 0;
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
}
@media (max-width: 1024px) {
    .csVideo {
        display: none;
    }
}
@media (max-width: 680px) {
    .csTitle {
        font-size: 24px;
        line-height: 30px;
    }
    .csIcon {
        bottom: 25px;
    }
    .csTile {
        height: 440px;
    }
}
@media (max-width: 560px) {
    .csTile {
        height: 360px;
    }
}
@media (max-width: 520px) {
    .csTile {
        height: 300px;
    }
    .csTitle {
        font-size: 18px;
        line-height: 22px;
    }
}
@media (max-width: 460px) {
    .csTile {
        height: 250px;
    }
    .csTitle {
        padding: 0 40px 0 15px;
    }
    .csIcon {
        width: 42px;
        height: 28px;
    }
}


/*///////////////////////////////////////////////////////
// Company Values
//////////////////////////////////////////////////////*/
.companyValues {
    position: relative;
}
.fullscreenImage {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.companyValues .innerWrap {
    z-index: 20;
    min-height: 700px;
}
.companyValues .innerWrap.smallBg {
    min-height: auto !important;
}
.cvInner {
    position: relative;
    padding: 50px;
    z-index: 20;
    width: 40%;
    background: #FFFFFF;
}
.cvInner h3 {
    margin-bottom: 60px;
}
.cvInner.leftTop {
    top: 0;
    margin-right: auto;
    margin-bottom: auto;
}
.cvInner.rightTop {
    top: 0;
    margin-left: auto;
    margin-bottom: auto;
}
.cvInner.leftBottom {
    margin-right: auto;
    margin-top: auto;
}
.cvInner.rightBottom {
    margin-left: auto;
    margin-top: auto;
}
.valueItems {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.valueItem {
    width: 33.33%;
    float: left;
    padding: 0 5px;
    margin-bottom: 30px;
}
.valueItem.hasOverlay {
    cursor: pointer;
}
.valueInner {
    text-decoration: none;
}
.valueLogo {
    width: 60%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 0 auto 10px auto;
}
.valueLogo:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.valueText {
    font-size: 21px;
    text-align: center;
}
.valueContent {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #FF0000;
    color: #FFFFFF;
    padding: 60px;
}
.vcClose {
    position: absolute;
    z-index: 20;
    padding: 10px 0;
    right: 50px;
    bottom: 50px;
    width: 22px;
    height: 22px;
    background: #ffffff;
    cursor: pointer;
    background: url('../img/icons/icon_line_white.svg') no-repeat center center / contain;
}
@media (max-width: 1510px) {
    .cvInner {
        width: 50%;
    }
}
@media (max-width: 1280px) {
    .companyValues .innerWrap {
        min-height: 550px;
    }
    .cvInner br {
        display: none;
    }
    .cvInner h3 {
        margin-bottom: 30px;
    }
}
@media (max-width: 1100px) {
    .cvInner {
        width: 60%;
    }
}
@media (max-width: 860px) {
    .valueText {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    #wrap .companyValues {
        background: #F2F2F2;
        padding-top: 0;
        margin-top: 30px;
    }
    .companyValues .innerWrap {
        position: relative;
        margin-top: 280px;
        min-height: auto;
    }
    .fullscreenImage {
        height: 340px;
    }
    .cvInner {
        width: 100%;
        margin: 0;
        padding: 50px 30px;
    }
}
@media (max-width: 680px) {
    #wrap .companyValues {
        padding-bottom: 40px;
    }
}
@media (max-width: 560px) {
    .companyValues .innerWrap {
        margin-top: 220px;
    }
    .fullscreenImage {
        height: 280px;
    }
    .cvInner {
        padding: 30px;
    }
    .valueContent {
        padding: 30px;
    }
    .vcClose {
        right: 30px;
        bottom: 30px;
    }
}
@media (max-width: 460px) {
    .companyValues .innerWrap {
        margin-top: 200px;
    }
    .cvInner h3 {
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    .fullscreenImage {
        height: 240px;
    }
    .valueText {
        font-size: 16px;
    }
}


/*///////////////////////////////////////////////////////
// Video Statement Slider
//////////////////////////////////////////////////////*/
.vsSlide {
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: flex !important;
}
.vsSlide.reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.vsSlide .colLeft, .vsSlide .colRight {
    position: relative;
    float: left;
}
.vsSlide .colLeft {
    width: 40%;
    padding: 80px 90px 80px 60px;
}
.vsSlide .colRight {
    width: 60%;
    text-align: center;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    justify-content: center;
}
.vsContent p {
    font-size: 2.25em;
    line-height: 1.17em;
}
.vsName, .vsPosition {
    display: block;
    float: left;
    width: 100%;
    font-size: 21px;
    letter-spacing: 0.01em;
    line-height: 24px;
}
.vsName {
    font-weight: 700;
    margin-top: 20px;
}
.vsSlide.bgRed p, .vsSlide.bgRed span, .vsSlide.bgBlue p, .vsSlide.bgBlue span {
    color: #FFFFFF;
}
.vsVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.vsPlay {
    position: relative;
    z-index: 20;
}
.vsVideoWrap {
    display: none;
}
@media (max-width: 1280px) {
    .vsSlide .colLeft, .vsSlide .colRight {
        width: 50%;
    }
    .vsSlide .colLeft {
        padding: 60px 80px 60px 60px;
    }
}
@media (max-width: 1024px) {
    .vsSlide {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
    }
    .vsSlide.reverse {
        -webkit-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
    }
    .vsSlide .colRight {
        height: 400px;
    }
    .vsSlide .colLeft, .vsSlide .colRight {
        width: 100%;
    }
}
@media (max-width: 680px) {

    .vsSlide .colRight {
        height: 300px;
    }
    .vsSlide .colLeft {
        padding: 40px 30px;
    }
    .vsContent p {
        font-size: 1.5em;
        line-height: 1.25em;
    }
}
@media (max-width: 460px) {
    .vsSlide .colRight {
        height: 250px;
    }
}


/*///////////////////////////////////////////////////////
// Contact Teaser
//////////////////////////////////////////////////////*/
.contactTeaser .innerWrap {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.contactTeaser .colLeft {
    background: #F2F2F2;
    padding: 60px 50px;
}
.contactTeaser.bgGrey .colLeft {
    background: #FFFFFF;
}
.contactTeaser .colLeft .ctHeadline > * {
    font-size: 2.25rem;
    line-height: 1.25em;
}
.contactTeaser .colLeft .ctText > * {
    font-size: 1.3rem;
    line-height: 1.25em;
    margin-top: 30px;
}
.contactTeaser .colLeft p a {
    text-decoration: none;
}
.contactTeaser .colLeft .openHours {
    font-size: 16px;
    line-height: 20px;
    margin-top: 30px;
}
.contactTeaser .colLeft.bgRed p, .contactTeaser .colLeft.bgRed span, .contactTeaser .colLeft.bgBlue p, .contactTeaser .colLeft.bgBlue span {
    color: #FFFFFF;
}
.ctImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
@media (max-width: 1024px) {
    .contactTeaser .colLeft .ctHeadline > * {
        font-size: 1.8rem;
    }
}
@media (max-width: 860px) {
    .contactTeaser .innerWrap {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
    }
    .contactTeaser .colLeft, .contactTeaser .colRight {
        width: 100%;
    }
    .contactTeaser .colRight {
        height: 400px;
    }
}
@media (max-width: 680px) {
    .contactTeaser .colLeft .ctHeadline > * {
        font-size: 1.5rem;
    }
    .contactTeaser .colLeft .ctText > * {
        font-size: 1rem;
        margin-top: 15px;
    }
    .contactTeaser .colLeft .openHours {
        margin-top: 15px;
    }
    .contactTeaser .colRight {
        height: 300px;
    }
}
@media (max-width: 560px) {
    .contactTeaser .colLeft {
        background: #F2F2F2;
        padding: 30px;
    }
    .contactTeaser .colRight {
        height: 250px;
    }
}


/*///////////////////////////////////////////////////////
// Awards Gallery
//////////////////////////////////////////////////////*/
.award {
    padding: 0 30px 15px 30px;
    float: left;
    width: 25%;
    text-align: center;
}
.award > a {
    display: block;
    text-decoration: none;
    color: #3c4143;
}
.awardImage {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    max-width: 180px;
    margin: 0 auto 30px auto;
}
.awardImage:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.awardSubline {
    width: 100%;
    font-weight: 300;
    font-size: 21px;
    text-align: center;
}
@media (max-width: 680px) {
    .award {
        padding: 0 15px 15px 15px;
    }
    .awardImage {
        max-width: 140px;
        margin: 0 auto 15px auto;
    }
    .awardSubline {
        font-size: 1rem;
        letter-spacing: 0.01em;
        line-height: 1.25em;
    }
}



/*///////////////////////////////////////////////////////
// Job Teaser Slider
//////////////////////////////////////////////////////*/
.jobTeaserSlider h2 {
    margin-bottom: 60px;
}
.jobTeaserSlider .jobTeaserCount {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 1rem;
}
.jobTeaserSlider .jobTeaserCount span {
    font-weight: 900;
    text-decoration: underline;
}
.jobTeaserSlider .jobTeasers, .jobTeaserSlider .slick-track {
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-flex !important;
    display: flex !important;
}
.jobTeaserSlider .jobTeasers {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.jobTeaserSlider .slick-slide {
    height: inherit !important;
}

.jobTeaserSlider .jobTeaser {
    position: relative;
    width: 25%;
    float: left;
    padding: 4.625rem 1.875rem 9rem 1.875rem;
    font-size: 1.5rem;
    line-height: 2rem;
    background: #FFFFFF;
    margin: 0 5px 10px 5px;
}
.jobTeaserSlider .jobTeasers.slick-initialized .jobTeaser, .jobTeaserSlider .slick-slide > div {
    height: 100%;
}
.jobTeaserSlider .jobTeasers.slick-initialized {
    margin: 0 0 0 -10px;
}
.jobTeaserSlider .jobTeaser > div {
    display: block;
}
.jobTeaserSlider .jobTeasers .slick-slide {
    padding: 0 5px;
}
.jobTeaserSlider .jobTeaser .jobTeaserTitle {
    font-weight: 800;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-lines: 2;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-lines: 4;
}
.jobTeaserSlider .jobTeaser .jobTeaserLink, .jobTeaserSlider .jobTeaser .jobTeaserLink:hover {
    text-decoration: none !important;
}
.jobTeaserSlider .jobTeaser {
    padding: 4.625rem 1.875rem 3rem 1.875rem;
}
.jobTeaserSlider .jobTeaser .jobTeaserLink {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.jobTeaserSlider .jobTeaser .jobTeaserBody {
    flex: 1;
    -ms-flex: auto;
}
.jobTeaserSlider .jobTeaser .jobTeaserFooter {
    padding-top: 20px;
}
.jobTeaserSlider .jobTeaser .jobTeaserFooter, .jobTeaserSlider .jobTeaser .jobTeaserLink {
    font-size: 1rem;
    margin-bottom: 0.125rem;
    line-height: 1.25em;
}
.jobTeaserSlider .jobTeaser .jobTeaserLink {
    color: #FF0000;
}
.jobTeaserSlider .jobTeaser .jobTeaserLink:hover {
    text-decoration: underline;
}
.mainContent .jobTeaserSlider .jobTeasers {
    padding-bottom: 83px;
}
.mainContent .jobTeaserSlider .slick-dots {
    bottom: 15px;
}
.jobTeaserSlider .allJobs {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 335px;
}
#wrap .jobTeaserSlider .jobTeaser .jobTeaserSharing {
    margin-top: 5px;
    margin-right: 5px;
}
@media (max-width: 1280px) {
    .jobTeaserSlider.single .jobTeaser {
        width: 33.33%;
    }
}
@media (max-width: 960px) {
    .jobTeaserSlider .allJobs {
        position: relative;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 15px;
    }
    .jobTeaserSlider.single .jobTeaser {
        width: 50%;
    }
}
@media (max-width: 680px) {
    .jobTeaserSlider .slick-list {
        padding: 0 30% 0 0;
        margin-right: -20px;
    }
    .jobTeaserSlider .slideNext, .jobTeaserSlider .slidePrev, .mainContent .jobTeaserSlider .slick-dots {
        display: none !important;
    }
    .mainContent .jobTeaserSlider .jobTeasers {
        padding-bottom: 30px;
    }
    .jobTeaserSlider .allJobs {
        width: 100%;
        max-width: 335px;
    }
    .jobTeaserSlider.single .jobTeaser {
        width: 100%;
    }
}
@media (max-width: 460px) {
    .jobTeaserSlider .allJobs {
        max-width: none;
    }
}


/*///////////////////////////////////////////////////////
// Job Teaser Small
//////////////////////////////////////////////////////*/
.jobTeaserSmall {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 200;
    bottom: 20px;
    left: 0;
}
.jobTeaserSmall .jobCount {
    width: 120px;
    background: #FF0000;
    text-align: center;
}
.jobTeaserSmall .jobCount span {
    color: #FFFFFF;
}
.jobTeaserSmall .jobCount span, .jtsContent h3, .jtsContent p {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0;
}
.jobTeaserSmall .jobCount span, .jtsContent h3 {
    font-weight: 700;
}
.jobTeaserSmall .teaserWrap {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.jtsContent {
    background: #FFFFFF;
    padding: 28px 120px 28px 40px;
}
.teaserWrap {
    position: relative;
    float: left;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.jobTeaserSmall .jtsClose {
    background-image: url('../img/icons/icon_close_red.svg');
    position: absolute;
    z-index: 30;
    cursor: pointer;
    top: 20px;
    right: 20px;
}
.jtsSubmit {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20;
    left: 0;
    top: 0;
    opacity: 0;
}
@media (max-width: 640px) {
    .jobTeaserSmall {
        margin-top: -25px;
    }
    .jobTeaserSmall .jobCount {
        width: 90px;
    }
    .jtsContent {
        padding: 20px 90px 20px 20px;
    }
    .jobTeaserSmall .jobCount span, .jtsContent h3, .jtsContent p {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
    .jobTeaserSmall .jtsClose {
        width: 15px;
        height: 15px;
        top: 15px;
        right: 15px;
        -webkit-background-size: 15px;
        background-size: 15px;
    }
}

/*///////////////////////////////////////////////////////
// Job Listing
//////////////////////////////////////////////////////*/

.filterFooter {
    margin-top: 30px;
    width: 100%;
    padding-right: 100px;
}
.filterFooter .btnStd {
    width: 100%;
    padding: 18px 25px;
}
@media (max-width: 1280px) {
    .filterFooter {
        padding-right: 20px;
    }
}
@media (max-width: 641px) {
    .filterFooter {
        display: none;
        position: fixed;
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px);
        bottom: 10px;
        z-index: 100;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        padding-right: 0;
    }
    .filterFooter .btnStd {
        background: #FF0000;
        color: #FFFFFF;
    }
}

/*///////////////////////////////////////////////////////
// Job Detail Templates
//////////////////////////////////////////////////////*/
.jobDetail {
    display: inline-block;
}
.jobContent {
    float: left;
    width: 100%;
}
#jobDetail {
    padding: 0;
}
.detailView {
    background: #FFFFFF;
}
.detailView {
    background: #FFFFFF;
}
.detailView > header {
    background: #F2F2F2;
    position: relative;
    z-index: 10;
    min-height: 800px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}
.detailView header .colLeft {
    width: 100%;
    padding: 140px 38% 260px 0;
}
.detailView .jobTitle h1 {
    font-size: 3.75rem;
    line-height: 1.3em;
    margin-bottom: 45px;
}
.detailView .jobTitle h3, .detailView .jobTitle .jobNumber {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    text-align: left;
}
.jobTitle h3 {
    letter-spacing: 0.01em;
    color: #3c4143;
}
.jobNumber {
    background: #FF0000;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 6px 12px;
    display: inline-block;
    margin-bottom: 45px;
}
.detailView header .colRight {
    position: absolute;
    width: 720px;
    min-height: 580px;
    height: -webkit-calc(100% - 220px);
    height: -moz-calc(100% - 220px);
    height: calc(100% - 220px);
    right: 0;
    padding: 120px;
}
.jobInfobox .infoMain * {
    font-size: 2.25rem;
    line-height: 1.17em;
    color: #FFFFFF;
}
.jobInfobox .infoSub * {
    font-size: 1rem;
    font-weight: 400;
    color: #FFFFFF;
}
.jobInfobox .mainContent strong {
    font-weight: 700;
}
.jobImage {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
}
.jobImage:before {
    content: "";
    display: block;
    padding-top: 80%;
}
.detailView header .colRight .filler {
    height: 220px;
    position: absolute;
    width: 50%;
    bottom: -220px;
    right: 0;
    background: #FFFFFF;
}
.jobInfobox > div {
    width: 100%;
    float: left;
    color: #FFFFFF;
    text-decoration: none;
}
.infoSub {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.detailMain {
    position: relative;
    z-index: 20;
    padding: 60px 60px 0 60px;
    margin-top: -220px;
    background: #FFFFFF;
    max-width: 1444px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

}
.detailMain, .jobRow {
    width: 100%;
    float: left;
}
.jobRow {
    margin-bottom: 90px;
}
.topArea .colLeft {
    width: 65%;
    padding-right: 120px;
}
.topArea .colRight {
    width: 35%;
}
.jobTopText p, .jobTopText div, .jobBox ul li, .manDescription * {
    font-size: 1.3rem;
    line-height: 1.25em;
}
.jobTopText p, .jobBox p {
    margin-bottom: 20px;
}
.jobTopText a {
    text-decoration: none;
    color: #FF0000;
}
.jobTopText a:hover {
    text-decoration: underline;
}
.manImage, .manDescription {
    float: left;
}
.manImage {
    width: 100px;
}
.manDescription {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
}
.manImage img {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    margin: 0 15px 0 0;
}
.managerName, .managerPosition {
    width: 100%;
    float: left;
}
.manDescription > h2 {
    font-weight: 700;
    text-transform: none;
    margin-bottom: 10px;
}
.jobManager img, .managerName, .managerPosition {
    display: inline-block;
    vertical-align: middle;
}
.footerArea .jobManager {
    display: none;
}



.boxContainer {
    padding: 60px 20px;
}
.jobBox {
    width: 33.33%;
    float: left;
    padding: 0 30px;
    text-align: left;
}
.jobBox h2 {
    font-weight: 700;
    font-size: 1.313rem;
    color: #3c4143;
    padding-left: 3px;
    margin-bottom: 20px;
}
.jobBox ul li {
    position: relative;
    padding-left: 20px;
    font-size: 1.3rem;
    line-height: 1.25em;
    margin-bottom: 25px;
}
.jobBox ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    font-size: 2.5rem;
    content: '•';
    color: #FF0000;
}
.internalNote {
    margin-top: 15px;
}
.internalNote p {
    font-size: 1rem;
    line-height: 1.4em;
}

.footerArea > div {
    width: 100%;
    float: left;
    max-width: 350px;
    margin-right: 120px;
}
.footerArea > div:last-child {
    margin-right: 0;
}
.footerArea h2, .footerArea h3, .footerArea h4, .footerArea h5, .footerArea h6 {
    font-size: 1.3rem;
    line-height: 1.25em;
    font-weight: 700;
    margin-bottom: 20px;
}
.footerArea > div {
    line-height: 1.625rem;
}
.footerArea > div a {
    text-decoration: none;
    color: #FF0000;
}
.jobBottomNavi {
    width: 100%;
    float: left;
    margin-bottom: 60px;
    margin-top: 5px;
}
.jobBottomNavi > div {
    padding: 0 60px;
    float: left;
    max-width: 1444px;
    width: 100% !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.jobBottomNavi .jobButtons, .jobBottomNavi .jobSocial {
    float: left;
}
.jobBottomNavi .jobButtons {
    width: -webkit-calc(100% - 180px);
    width: -moz-calc(100% - 180px);
    width: calc(100% - 180px);
}
.jobBottomNavi .jobSocial {
    width: 180px;
    text-align: right;
    padding: 15px 0;
}
.jobButtons > a {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.jobButtons a.applyBtn {
    width: 350px;
    background: #FF0000;
    color: #FFFFFF;
    border-color: #FF0000;
}
.jobButtons a.applyBtn:hover {
    background-color: rgba(15,15,15,0.05);
    border-color: rgba(15,15,15,0);
    color: #3C4143;
}

/*
 * Icons
 */
.iconLink.iconFacebook {
    background: url('../img/icons/icon_facebook.svg') no-repeat center center / contain;
}
.iconLink.iconLinkedin {
    background: url('../img/icons/icon_linkedin.svg') no-repeat center center / contain;
}
.iconLink.iconMail {
    background: url('../img/icons/icon_mail.svg') no-repeat center center / contain;
}
.iconLink.iconXing {
    background: url('../img/icons/icon_xing.svg') no-repeat center center / contain;
}
@media (max-width: 1680px) {
    .detailView header .colLeft {
        padding: 140px 45% 260px 0;
    }
}
@media (max-width: 1510px) {
    .detailView .jobTitle h1 {
        font-size: 3rem;
        margin-bottom: 45px;
    }
    .detailView header .colLeft {
        padding: 140px 55% 260px 30px;
    }
    .detailMain {
        padding: 40px 40px 0 40px;
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
        margin-left: 30px;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}
@media (max-width: 1360px) {
    .detailView header .colLeft {
        padding: 140px 60% 260px 30px;
    }
}
@media (max-width: 1280px) {
    .detailView > header {
        min-height: 700px;
    }
    .detailView header .colRight {
        min-height: 480px;
    }
}
@media (max-width: 1279px) {
    .detailView header .colLeft {
        width: 60%;
        padding-right: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .detailView header .colRight {
        width: 40%;
        padding: 60px;
    }
    .detailView header .colLeft {
        padding: 40px 40px 260px 30px;
    }
    .topArea .colLeft {
        padding-right: 60px;
    }
    .jobInfobox .infoMain * {
        font-size: 2rem;
    }
    .jobRow {
        margin-bottom: 60px;
    }
    .boxContainer {
        padding: 30px;
    }
    .jobBox {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .jobBox ul li {
        margin-bottom: 15px;
    }
    .applyBtn {
        width: auto;
    }
    .jobButtons > a {
        width: 30%;
    }
    .jobButtons > a {
        width: -webkit-calc(30% - 10px);
        width: -moz-calc(30% - 10px);
        width: calc(30% - 10px);
        padding: 18px 20px;
    }
    .jobButtons a.applyBtn {
        width: -webkit-calc(40% - 10px);
        width: -moz-calc(40% - 10px);
        width: calc(40% - 10px);
    }
}
@media (max-width: 1100px) {
    .jobBottomNavi .jobButtons, .jobBottomNavi .jobSocial {
        width: 100%;
    }
    .jobBottomNavi .jobSocial {
        text-align: left;
        margin-top: 20px;
    }
}
@media (max-width: 1024px) {
    .detailView > header {
        min-height: 625px;
    }
    .detailView header .colRight {
        min-height: 420px;
    }
}
@media (max-width: 1023px) {
    .topArea .colLeft, .topArea .colRight {
        width: 100%;
        padding: 0;
    }
    .topArea .colRight {
        display: none;
    }
    .footerArea .jobManager {
        display: block;
        margin-top: 30px;
        width: 100%;
    }
    .jobButtons a, .jobButtons a.applyBtn {
        width: -webkit-calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: calc(50% - 10px);
        float: left;
        display: block;
    }
    .jobButtons a.btnOverview {
        clear: left;
    }
}
@media (max-width: 960px) {
    .detailView header {
        /* -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
        justify-content: center; */
        display: block;
    }
    .detailView header .colLeft, .detailView header .colRight {
        position: relative;
        width: 100%;
        min-height: auto;
    }
    .detailView header .colLeft {
        padding: 40px 40px 60px 30px;
    }
    .detailView header .colRight {
        padding: 0;
    }
    .detailView header .colRight .jobImage {
        position: relative;
        height: 400px;
    }
    .detailView header .jobInfobox {
        display: none;
    }
    .detailMain {
        margin-top: -120px;
    }
    .footerArea > div {
        width: 50%;
        max-width: none;
        margin: 0;
    }
    .footerArea .companyAbout {
        padding-right: 40px;
    }
    .footerArea .companyContact {
        padding-left: 40px;
    }
    .jobBottomNavi .btnOutline {
        padding: 15px 50px;
        margin-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .footerArea > div {
        width: 100%;
    }
    .footerArea .companyAbout {
        margin-bottom: 30px;
    }
    .footerArea .companyAbout, .footerArea .companyContact {
        padding: 0;
    }
    .jobBottomNavi > div {
        padding: 0 30px;
    }
}
@media (max-width: 740px) {
    .detailView > header {
        min-height: 580px;
    }
    .detailView header .colLeft {
        padding: 30px 30px 60px 20px;
    }
    .detailView header .colRight .jobImage {
        position: relative;
        height: 300px;
    }
    .detailView .jobTitle h1 {
        font-size: 2.5rem;
        margin-bottom: 25px;
    }
    .jobNumber {
        padding: 4px 8px;
        margin-bottom: 25px;
    }
    .detailView .jobTitle .jobNumber {
        font-size: 0.75rem;
    }
    .detailView .jobTitle h3 {
        font-size: 0.875rem;
    }
    .detailView header .colRight {
        position: relative;
        min-height: 300px;
    }
    .detailView header .colRight .filler {
        display: none;
    }
    .detailMain {
        padding: 20px 20px 0 20px;
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        margin-left: 20px;
    }
    .jobTeaserText * {
        font-size: 1.5rem;
        line-height: 1.25em;
    }
    .jobTopText p, .jobTopText div, .jobBox ul li, .manDescription * {
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
    .jobBox ul li p {
        font-size: 1rem !important;
    }

    .jobBottomNavi .btnOutline, .jobBottomNavi .applyBtn, .jobButtons a.applyBtn {
        clear: both;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .jobBottomNavi .applyBtn {
        margin-bottom: 30px;
    }
    .jobBottomNavi .jobSocial {
        text-align: center;
        margin-top: 10px;
    }
    .jobBottomNavi > div {
        padding: 0 20px 0 38px;
    }
}
@media (max-width: 560px) {
    .jobRow {
        margin-bottom: 30px;
    }
    .detailView .jobTitle h1 {
        font-size: 2.25rem;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    .detailView header .colRight {
        min-height: 200px;
    }
    .jobImage {
        background-position: center center;
    }
}


/*///////////////////////////////////////////////////////
// Text Section
//////////////////////////////////////////////////////*/
.textSection header {
    margin-bottom: 30px;
}
.textSection header > * {
    font-size: 2.25em;
    line-height: 1.17em;
    text-align: left;
    color: #3c4143;
}
.tsContent {
    padding-right: 33.33%;
}
.tsContent.twoCol {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    padding-right: 0;
}
.tsContent h2, .tsContent h3, .tsContent h4, .tsContent h5, .tsContent h6 {
    margin-bottom: 1.5rem;
}
.textSection.bgBlue *, .textSection.bgRed * {
    color: #FFFFFF;
}
.tsContent a {
    color: #FF0000;
    text-decoration: none;
}
.tsContent table {
    margin: 15px 0;
}
.tsContent table tr td {
    font-size: 1.3rem;
    line-height: 1.25em;
    border-bottom: 1px solid #f4f5f5;
    border-right: 1px solid #f4f5f5;
    padding: 5px 10px;
    font-weight: 300;
}
.tsContent table tr td:first-child {
    border-left: 1px solid #f4f5f5;
}
.tsContent table tr:first-child td {
    background: #f4f5f5;
    border: 1px solid #f4f5f5;
    font-weight: 600;
}
@media (max-width: 1100px) {
    .tsContent {
        padding-right: 25%;
    }
}
@media (max-width: 860px) {
    .tsContent {
        padding-right: 15%;
    }
    .tsContent.twoCol {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        padding-right: 15%;
    }
}
@media (max-width: 680px) {
    .tsContent {
        padding-right: 0;
    }
    .textSection header > * {
        font-size: 1.5rem;
        line-height: 1.25em;
    }
    .tsContent p, .tsContent li {
        font-size: 1rem;
        line-height: 1.25em;
    }
    .tsContent table tr td {
        font-size: 1rem;
    }
}


/*///////////////////////////////////////////////////////
// UI/UX + Icons
//////////////////////////////////////////////////////*/
.chatBox {
    display: none;
}
/*
.chatBox {
    display: none;
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 155px;
    height: 109px;
    background: transparent;
    backdrop-filter: blur(30px);
    --webkit-backdrop-filter: blur(30px);
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
.chatBox:before {
    position: absolute;
    content: '';
    width: 31px;
    height: 29px;
    margin: -14px 0px 0px -15px;
    left: 50%;
    top: 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.986' height='30.427' viewBox='0 0 31.986 30.427'%3E%3Cg id='icon_speechbubble' transform='translate(-29.776 -93.594)'%3E%3Cpath id='Pfad_216' data-name='Pfad 216' d='M31,54.254V34.594H60.763V53.726H50.125l4.939,9.516-11.8-9.516' transform='translate(0 60)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath id='Pfad_217' data-name='Pfad 217' d='M43.708,113.436H30.777' transform='translate(-1)' fill='none' stroke='red' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -webkit-background-size: 31px 29px;
    background-size: 31px 29px;
}
*/
.borderLine {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 20;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
    border-radius: 0 30px;
    background: transparent;
    border: 3px solid #FFFFFF;
}
.iconClose {
    width: 20px;
    height: 20px;
    background-image: url('../img/icons/icon_close.svg');
    background-repeat: no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
}
.svgGrey {
    stroke: #98989B;
    stroke-width: 2px;
    fill: none;
}
.svgRed {
    stroke: #ff0000;
    stroke-width: 2px;
    fill: none;
}


svg:hover .svgGrey {
    animation: dash 0.5s;
}
svg:hover .svgRed {
    animation: dash 1s;
}
@keyframes dash {
    0%{
        stroke-dashoffset: 0;
        stroke-dasharray: 100,200;
    }
    100% {
        stroke-dashoffset: 100;
        stroke-dasharray: 100,0;
    }
}
.btnWrap {
    display: inline-block;
    width: 100%;
    margin: 60px 0;
    text-align: center;
}
.btnOutline {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 18px 70px;
    border: 1px solid rgba(15,15,15,0.4);
    color: #3C4143;
    text-decoration: none;
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
    cursor: pointer;
}
.btnOutline:hover {
    background-color: rgba(15,15,15,0.05);
    border: 1px solid rgba(15,15,15,0);
}
.bgRed .btnOutline, .bgBlue .btnOutline {
    border: 1px solid rgba(255,255,255,1);
    color: #FFFFFF;
}
.bgRed .btnOutline:hover {
    background-color: rgba(15,15,15,0.35);
    border: 1px solid rgba(15,15,15,0);
}
.bgBlue .btnOutline:hover {
    background-color: rgba(15,15,15,0.15);
    border: 1px solid rgba(15,15,15,0);
}
.introTeaserButton.btnOutline {
    border: 1px solid rgba(255,255,255,1);
    color: #FFFFFF;
}
.introTeaserButton.btnOutline:hover {
    border: 1px solid rgba(255,255,255,0);
    background-color: rgba(15,15,15,0.5);
}
.btnStd {
    display: inline-block;
    text-decoration: none;
    padding: 18px 70px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #3c4143;
    background: #FFFFFF;
    cursor: pointer;
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
    transition: all 150ms;
}
.btnStd:hover {
    background: #D8D8D8;
    color: #0F0F0F;
}
.gradientOverlay:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 0;
}
.gradBlack50:before {
    background: rgba(0,0,0,0.5);
}
.gradBlueRedTop:before {
    background: -moz-linear-gradient(top,  rgba(32,108,175,0.6) 0%, rgba(255,0,0,0.26) 60%, rgba(255,0,0,0.15) 80%, rgba(255,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(32,108,175,0.6) 0%,rgba(255,0,0,0.26) 60%,rgba(255,0,0,0.15) 80%,rgba(255,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(32,108,175,0.6) 0%,rgba(255,0,0,0.26) 60%,rgba(255,0,0,0.15) 80%,rgba(255,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99206caf', endColorstr='#00ff0000',GradientType=0 );
}
.gradRedBlueTop:before {
    background: -moz-linear-gradient(top,  rgba(255,0,0,0.6) 0%, rgba(32,108,175,0.26) 60%, rgba(32,108,175,0.15) 80%, rgba(32,108,175,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,0,0,0.6) 0%,rgba(32,108,175,0.26) 60%,rgba(32,108,175,0.15) 80%,rgba(32,108,175,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,0,0,0.6) 0%,rgba(32,108,175,0.26) 60%,rgba(32,108,175,0.15) 80%,rgba(32,108,175,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff0000', endColorstr='#00206caf',GradientType=0 );
}
.gradBlueRedBottom:before {
    background: -moz-linear-gradient(top,  rgba(255,0,0,0) 0%, rgba(255,0,0,0.15) 20%, rgba(255,0,0,0.26) 70%, rgba(32,108,175,0.6) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,0,0,0) 0%,rgba(255,0,0,0.15) 20%,rgba(255,0,0,0.26) 70%,rgba(32,108,175,0.6) 100%);
    background: linear-gradient(to bottom,  rgba(255,0,0,0) 0%,rgba(255,0,0,0.15) 20%,rgba(255,0,0,0.26) 70%,rgba(32,108,175,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#99206caf',GradientType=0 );
}
.gradRedBlueBottom:before {
    background: -moz-linear-gradient(top,  rgba(32,108,175,0) 0%, rgba(32,108,175,0.15) 20%, rgba(32,108,175,0.26) 70%, rgba(255,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top,  rgba(32,108,175,0) 0%,rgba(32,108,175,0.15) 20%,rgba(32,108,175,0.26) 70%,rgba(255,0,0,0.6) 100%);
    background: linear-gradient(to bottom,  rgba(32,108,175,0) 0%,rgba(32,108,175,0.15) 20%,rgba(32,108,175,0.26) 70%,rgba(255,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00206caf', endColorstr='#99ff0000',GradientType=0 );
}


.gradRedBlueTopRight:before {
    background: -moz-linear-gradient(45deg,  rgba(255,0,0,0.6) 0%, rgba(255,0,0,0.26) 60%, rgba(144,54,88,0.15) 80%, rgba(32,108,175,0) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(255,0,0,0.6) 0%,rgba(255,0,0,0.26) 60%,rgba(144,54,88,0.15) 80%,rgba(32,108,175,0) 100%);
    background: linear-gradient(45deg,  rgba(255,0,0,0.6) 0%,rgba(255,0,0,0.26) 60%,rgba(144,54,88,0.15) 80%,rgba(32,108,175,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff0000', endColorstr='#00206caf',GradientType=1 );
}
.gradBlueRedBottomleft:before {
    background: -moz-linear-gradient(45deg,  rgba(255,0,0,0.6) 0%, rgba(32,108,175,0.26) 60%, rgba(32,108,175,0.15) 80%, rgba(32,108,175,0) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(255,0,0,0.6) 0%,rgba(32,108,175,0.26) 60%,rgba(32,108,175,0.15) 80%,rgba(32,108,175,0) 100%);
    background: linear-gradient(45deg,  rgba(255,0,0,0.6) 0%,rgba(32,108,175,0.26) 60%,rgba(32,108,175,0.15) 80%,rgba(32,108,175,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff0000', endColorstr='#00206caf',GradientType=1 );
}
.gradBlueRedTopRight:before {
    background: -moz-linear-gradient(45deg,  rgba(255,0,0,0) 0%, rgba(255,0,0,0.15) 20%, rgba(255,0,0,0.26) 40%, rgba(32,108,175,0.6) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(255,0,0,0) 0%,rgba(255,0,0,0.15) 20%,rgba(255,0,0,0.26) 40%,rgba(32,108,175,0.6) 100%);
    background: linear-gradient(45deg,  rgba(255,0,0,0) 0%,rgba(255,0,0,0.15) 20%,rgba(255,0,0,0.26) 40%,rgba(32,108,175,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#99206caf',GradientType=1 );
}
.gradBlueRedBottomleft:before {
    background: -moz-linear-gradient(45deg,  rgba(32,108,175,0.6) 0%, rgba(32,108,175,0.26) 60%, rgba(144,54,88,0.15) 80%, rgba(255,0,0,0) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(32,108,175,0.6) 0%,rgba(32,108,175,0.26) 60%,rgba(144,54,88,0.15) 80%,rgba(255,0,0,0) 100%);
    background: linear-gradient(45deg,  rgba(32,108,175,0.6) 0%,rgba(32,108,175,0.26) 60%,rgba(144,54,88,0.15) 80%,rgba(255,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99206caf', endColorstr='#00ff0000',GradientType=1 );
}


.gradRedTop:before {
    background: -moz-linear-gradient(top,  rgba(255,0,0,0.6) 0%, rgba(255,0,0,0.3) 27%, rgba(255,0,0,0) 60%, rgba(255,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,0,0,0.6) 0%,rgba(255,0,0,0.3) 27%,rgba(255,0,0,0) 60%,rgba(255,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,0,0,0.6) 0%,rgba(255,0,0,0.3) 27%,rgba(255,0,0,0) 60%,rgba(255,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff0000', endColorstr='#00ff0000',GradientType=0 );
}
.gradRedBottom:before {
    background: -moz-linear-gradient(top,  rgba(255,0,0,0) 0%, rgba(255,0,0,0) 40%, rgba(255,0,0,0.3) 73%, rgba(255,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,0,0,0) 0%,rgba(255,0,0,0) 40%,rgba(255,0,0,0.3) 73%,rgba(255,0,0,0.6) 100%);
    background: linear-gradient(to bottom,  rgba(255,0,0,0) 0%,rgba(255,0,0,0) 40%,rgba(255,0,0,0.3) 73%,rgba(255,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#99ff0000',GradientType=0 );
}
.gradRedTopRight:before {
    background: -moz-linear-gradient(30deg,  rgba(255,0,0,0) 0%, rgba(255,0,0,0) 40%, rgba(255,0,0,0.3) 73%, rgba(255,0,0,0.6) 100%);
    background: -webkit-linear-gradient(30deg,  rgba(255,0,0,0) 0%,rgba(255,0,0,0) 40%,rgba(255,0,0,0.3) 73%,rgba(255,0,0,0.6) 100%);
    background: linear-gradient(30deg,  rgba(255,0,0,0) 0%,rgba(255,0,0,0) 40%,rgba(255,0,0,0.3) 73%,rgba(255,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#99ff0000',GradientType=1 );
}
.gradRedBottomLeft:before {
    background: -moz-linear-gradient(30deg,  rgba(255,0,0,0.6) 0%, rgba(255,0,0,0.3) 27%, rgba(255,0,0,0) 60%, rgba(255,0,0,0) 100%);
    background: -webkit-linear-gradient(30deg,  rgba(255,0,0,0.6) 0%,rgba(255,0,0,0.3) 27%,rgba(255,0,0,0) 60%,rgba(255,0,0,0) 100%);
    background: linear-gradient(30deg,  rgba(255,0,0,0.6) 0%,rgba(255,0,0,0.3) 27%,rgba(255,0,0,0) 60%,rgba(255,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff0000', endColorstr='#00ff0000',GradientType=1 );
}
.gradBlueTop:before {
    background: -moz-linear-gradient(top,  rgba(32,108,175,0.6) 0%, rgba(32,108,175,0.3) 27%, rgba(32,108,175,0) 60%, rgba(32,108,175,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(32,108,175,0.6) 0%,rgba(32,108,175,0.3) 27%,rgba(32,108,175,0) 60%,rgba(32,108,175,0) 100%);
    background: linear-gradient(to bottom,  rgba(32,108,175,0.6) 0%,rgba(32,108,175,0.3) 27%,rgba(32,108,175,0) 60%,rgba(32,108,175,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99206caf', endColorstr='#99206caf',GradientType=0 );
}
.gradBlueBottom:before {
    background: -moz-linear-gradient(top,  rgba(32,108,175,0) 0%, rgba(32,108,175,0) 40%, rgba(32,108,175,0.3) 73%, rgba(32,108,175,0.6) 100%);
    background: -webkit-linear-gradient(top,  rgba(32,108,175,0) 0%,rgba(32,108,175,0) 40%,rgba(32,108,175,0.3) 73%,rgba(32,108,175,0.6) 100%);
    background: linear-gradient(to bottom,  rgba(32,108,175,0) 0%,rgba(32,108,175,0) 40%,rgba(32,108,175,0.3) 73%,rgba(32,108,175,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99206caf', endColorstr='#99206caf',GradientType=0 );
}
.gradBlueTopRight:before {
    background: -moz-linear-gradient(30deg,  rgba(32,108,175,0) 0%, rgba(32,108,175,0) 40%, rgba(32,108,175,0.3) 73%, rgba(32,108,175,0.6) 100%);
    background: -webkit-linear-gradient(30deg,  rgba(32,108,175,0) 0%,rgba(32,108,175,0) 40%,rgba(32,108,175,0.3) 73%,rgba(32,108,175,0.6) 100%);
    background: linear-gradient(30deg,  rgba(32,108,175,0) 0%,rgba(32,108,175,0) 40%,rgba(32,108,175,0.3) 73%,rgba(32,108,175,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99206caf', endColorstr='#99206caf',GradientType=1 );
}
.gradBlueBottomLeft:before {
    background: -moz-linear-gradient(30deg,  rgba(32,108,175,0.6) 0%, rgba(32,108,175,0.3) 27%, rgba(32,108,175,0) 60%, rgba(32,108,175,0) 100%);
    background: -webkit-linear-gradient(30deg,  rgba(32,108,175,0.6) 0%,rgba(32,108,175,0.3) 27%,rgba(32,108,175,0) 60%,rgba(32,108,175,0) 100%);
    background: linear-gradient(30deg,  rgba(32,108,175,0.6) 0%,rgba(32,108,175,0.3) 27%,rgba(32,108,175,0) 60%,rgba(32,108,175,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99206caf', endColorstr='#99206caf',GradientType=1 );
}
/*@media (max-width: 800px) {
    .chatBox {
        width: 125px;
        height: 85px;
    }
    .chatBox:before {
        width: 27px;
        height: 25px;
        margin: -8px 0 0 -12px;
        -webkit-background-size: 27px 25px;
        background-size: 27px 25px;
    }
}
@media (max-width: 680px) {
    .chatBox {
        position: fixed;
        width: 100px;
        height: 65px;
        z-index: 80;
        right: 0;
        bottom: 0;
    }
}*/
@media (max-width: 560px) {
    .borderLine {
        top: 20px;
        left: 20px;
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px);
        height: -webkit-calc(100% - 40px);
        height: -moz-calc(100% - 40px);
        height: calc(100% - 40px);
        border-radius: 0 20px;
    }
    .btnWrap {
        margin: 20px 0 0 0;
    }
}


/*///////////////////////////////////////////////////////
// Herkules Animation
//////////////////////////////////////////////////////*/
.mainContent .herkulesSystem {
    display: none;
    position: relative;
    z-index: 1000;
    width: 100%;
    float: left;
    background: #F2F2F2;
    min-height: 100vh;
}
.animationWrapper {
    position: fixed;
    width: 100%;
    max-width: 1920px;
    height: 100%;
    max-height: 1050px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden;
}
.herkules-animation {
    cursor: pointer;
}
.closeAnimation, .animationHelp {
    position: fixed;
    z-index: 600;
    width: 35px;
    height: 35px;
    right: 30px;
    top: 30px;
    background: url('../img/icons/icon_close_white.svg') no-repeat center center / 22px 22px;
    cursor: pointer;
}
.animationHelp {
    right: 75px;
    background: url('../img/icons/icon_help.svg') no-repeat center center / 22px 22px;
}
.closeAnimation.herkulesExit {
    width: 150px;
    height: 150px;
    background: url('../img/icons/icon_close_large.svg') no-repeat center center / contain;
    right: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.fixed {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.mapBackground {
    position: fixed;
    z-index: 1;
    /* background: url('../img/herkules/map_bg_large.png') no-repeat top center / cover; */
    background: url('../img/herkules/map_bg_large.png') no-repeat top center / 1920px auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.clouds {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.cloudLeft, .cloudRight {
    position: absolute;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.cloudLeft {
    background-image: url('../img/herkules/clouds_left.png');
    background-position: center right;
    width: 85%;
    height: 50%;
    left: -50%;
}
.cloudRight {
    background-image: url('../img/herkules/clouds_right.png');
    background-position: center left;
    width: 35%;
    height: 30%;
    right: 0;
}
.progressBar {
    position: fixed;
    z-index: 500;
    background: #FFFFFF;
    overflow: hidden;
    width: 10px;
    height: 100%;
    top: 0;
    left: 0;
}
.progressBar .progress {
    position: absolute;
    background: #FF0000;
    height: 1px;
    width: 10px;
}
.captions {
    position: fixed;
    z-index: 500;
    width: 100%;
    left: 3%;
    top: 5%;
}
.captions > span {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    font-size: 36px;
    color: #FFFFFF;
    padding-left: 0.6em;
}
.captions > span:before {
    content: "/";
    position: absolute;
    top: 0;
    left: 0;
    color: #FF0000;
    display: inline-block;
}

/* Content Sections */
.screens {
    position: relative;
    z-index: 10;
    width: 100%;
    left: 0;
}
.introWrapper, .outroWrapper {
    position: fixed;
    min-width: 320px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 50;
    width: 70%;
    height: 65%;
    margin: 0 auto;
    background: #FFFFFF;
}
.outroWrapper {
    opacity: 0;
}
.introWrapper h2, .outroWrapper h2 {
    font-size: 57px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.outroWrapper h2 {
    font-size: 36px;
    font-weight: 600;
    padding: 0 120px;
    margin-bottom: 30px;
}
.outroWrapper p {
    font-size: 28px;
    padding: 0 120px;
    text-align: center;
}
.scrollLabel {
    position: absolute;
    width: 100px;
    height: 100px;
    bottom: 0;
    background: #F4F5F5;
}
.scrollLabel > span:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    background: url('../img/herkules/icons/icon_mouse.svg') no-repeat center center / contain;
}
.scrollLabel > span {
    position: absolute;
    bottom: 15px;
    padding-top: 40px;
    font-size: 16px;
    text-align: center;
}
.scrollSection {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
    height: 100vh;
    text-align: center;
}
.scrollSection {
    background: rgba(0,0,0,0.9);
}
.mapSection {
    position: relative;
    z-index: 20;
}
.scrollOverlay {
    background: rgba(0,0,0,0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 0;
}
.scrollText {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 20;
    display: inline-block;
    width: 70%;
    text-align: center;
}
.scrollText * {
    font-size: 36px;
    color: #FFFFFF;
}
.textIcon {
    display: inline-block;
    width: 85px;
    height: 85px;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: contain;
    background-size: contain;
    margin-bottom: 30px;
}
.textIcon.bigIcon {
    width: 315px;
    height: 180px;
}
.textIcon.bigIcon2 {
    width: 200px;
    height: 231px;
}
.mapOverlay {
    position: fixed;
    width: 100%;
    height: 890px;
    z-index: 30;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.mapOverlay svg {
    position: fixed;
    width: 1920px !important;
    left: 50%;
    -webkit-transform: translate3d(0px, 0px, 0px) translateX(-50%) !important;
    transform: translate3d(0px, 0px, 0px) translateX(-50%) !important;
}
.bottomNav {
    position: fixed;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 500;
}
.bottomNav .prevView, .bottomNav .nextView {
    width: 50px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 70% auto;
    background-size: 70% auto;
    cursor: pointer;
}
.bottomNav .prevView {
    margin-bottom: 12px;
    background-image: url('../img/icons/icon_arrow_right_w.svg');
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.bottomNav .nextView {
    background-image: url('../img/icons/icon_arrow_right_w.svg');
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.bottomNav .nextView {
    background-image: url('../img/icons/icon_arrow_right_w.svg');
}
.exitWrapper {
    z-index: 500;
}


.stepsOverlay {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    z-index: 1000;
    background: rgb(0,0,0);
    background: -moz-radial-gradient(circle, rgba(0,0,0,0.4038749288778011) 0%, rgba(0,0,0,0.8968721277573529) 100%);
    background: -webkit-radial-gradient(circle, rgba(0,0,0,0.4038749288778011) 0%, rgba(0,0,0,0.8968721277573529) 100%);
    background: radial-gradient(circle, rgba(0,0,0,0.4038749288778011) 0%, rgba(0,0,0,0.8968721277573529) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.introSteps {
    display: none;
}
.introSteps .fadeAway {
    background: transparent;
    z-index: 999999;
}
.iaStep {
    position: relative;
    z-index: -1;
    opacity: 0;
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}
.iaStep.active {
    opacity: 1;
    z-index: 1010;
}
.bubble {
    position: absolute;
    width: 250px;
    padding: 15px 30px 15px 15px;
    background: #FFFFFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    bottom: calc(100% + 15px);
}
.bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #FFFFFF transparent;
    margin-left: -10px;
    margin-top: -1px;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -9px;
    left: 50%;
}
.bubble p {
    font-size: 1rem;
    margin: 0;
}
.stepNum, .stepNext {
    display: block;
    width: 50%;
    float: left;
    margin-top: 10px;
}
.stepNext {
    color: #FF0000;
    text-align: right;
    cursor: pointer;
}
#iaStep1 .bubble {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#iaStep2 .bubble, #iaStep3 .bubble {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(100% + 15px);
    bottom: auto;
}
#iaStep2 .bubble:after, #iaStep3 .bubble:after {
    border-width: 10px 0 10px 10px;
    border-color: transparent #FFFFFF;
    right: -10px;
    left: auto;
    bottom: auto;
    top: 50%;
    margin-top: -10px;
}
body.scrAn {
    background: #303030;
}
@media (min-width: 1921px) {
    .animationWrapper {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        -moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
        -ms-transform: translateX(-50%) translateY(-50%) translateZ(0);
        -o-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
    }
}
/*@media (max-width: 1440px) {
    .mapBackground {
        -webkit-background-size: 1800px auto;
        background-size: 1800px auto;
    }
    .mapOverlay {
        height: 830px;
    }
}*/
@media (max-width: 1280px) {
/*    .mapBackground {
        -webkit-background-size: 1570px auto;
        background-size: 1570px auto;
    }
    .mapOverlay {
        height: 720px;
    }*/
    .scrollText *, .captions > span {
        font-size: 28px;
    }
    .progressBar {
        width: 8px;
    }
    .textIcon.bigIcon {
        width: 260px;
        height: 155px;
    }
    .textIcon.bigIcon2 {
        width: 200px;
        height: 170px;
    }
}
@media (max-width: 1024px) {
    .introWrapper, .outroWrapper {
        height: 55%;
    }
    .introWrapper h2 {
        font-size: 48px;
    }
    .outroWrapper h2, .outroWrapper p {
        padding: 0 60px;
    }
    .outroWrapper h2 {
        font-size: 32px;
    }
    .outroWrapper p {
        font-size: 24px;
    }
}
@media (max-width: 860px) {
    .introWrapper h2 {
        font-size: 36px;
    }
    .outroWrapper {
        height: 65%;
        width: 80%;
    }
    .outroWrapper h2, .outroWrapper p {
        padding: 0 50px;
    }
}
@media (max-width: 768px) {
    .captions {
        left: 6%;
        top: 4%;
    }
/*    .mapBackground {
        -webkit-background-size: 2000px auto;
        background-size: 2000px auto;
    }
    .mapOverlay {
        height: 920px;
    }*/
}
@media (max-width: 680px) {
    .scrollText *, .captions > span {
        font-size: 21px;
        line-height: 1.4em;
    }
    .introWrapper h2 {
        font-size: 28px;
    }
    .outroWrapper {
        height: 80%;
    }
    .mapBackground {
        background: url('../img/herkules/map_bg_mobile.jpg') no-repeat center center / cover;
        height: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .mapOverlay {
        height: 70%;
        top: 15%;
    }
    .bottomNav {
        bottom: -40px;
        top: auto;
    }
}
@media (max-width: 560px) {
    .textIcon.bigIcon {
        width: 215px;
        height: 130px;
    }
    .textIcon.bigIcon2 {
        width: 145px;
        height: 135px;
    }
    .outroWrapper h2 {
        font-size: 24px;
    }
    .outroWrapper p {
        font-size: 21px;
    }
}
@media (max-width: 460px) {
    .scrollText {
        width: 80%;
    }
    .scrollText *, .captions > span {
        font-size: 18px;
    }
    .textIcon.bigIcon {
        width: 180px;
        height: 105px;
    }
    .introWrapper {
        height: 50%;
    }
    .outroWrapper {
        height: 65%;
    }
    .outroWrapper h2, .outroWrapper p {
        padding: 0 20px;
    }
    .outroWrapper h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .outroWrapper p {
        font-size: 18px;
    }
    .closeAnimation.herkulesExit {
        width: 100px;
        height: 100px;
    }
}
@media all and (-ms-high-contrast: none) {
    .animationWrapper {
        left: auto;
        top: auto;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
}