/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


/* Site-Body-Styles */

html {

}

body {
	width: 100%;
	height:100vh;
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	color: #556;
	-webkit-overflow-scrolling: touch;
}


.lock-scroll {
	overflow: hidden;
}


.menu-logo {
	margin: -1vw auto;
	opacity: 0;
}

.menu-logo a {
	margin-left: -35px;
}


.white-box {
	width: 100%;
	height: 100vh;
	background-color: #FFFFFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


.triangle {
	height: 67vh;
}

.triangle:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}

.triangle-right:after {
	background: url("data:image/svg+xml,%3Csvg width='150' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id='svg_4' d='m0,0l0,400l150,-400l-150,0z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E") top left/100% auto no-repeat;
}

.triangle-down:after {
	background: url("data:image/svg+xml,%3Csvg width='1200' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id='svg_4' d='m0,0l0,450l1200,-450l-1200,0z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E") top left/100% auto no-repeat;
}



/* SVG-Logo Styles Section */
#htLogo {
	width: 85px;
}

#logoText {
	fill: white;
	fill: black;
}

#LogoLine {
	stroke: #ffffff;
	stroke: #000000;
}

#LogoSignet {
	fill:#ffffff;
	fill:#23408b;
}


/* Hamburger-Menu Styles Section */
.menu-headerbar {
	padding: 25px 25px 15px 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: fixed;
	top:0;
	z-index: 100;
	width: 100%;
	float: left;
	background-color: #fff;
}

.hamburger-menu {
	cursor: pointer;

	height: 35px;
	opacity: 0;
	mix-blend-mode: normal;
	float: left;
}

.menu {
	position: fixed;
	top: 0;
	bottom:0;
	overflow-y:scroll;
	overflow-x:hidden;
	width: 100%;
	z-index: 50;
}

#menuSignet {
	fill: #aaaaaa;
}

.menu-burger {
	float: left;
}

.menu-bar1, .menu-bar2, .menu-bar3 {
	background-color: #aaa;
	height: 5px;
	border-radius: 5px;
	margin-bottom: 6px;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.menu-bar1 { width: 35px; }
.menu-bar2 { width: 25px; }
.menu-bar3 { width: 15px; }

.barDivider {
	position: relative;
	width: 100%;
	z-index: 1;
}

.barFront {
	z-index: 46;
}

.hbar {
	position: absolute;
	margin-top: -30px;
}

.hbar.right {
	right: 15%;
}

.hbar.left {
	left: 15%;
}


.h-bar1, .h-bar2, .h-bar3 {
	background-color: #3A599F;
	width: 4px;
	margin-right: 12px;
	float: left;
}

.h-bar3 { height: 65px; }
.h-bar2 { height: 55px; }
.h-bar1 { height: 45px; }




/* Content Styles */


.teaserbox {
	font-size: 1.75rem;
	line-height: 2.5rem;
	color: white;
	text-align: center;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.carousel,
.carousel-inner {
	-webkit-transform: translate3d(0,0,0);


}

.active {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.carousel-item {
	-webkit-transform: translate3d(0,0,0);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden; /* Chrome and Safari */
	-moz-backface-visibility:hidden; /* Firefox */
	-webkit-transform-style: preserve-3d;
}

.ht-logo, #dropDown {

	text-align: center;
}

#htLogo {
	margin: 0 auto;
}

.logo-menu {
	height: 36px;
}


section, footer {
	font-size: 1.0625rem;
	line-height: 1.5rem;
}


h2 {
	font-size: 1.625rem;
	font-weight: 400;
	margin-bottom: 10px;
}

h3 {
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 10px;
}


.pic {
	width: auto !important;
}

.pic.image-1 {
	margin: 0 0 0 -35%;
}

.pic.image-2 {
	margin: 0;
}

.pic.image-3 {
	margin: 0 0 0 -30%;
}



/* Logo-Section */

.logo-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

.logo-line div {
	width: 60%;
	padding: 15px 15px;
}


.logo-line div img {
	max-height: 80px;
	max-width: 100%;
}



/* Footer Section */

footer {
	position: relative;
	z-index: 1;
}

#content-footer .text div {
	font-size: 1rem;
}

.contact, .sites, .footer-logo {
	padding-top: 40px;
}


