html {box-sizing:border-box}
*, *:before, *:after {box-sizing:inherit} 

body {margin:0;font-family:'Open Sans','Helvetica Neue',sans-serif;color:#666}
h1,h2,h3 {font-family:"Open Sans",sans-serif;font-weight:400}
a, a.visited {color:#0cbacf;text-decoration:none;outline:none}
img {border:0}
button {outline:none}
input[type=text], input[type=password], input[type=email], input[type=tel], textarea {font-family:"Open Sans",sans-serif;color:#636d75}
input[type=checkbox] {margin-right:10px}
.nav-desktop .menu-horizontal {margin:0}
.nav-desktop .menu-horizontal > li {display:inline-block}
.nav-desktop .menu-horizontal > li > a {padding-left:9px; padding-right:9px}
.tile {display:flex;flex-wrap:wrap}
.tile > * {float:left;}
.tile-xs-12 > * {margin:auto}
.text-align-center {text-align:center}
.vertical-space {padding-top: 80px; padding-bottom:80px}
.big-icon .fa, .big-icon .icon {font-size:4.375rem}
.testimony {border-left:6px solid #ffffff;font-style:italic;font-size:1.625rem;font-weight:400;line-height:1.8em}
.logo {padding: 0 30px 0 15px; transition: 2s}
.logo img {display:block;width:125px;height:39px}

.header-drop-shadow {position:fixed;z-index:10;box-shadow: 0 0 15px 0 rgba(0,0,0,0.66);padding:20px 0 0 0;width:100%;min-height:82px}
.header-top {margin:15px 0 10px 0;}

/******** responsive grid ********/
.container, .container-fluid {margin-right: auto;margin-left: auto}
.row:after {clear:both}
.row:before, .row:after {content:" "; display:table}
.row {position:relative}

*[class*="col-"] {
	display: block;
	float:left;
	padding-left:15px;
	padding-right:15px;
}

.no-horizontal-padding {padding-left:0; padding-right:0}
.centered {float:initial;margin-left:auto;margin-right:auto}
.sm-show, .md-show, .lg-show {display:none}

/* mobile first */
@media only screen and (max-width: 767px) { /* xs = extra small (ie. phones portrait) */
.col-xs-1 {width:8.33%}
.col-xs-2 {width:16.66%}
.col-xs-3 {width:25%}
.col-xs-4 {width:33.33%}
.col-xs-5 {width:41.66%}
.col-xs-6 {width:50%}
.col-xs-7 {width:58.33%}
.col-xs-8 {width:66.66%}
.col-xs-9 {width:75%}
.col-xs-10 {width:83.33%}
.col-xs-11 {width:91.66%}
.col-xs-12 {width:100%}
.xs-center {text-align:center}
.xs-hide{display:none}
}

@media only screen and (min-width: 768px) { /* sm = small devices (ie. tablets portrait) */
.container {width: 750px}
.col-sm-1 {width:8.33%}
.col-sm-2 {width:16.66%}
.col-sm-3 {width:25%}
.col-sm-4 {width:33.33%}
.col-sm-5 {width:41.66%}
.col-sm-6 {width:50%}
.col-sm-7 {width:58.33%}
.col-sm-8 {width:66.66%}
.col-sm-9 {width:75%}
.col-sm-10 {width:83.33%}
.col-sm-11 {width:91.66%}
.col-sm-12 {width:100%}
.tile-sm-6 > * {width:50%; margin:inherit}
.sm-hide {display:none}
.sm-show {display:block}
}

@media only screen and (min-width: 992px) { /* md = medium (ie. tablets landscape) */
.container {width: 970px}
.col-md-1 {width:8.33%}
.col-md-2 {width:16.66%}
.col-md-3 {width:25%}
.col-md-4 {width:33.33%}
.col-md-5 {width:41.66%}
.col-md-6 {width:50%}
.col-md-7 {width:58.33%}
.col-md-8 {width:66.66%}
.col-md-9 {width:75%}
.col-md-10 {width:83.33%}
.col-md-11 {width:91.66%}
.col-md-12 {width:100%}
.tile-md-4 > * {width:33.33%}
.tile-md-6 > * {width:50%}
.md-hide {display:none}
.md-show {display:block}
}

@media only screen and (min-width: 1200px) { /* lg = large desktop */
.container {width: 1170px}
.col-lg-1 {width:8.33%}
.col-lg-2 {width:16.66%}
.col-lg-3 {width:25%}
.col-lg-4 {width:33.33%}
.col-lg-5 {width:41.66%}
.col-lg-6 {width:50%}
.col-lg-7 {width:58.33%}
.col-lg-8 {width:66.66%}
.col-lg-9 {width:75%}
.col-lg-10 {width:83.33%}
.col-lg-11 {width:91.66%}
.col-lg-12 {width:100%}
.tile-lg-3 > * {width:25%}
.tile-lg-4 > * {width:33.33%}
.lg-hide {display:none}
.lg-show {display:block}
}

/* ================ page header ================ */	
/*
#navbar-top {position:relative;float:right;text-transform: uppercase;font-size: .5625rem;letter-spacing: 0.03125rem;padding:13px 0 10px 0}
#navbar-top a {color: #9bb0b7}
#navbar-top a:hover {color: #4ea4bd}
#navbar-top a.toggle-language {display: inline-block; border:1px solid #d5dadc;	padding: 3px 18px 3px 14px;	border-radius: 14px;margin-left:6px}
*/

#navbar-main {position:relative;clear:right;/*float:right*/;color:#fff;padding:0 20px; margin-left: 150px}

.page-header-background {
  position: absolute;
  height:600px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url('/assets/images/header-black.png');
}

.page-header-overlay {
  position: absolute;
  height:600px;
  width: 100%;
  /* background-color: rgba(17, 104, 127, 0.8); */
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1;  
  transition: background 1s;
}

.fixed-top-nav-default, .fixed-top-nav-scrolled {
  position: sticky;
  top: 0px;
  z-index: 10;
  width: 100%;
  padding: 20px 0 0 0;
  min-height: 82px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  transition: 0.5s;
}
.fixed-top-nav-scrolled {background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.66);}
.fixed-top-nav-default a, .fixed-top-nav-default a.visited {color:#fff;}
.fixed-top-nav-default .country-select {color:#fff;}
.fixed-top-nav-scrolled a, .fixed-top-nav-scrolled a.visited {color:#666;}

.logo {position:absolute; transition: transform 0.5s}
.fixed-top-nav-default  .logo:first-child {opacity:1.0; transform: translateY( 0rem); }
.fixed-top-nav-default  .logo:last-child  {opacity:0.0; transform: translateY( 5rem); }
.fixed-top-nav-scrolled .logo:first-child {opacity:0.0; transform: translateY(-5rem); }
.fixed-top-nav-scrolled .logo:last-child  {opacity:1.0; transform: translateY( 0rem); }

.nav-desktop .menu {list-style-type:none;padding:0px;font-weight:400;font-size:0.85rem;letter-spacing: 0}
.nav-desktop .menu a {display:block; padding:10px 20px; white-space:nowrap;}
.nav-desktop .menu > li:hover > ul {visibility: visible;opacity:1;}
.nav-desktop .menu li {break-inside: avoid;}

.uppercase {text-transform: uppercase}

.nav-desktop .menu-level-1 {visibility:visible;opacity:1;font-weight:700;letter-spacing: .08rem;float:left}
.nav-desktop .menu-level-1 > li {position:relative;margin-right:20px}
.nav-desktop .menu-level-1 > li:last-child {margin-right:0}
/* .nav-desktop .menu-level-1 > li:last-child > ul {right:0} */ /* enable this to have dropdown right aligned */
/*
.nav-desktop .menu-level-1 > li:after {content:'';position:absolute;background: #cad1d3; width: 1px; height: 23px;right:-26px;top:8px} 
.nav-desktop .menu-level-1 > li:last-child:after {width:0}
*/

.nav-desktop .menu-level-1 > li a:after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    right: -5px;
    top: 1.2rem;
    transform: translateY(-50%) rotate(45deg);
} 

.nav-desktop .menu-level-1 > li > a {display:block;padding:10px 8px 36px 10px}
.nav-desktop .menu-level-1 > li.have-child > a:after {content:"";position:absolute;top:1rem;right:0;width:5px;height:5px;border-right:1px solid #999;border-bottom:1px solid #999;transform: translateY(-50%) rotate(45deg);}
.nav-desktop /* .menu-level-1 a, .menu-level-1 a.visited {color:#333;text-decoration:none} */
.nav-desktop .menu-level-1 a.selected:after {content: '';position: absolute;background: #0098c3;height: 2px;left: 0;right: 0;bottom: -2px}

.nav-desktop .menu-popup {position:absolute;visibility:hidden;opacity:0;z-index:30;background:rgba(255,255,255,1.0);box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,0.3);transition: opacity 500ms, visibility 500ms;}
.nav-desktop .menu-popup > li.have-child > a:after {content:"";position:absolute;right:10px;width:5px;height:5px;border-right:1px solid #999;border-bottom:1px solid #999;transform: translateY(50%) rotate(-45deg);}
.nav-desktop .menu-popup a {transition: all 1s ease;}
.nav-desktop .menu-popup a:hover {color:#ddd}

.nav-desktop .menu-level-2 {position:absolute}
.nav-desktop .menu-level-2 h3 {color:#0098c3;font-weight: bold;margin: 26px 0 8px 20px}
.nav-desktop .menu-level-2 li:first-child h3 {margin-top: 0}
.nav-desktop .menu-level-2 a, .menu-level-2 a.visited {color:#ababab;}
.nav-desktop .menu-level-2 a:hover {text-decoration:underline; color:#474747}

.nav-desktop .menu-three-columns {columns: 3; min-width:1000px; padding: 20px; left:-26px}

body.mobile-nav-shown {overflow:hidden}

.slide-to-left-0 {transition: .5s; transform: translate(0,0); background-color: #fff;}
.slide-to-left-1 {transition: .5s; transform: translate(-280px,0); }
.slide-to-left-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 99997;
  background-color: rgba(0,0,0,.1);
  transition: all 0.6s ease-in-out;
}
/* .mobile-nav-shown .slide-to-left-1:before {visibility: visible} */

.nav-mobile {position:fixed; width: 280px; right: 0; }
.nav-mobile li {margin:0}
.nav-mobile a {width:100%; border-bottom: 1px solid #ddd}
.nav-mobile .menu-level-2 a {color:#333}
.nav-mobile h3 {margin-left:20px; font-weight: 700; }
.nav-mobile .menu {list-style-type:none;padding:0px;font-weight:400;font-size:0.85rem;letter-spacing: 0}
.nav-mobile .menu a {display:block; padding:10px 20px; white-space:nowrap;}
.nav-mobile .menu > li:hover > ul {display:block;}
.nav-mobile .menu li {break-inside: avoid;}
.nav-mobile .menu-popup {display:none}
/* ==== Nav icon ==== */
.nav-icon {width: 25px; float:right; margin-left: 20px}
.nav-icon:after, .nav-icon:before, .nav-icon div {
  background-color: #fff;
  border-radius: 3px;
  content: '';
  display: block;
  height: 2px;
  margin: 6px 0;
  transition: all .2s ease-in-out;
}
.nav-icon-close:before {transform: translateY(8px)  rotate(135deg);}
.nav-icon-close:after  {transform: translateY(-8px) rotate(-135deg);}
.nav-icon-close div    {transform: scale(0);}
.fixed-top-nav-scrolled .nav-icon:after, .fixed-top-nav-scrolled .nav-icon:before, .fixed-top-nav-scrolled .nav-icon div {background-color: #666}


.country-select {
  float:right;
	border: 1px solid #95c6d5;
	padding: 6px 18px;
	text-transform: uppercase;
	border-radius: 25px;
	font-weight: 700;
	font-size: 0.8rem;
	margin-left:40px;	
  background-color: rgba(255,255,2555,0.1);
}

.flag {padding-left: 40px !important;padding-right: 10px !important;background-repeat: no-repeat;background-position: 13px center;}
.flag-at {background-image: url(./images/flag-de.svg)}
.flag-be {background-image: url(./images/flag-be.svg)}
.flag-cz {background-image: url(./images/flag-cz.svg)}
.flag-de {background-image: url(./images/flag-de.svg)}
.flag-it {background-image: url(./images/flag-it.svg)}
.flag-nl {background-image: url(./images/flag-nl.svg)}
.flag-ro {background-image: url(./images/flag-ro.svg)}

/* .country-select-panel {position:absolute;z-index:20;width:100%;background:#fff;display:none} */
.country-select-panel {display:none; background-color: rgba(255,255,255,1.0);	color: #4d555b; padding: 40px}
.country-menu-item {float:left;width:180px;min-height:120px;padding:0 30px;margin-right:10px;font-size:.75rem;}
.country-menu-item > div:first-child {color:#000;margin-left:-40px}
.country-menu-item a {color: #4d555b}
.country-menu-item a:hover {text-decoration:underline}

.btn-close::before, .btn-close::after {content: "";width:30px;height:1px;background-color:#444;position:absolute;top:15px;transform-origin: center;}
.btn-close::before {transform: rotate(45deg);}
.btn-close::after {transform: rotate(-45deg);}
.btn-close {position:absolute;right:0;display:inline-block;width:30px;height:30px;transition: transform .25s ease-in-out;}
.btn-close:hover {transform: rotate(180deg)}

.country-select-title {border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-top: -20px}

#page-header-two {height: 82px}
#page-header-three{background:#0d435a;z-index:5;width:100%}
#page-header-three a {padding:10px 12px;color:#b9c2c8;font-size: .8125rem;text-transform: uppercase;}

.menu-2-1 {float:right}
.menu-2-1 > li {padding:10px 0}
.menu-2-1 > li:hover {background:#176587}

#image-overlay{	
	position:absolute;
	/* margin-top:-350px; */
	text-align:center;
	color:#fff;
	width:100%;
}
#image-overlay h1{font-weight: 700;font-size: 3.6rem;letter-spacing: .14rem;text-align:center}
#image-overlay h1:after{
	background: #ffffff;
	content: '';
	position: absolute;
	bottom: 0;
	width: 85px;
	height: 6px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* ================ page image under navigation bar ================ */	
#page-image {
	position:absolute;
	overflow:hidden;
	max-height:500px;
	background-color:rgba(145,171,178);
}

#page-image #shift-right-50 {
	position:relative;
	left:50%;
	display:table;
}

#page-image #shift-left-50 {
	position:relative;
	left:-50%;
}

#page-image #shift-left-50:after{content:'';background-color:rgba(0, 61, 78, 0.4);position:absolute;display:inline-block;height:100%;width:100%;top:0;left:0}

/* ================ content ================ */
.page-body {font-size:.9rem;min-height:600px;background-color:#fff}
.page-body p, .page-body li {line-height: 1.7rem}
.page-body h1, .page-body h2, .page-body h3, .page-body h4 {color:#333}
.page-body h3 {font-size:1.5rem}

/*
.page-body li {list-style:none;margin-left:1.4em}
.page-body li:before {content: "\25aa"; font-size:1.8em; margin-right:.4em; margin-left:-0.77em;position:relative;top:.15em} 
.job-aufgaben li:before {color: #ED7162}
.job-qualifikation li:before {color: #2881A9}
.job-angebot li:before {color: #6CC2C0}
*/
.job-aufgaben li {list-style-image: url(images/bullet-square-aufgaben.svg)}
.job-qualifikation li {list-style-image: url(images/bullet-square-qualifikation.svg)}
.job-angebot li {list-style-image: url(images/bullet-square-angebot.svg)}
.job-contact p {margin:0}
.page-body ul {padding-left:1em}

#vacancy-list a, #vacancy-list a.visited {color:#2c3034}
#vacancy-list h2 {text-transform:uppercase;font-size:1.375rem;overflow-x:hidden}
.list-item {border-bottom:1px solid #e2e9eb;padding:15px 0}
.list-item h2 > a:after{content:'\EA04';font-family:cegeka;color:#0098c3;font-size:.7em;margin-left:6px}

.page-body table {border-collapse:collapse;width:100%}
.page-body table tr {line-height:2em}
.page-body table tr:nth-child(even) {background:#f8f8f8}

.btn {
	border: none;
	display: inline-block;
	padding: 12px 30px;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	transition: background-color .3s ease-out;
	-webkit-appearance: none;
	border-radius: 3px;
  font-weight: 700;
	font-size: 0.9rem;
	letter-spacing: 0.0625rem;
	outline: 0;
}

.underline-short {position:relative;margin-bottom:70px}
.underline-short:after {
	content: ' ';
	position: absolute;
	bottom:0;
	margin-bottom:-30px;
	width: 85px;
	height: 3px;
	background: #fff;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.underline-blue:after {background:#0098c3}
.page-body input[type=text], .page-body input[type=password] {padding:10px 15px}
.foto-round{border-radius: 50%;max-width: 100px}
/* ================ auto resize inline SVG in IE ================ */	
.scaling-svg-container {position:relative;height:0;width:100%;padding:0;padding-bottom:100%} /* override padding-bottom with (height/width) in percent */
.scaling-svg {position:absolute;height:100%;width:100%;left:0;top:0}

/* ================ page footer ================ */	
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {font-weight:300}

#footer-section-one {
	background: #0d435a;
	color: #fff;
	padding:40px 0;
}

#footer-section-one a:hover {color:#fff}

#footer-section-one ul {list-style:none; margin-left: -40px}
#footer-section-one ul > li {line-height:1.6em; text-transform: uppercase}
#footer-section-one ul > li:before {font-family:cegeka; content: '\EA34'; margin-right:15px; color:#90d5df}

#footer-section-two {background:#093448;color: #fff;padding:20px 0;font-size:.75rem}

#footer-section-two a, #footer-section-two a.visited {color:#2882aa}
#footer-section-two a:hover {color:#ffffff;text-decoration:underline}
#footer-section-two ul {margin-left:-49px}
#footer-section-two ul > li {text-transform: uppercase}

/* ================ forms ================ */	
.form-style-1 > div {clear:both;padding-top:3px}
.form-style-1 > div > label, .form-style-1 legend {float:left;width:25%;text-align:right;padding-right:10px;padding-top:12px;color:#636d75;text-transform:uppercase}
.form-style-1 > div > div {float:left;width:75%}
.form-style-1 input[type=text], input[type=email], input[type=tel], textarea {width:100%;border:1px solid #ddd;outline:none;font-size:1em}
.form-style-1 sup {color:#ddd; vertical-align:baseline;font-size:1em;margin-left:2px}
.form-style-1 textarea{resize:vertical;vertical-align:top}
.form-style-1 input[type=text]{-webkit-padding-start:2px;-webkit-padding-end:2px}

@media only screen and (max-width: 600px) {
	.form-style-1 > div > label {float:none;font-size:0.8em}
	.form-style-1 > div > div {float:none;width:100%}
	.form-style-1 > div {padding-top:15px}
}

#progress-icon{top:10px}
#statuszeile {font-weight:bold;margin-top:24px;margin-bottom:16px;}

.floating-message {display:none;position: absolute;z-index:20;padding: 16px 24px;border-radius: 24px;max-width:240px;margin-top: 46px;box-shadow: 2px 4px 8px #222}
.floating-message:before {content: '';position: absolute;top: -10px;border-style: solid;border-width: 0 7.5px 10px 7.5px;border-color: transparent transparent #0098c3}

::-webkit-input-placeholder {color:#ddd}
::-moz-placeholder {color:#ddd;opacity:1;font-style:italic}
:-ms-input-placeholder {color:#ddd}

.square-box {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.09)}
.square-box > a {display:block;float:left;padding:50px;transition: background-color .2s ease-in-out;}
.square-box > a:nth-child(4n+1) {background:#f1f1f2}
.square-box > a:nth-child(4n+2) {background:#f04b4c}
.square-box > a:nth-child(4n+3) {background:#90d5df}
.square-box > a:nth-child(4n+4) {background:#7e8b96}
.square-box > a:nth-child(4n+1) {color:#636d75}
.square-box > a:nth-child(4n+2) {color:#ffffff}
.square-box > a:nth-child(4n+3) {color:#636d75}
.square-box > a:nth-child(4n+4) {color:#ffffff}
.square-box > a {text-align:center}
.square-box h3 {text-transform: uppercase}
.square-box .icon {color:#0d435a;font-size:6em}
.square-box p {margin:0}

.inverse-bg-1 {background:#0098c3}
.inverse-bg-2 {background:#0d435a}
.inverse-bg-3 {background:#093448}
.inverse-bg-4 {background:#4d9fcf}
.inverse-bg-5 {background:#ea4b35}
*[class*="inverse-bg-"] {color:#ffffff}
.inverse-fg-1, .inverse-fg-1 a, .inverse-fg-1 h1, .inverse-fg-1 h2, .inverse-fg-1 h3 {color:#ffffff}
.inverse-fg-2, .inverse-fg-2 a, .inverse-fg-2 h1, .inverse-fg-2 h2, .inverse-fg-2 h3 {color:#b9c2c8}
.accent-colour-cadetblue {color:#90d5df}

a.inverse-bg-5:hover {background:#4d9fcf; border:1px solid #fff}

.background-image-jobs {background-image:url('/assets/images/background-image-jobs.jpg')}

.always-visible {visibility: visible;opacity:1;}

/* ================ print ================ */	
@media print {
	.no-print {display:none}
	#page-header, #page-header-xs, #page-header-underneath, #page-image, #intro-layer, #page-footer, #breadcrumps {display:none}
	#page-header-one, #page-header-two, #page-header-three {display:none}
	div, p {orphans:3;widows:4}
	a, a:visited{color:#000;text-decoration:underline}
	#body-center{color:#000;font:11pt Calibri,Helvetica}
	#body-center h1,h2,h3,h4{color:rgb(79,129,189)}
} /* media print */

/* N3: Light */
@font-face {
  font-family: 'Sari';
  src: url("../fonts/DSari/3120D7_11_0.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

/* I3: Light Italic */
@font-face {
  font-family: 'Sari';
  src: url("../fonts/DSari/3120D7_10_0.woff") format("woff");
  font-weight: 300;
  font-style: italic; }

/* N4: Normal */
@font-face {
  font-family: 'Sari';
  src: url("../fonts/DSari/3120D7_13_0.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

/* I4: Normal Italic */
@font-face {
  font-family: 'Sari';
  src: url("../fonts/DSari/3120D7_12_0.woff") format("woff");
  font-weight: 400;
  font-style: italic; }

/* N6: Medium */
@font-face {
  font-family: 'Sari';
  src: url("../fonts/DSari/3120D7_3_0.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

/* I6: Medium Italic */
@font-face {
  font-family: 'Sari';
  src: url("../fonts/DSari/3120D7_5_0.woff") format("woff");
  font-weight: 600;
  font-style: italic; }

/* N7: Bold */
@font-face {
  font-family: 'Sari';
  src: url("../fonts/DSari/3120D7_9_0.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

/* I7: Bold Italic */
@font-face {
  font-family: 'Sari';
  src: url("../fonts/DSari/3120D7_8_0.woff") format("woff");
  font-weight: 700;
  font-style: italic; }
  
@font-face {
  font-family: "cegeka";
  src: url("../fonts/cegeka.eot");
  src: url("../fonts/cegeka.eot") format("embedded-opentype"), url("../fonts/cegeka.ttf") format("truetype"); 
}