html {height: calc(100vh - env(safe-area-inset-bottom));}
body {color:#444; font-size:18px; font-weight: 400; font-family: 'Poppins', sans-serif; -webkit-text-size-adjust: 100%; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {word-wrap:break-word; line-height: 1.2em;}
h1, .h1 {font-size: 50px; font-weight: 700; margin-bottom: 15px; color: #0398A6; font-family: 'Rubik', sans-serif;}
h2, .h2 {font-size: 34px; font-weight: 700; margin-bottom: 5px; color: #0398A6; font-family: 'Rubik', sans-serif;}
main h2.h3 {color: #8F3C7B; font-weight: 500;}
h3, .h3 {font-size: 28px; font-weight: 700; margin-bottom: 5px;}
h4, .h4 {font-size: 24px; font-weight: 700; margin-bottom: 0px; color: #0398A6; font-family: 'Rubik', sans-serif;}
h5, .h5 {font-size: 20px; font-weight: 700; color: #009D90;}
/* bold & italic */
strong {font-weight: 700; font-style: inherit;}
em {font-style: italic; font-weight: inherit;}
/* sup- & subscript */
sup, sub {vertical-align: baseline; position: relative; font-size: 75%; line-height: 0;} /* preventing from affecting line-height */
sup {top: -.5em; vertical-align: sub}
sub {bottom: -.25em; vertical-align: sub}
.basicContainer {max-width: 1620px; margin:0px auto; padding: 120px 120px 90px 120px;}
.svgShape {display: block; width: 100%; transform: scale(1); /* iOS hack for preventing 1px white spacing */}
.svgShape.height200 {max-height: 200px;}
.svgShape.height120 {max-height: 120px;}
.svgShape.height60 {max-height: 60px;}
.hideInlineSVG {width: 0; height: 0;}
/* anchor */
#anchor {top: -92px; position: relative;}
/* Top bar */
#stickyTopBar {width: 100%; background-color: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.05); position: fixed; left: 0; top: 0; z-index: 2000; transition: height 0.3s ease; /* fade out */ display:flex; justify-content: space-between; padding-left: 60px;}
#stickyTopBar, #stickyTopBarGhost {height: 110px;}
#stickyTopBar #logo {width: 224px; max-height: calc(100% - 20px); flex: 0 1 auto; ; position: relative; align-self: center;}
#stickyTopBar #logo:before {content: ''; display: block; padding-bottom: 40.1785714286%; transition: padding-bottom ease 0.3s; }
#stickyTopBar #logo img {position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: contain; object-position: 0 50%;}
#menuContainer {display: flex; flex-direction: column; flex: 1 1 auto; height:100%;}
#topMenu, #mainMenu {padding-right: 60px;}
#topMenu {display: flex; justify-content: flex-end; flex: 0 0 auto; align-items: center; height: 36px; position: relative;}
#topMenu .partButton {margin-left: 20px;}
#topMenu .partButton .buttonIcon svg {width: 12px; height: 12px;}
#topMenu:after {content: ''; position: absolute; bottom: 0; right:0; width: 80%; height: 1px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%);}
#mainMenu {display: flex; justify-content: flex-end; align-items: center; flex: 1 1 auto; margin-left: 20px;}
#mainMenu .navigationSearch svg path {fill: #000; stroke: #000; stroke-width: 0.5;}
#mainMenu .navigationSearch .navigationLabel {display: none;}
/* scrolled */
#stickyTopBar.scrolled {height:70px;}
#stickyTopBar.scrolled #topMenu {display: none;}
#stickyTopBar.scrolled #logo {max-height: calc(100% - 20px);}
#stickyTopBar.scrolled .basicContainer {padding-top: 5px; padding-bottom: 5px;}
/* 50 / 50 text with image */
#contentAndMenu + .textWithImageContainer .basicContainer {padding-top: 0;}
#introHeaderTextAndImageContainer + #textWithImageContainerList .basicContainer {padding-top: 120px;}
#textWithImageContainerList {}
#textWithImageContainerList .basicContainer {padding-bottom: 60px; padding-top: 0;}
.textWithImageLeft, .textWithImageRight {width: calc(50% + 60px); border-radius: 10px; overflow: hidden; position: relative;}
.textWithImageContainer {display: flex; flex-wrap: wrap; margin-bottom: 120px;}
/* text */
.textWithImageContainer .text {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; color: #222; padding: 50px 60px 25px 60px; z-index: 10;}
.textWithImageContainer .text .partButton {margin-bottom: 25px;}
.textWithImageContainer:nth-child(odd) .text {margin-top: 60px; margin-bottom: -60px;}
.textWithImageContainer:nth-child(even) .image {margin-top: 60px; margin-bottom: -60px;}
.textWithImageLeft.text {margin-right: -60px;}
.textWithImageRight.text {margin-left: -60px;}
/* image */
.textWithImageLeft.image {margin-right: -60px;}
.textWithImageRight.image {margin-left: -60px;}
/* video button */
.videoButton {position: absolute; z-index: 10; transform: translate(-50%, -50%); top: 50%;left: 50%; }
.videoButton svg {width: 80px; width: 80px; fill: #fff; transition: fill 0.3s ease;}
/* image */
.textWithImageContainer .partContentFileImageGallery.single {width: 100%; height:100%;}
.textWithImageContainer .partContentFileImageGallery.single * {height:100%;}
/* first */
.textWithImageContainer.first .text {background-color: #FDEFE5;}
.textWithImageContainer.first .partContentText h2 {color: #E88310;}
.textWithImageContainer.first .partContentText ul li::before {content: url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='rgb(227, 103, 42)' cx='3' cy='3' r='3'/%3E%3C/svg%3E");}
.textWithImageContainer.first .partButton {background-color: #E88310;}
.textWithImageContainer.first .partSlider .slidePaginationBullet.selected:before, .textWithImageContainer.first .partSlider .slidePaginationBullet:hover:before {background-color: rgb(227, 103, 42);}
.textWithImageContainer.first .videoButton:hover svg {fill: #E88310;}
/* hover */
@media (hover: hover) {
.textWithImageContainer.first .partButton:not([disabled]):hover, .textWithImageContainer.first .partButton:not([disabled]):focus {
background-color: #0398A6; color: #fff;
}
}
/* second */
.textWithImageContainer.second .text {background-color: #E5F4F6;}
.textWithImageContainer.second .partContentText h2 {color: #0398A6;}
.textWithImageContainer.second .partContentText ul li::before {content: url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='rgb(31, 62, 133)' cx='3' cy='3' r='3'/%3E%3C/svg%3E");}
.textWithImageContainer.second .partButton {background-color: #0398A6;}
.textWithImageContainer.second .partSlider .slidePaginationBullet.selected:before, .textWithImageContainer.second .partSlider .partSlider .slidePaginationBullet:hover:before {background-color: rgb(31, 62, 133);}
.textWithImageContainer.second .videoButton:hover svg {fill: #E88310;}
/* hover */
@media (hover: hover) {
.textWithImageContainer.second .partButton:not([disabled]):hover, .textWithImageContainer.second .partButton:not([disabled]):focus {
background-color: #DF4874;
}
}
/* third */
.textWithImageContainer.third .text {background-color: #e5f4f6;}
.textWithImageContainer.third .partContentText h2 {color: #0398A6;}
.textWithImageContainer.third .partContentText ul li::before {content: url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='rgb(0, 157, 144)' cx='3' cy='3' r='3'/%3E%3C/svg%3E");}
.textWithImageContainer.third .partButton {background-color: #0398A6;}
.textWithImageContainer.third .partSlider .slidePaginationBullet.selected:before, .textWithImageContainer.third .partSlider .partSlider .slidePaginationBullet:hover:before {background-color: rgb(0, 157, 144);}
.textWithImageContainer.third .videoButton:hover svg {fill: #E88310;}
/* hover */
@media (hover: hover) {
.textWithImageContainer.third .partButton:not([disabled]):hover, .textWithImageContainer.third .partButton:not([disabled]):focus {
background-color: #E88310;
}
}
/* fourth */
.textWithImageContainer.fourth .text {background-color: #FDECF2;}
.textWithImageContainer.fourth .partContentText h2 {color: #DF4874;}
.textWithImageContainer.fourth .partContentText ul li::before {content: url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='rgb(223, 72, 116)' cx='3' cy='3' r='3'/%3E%3C/svg%3E");}
.textWithImageContainer.fourth .partButton {background-color: #DF4874;}
.textWithImageContainer.fourth .partSlider .slidePaginationBullet.selected:before, .textWithImageContainer.fourth .partSlider .partSlider .slidePaginationBullet:hover:before {background-color: rgb(223, 72, 116);}
.textWithImageContainer.fourth .videoButton:hover svg {fill: #E88310;}
/* hover */
@media (hover: hover) {
.textWithImageContainer.fourth .partButton:not([disabled]):hover, .textWithImageContainer.fourth .partButton:not([disabled]):focus {
background-color: #0398A6;
}
}
/* fifth */
.textWithImageContainer.fifth .text {background-color: #FDEFE5;}
.textWithImageContainer.fifth .partContentText h2 {color: #E88310;}
.textWithImageContainer.fifth .partContentText ul li::before {content: url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='rgb(227, 103, 42)' cx='3' cy='3' r='3'/%3E%3C/svg%3E");}
.textWithImageContainer.fifth .partButton {background-color: #E88310;}
.textWithImageContainer.fifth .partSlider .slidePaginationBullet.selected:before, .textWithImageContainer.fifth .partSlider .slidePaginationBullet:hover:before {background-color: rgb(227, 103, 42);}
.textWithImageContainer.fifth .videoButton:hover svg {fill: #E88310;}
/* hover */
@media (hover: hover) {
.textWithImageContainer.fifth .partButton:not([disabled]):hover, .textWithImageContainer.fifth .partButton:not([disabled]):focus {
background-color: #0398A6;
}
}
/* intro/header */
#introHeaderTextAndImageContainer {}
#introHeaderTextAndImage {background-color:#e5f4f6;}
#introHeaderTextAndImage .basicContainer {display: flex; flex-wrap: wrap; align-items: flex-start; padding-top: 40px; padding-bottom: 0px;}
#introHeaderTextAndImageContainer.morePaddingBottom .basicContainer {padding-bottom: 60px;} /* used for vacancies and schools */
#introHeaderText {width: 55%; padding-right: 60px; font-size: 20px; font-weight: 500; color: #222; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 40px; margin-bottom: 20px;}
#introHeaderText:only-child {width: auto; max-width: 1140px;}
#introHeaderText h1 + h2 {margin-top: -10px; margin-bottom: 30px;}
#introHeaderText > .partButton {margin-bottom: 25px;}
#introHeaderImage {width: 45%; align-self: flex-start; position: relative;}
#introHeaderImage .partContentFileImageGallery.photo {background-color: #0398A6; clip-path: url(#introHeaderImageClipPath); padding-right: 20px; padding-bottom: 10px;}
#introHeaderImage .partContentFileImageGallery.photo .contentFileImage {clip-path: url(#introHeaderImageClipPath);}
#introHeaderImage .partContentFileImageGallery.icon {background: url(/images/style/element-blob-white.svg) no-repeat; background-size: contain; height: 100px; width: 100px; position: absolute; left:4%; bottom: 5%;}
#introHeaderImage .partContentFileImageGallery.icon .contentFileImage {height: 100%;}
#introHeaderTextAndImageContainer > svg {fill: #e5f4f6;}
/***********************************************
Home
***********************************************/
/* intro text */
#homeHeroContainer {background-color: #0398A6; color: #fff; display: flex; flex-wrap: wrap; }
#homeHeroLeftContainer {width: 30%; flex: 0 0 auto; margin-left: auto; padding: 40px 0px 85px 120px; position: relative; display: flex; flex-direction: column; justify-content: center; z-index: 10; background-color: #fff;}
#homeHeroLeftContainer > svg {content: ''; width: calc(100% + 600px); height:calc(100% + 120px); top:0; left:-220px; position: absolute; z-index: -10;}
#homeHeroLeftContainer > svg path:nth-child(1) {fill: #028895;}
#homeHeroLeftContainer > svg path:nth-child(2) {fill: #0398A6;}
#homeHeroLeftContainer h1 {color: #fff;}
/* hover */
/* @media (hover: hover) {
#homeHeroLeftContainer .partButton.default:not([disabled]):hover, .partButton.partButton.default:not([disabled]):focus {
background-color: #0398A6;
}
} */
#homeHeroRightContainer {width: 70%; flex: 0 0 auto; background-color: #f5f5f5;}
#homeHeroRightContainer .partContentFileImageGallery.single {width: 100%; height:100%;}
#homeHeroRightContainer .partContentFileImageGallery.single * {height:100%;}
#homeHeroRightContainer #videoContainer {height:100%;}
#homeHeroRightContainer #videoContainer video {width: 100%; height: 100%; object-fit: cover;}
/* icon and text */
#homeIconsAndText {color: #fff; text-align: center; background-color: #0398A6;}
#homeIconsAndText .basicContainer {}
#homeIconsAndText ul {display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; margin-right: -30px; }
#homeIconsAndText ul li {width: calc(25% - 30px); flex: 1 1 auto; margin:0 15px 30px 15px;}
#homeIconsAndText ul li a {display: block; height: 100%; text-decoration: none; transition: background-color 0.3s ease, box-shadow 0.3s ease; padding:30px 15px; border-radius: 8px; color: #fff;}
#homeIconsAndText ul li a:hover {background-color: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.1);}
#homeIconsAndText ul li .partContentFileImageGallery {margin-bottom: 15px;}
#homeIconsAndText ul li .partContentFileImageGallery .contentFileImage {background-color: #fff; border-radius: 50%; height:100px; width: 100px; margin-left: auto; margin-right: auto;}
#homeIconsAndText ul li a:hover .partContentFileImageGallery .contentFileImage {background-color: #E5F4F6;}
#homeIconsAndText ul li .iconLabel {font-weight: 700; font-size: 22px; margin-left: auto; margin-right: auto; display: block; text-align: center; line-height: 1.3em;}
#homeIconsAndText ul li a:hover .iconLabel {color: #0398A6;}
/* introtext */
#homeIntroContainer {text-align: center; position: relative; z-index: 10;}
#homeIntroContainer .basicContainer {max-width: 1140px; padding-top: 0;}
#homeIntroLinkContainer {background-color: #fff; box-shadow: 0 5px 10px 0 rgba(29,29,27,0.10); border-radius: 10px; display: flex; flex-wrap: wrap; text-align: center; margin-top: -60px;}
#homeIntroLinkContainer a {width: calc(33.3333333333%); border-right: solid 1px rgba(0, 0, 0, 0.1); padding:30px; text-decoration: none;}
#homeIntroLinkContainer a:last-child {border-right: none;}
#homeIntroLinkContainer a:hover .h5 {text-decoration: underline;}
#homeIntroLinkContainer a .partContentFileImageGallery {height:90px; width: 90px; background: url(/images/style/element-blob-purple.svg) no-repeat; background-size: contain; margin:0 auto 15px auto;}
#homeIntroLinkContainer a .partContentFileImageGallery .contentFileImage {height: 100%;}
#homeIntroLinkContainer a .h5 {color: #0398A6;}
#homeIntroTextContainer {max-width: 860px; margin-left: auto; margin-right: auto;}
#homeIntroTextContainer .partContentText {font-size: 20px;}
#homeIntroTextContainer .partButtonContentContainer {justify-content: center;}
#homeUspContainer {margin-bottom: 120px;}
#homeUsp {background-color:#e5f4f6;}
#homeUsp .basicContainer {display: flex; flex-wrap: wrap; padding-top: 0px; padding-bottom: 0px;}
#homeUspImage {width: 45%; align-self: flex-start;}
#homeUspImage .partContentFileImageGallery {background-color: #0398A6; clip-path: url(#introHeaderImageClipPath); padding-right: 20px; padding-bottom: 10px;}
#homeUspImage .partContentFileImageGallery .contentFileImage {clip-path: url(#introHeaderImageClipPath);}
#homeUspText {width: 55%; padding-left: 60px; font-size: 20px; font-weight: 500; color: #222; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-bottom: 5px;}
#homeUspText h2 {margin-bottom: 20px;}
.uspItem {display: flex; align-items: center; color: #0398A6; text-decoration: none; margin-bottom: 20px;}
.uspItem .partContentFileImageGallery.single {height:70px; width: 70px; background: url(/images/style/element-blob-white.svg) no-repeat; background-size: contain; margin-right: 15px; flex: 0 0 auto;}
.uspItem .partContentFileImageGallery .contentFileImage {height: 100%;}
.uspLabel {font-size: 20px; font-weight: 700; line-height: 1.3em;}
#homeUspContainer > svg {fill: #e5f4f6;}
/* intro person */
#homeImageWithTextContainer {}
#homeImageWithTextContainer .basicContainer {display: flex; flex-wrap: wrap; align-items: flex-start; padding-top: 20px;}
/* image */
#homeImageLeftContainer {width: 45%; align-self: flex-start; position: relative; padding-bottom: 25px;}
#homeImageLeftContainer .partContentFileImageGallery {background-color: #0398A6; clip-path: url(#homeImageLeftContainerClipPath); padding-right: 20px; padding-bottom: 10px;}
#homeImageLeftContainer .partContentFileImageGallery .contentFileImage {clip-path: url(#homeImageLeftContainerClipPath);}
/* text */
#homeTextRightContainer {width: 55%; padding-left: 60px; font-size: 20px; font-weight: 500; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 10px;}
#homeTextRightContainer #directorName {font-family: 'Homemade Apple', sans-serif; font-weight: 400; font-size: 30px; margin-bottom: 25px; display: block;}
#homeTextRightContainer > .partButton {margin-bottom: 25px;}
/* references */
#homeReferencesContainer {}
#homeReferences {background-color: #E88310;}
#homeReferences .basicContainer {text-align: center; padding-top: 0; padding-bottom: 60px;}
#homeReferences h2 {color: #fff;}
#homeReferences .partContentText {font-size: 24px; font-weight: 500; color: #fff;}
#homeReferences .partContentText p {line-height: 1.5em;}
#homeReferences .partContentText p:before {content: "\201C";}
#homeReferences .partContentText p:after {content: "\201D";}
#homeReferences .partContentText p:last-child {margin-bottom: 0;}
#homeReferences .partContentText br {display: none;}
#homeReferences .h5 {margin-top: 8px; margin-bottom: 0; color: #fff; display: inline-block;}
#homeReferencesContainer > svg {fill: #E88310;}
/* featured content */
#googleMapsContainer + #featuredContentSection svg.height200 {display: none;}
#googleMapsContainer + #featuredContentSection #featuredContent {padding-top: 120px;}
#homeReferencesContainer + #featuredContentSection {margin-top:60px;}
#featuredContentSection > svg {fill: #8F3C7B;}
#featuredContent {background-color: #8F3C7B;}
#featuredContent .basicContainer {padding-top:1px; padding-bottom: 0; max-width: 1240px;}
#featuredContentList {margin-top: -60px;}
.featuredContentItem {background-color: #fff; margin-top: 30px; display: flex; flex-wrap: wrap; z-index: 10; position: relative; box-shadow: 0 5px 10px 0 rgba(29,29,27,0.10); border-radius: 10px; overflow: hidden; text-decoration: none; color:inherit;}
.featuredContentItem:first-child {margin-top: 0px;}
.featuredContentItem .partContentFileImageGallery.single {flex: 0 0 auto; width: 43%; overflow: hidden; background-color: #0398A6;}
.featuredContentItem .partContentFileImageGallery * {height: 100%;}
.featuredContentItem .partContentFileImageGallery .contentFileImage a {transition: opacity 0.3s ease; opacity: 1;}
.featuredContentItem .partContentFileImageGallery .contentFileImage a:hover {opacity: 0.3;}
.featuredContentText {padding:30px 60px;display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; width: 57%; min-height: 290px;}
.featuredContentText h2 {}
.featuredContentText h2 a {text-decoration: none; background-image: none; color: #0398A6;}
.featuredContentText h2 a:hover {color: #0398A6; text-decoration: underline;}
.featuredContentText .partContentText {max-width: 100% /* IE fix */; font-size: 16px;}
.featuredContentText .partContentText p:last-child {margin-bottom: 15px;}
.featuredContentText .partButton {align-self: flex-start;}
.featuredContentText .partButton:hover {text-decoration: underline;}
/* content and menu */
#contentAndMenu {background-color: #fff;}
#contentAndMenu .basicContainer {padding-top: 60px;}
#contentAndMenuContainer {display: flex; align-items: flex-start; justify-content: center; /* in case there is no sideContainer, i.e. landingpage */}
/* content */
#contentContainer {width: 100%; max-width: 820px; flex: 1 1 auto; min-width: 0; /* hack to prevent the formItemContainer to grow */;}
#contentContainer h2 {}
#contentContainer h1 + h2 {margin-top: -25px; margin-bottom: 25px;}
#contentContainer .partContentText strong {color: #0398A6;}
#sideContainer {width: calc(100% - 770px); min-width: 330px; padding-left: 60px; position: sticky; position: -webkit-sticky; top: 122px;}
#sideMenuContainer {margin-bottom: 25px; background: #FFFFFF; box-shadow: 0 5px 10px 0 rgba(29,29,27,0.10); border-radius: 10px; overflow: hidden;}
#sideMenuContainer .h3 {display: block; margin-bottom: 0; font-weight: 500; padding:25px 30px; color: #E88310; background-color: rgba(232, 131, 16, 0.1); font-family: 'Rubik', sans-serif;}
#sideMenuContainer nav {padding:30px; padding-top: 20px;}
/***********************************************
Team
***********************************************/
.teamContainer {display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; margin-top: 25px; padding-bottom: 30px;}
.teamItem {width: calc(33.3333333333% - 30px); margin-left: 15px; margin-right: 15px; margin-bottom: 30px; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; background: #fff; box-shadow: 0 5px 10px 0 rgba(29,29,27,0.10); border-radius: 10px;}
.profilePhoto {flex: 0 0 auto;}
#contentContainer .profilePhoto .partContentFileImageGallery.single {margin-bottom: 0px;}
.profileText {padding:30px; padding-bottom: 5px; flex: 1 1 auto; display: flex; flex-direction: column;}
.profileText h3 {color: #0398A6; margin-bottom: 5px;}
.functionOrClass {display: block; line-height: 1.2em; margin-bottom: 25px; font-weight: 700; font-size: 18px; color: #0398A6;}
.profileText .partContentText {font-size: 16px;}
.profileText .partContentText p {line-height: 1.5em;}
.profileText .partButton {margin-top: auto; margin-bottom: 25px; align-self: flex-start;}
/***********************************************
References
***********************************************/
#referencesContainer {}
#referenceList {}
.referenceItem {margin-bottom: 30px; padding:60px 30px 30px 60px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border-radius: 8px; position: relative;}
.referenceItem:before {content: '\201D'; font-size: 200px; font-family: "Trebuchet MS"; position: absolute; left:15px; top:10px; color: rgba(232, 131, 16, 0.1);}
.referenceText {position: relative; z-index: 10; font-weight: 700; color: #000; font-size: 20px;}
.referenceText .partContentText {}
.referenceText .partContentText p:last-child {margin-bottom: 0;}
.referencePerson {margin-top: 8px; line-height: 1.4em; font-weight: 400;}
/***********************************************
Social media feed
***********************************************/
#facebookContainer {text-align: center;}
#facebookContainer .basicContainer {}
/* Snippet social feed */
#feedContainer {display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px;}
.feedItem {background-color: #fff; width: calc(33.3333333333% - 30px); margin:0 15px 30px 15px; box-shadow: 0 5px 10px 0 rgba(29,29,27,0.10); border-radius: 10px; overflow: hidden; text-align: left; display: flex; flex-direction: column;}
.elapsedTime {font-size: 14px; line-height: 1.3em; color: #999; background: url(/images/style/icon-clock.svg) no-repeat left center; background-size: 14px 14px; padding-left: 18px; margin:30px 30px 7px 30px;}
.feedItem .partContentText {font-size: 16px; margin:0px 30px 0 30px;}
.feedItem .partContentText p {margin-bottom: 20px;}
.linkMessage {margin-bottom:30px; font-size: 16px; display:inline-block; line-height: 1.3em; color: #000; font-weight: 400; border-bottom: solid 2px #ccc; transition: border-color 0.3s; text-decoration: none;}
.linkMessage:hover {border-color: #000;}
.feedItem .partButton {margin:auto 30px 30px 30px;}
.linkImage {position: relative;}
.linkImage:after {content: ''; position: absolute; z-index: 10; left:0; bottom: 0; width: 100%; padding-bottom: 6.3636363636%; background: url(/images/style/element-facebook-shape.svg) no-repeat left center; background-size: 100% auto;}
/***********************************************
Contact
***********************************************/
/* intro person */
#contactImageWithTextContainer {}
#contactImageWithTextContainer .basicContainer {display: flex; flex-wrap: wrap; align-items: flex-start;}
/* image */
#contactImageLeftContainer {width: 45%; align-self: flex-start; position: relative; padding-bottom: 25px;}
#contactImageLeftContainer .partContentFileImageGallery {background-color: #0398A6; clip-path: url(#contactImageLeftContainerClipPath); padding-right: 20px; padding-bottom: 10px;}
#contactImageLeftContainer .partContentFileImageGallery .contentFileImage {clip-path: url(#contactImageLeftContainerClipPath);}
/* text */
#contactTextRightContainer {width: 55%; padding-left: 60px; font-size: 20px; font-weight: 500; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 10px; margin-bottom: 25px;}
#contactTextRightContainer h2 {color: #0398A6;}
/***********************************************
Search
***********************************************/
#headerSearchContainer {}
#headerSearch {background-color: #e5f4f6;}
#headerSearch .basicContainer {max-width: 1140px; padding-bottom: 60px;}
#headerSearchContainer > svg {fill: #e5f4f6;}
/***********************************************
Footer
***********************************************/
#footerMain {text-align: left;}
#footerMain .basicContainer {max-width: 1240px; padding-top: 60px; padding-bottom: 0;}
#footerColumnContainer {display: flex; flex-wrap: wrap; align-items: flex-start; width: calc(100% + 60px); margin-left: -30px; margin-right: -30px;}
#footerColumnMenu {line-height: 1.2em; margin:0 30px 0px 30px; width: calc(66.6666666666% - 60px); display: flex; flex: 1 1 auto; padding-bottom: 30px;}
.footerColumn {padding-left: 30px; padding-right: 30px; margin-bottom: 25px; flex: 1 1 auto;}
.footerColumn h2 {color: #0398A6; margin-bottom: 5px;}
.footerColumn ul {font-size: 16px;}
.footerColumn ul li {}
.footerColumn ul li a {text-decoration: none; color: inherit; padding-top: 5px; padding-bottom: 5px; display: inline-block;}
.footerColumn ul li a:hover {text-decoration: underline; color: #0398A6;}
#footerColumnContact {line-height: 1.2em; margin:0px 30px 0 30px; width: calc(100% - 60px); flex: 0 0 auto; position: relative; z-index: 10;}
#footerContactContainer {padding:30px; padding-top: 15px; background-color: #0398A6; border-radius: 10px;}
#footerContactContainer ul {display: flex; flex-wrap: wrap;}
#footerContactContainer ul li {margin-top: 15px; margin-right: 30px; flex: 1 1 auto;}
#footerContactContainer ul li:last-child {margin-right: 0;}
#footerContactContainer a {display: inline-flex; align-items: center; color: #fff; text-decoration: none;}
#footerContactContainer span.icon {background: url(/images/style/element-blob-turquoise.svg) no-repeat; background-size: contain; width: 40px; height: 40px; flex: 0 0 auto; display: flex; justify-content: center; align-items: center; margin-right: 10px; transition: background-color 0.3s ease;}
#footerContactContainer span.icon svg {flex: 1 1 auto; fill: #fff; max-height: 14px; max-width: 14px;}
#footerContactContainer span.label {font-weight: 700; margin-top: 3px; word-break: break-word;}
/* #footerContactContainer a:hover span.icon {background-color: #eff6e9;} */
/* #footerContactContainer a:hover span.icon svg {fill: #0398A6;} */
#footerContactContainer a:hover span.label {text-decoration: underline;}
#footerColumnContact:after {content:''; position: absolute; z-index: -10; width: 100%; height:100%; background-color:#028895; border-radius:10px; left:0; bottom: -6px;}
#footerBottomContainer {margin-top: -60px;}
#footerBottomContainer > svg {fill: #f8f8f8;}
#footerBottom {background-color: #F8F8F8;}
#footerBottom .basicContainer {padding-top: 40px; padding-bottom: 0;}
/* bottom footer with links */
#footerBottom ul {display: flex; flex-wrap: wrap; justify-content: center; font-size: 16px; line-height: 1.2em; padding-bottom: 20px;}
#footerBottom ul li {margin:0 15px 15px 15px;}
#footerBottom ul li a {color: #000; text-decoration: none; display: flex; align-items: center; min-height: 20px;}
#footerBottom ul li a:hover {text-decoration: underline;}
#footerBottom ul li a#footerVacancyLink {font-weight:700; color: #028895;}
#footerBottom ul li a .icon {margin-right: 6px;}
#footerBottom ul li a img {width: 20px; height: 20px; display: block;}
#footerBottom ul li#organisationLogo a .label {text-align: right;}
#footerBottom ul li#organisationLogo a img {max-width: none; height: 30px; width: 98px; margin-top: -10px; margin-left: 6px; position: relative;}
/***********************************************
Mobile menu
***********************************************/
/* mobile toggle menu */
body.mobileMenuToggleActive {position: fixed; /* prevents scrolling bug at the bottom of the screen */ }
#mobileMenuToggle {position:relative; z-index: 1002; display:none; align-items:center; cursor: pointer; margin-left: 12.5px;}
#mobileMenuToggle .mobileMenuButtonLabel {margin-left:6px; z-index: 2;}
#mobileMenuToggle .mobileMenuButtonHamburger {width: 20px; height:20px; display:flex; flex-direction:column; justify-content:center; z-index: 2;}
#mobileMenuToggle .mobileMenuButtonHamburger span {width: 20px; height: 2px; background-color: #fff; margin: 2px 0px; transition: all 0.3s ease-in-out;}
#mobileMenuToggle .mobileMenuButtonHamburger span:nth-child(2) {width: 15px;}
#mobileMenuToggle.active .mobileMenuButtonHamburger span {background-color: #fff;}
#mobileMenuToggle.active .mobileMenuButtonHamburger span:nth-child(1) {transform: translateY(6px) rotate(45deg);}
#mobileMenuToggle.active .mobileMenuButtonHamburger span:nth-child(2) {opacity: 0;}
#mobileMenuToggle.active .mobileMenuButtonHamburger span:nth-child(3) {transform: translateY(-6px) rotate(-45deg);}
/* Menu overlay */
#mobileMenuToggleContainer {left: 0%; top: 70px; width: 100%; height: 100%; display:none; position: fixed; background-color:#fff; z-index: 1002;}
body.mobileMenuToggleActive #mobileMenuToggleContainer {display:block;}
#mobileMenuToggleContainerScroll {overflow-y: auto; height: calc(100% - 70px);}
#mobileMenuToggleContainerScroll #mobileMenuButtons {padding:25px;}
@media screen and (min-width: 1024px){
body.mobileMenuToggleActive #mobileMenuToggleContainer {display: none;}
}
@media (max-width: 1023px){
#mobileMenuToggleContainerScroll {overflow-y:scroll; -webkit-overflow-scrolling: touch;}
}