.footer-logo img {
	width: 35vw;
}

.copyright {
	padding-top: 20px;
}



/* Ornament Divider */
.ornament {
	position: absolute;
	left: calc(50% - 20px);
	height: 28px;
	margin-top: 30px;
	width: 40px;
}

.ornament-divider {
	position: relative;
	padding-bottom: 60px;
}

.ornament-divider:before,
.ornament-divider:after {
	content: '';
	width: 10%;
	border-bottom: solid 1px #aaa;
	position: absolute;
	margin-top: 30px;
	top: 14px;
	z-index: 1;
}

.ornament-divider:before {
	left: calc(40% - 30px);
}

.ornament-divider:after {
	right: calc(40% - 30px);
}

button.button-blue {
	background-color: #3A599F;
	color: #fff;
	padding: 10px 30px;
	border-radius: 20px;
	margin: 30px auto;
	border-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.dropdown-text p {
	margin: 20px 0;
}

.dropdown.collapsed{
	max-height: 0;
}

.dropdown {
	overflow:hidden;
	-webkit-transition:max-height 0.5s ease-in-out;
	-o-transition:max-height 0.5s ease-in-out;
	transition:max-height 0.5s ease-in-out;
	height:auto;
	max-height:1600px;
}

ul.listnormal {
	list-style: none;
	margin-left: 40px;
	margin-top: 20px;
}

ul.listnormal li:before {
	content: "•";
	display: inline-block;
	margin-right: 10px;
	color: #3A599F;
	margin-left: -22px;
}

.jumbotron {
	padding: 1rem 1rem;
	margin-bottom: 2rem;
	background-color: #E7E9EF;
	border-radius: 0;
	text-align: center;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.jumbotron p {
	margin: 0;
}

div[id$="-slider-terms"] {
	width: 100%;
}


#home-slider-topics .carousel-inner {
	width: 75%;
	margin: 0 auto;
}

#home-slider-topics .carousel-indicators {
	bottom: 15px;
}

.start-carousel {
	background-color: #e9ecef;
	min-height: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px;
}


.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233A599F' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233A599F' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}


.carousel-item .logo p,
.carousel-item .logo h3,
.carousel-item .staff-image p,
.carousel-item .staff-image h3  {
	margin: 15px auto;
}

.carousel-item .logo img,
.carousel-item .staff-image img {
	margin: 0 auto;
}

.carousel-item .staff-image {
	border: 3px solid white;
	height: 120px;
	width: 120px;
	margin: 0 auto;
	border-radius: 60px;
	overflow: hidden;
}


blockquote {
	font-style: italic;
}

#content-4 {
	min-height: 100vh;
}

.closed {
	display: none !important;
}

.modalwindow {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	background-color: #3A599F;
	z-index: 200;
}

.fa-close {
	font-size: 2.25rem;
	color: #aaa;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	scroll-behavior: all;
}


.bg-image i,
.bg-image button,
.bg-image a {
	margin: 33vh auto 0 auto;
	font-size: 1rem;
	color: #3A599F !important;

}

a#FindPersButt {
	margin: 0 auto;
	font-size: 1rem;
	left: 0;
	right: 0;
	width: -webkit-fit-content;
	width: fit-content;
	width: -moz-fit-content;
	width: -moz-fit-content;
}

#content-0 a#FindPersButt {
	position: fixed;
	top: 85vh;
	z-index: 10;
	border-radius: 10px;
}

.bg-image button.btn.btn-outline-primary,
.bg-image a.btn.btn-outline-primary,
a.btn.btn-outline-primary {
	border: 2px solid #3A599F !important;
}



section[id^="content-"] {  }

footer {
	padding: 70px 5px;
}


section[id^="content-"] {
	width: 100%;
	top: 0;
	z-index: 1;
}

section[id^="content-"].content-out .section-box,
section[id^="content-"].content-out .starter-box,
section[id^="content-"].content-out .teaserbox  {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.content-out {
	display: none;
}

.show {
	display: block;
}

section[id^="content-"] .section-box,
section[id^="content-"] .starter-box,
section[id^="content-"] .teaserbox {
	-webkit-transition: -webkit-transform 0;
	transition: -webkit-transform 0;
	-o-transition: transform 0;
	transition: transform 0;
	transition: transform 0, -webkit-transform 0;
}

section[id^="content-"].content-in .section-box,
section[id^="content-"].content-in .starter-box,
section[id^="content-"].content-in .teaserbox  {
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.section-box {
	margin: -1px auto;
}

.content-box {
	padding: 75px 0 0 0;
	margin: 0 auto;
}

section[id^="content-"] .triangle {
	z-index: 0;
}

section[id^="content-"] .white-box {
	z-index: 2;
}


section[id^="content-"] div[class^="bgImage-"] {
	background-size: cover;
	position: absolute;
	bottom: 0;

	background-repeat: no-repeat;
	z-index: -1;
	height: 67vh;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


section[id^="content-"] .boxTeaserText {
	-webkit-animation-delay: var(--dlayTeaserTest2);;
	animation-delay: var(--dlayTeaserTest2);;
}

section[id^="content-"] .logoAnim .boxTeaserText {
	-webkit-animation-delay: var(--dlayTeaserTest1);;
	animation-delay: var(--dlayTeaserTest1);;
}

section[id^="content-"] .starter-box {
	width: 100%;
	height: 100vh;
	z-index: 1;
}

#menu {
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.anchor {
	display: block;
	height: 75px;
	margin-top: -75px;
	visibility: hidden;
}

.menu ul {
	margin-top: 75px;
}

.menu ul li {
	padding: 1rem;
	border-bottom: 1px solid #fff;
	color: #fff;
}

.menu ul li a {
	color: #fff;
	font-size: 1.125rem;
}

.section-box h2 {
	text-align: center;
}

.section-box .text p {
	margin-bottom: 15px;
	text-align: center;
}

.teaserbox .text p {
	font-size: 1.0625rem;
	margin-bottom: 15px;
	line-height: 1.5rem;
}

#service-slider-terms .logo p {
	color: #fff;
}

.section-box .list {}

.section-box .list ul {
	color: #273B6B;
}

.section-box .list ul > li {
	line-height: 1.625rem;
	margin-bottom: 0.5rem;
	margin-left: 2rem;
	position: relative;
}

.section-box .list.check ul > li:before {
	font-family: "Material Icons";
	content: "check";
	font-size: 1.75rem;
	position: absolute;
	left: -2rem;
	color: #fff;
}

.list h3 {
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 1.25rem;
}

.ml-m25 {
	margin-left: -25px;
}

.bg-dark {
	background-color: rgba(60,66,96,1);
	color: #fff;
}

.section-box .btn-primary {
	background-color: #5481EB;
}

.bg-sky-blue {
	background-color: #CCD3E3 !important;
}

.fg-dark-blue {
	color: #273B6B !important;
}

.bg-dark-blue {
	background-color: #273B6B !important;
}

.bg-space-cadet {
	background-color: #19294f !important;
}

.fg-main-blue {
	color: #3A599F !important;
}

.bg-main-blue {
	background-color: #3A599F !important;
	color: #fff;
}

.bg-middle-blue {
	background-color: #e9ecef !important;
	background-color: #7385AE !important;
}

.fg-white {
	color: #fff !important;
}


#searchResults .card-body {
	text-align: left;
}

#searchResults .card-header button {
	font-size: 1.0625rem;
	text-transform: none;
}

.ht-icon {
	width: 25%;
}

.ht-icon-staff {
	width: 35%;
}

#teaserbox {
	position: sticky;
	position: -webkit-sticky;
	top: 75px;
	z-index: 2;
}


/* heights for (tranparent) content */
/* add more if you need other heights */
/* Use px, em or vh, % doesn't work! */
.vh100 {
	height: 100vh;
}

.vh75 {
	height: 75vh;
}

.vh50 {
	height: 50vh;
}

.vh40 {
	height: 40vh;
}

.vh30 {
	height: 30vh;
}

.vh20 {
	height: 20vh;
}

.vh15 {
	height: 15vh;
}

.z-3 {
	z-index: 3;
}

video {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}

img.parallX-img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
}

.slider-terms {
	text-align: center;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.required {
	position: absolute;
	margin-left: 1px;
	font-size: 0.875rem;
}

#applicationForm {
	font-size: 1rem;
}


input.form-check-input {
	width: 1.25em;
	height: 1.25em;
	margin-top: .15em;
}

.form-check {
	padding-left: 1.5em;
}


.section-box .list.check.fg-dark-blue ul > li:before {
	color: #3A599F;
}

.parallX-mask-container .section-box {
	margin-top: -1px;
	margin-bottom: -1px;
}

.logoAnim .logoPuffIn {
	display: block;
}

.logoPuffIn {
	display: none;
}

body.modal-open {
	overflow: unset;
}

.lock-scroll #startscreen {
	position: relative;
}

#start-screen {
	width: 100%;
}

#startscreen {
	width: 100%;
}

#level-1,
#level-2,
#level-3 {
	position: relative;
	z-index: 2;
}

.logoAnim #FindPersButt {
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}

.logoAnim .candidateButton {
	-webkit-animation-delay: 10s, 11s;
	animation-delay: 10s, 11s;
}

.logoAnim .parallX-img {
	width: 100vw;
	overflow: hidden;
}

.candidateButton:hover, .candidateButton:active { -webkit-user-select: none; -webkit-touch-callout: none}

.candidateButton:hover a,
.candidateButton i:hover a,
.candidateButton:active a,
.candidateButton i:active a {
	visibility: visible;
}

.candidateButton {
	position: fixed;
	right: 0;
	height: 2.5rem;
	background-color: #3A599F;
	width: 11rem;
	top: 85vh;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 150;
	border-top-left-radius: 0.7rem;
	border-bottom-left-radius: 0.7rem;
}

.candidateButton i {
	margin-left: 1rem;
	font-size: 1.5rem;
	margin-right: 1rem;
}

.candidateButton:hover,
.candidateButton i:hover,
.candidateButton:active,
.candidateButton i:active {
	right: 0 !important;
}


.candidateButton a {
	color: #fff;
	font-size: 1rem;
	visibility: hidden;
}

#jobs {
	background-color: limegreen;
	height: 2.8rem;
	width: 2.8rem;
	border-radius: 2.8rem;
	color: #fff;
	font-size: 0.7rem;
	text-align: center;
	position: fixed;
	top: 1.3rem;
	z-index: 100;
	right: 1rem;
	display: block;
	opacity: 0;
}

#jobs span {
	display: table-cell;
	vertical-align: middle;
	height: inherit;
	transform: rotate(-15deg);
	width: 2.8rem;
	font-weight: 600;
}

.active-sec #section-background {
	display: none!important;
}

#section-background {
	display: -ms-flexbox!important;
	display: -webkit-box!important;
	display: flex!important;
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
	-webkit-box-pack: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
	-ms-flex-direction: column!important;
	-webkit-box-orient: vertical!important;
	-webkit-box-direction: normal!important;
	flex-direction: column!important;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%!important;
}

.signet, .ornament {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='htsignet' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 86 60' enable-background='new 0 0 85 60' xml:space='preserve'%3E%3Cg id='menuSignet'%3E%3Cpath d='M75.234,24.463c0.214,1.406,0.321,2.867,0.321,4.346c0,3.034-0.415,5.798-1.233,8.213 c-0.822,2.43-2.019,4.528-3.556,6.231c-1.537,1.707-3.433,3.032-5.634,3.939c-2.189,0.902-4.678,1.358-7.396,1.358 c-2.717,0-5.201-0.458-7.377-1.358c-0.13-0.055-0.256-0.117-0.383-0.18l-0.795-0.375l0.396-0.518c1.479-1.936,2.688-4.09,3.59-6.404 c1.302-3.33,1.963-7,1.963-10.907c0-3.905-0.661-7.574-1.963-10.906c-0.899-2.299-2.099-4.445-3.567-6.38l-0.395-0.521l0.801-0.37 c0.116-0.058,0.232-0.115,0.353-0.166c2.177-0.901,4.66-1.358,7.377-1.358c2.719,0,5.208,0.457,7.396,1.358 c0.932,0.383,1.837,0.879,2.848,1.561l0.696,0.468l-2.69,1.552l11.542,5.061L78.92,6.58l-2.739,1.582L75.9,7.915 c-2.122-1.85-4.503-3.323-7.076-4.375C65.5,2.177,61.77,1.487,57.736,1.487c-4.032,0-7.754,0.69-11.067,2.053 c-1.12,0.459-2.231,1.025-3.499,1.779l-0.268,0.159l-0.268-0.159C41.371,4.565,40.259,4,39.138,3.54 c-3.313-1.363-7.036-2.053-11.068-2.053c-4.033,0-7.763,0.69-11.087,2.053c-2.709,1.107-5.164,2.634-7.303,4.541l6.898,4.832 c1.203-1,2.579-1.822,4.096-2.446c2.188-0.901,4.676-1.358,7.396-1.358c2.717,0,5.2,0.457,7.378,1.358 c0.121,0.05,0.236,0.108,0.351,0.165l0.802,0.371l-0.395,0.521c-1.468,1.936-2.668,4.082-3.567,6.38 c-1.301,3.327-1.961,6.997-1.961,10.906c0,3.911,0.66,7.581,1.961,10.907c0.905,2.317,2.113,4.471,3.591,6.404l0.396,0.518 l-0.798,0.377c-0.125,0.063-0.25,0.125-0.382,0.18c-2.176,0.898-4.658,1.356-7.375,1.356c-2.72,0-5.208-0.456-7.396-1.358 c-2.2-0.905-4.097-2.231-5.635-3.939c-1.538-1.705-2.733-3.802-3.555-6.231c-0.819-2.414-1.234-5.178-1.234-8.213 c0-1.052,0.069-2.133,0.219-3.402l0.093-0.789l2.16,1.246l-1.388-12.527l-11.544,5.061l2.47,1.425l-0.116,0.395 c-0.802,2.733-1.208,5.623-1.208,8.59c0,3.911,0.66,7.581,1.96,10.907c1.298,3.321,3.156,6.235,5.521,8.663 c2.362,2.424,5.244,4.342,8.567,5.703c3.325,1.361,7.056,2.052,11.087,2.052c4.029,0,7.752-0.696,11.066-2.07 c1.112-0.461,2.256-1.045,3.499-1.787l0.269-0.16l0.268,0.16c1.246,0.742,2.391,1.328,3.5,1.787c3.314,1.374,7.037,2.07,11.066,2.07 c4.032,0,7.763-0.69,11.086-2.052c3.324-1.36,6.206-3.279,8.568-5.703c2.365-2.428,4.223-5.342,5.52-8.663 c1.302-3.325,1.961-6.994,1.961-10.907c0-3.521-0.546-6.867-1.624-9.955L75.234,24.463L75.234,24.463z M42.904,39.926 c-5.769,0-8.162-4.067-8.82-5.479l-1.052-0.136l0.62-5.023l3.705,3.45l-0.651,0.706c0.46,0.908,1.837,3.021,4.796,3.551V23.637 h-1.781V21.62h1.781v-1.5c-0.688-0.455-1.143-1.234-1.143-2.121c0-1.405,1.139-2.543,2.543-2.543c1.405,0,2.544,1.138,2.544,2.543 c0,0.887-0.456,1.666-1.144,2.122v1.5h1.78v2.017h-1.78v13.358c2.953-0.528,4.332-2.638,4.796-3.551l-0.65-0.706l3.704-3.45 l0.621,5.023l-1.052,0.136C51.065,35.86,48.672,39.926,42.904,39.926L42.904,39.926z'/%3E%3C/g%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='htsignet' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 86 60' enable-background='new 0 0 85 60' xml:space='preserve'%3E%3Cg id='menuSignet'%3E%3Cpath d='M75.234,24.463c0.214,1.406,0.321,2.867,0.321,4.346c0,3.034-0.415,5.798-1.233,8.213 c-0.822,2.43-2.019,4.528-3.556,6.231c-1.537,1.707-3.433,3.032-5.634,3.939c-2.189,0.902-4.678,1.358-7.396,1.358 c-2.717,0-5.201-0.458-7.377-1.358c-0.13-0.055-0.256-0.117-0.383-0.18l-0.795-0.375l0.396-0.518c1.479-1.936,2.688-4.09,3.59-6.404 c1.302-3.33,1.963-7,1.963-10.907c0-3.905-0.661-7.574-1.963-10.906c-0.899-2.299-2.099-4.445-3.567-6.38l-0.395-0.521l0.801-0.37 c0.116-0.058,0.232-0.115,0.353-0.166c2.177-0.901,4.66-1.358,7.377-1.358c2.719,0,5.208,0.457,7.396,1.358 c0.932,0.383,1.837,0.879,2.848,1.561l0.696,0.468l-2.69,1.552l11.542,5.061L78.92,6.58l-2.739,1.582L75.9,7.915 c-2.122-1.85-4.503-3.323-7.076-4.375C65.5,2.177,61.77,1.487,57.736,1.487c-4.032,0-7.754,0.69-11.067,2.053 c-1.12,0.459-2.231,1.025-3.499,1.779l-0.268,0.159l-0.268-0.159C41.371,4.565,40.259,4,39.138,3.54 c-3.313-1.363-7.036-2.053-11.068-2.053c-4.033,0-7.763,0.69-11.087,2.053c-2.709,1.107-5.164,2.634-7.303,4.541l6.898,4.832 c1.203-1,2.579-1.822,4.096-2.446c2.188-0.901,4.676-1.358,7.396-1.358c2.717,0,5.2,0.457,7.378,1.358 c0.121,0.05,0.236,0.108,0.351,0.165l0.802,0.371l-0.395,0.521c-1.468,1.936-2.668,4.082-3.567,6.38 c-1.301,3.327-1.961,6.997-1.961,10.906c0,3.911,0.66,7.581,1.961,10.907c0.905,2.317,2.113,4.471,3.591,6.404l0.396,0.518 l-0.798,0.377c-0.125,0.063-0.25,0.125-0.382,0.18c-2.176,0.898-4.658,1.356-7.375,1.356c-2.72,0-5.208-0.456-7.396-1.358 c-2.2-0.905-4.097-2.231-5.635-3.939c-1.538-1.705-2.733-3.802-3.555-6.231c-0.819-2.414-1.234-5.178-1.234-8.213 c0-1.052,0.069-2.133,0.219-3.402l0.093-0.789l2.16,1.246l-1.388-12.527l-11.544,5.061l2.47,1.425l-0.116,0.395 c-0.802,2.733-1.208,5.623-1.208,8.59c0,3.911,0.66,7.581,1.96,10.907c1.298,3.321,3.156,6.235,5.521,8.663 c2.362,2.424,5.244,4.342,8.567,5.703c3.325,1.361,7.056,2.052,11.087,2.052c4.029,0,7.752-0.696,11.066-2.07 c1.112-0.461,2.256-1.045,3.499-1.787l0.269-0.16l0.268,0.16c1.246,0.742,2.391,1.328,3.5,1.787c3.314,1.374,7.037,2.07,11.066,2.07 c4.032,0,7.763-0.69,11.086-2.052c3.324-1.36,6.206-3.279,8.568-5.703c2.365-2.428,4.223-5.342,5.52-8.663 c1.302-3.325,1.961-6.994,1.961-10.907c0-3.521-0.546-6.867-1.624-9.955L75.234,24.463L75.234,24.463z M42.904,39.926 c-5.769,0-8.162-4.067-8.82-5.479l-1.052-0.136l0.62-5.023l3.705,3.45l-0.651,0.706c0.46,0.908,1.837,3.021,4.796,3.551V23.637 h-1.781V21.62h1.781v-1.5c-0.688-0.455-1.143-1.234-1.143-2.121c0-1.405,1.139-2.543,2.543-2.543c1.405,0,2.544,1.138,2.544,2.543 c0,0.887-0.456,1.666-1.144,2.122v1.5h1.78v2.017h-1.78v13.358c2.953-0.528,4.332-2.638,4.796-3.551l-0.65-0.706l3.704-3.45 l0.621,5.023l-1.052,0.136C51.065,35.86,48.672,39.926,42.904,39.926L42.904,39.926z'/%3E%3C/g%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	height: 35px;
	mix-blend-mode: normal;
	background-color: #3a599f;
}

.signet {
	height: 70px;
	width: 100px;
}

.bg-text p {
	font-weight: 300;
	font-size: 2.5rem;
	line-height: 3.125rem;
	text-align: center;
	color: #fff;
}

section.content-out {
	overflow: hidden;
}


.modal-dialog {
	max-width: 900px;
	margin: .5rem;
}


/* parallX CSS starts here */
/* style the bg-images */
/* position:fixed is needed for the parallX-mask */
.parallX-img {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	min-height: 100%;
	background-position: center;
	background-size: cover !important;
	background-repeat: no-repeat;
	z-index: -10;
	background-size: 100vmax;

}

/* Initalize the parallX-masks */
/* 'rect-bottom-y' is set to '9999vh' to extend the area for content */
/* This has no effects to the height of the element itself*/
/* 'clip: rect' is deprecated, but it should work fine in most browsers. */
.parallX-mask-container {
	position: relative;
}

/* position the parallX-Content in the scrolling-flow */
.parallX-content {
	position: relative;
}


.boxTeaserText {
	position: fixed;
	text-align: center;
	width: 84vw;
	margin: 0 auto;
	line-height: calc((1vmin + 1vmax) * 3.3);
	font-size: calc((1vmin + 1vmax) * 2.8);
	color: #3A599F;
	font-weight: 300;
	z-index: 1;
	opacity: 0;
	top: 75px;
	left: 0;
	right: 0;
	height: 30vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.parallX-mask-container {
	background-color: white;
	z-index: -11;
}

/* browser-based css for different (no) parallax-effect on IOS */
@supports  (-webkit-touch-callout: none) {
	/* for IOS */
	.parallX-img {
		position: absolute;
	}

	.boxTeaserText {
		/* position: absolute; */
	}

}

@supports not (-webkit-touch-callout: none) {
	/* for Non-IOS */
	.parallX-img {
		position: fixed;
	}

	.parallX-mask-container {
		clip-path: inset(0 0 0 0);
		-webkit-clip-path: inset(0 0 0 0);
	}

	.boxTeaserText {
		position: fixed;
	}
}



@media (min-width: 576px) {

	html {
		font-size: 110%;
	}

	.bg-image {
		background-position-x: right;
		background-repeat: no-repeat;
		height: calc(100vh - 75px);
		width: 75vw;
		position: absolute;
		right: 0;
		z-index: -1;
	}

}

@media (min-width: 768px) {

	html {
		font-size: 120%;
	}

	.logo-menu {
		height: 40px;
	}

	#menu {
		height: 85px;
	}

	.menu ul {
		margin-top: 85px;
	}

	#teaserbox, .boxTeaserText {
		top: 85px;
	}

	.ht-icon {
		width: 15%;
	}
}



@media (min-width: 992px) {

	html {
		font-size: 130%;
	}

	#jobs {
		top: 0.8rem !important;
	}

	.modal-dialog {
		margin: .5rem auto;
	}

}


@media (min-width: 1200px) {

	html {
		font-size: 140%;
	}

	.logo-menu {
		height: 45px;
	}

	#menu {
		height: 95px;
	}

	.menu ul {
		margin-top: 95px;
	}

	#teaserbox, .boxTeaserText {
		top: 95px;
	}

	html { overflow-y: scroll; }


}

@media (orientation: portrait) {

	.white-box {
		margin-bottom: -1px;
	}

	#dropDown {
		width: 100%;
	}

}


@media (orientation: landscape) {

	.triangle-down:after {
		background: url("data:image/svg+xml,%3Csvg width='150' height='400' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath id='svg_4' d='m0,0l0,400l150,-400l-150,0z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E") top left/100% auto no-repeat;
	}

	.triangle-down:after {
		float: left;
		width: 30vw;
		left: unset;
		background-size: contain;
		height: 100vh;
	}


	.white-box {
		float: left;
		width: 100vw;
		margin-right: -1px;
		padding: 0 2vw;
	}

	.triangle {
		height: 100vh;
		overflow: hidden;
	}

	.triangle:after {

	}

	.starter-box {
		width: 100%;
	}

	.boxTeaserText {
		width: 37vw;
		top: auto;
		left: auto;
		right: auto;
		margin-left: 3vw;
	}

	a.btn.btn-outline-primary {
		top: 80vh;
	}

	.candidateButton {
		top: 54vh;
	}

	#dropDown {

		width: 100%;
	}

}

.modal.fade.right .modal-dialog {
	left: 100vw;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal.fade.left .modal-dialog {
	left: -100vw;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal.fade.show .modal-dialog {
	left: 0;
}

.modal-content {
	position: absolute;
}