@font-face {
	font-display: swap;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	src: url('../Fonts/manrope/manrope-v14-latin-regular.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	src: url('../Fonts/manrope/manrope-v14-latin-500.woff2') format('woff2');
}
@font-face {
	font-display: swap;
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	src: url('../Fonts/manrope/manrope-v14-latin-700.woff2') format('woff2');
}

:root {
	--text-color: #222426;
	--primary-color: #00A8EC;
	--primary-rgb: 0, 168, 236; /* #00A8EC */
	--secondary-rgb: 0, 168, 236; /* #00A8EC */

	--blue-dark-rgb: 9, 117, 161; /* #0975A1 */
	--blue-medium-rgb: 108, 182, 212; /* #6CB6D4 */
	--blue-light-rgb: 164, 209, 227; /* #A4D1E3 */
	--blue-soft-rgb: 199, 230, 242; /* #C7E6F2 */

	--grey-dark-rgb: 94, 106, 113; /* #5E6A71 */
	--grey-medium-rgb: 196, 204, 209; /* #C4CCD1 */
	--grey-light-rgb: 227, 232, 235; /* #E3E8EB */
	--grey-soft-rgb: 249, 249, 249; /* #F9F9F9 */

	--yellow-rgb: 255, 246, 120; /* #FFF678 */

	--black-rgb: 0, 0, 0;
	--black-light-rgb: 34, 36, 38; /* #222426 */

	--white-rgb: 255, 255, 255;


	/* Bootstrap var */
	/*--bs-btn-bg: 0, 168, 236;*/

}

.text-white,
.text-white h1, .text-white h2, .text-white h3, .text-white h4,
.text-white a,
.blue-bg a {
	color: #fff;
}


:active,
:focus { outline: none !important; }


/* ----------------------------------------------------------------
  Typography
-----------------------------------------------------------------*/
html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	line-height: 1.5;
	color: rgb(var(--black-light-rgb));
	font-family: 'Manrope', Verdana, Arial, serif;
	font-size: 19px;
	overflow-x: hidden;
	font-weight: 500;
}

a {
	text-decoration: none;
	color: rgb(var(--grey-dark-rgb));
}
#content a:not(.btn) {
	text-decoration: underline;
}

a:hover,
a:active,
a:focus,
button:hover,
button:active,
button:focus { color: rgb(var(--black-light-rgb)); }

a img { border: none; }

img { max-width: 100%; height: auto; }

#content .frame-layout-greyimages img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#content .frame-layout-greyimages img:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}
@media (-moz-touch-enabled: 1), (pointer:coarse) {
	#content .frame-layout-greyimages img {
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		filter: grayscale(0%);
	}
}
iframe { border: none !important; }

/* ----------------------------------------------------------------
  Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
	color: rgb(var(--primary-rgb));
	font-weight: 700;
	margin: 0 0 30px 0;
	line-height: 1.3em;
	font-family: 'Manrope', Verdana, Arial, serif;
}

h5,
h6 { margin-bottom: 20px; }

h1 { font-size: 42px;  }

h2 { font-size: 38px; }

h3 {
	font-size: 34px;
	color: rgb(var(--black-light-rgb));
}
h3.contact {
	font-size: 21px;
	font-weight: 400;
	margin: 0;
}
.news-list-item h3 { font-size: 24px; margin: 15px 0; text-transform:none; font-weight: 400 }
h4 { font-size: 32px; }

h5 { font-size: 28px; }

h6 { font-size: 20px; }

.ce-headline.primary-rgb { color: rgb(var(--primary-rgb)) }
.ce-headline.secondary-rgb { color: rgb(var(--secondary-rgb)) }

.ce-headline.blue-dark-rgb { color: rgb(var(--blue-dark-rgb)) }
.ce-headline.blue-medium-rgb { color: rgb(var(--blue-medium-rgb)) }
.ce-headline.blue-light-rgb { color: rgb(var(--blue-light-rgb)) }
.ce-headline.blue-soft-rgb { color: rgb(var(--blue-soft-rgb)) }

.ce-headline.grey-dark-rgb { color: rgb(var(--grey-dark-rgb)) }
.ce-headline.grey-medium-rgb { color: rgb(var(--grey-medium-rgb)) }
.ce-headline.grey-light-rgb { color: rgb(var(--grey-light-rgb)) }
.ce-headline.grey-soft-rgb { color: rgb(var(--grey-soft-rgb)) }

.ce-headline.yellow-rgb { color: rgb(var(--yellow-rgb)) }

.ce-headline.black-rgb { color: rgb(var(--black-rgb)) }
.ce-headline.black-light-rgb { color: rgb(var(--black-light-rgb)) }

.ce-headline.white-rgb { color: rgb(var(--white-rgb)) }






ul.bullet {
	list-style: none;
	padding: 0;
}
.bullet li {
	padding-left: 1em;
	text-indent: -.7em;
	font-weight: 700;
}
.bullet li::before {
	content: "\e70b ";
	color: rgb(var(--primary-rgb));
	position: relative;
	top: 2px;
	padding-right: .6em;
}

.bullet li::before {font-family: 'font-icons';}


/* ----------------------------------------------------------------
  Helper Classes
-----------------------------------------------------------------*/
.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }
.nott { text-transform: none !important; }
.tright { text-align: right !important; }
.tleft { text-align: left !important; }
.fright { float: right !important; }
.fleft { float: left !important; }
.fnone { float: none !important; }
.ohidden {	position: relative;	overflow: hidden !important;}
.line,.double-line {clear: both;position: relative;width: 100%;margin: 60px 0;border-top: 1px solid #EEE;}
.line.line-sm { margin: 30px 0; }
span.middot {display: inline-block;	margin: 0 5px;}
.double-line { border-top: 3px double #E5E5E5; }
.emptydiv {	display: block !important;	position: relative !important;}
.allmargin { margin: 50px !important; }
.leftmargin { margin-left: 50px !important; }
.rightmargin { margin-right: 50px !important; }
.topmargin { margin-top: 50px !important; }
.bottommargin { margin-bottom: 50px !important; }
.clear-bottommargin { margin-bottom: -50px !important; }
.allmargin-sm { margin: 30px !important; }
.leftmargin-sm { margin-left: 30px !important; }
.rightmargin-sm { margin-right: 30px !important; }
.topmargin-sm { margin-top: 30px !important; }
.bottommargin-sm { margin-bottom: 30px !important; }
.clear-bottommargin-sm { margin-bottom: -30px !important; }
.allmargin-lg { margin: 80px !important; }
.leftmargin-lg { margin-left: 80px !important; }
.rightmargin-lg { margin-right: 80px !important; }
.topmargin-lg { margin-top: 80px !important; }
.bottommargin-lg { margin-bottom: 80px !important; }
.clear-bottommargin-lg { margin-bottom: -80px !important; }
.nomargin,
.frame-nomargin p,
.frame-nomargin .ce-gallery {margin: 0 !important; }
.noleftmargin { margin-left: 0 !important; }
.norightmargin { margin-right: 0 !important;}
.notopmargin { margin-top: 0 !important; }
.nobottommargin { margin-bottom: 0 !important; }
.header-stick { margin-top: -50px !important; }
.content-wrap .header-stick { margin-top: -80px !important; }
.footer-stick { margin-bottom: -50px !important; }
.content-wrap .footer-stick { margin-bottom: -80px !important; }
.noborder { border: none !important; }
.noleftborder { border-left: none !important; }
.norightborder { border-right: none !important; }
.notopborder { border-top: none !important; }
.nobottomborder { border-bottom: none !important; }
.noradius { border-radius: 0 !important; }
.col-padding { padding: 60px; }
.nopadding { padding: 0 !important; }
.noleftpadding { padding-left: 0 !important; }
.norightpadding { padding-right: 0 !important; }
.notoppadding { padding-top: 0 !important; }
.nobottompadding { padding-bottom: 0 !important; }
.noabsolute { position: relative !important; }
.noshadow { box-shadow: none !important; }
.hidden { display: none !important; }
.nothidden { display: block !important; }
.inline-block {	float: none !important;	display: inline-block !important;}
.center { text-align: center !important; }
.uppercase { text-transform: uppercase; }
hr {margin-top: 10px;margin-bottom: 30px;}
.divcenter {	position: relative !important;float: none !important;margin-left: auto !important;margin-right: auto !important;}
small { font-family: 'Manrope', sans-serif; }

.bgcolor { background-color: rgb(var(--primary-rgb)); }
.nobg { background: none !important; }

.color { color: var(--primary-color); }
.colorbox { background: rgb(var(--primary-rgb)); padding: 0 6px; }
.colorbox,
.white { color: #fff !important; }
.color-red { color: #c00000 !important; }
.color-grey-dark-rgb { color: rgb(var(--grey-dark-rgb)) !important; }
.color-blue-dark-rgb { color: rgb(var(--blue-dark-rgb)) !important; }
.color-yellow-rgb { color: rgb(var(--yellow-rgb)) !important; }

.border-color { border-color: rgb(var(--primary-rgb)) !important; }

.grayscale img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	transition: 1s filter ease;
	-webkit-transition: 1s -webkit-filter ease;
	-moz-transition: 1s -moz-filter ease;
	-ms-transition: 1s -ms-filter ease;
	-o-transition: 1s -o-filter ease;
}

.grayscale img:hover {
	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
	filter: grayscale(0);
}


/* Buttons */
.btn {
	border-radius: 20px !important;
	border-color: transparent;
	font-weight: 700;
	letter-spacing: 1px;
	padding-left: 25px;
	padding-right: 25px;
	color: rgb(var(--white-rgb));
}
.btn.blue-dark-rgb {
	background-color: rgb(var(--blue-dark-rgb));
}
.btn.blue-small-rgb,
.btn.blue-medium-rgb {
	background-color: rgb(var(--blue-medium-rgb));
}
.btn.blue-small-rgb {

}

.btn.grey-dark-rgb {
	background-color: rgb(var(--grey-dark-rgb));
	color: rgb(var(--black-light-rgb));
}
.btn.grey-medium-rgb {
	background-color: rgb(var(--grey-medium-rgb));
	color: rgb(var(--black-light-rgb));
}
.btn.black-rgb {
	background-color: rgb(var(--black-rgb));
}
.btn.black-light-rgb {
	background-color: rgb(var(--black-light-rgb));
}

.btn-primary,
.btn-default,
.btn-cancel {
	background-color: rgb(var(--primary-rgb));
	color: rgb(var(--white-rgb));
}
.btn-cancel {
	margin-right: 20px;
}
.btn.btn-primary:hover, .btn.btn-primary:focus,
.btn.btn-cancel:hover, .btn.btn-cancel:focus {
	background-color: rgb(var(--black-light-rgb));
}

.btn:hover, .btn:focus {
	border-color: transparent;
	background-color: rgb(var(--primary-rgb));
	color: rgb(var(--white-rgb));
}


/* RTE */
p.lead,
p.teaser-text {
	font-size: 34px;
}

/* margin */
.margin-0 { padding: 0 !important; }
.margin-5 { padding: 5px; }
.margin-10 { padding: 10px; }
.margin-15 { padding: 15px; }
.margin-20 { padding: 20px; }
.margin-30 { padding: 30px; }
.margin-40 { padding: 40px; }
.margin-50 { padding: 50px; }
.margin-60 { padding: 60px; }
.margin-70 { padding: 70px; }
.margin-80 { padding: 80px; }
.margin-90 { padding: 90px; }
.margin-100 { padding: 100px; }
.margin-110 { padding: 110px; }
.margin-120 { padding: 120px; }
.margin-130 { padding: 130px; }
.margin-140 { padding: 140px; }
.margin-150 { padding: 150px; }
.margin-200 { padding: 200px; }
.margin-t-5  { margin-top: 5px;  }
.margin-t-10 { margin-top: 10px; }
.margin-t-15 { margin-top: 15px; }
.margin-t-20 { margin-top: 20px; }
.margin-t-30 { margin-top: 30px; }
.margin-t-40 { margin-top: 40px; }
.margin-t-50 { margin-top: 50px; }
.margin-t-60 { margin-top: 60px; }
.margin-t-70 { margin-top: 70px; }
.margin-t-80 { margin-top: 80px; }
.margin-t-90 { margin-top: 90px; }
.margin-t-100{ margin-top: 100px;}
.margin-t-110{ margin-top: 110px;}
.margin-t-120{ margin-top: 120px;}
.margin-t-130{ margin-top: 130px;}
.margin-t-140{ margin-top: 140px;}
.margin-t-150{ margin-top: 150px;}
.margin-t-200{ margin-top: 200px;}
.margin-b-5  { margin-bottom: 5px;  }
.margin-b-10 { margin-bottom: 10px; }
.margin-b-15 { margin-bottom: 15px; }
.margin-b-20 { margin-bottom: 20px; }
.margin-b-30 { margin-bottom: 30px; }
.margin-b-40 { margin-bottom: 40px; }
.margin-b-50 { margin-bottom: 50px; }
.margin-b-60 { margin-bottom: 60px; }
.margin-b-70 { margin-bottom: 70px; }
.margin-b-80 { margin-bottom: 80px; }
.margin-b-90 { margin-bottom: 90px; }
.margin-b-100{ margin-bottom: 100px;}
.margin-b-110{ margin-bottom: 110px;}
.margin-b-120{ margin-bottom: 120px;}
.margin-b-130{ margin-bottom: 130px;}
.margin-b-140{ margin-bottom: 140px;}
.margin-b-150{ margin-bottom: 150px;}
.margin-b-200{ margin-bottom: 200px;}
.margin-l-5  { margin-left: 5px;  }
.margin-l-10 { margin-left: 10px; }
.margin-l-15 { margin-left: 15px; }
.margin-l-20 { margin-left: 20px; }
.margin-l-30 { margin-left: 30px; }
.margin-l-40 { margin-left: 40px; }
.margin-l-50 { margin-left: 50px; }
.margin-l-60 { margin-left: 60px; }
.margin-l-70 { margin-left: 70px; }
.margin-l-80 { margin-left: 80px; }
.margin-l-90 { margin-left: 90px; }
.margin-l-100{ margin-left: 100px;}
.margin-l-110{ margin-left: 110px;}
.margin-l-120{ margin-left: 120px;}
.margin-l-130{ margin-left: 130px;}
.margin-l-140{ margin-left: 140px;}
.margin-l-150{ margin-left: 150px;}
.margin-l-200{ margin-left: 200px;}
.margin-r-5  { margin-right: 5px;  }
.margin-r-10 { margin-right: 10px; }
.margin-r-15 { margin-right: 15px; }
.margin-r-20 { margin-right: 20px; }
.margin-r-30 { margin-right: 30px; }
.margin-r-40 { margin-right: 40px; }
.margin-r-50 { margin-right: 50px; }
.margin-r-60 { margin-right: 60px; }
.margin-r-70 { margin-right: 70px; }
.margin-r-80 { margin-right: 80px; }
.margin-r-90 { margin-right: 90px; }
.margin-r-100{ margin-right: 100px;}
.margin-r-110{ margin-right: 110px;}
.margin-r-120{ margin-right: 120px;}
.margin-r-130{ margin-right: 130px;}
.margin-r-140{ margin-right: 140px;}
.margin-r-150{ margin-right: 150px;}
.margin-r-200{ margin-right: 200px;}

/* padding */
.padding-0 { padding: 0 !important; }
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.padding-30 { padding: 30px; }
.padding-40 { padding: 40px; }
.padding-50 { padding: 50px; }
.padding-60 { padding: 60px; }
.padding-70 { padding: 70px; }
.padding-80 { padding: 80px; }
.padding-90 { padding: 90px; }
.padding-100 { padding: 100px; }
.padding-110 { padding: 110px; }
.padding-120 { padding: 120px; }
.padding-130 { padding: 130px; }
.padding-140 { padding: 140px; }
.padding-150 { padding: 150px; }
.padding-200 { padding: 200px; }
.padding-t-0  { padding-top: 0;  }
.padding-t-5  { padding-top: 5px;  }
.padding-t-10 { padding-top: 10px; }
.padding-t-15 { padding-top: 15px; }
.padding-t-20 { padding-top: 20px; }
.padding-t-30 { padding-top: 30px; }
.padding-t-40 { padding-top: 40px; }
.padding-t-50 { padding-top: 50px; }
.padding-t-60 { padding-top: 60px; }
.padding-t-70 { padding-top: 70px; }
.padding-t-80 { padding-top: 80px; }
.padding-t-90 { padding-top: 90px; }
.padding-t-100{ padding-top: 100px;}
.padding-t-110{ padding-top: 110px;}
.padding-t-120{ padding-top: 120px;}
.padding-t-130{ padding-top: 130px;}
.padding-t-140{ padding-top: 140px;}
.padding-t-150{ padding-top: 150px;}
.padding-t-200{ padding-top: 200px;}
.padding-r-0  { padding-right: 0;  }
.padding-r-5  { padding-right: 5px;  }
.padding-r-10 { padding-right: 10px; }
.padding-r-15 { padding-right: 15px; }
.padding-r-20 { padding-right: 20px; }
.padding-r-30 { padding-right: 30px; }
.padding-r-40 { padding-right: 40px; }
.padding-r-50 { padding-right: 50px; }
.padding-r-60 { padding-right: 60px; }
.padding-r-70 { padding-right: 70px; }
.padding-r-80 { padding-right: 80px; }
.padding-r-90 { padding-right: 90px; }
.padding-r-100{ padding-right: 100px;}
.padding-r-110{ padding-right: 110px;}
.padding-r-120{ padding-right: 120px;}
.padding-r-130{ padding-right: 130px;}
.padding-r-140{ padding-right: 140px;}
.padding-r-150{ padding-right: 150px;}
.padding-r-200{ padding-right: 200px;}
.padding-b-0  { padding-bottom: 0;  }
.padding-b-5  { padding-bottom: 5px;  }
.padding-b-10 { padding-bottom: 10px; }
.padding-b-15 { padding-bottom: 15px; }
.padding-b-20 { padding-bottom: 20px; }
.padding-b-30 { padding-bottom: 30px; }
.padding-b-40 { padding-bottom: 40px; }
.padding-b-50 { padding-bottom: 50px; }
.padding-b-60 { padding-bottom: 60px; }
.padding-b-70 { padding-bottom: 70px; }
.padding-b-80 { padding-bottom: 80px; }
.padding-b-90 { padding-bottom: 90px; }
.padding-b-100{ padding-bottom: 100px;}
.padding-b-110{ padding-bottom: 110px;}
.padding-b-120{ padding-bottom: 120px;}
.padding-b-130{ padding-bottom: 130px;}
.padding-b-140{ padding-bottom: 140px;}
.padding-b-150{ padding-bottom: 150px;}
.padding-b-200{ padding-bottom: 200px;}
.padding-l-0  { padding-left: 0;  }
.padding-l-5  { padding-left: 5px;  }
.padding-l-10 { padding-left: 10px; }
.padding-l-15 { padding-left: 15px; }
.padding-l-20 { padding-left: 20px; }
.padding-l-30 { padding-left: 30px; }
.padding-l-40 { padding-left: 40px; }
.padding-l-50 { padding-left: 50px; }
.padding-l-60 { padding-left: 60px; }
.padding-l-70 { padding-left: 70px; }
.padding-l-80 { padding-left: 80px; }
.padding-l-90 { padding-left: 90px; }
.padding-l-100{ padding-left: 100px;}
.padding-l-110{ padding-left: 110px;}
.padding-l-120{ padding-left: 120px;}
.padding-l-130{ padding-left: 130px;}
.padding-l-140{ padding-left: 140px;}
.padding-l-150{ padding-left: 150px;}
.padding-l-200{ padding-left: 200px;}




/* ----------------------------------------------------------------
  Header
-----------------------------------------------------------------*/

#header {
	background-color: rgb(var(--grey-light-rgb));
	padding-top: 10px;
	padding-bottom: 10px;
}
#header {
	height: 100px;
}
#header .container {
	position: relative;
	justify-content: end;
}
#header .navbar-brand {
	position: absolute;
	left: 0;
}
#header nav.container:after {
	position: absolute;
	right: 140px;
	content: '';
	width: 2px;
	height: 40px;
	background-color: rgb(var(--grey-medium-rgb));
}
#header .navbar-toggler {
	margin-left: 30px;
}

@media (min-width:1750px) {

	#header .container {

	}
	#header nav.container:after {
		right: 0;
	}
	#header .navbar-brand,
	#header .navbar-toggler {
		position: absolute;
		left: 0;
		margin-left: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	#header .navbar-brand {
		margin-left: -20px;
	}
	#header .navbar-toggler {
		left: auto;
		right: 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		margin-right: -30px;
	}
}


/* ----------------------------------------------------------------
  Logo
-----------------------------------------------------------------*/
#header .navbar-brand {

}





/* ----------------------------------------------------------------
  Primary Menu
-----------------------------------------------------------------*/

#buttonlinks {
	margin-right: 20px;
}
#buttonlinks .btn {
	margin-right: 10px;
}
#buttonlinks .blue-medium-rgb:hover {
	background-color: rgb(var(--yellow-rgb));
	color: rgb(var(--blue-dark-rgb));
}

.navbar-toggler {
	border: 0 none;
	color: rgb(var(--grey-dark-rgb));
}
.navbar-toggler:hover {
	color: rgb(var(--grey-dark-rgb));
}
.navbar-toggler span {
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 16px;
}




/* Menu (Offcanvas) */
#header #mainNavigation {
	top: 100px;
	background-color: rgb(var(--grey-medium-rgb));
}
#header #mainNavigation .offcanvas-body {
	overflow: hidden;
	padding: 0;
}
@media (min-width:1200px) {
	#header #mainNavigation,
	#header #mainNavigation .offcanvas-body {
		height: 61vh !important;
	}
}
#header #mainNavigation .offcanvas-body > .row {
	height: 100%;
}
#header #mainNavigation .offcanvas-body .menu-backgroundimage {
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#header #mainNavigation .offcanvas-body .menu-backgroundimage img {
	width: 100%;
	height: auto;
}

#header #mainNavigation .offcanvas-body .menu-items {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Top Buttonlinks (Offcanvas) */
#header #buttonlinks .offcanvas {
	width: 50%;
	background-color: rgb(var(--grey-soft-rgb));
}
#header #buttonlinks .offcanvas .offcanvas-header {
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 0;
	z-index: 999;
}
#header #buttonlinks .offcanvas .offcanvas-header .btn-close {
	margin: 0;
	color: rgb(var(--grey-medium-rgb));
	/*background: transparent;
	font-size: 26px;*/
	opacity: 1;
	filter: invert(95%) sepia(5%) saturate(327%) hue-rotate(162deg) brightness(87%) contrast(89%);
}
#header #buttonlinks .offcanvas .offcanvas-body {
	background-color: transparent;
	padding: 0;
}

.offcanvas-body .grid-column div:last-child .frame-type-div {
	display: none;
}

.offcanvas-body em,
.frame-rounded-circle em {
	color: rgb(var(--grey-dark-rgb));
	font-size: 15px;
}
.offcanvas-body .frame-rounded-circle a {
	color: rgb(var(--grey-medium-rgb));
}

.offcanvas-backdrop.show {
	opacity: 0;
}


/* mainNavigation */
#mainNavigation .nav-link {
	font-size: 20px;
	font-weight: 700;
	color: rgb(var(--grey-dark-rgb));
}
#mainNavigation .navbar-nav .nav-link.active,
#mainNavigation .navbar-nav .nav-link.show {
	color: #fff;
}
#mainNavigation .nav-link:focus,
#mainNavigation .nav-link:hover {
	color: rgb(var(--primary-rgb));
}


/* .dropdown-menu */
.dropdown-menu {
	background-color: transparent;
	border: 0 none;
}
.nav-item.dropdown .dropdown-menu.show {
	margin-top: 0;
	padding-top: 0;
}
.dropdown-menu li a.dropdown-item {

}
.dropdown-menu li a.dropdown-item:hover,
.dropdown-menu li a.dropdown-item.active {
	background-color: transparent;
	color: rgb(var(--primary-rgb));
}


.navbar-nav-footer {
	display: flex;
	flex-direction: row;
	justify-content: end;
	max-width: 50%;
}
.navbar-nav-footer a {
	color: #fff;
	text-decoration: underline;
	margin-right: 50px;
}
.navbar-nav-footer a:last-child {
	margin-right: 0;
}
.navbar-nav-footer a:hover {
	color: rgb(var(--primary-rgb));
	text-decoration: none;
}


/* ----------------------------------------------------------------
  Top Search
-----------------------------------------------------------------*/

.searchbar {
	margin-bottom: auto;
	margin-top: auto;
	margin-right: 10px;
	height: 40px;
	background-color: #fff;
	border-radius: 30px;
	padding: 0;
}
.search-input,
.search-input:focus,
.search-input:active {
	color: white;
	border: 0 !important;
	outline: none !important;
	background: none;
	width: 0;
	caret-color: transparent;
	line-height: 40px;
	transition: width 0.4s linear;
	box-shadow: none;
	padding: 0;
}
.searchbar:hover > .search-input {
	padding: 0 20px;
	width: 320px;
	color: rgb(var(--grey-dark-rgb));
	transition: width 0.4s linear;
}
.searchbar:hover > .search-icon {
	background: white;
	color: rgb(var(--primary-rgb));
}
.search-icon {
	height: 40px;
	width: 40px;
	float: right;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: rgb(var(--grey-dark-rgb));
	text-decoration: none;
}



/* ----------------------------------------------------------------
  Sticky Header
-----------------------------------------------------------------*/






/* ----------------------------------------------------------------
  Page Title
-----------------------------------------------------------------*/


#page-title {
	position: relative;
	padding: 50px 0;
	display: none;
}

#page-title .container {
	position: relative;
}




/* ----------------------------------------------------------------
  Content
-----------------------------------------------------------------*/


#content {

}


/* ----------------------------------------------------------------
  Footer
-----------------------------------------------------------------*/
#footer .footer-row {
	position: relative;
}
#footer .container > .row:before,
#footer .container > .row:after {
	position: absolute;
	left: 0;
	top:0;
	width: 50%;
	height: 100%;
	content: '';
	background-color: rgb(var(--grey-light-rgb));
}
#footer .container > .row:after {
	left: 50%;
	background-color: rgb(var(--blue-dark-rgb));
}
#footer .footer-bottom .container > .row:before {
	background-color: rgb(var(--primary-rgb));
}
#footer .container > .row [class*="col"]{
	z-index: 11;
}
@media (max-width: 991.98px) {
	#footer .footer-top .container > .row:before {
		width: 100%;
	}
	#footer .footer-top .container > .row:after {
		display: none;
	}
	#footer .container > .row:before {
		width: 100%;
	}
	#footer .container > .row:after {
		display: none;
	}
}
@media (max-width: 767.98px) {

}

#footer .ce-headline {
	color: rgb(var(--white-rgb));
}
#footer p.ce-headline {
	font-weight: 700;
	font-size: 22px;
}

.footer-logos {
	position: relative; /* back-to-top */
}

.footer-shortcuts,
.footer-shortcuts a {
	color: rgb(var(--white-rgb));
}
.footer-shortcuts a:hover {
	color: rgb(var(--black-light-rgb));
}
.footer-shortcuts ul {
	list-style: none;
	padding-left: 0;
}

.footer-navigation a {
	text-decoration: underline;
	color: rgb(var(--blue-medium-rgb));
	font-size: 16px;
}
.footer-navigation a:hover {
	text-decoration: none;
}
@media (max-width: 991.98px) {
	.footer-shortcuts, .footer-shortcuts a {
		color: rgb(var(--black-light-rgb));
	}
	.footer-navigation a {
		color: rgb(var(--white-rgb));
	}
}
@media (max-width: 767.98px) {

}

/* ----------------------------------------------------------------
  Elements CE
-----------------------------------------------------------------*/

.frame-layout-borderimage,
.frame-layout-border {
	border: 1px solid #bde3e5;
	margin-bottom: 1.5em;
}
.row.frame-layout-border {
	margin: 0;
}
.frame-layout-borderimage {
	text-align: left;
}
.frame-layout-borderimage .ce-intext.ce-right .ce-gallery,
.frame-layout-borderimage .ce-intext.ce-left .ce-gallery {
	margin-bottom: 0;
}
.frame-layout-borderimage .ce-bodytext,
.frame-layout-border {
	padding: 30px 45px;
}
@media screen and (max-width: 480px) {
	.frame-layout-borderimage .ce-bodytext,
	.frame-layout-border {
		padding: 10px;
	}
	.ce-intext.ce-right .ce-gallery {
		float: none;
		margin-left: 0;
	}
}
.frame-layout-borderimage .ce-bodytext p:last-child {
	margin:0;
}


/* Image Border-radius */
.frame-rounded-circle img {
	border-radius: 50% !important;
}
.offcanvas-body .frame-rounded-circle img {
	max-width: 175px;
}

.frame-layout-zweispaltig .grid-column,
.frame-layout-dreispaltig .grid-column,
.frame-layout-vierspaltig .grid-column {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}
.frame-layout-zweispaltig .grid-column > div {
	width: calc(100% / 2);
}
.frame-layout-dreispaltig .grid-column > div {
	width: calc(100% / 3);
}
.frame-layout-vierspaltig .grid-column > div {
	width: calc(100% / 4);
}

.offcanvas-body .frame-layout-dreispaltig .grid-column > div,
.offcanvas-body .frame-layout-vierspaltig .grid-column > div {
	width: calc(100% / 2);
	padding-right: 3rem;
	padding-bottom: 3rem;
}

@media (max-width:991.98px) {
	.frame-layout-zweispaltig .grid-column,
	.frame-layout-dreispaltig .grid-column,
	.frame-layout-vierspaltig .grid-column {

	}
	.frame-layout-zweispaltig .grid-column > div,
	.frame-layout-dreispaltig .grid-column > div {
		width: 100%;
	}
	.frame-layout-vierspaltig .grid-column > div {
		width: calc(100% / 2);
	}

	.offcanvas-body .frame-layout-dreispaltig .grid-column > div,
	.offcanvas-body .frame-layout-vierspaltig .grid-column > div {

	}
}
@media (max-width:767.98px) {
	.frame-layout-vierspaltig .grid-column > div,
	.offcanvas-body .frame-layout-dreispaltig .grid-column > div,
	.offcanvas-body .frame-layout-vierspaltig .grid-column > div {
		width: 100%;
	}
}


/*	- CType: menu_subpages
	- Bootstrap collapse
 */
ul.menu-subpages-jobs {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.menu-subpages-jobs li,
.collapsible .card-header-heading {
	margin: 5px 0;
	display: block;
}
ul.menu-subpages-jobs li a,
.collapsible .card-header-heading .card-title,
.accordion .accordion-item .accordion-button {
	display: flex;
	flex-direction: row;
	justify-content: start;
	background-color: rgb(var(--blue-medium-rgb));
	color: #fff;
	font-size: 1rem;
	text-decoration: none !important;
	margin: 5px 0;
	border-radius: 5px;
	padding: 14px 20px;
	max-width: 750px;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: relative;
}
.collapsible .card-header-heading .card-title,
.accordion .accordion-item .accordion-button {
	max-width: none;
}
ul.menu-subpages-jobs li a:hover,
.collapsible .card-header-heading .card-title:hover,
.accordion .accordion-item .accordion-button:hover {
	background-color: rgb(var(--primary-rgb));
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
ul.menu-subpages-jobs li a i {
	line-height: unset;
	position: absolute;
	right: 20px;
	font-size: 15px;
	line-height: 26px;
}
ul.menu-subpages-jobs li a i,
.accordion .accordion-item .accordion-button::after {
	background-color: #fff;
	display: inline-block;
	width: 26px;
	height: 26px;
	text-align: center;
	color: rgb(var(--primary-rgb));
	border-radius: 50%;
}

/* Accordion */
.accordion .accordion-item  {
	border: 0 none;
}
.accordion .accordion-item .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300a8ec'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-position: center center;
}
.accordion .accordion-body {
	background-color: var(--bs-accordion-bg);
	border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
	border-radius: var(--bs-accordion-border-radius);
}

/* Jobs / Karriere */
.jobtitle {
	display: inline-block;
	min-width: 65%;
}
.jobcity {
	display: inline-block;
	font-size: 0.9rem;
}


/* Form */
.form-group {
	margin-bottom: 1rem;
}

/* Table */
.table { font-size: 18px; }
.table-responsive { display: inline-block; max-width: 100%; width: auto; }
.table.vertical-center thead th,
.table.vertical-center  td { vertical-align: middle; }
.table.horizontal-center thead th,
.table.horizontal-center td { text-align: center !important; }
.table.vertical-center thead th { line-height: 1.2em; }
tr.double-border { border-top: 2px solid; }
.nowrap {
	white-space: nowrap;
}
th p {
	margin: 0;
}


.ce-gallery[data-ce-columns="5"] {
	/* Attribute exists */
}

@media screen and (max-width: 480px) {
	.frame-layout-full-width-images .ce-gallery[data-ce-columns="4"] .ce-column,
	.frame-layout-full-width-images .ce-gallery[data-ce-columns="5"] .ce-column {
		/* Attribute exists */
		width: 100%;
		margin: 0 0 1.5em;
	}
}


/* Fullheight Images */
.equal-height {

}
.equal-height .grid-column div.frame-type-image,
.equal-height .grid-column div.frame-type-image div,
.equal-height .grid-column .image {
	height: 100% !important;
	float: none;
	display: block;
}
.equal-height img {
	object-fit: cover;
	height: 100% !important;
}


.rotate {
	-moz-transform: rotate(-90.0deg);
	-o-transform: rotate(-90.0deg);
	-webkit-transform: rotate(-90.0deg);
	transform: rotate(-90deg);
	transform-origin: 100% 0;
	display: inline-block;
	white-space: nowrap;
}

.parallax {
	background-color: transparent;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* News */
.news {
	overflow: hidden;
}
.news h3 a {
	color: rgb(var(--primary-rgb));
	text-decoration: none !important;
}
.news .news-list-view .news-list-date {
	display: none;
}

.news-list-item {
	text-align: left;
}
.news-list-item.onecolumn-view .frame-ruler-after {
	margin-bottom: 1.5em;
}

.news-list-item img {
	margin-bottom: 20px;
}
.news-list-date {
	color: #888;
	margin-bottom: 20px;
}
.news-single .footer { border: 0; }
.news {
	margin-bottom: 1em;
}

.news-single .footer {
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	border-bottom: 0;
	border-top: 1px solid #eee;
}

.news-single .article .news-img-wrap {
	float: right;
	width: 282px;
	margin: 0 0 0 25px;
}
.news-single .article .news-img-wrap img {
	float: none;
}
.news-single .teaser-text {
	font-size: 19px;
	color: rgb(var(--primary-rgb));
	font-weight: 700;
}
.news-text-wrap {
	margin-bottom: 10px;
}
.news-img-caption {
	color: #888;
	font-size: 15px;
}

.news .f3-widget-paginator p {
	float:left;
}
.news ul.f3-widget-paginator {
	float:right;
}
.news ul.f3-widget-paginator li {
	float:left;
	display:block;
	padding:0 2px;
	background:none;
}
.news ul.f3-widget-paginator li a {
	display:block;
}


/* Sitelink */
.sitelink {
	position: fixed;
	right: 0;
	top: auto;
	bottom: 180px;
	z-index: 150;
	display: flex;
	flex-direction: column;
}
.sitelink > * {
	background-color: rgb(var(--primary-rgb));
	padding: 60px 24px;
	color: #fff;
	font-size: 17px;
	display: block;
	margin-bottom: 2px;
	margin-left: 2px;
	text-align: center;
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.sitelink a {
	background-color: rgb(var(--blue-dark-rgb));
}
.sitelink > a:hover {
	background-color: rgb(var(--blue-light-rgb));
}
.sitelink a span {
	text-indent: -999em;
	display: inline-block;
}

.sitelink .back-to-top {
	padding-top: 20px;
	padding-bottom: 20px;
}
.sitelink .back-to-top:hover {

}
@media screen and (max-width: 480px) {
	.sitelink > * {
		font-size: 14px;
		padding: 2px 10px
	}

}
@media screen and (max-height: 768px) {
	.sitelink {
		top: 130px;
	}
}

/* back-to-top */
.back-to-top {
	cursor: pointer;
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
.back-to-top:hover {
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	color: rgb(var(--black-light-rgb)) !important;
	background-color: rgb(var(--yellow-rgb)) !important;
}
#footer .back-to-top {
	background-color: rgb(var(--black-light-rgb));
	color: rgb(var(--yellow-rgb));
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	height: 100%;
	text-transform: uppercase;
	text-align: center;
	font-size: 13px;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-direction: column-reverse;
}
#footer .back-to-top:hover {

}
#footer .back-to-top .rotate {
	transform-origin: unset;
}
#footer .back-to-top .rotate span {
	margin-right: 5px;
	margin-left: -5px;
	-webkit-transition: margin .15s ease-in-out;
	-o-transition: margin .15s ease-in-out;
	transition: margin .15s ease-in-out;
}
#footer .back-to-top:hover .rotate span {
	margin-right: 15px;
	margin-left: -15px;
	-webkit-transition: margin .15s ease-in-out;
	-o-transition: margin .15s ease-in-out;
	transition: margin .15s ease-in-out;
}


a:not(.pdfbutton)[target=_blank]:after {
	font-family: 'Font Awesome 5 Free' !important;
	content: "\f35d" !important;
	display:inline-block;
	padding-left: 2px !important;
	padding-right: 4px !important;
	font-size: 11px;
	font-weight: 900;
	position: relative;
	top: -2px;
}
body a.no-external-icon:after,
body .csc-textpic-imagea:after,
body .image a:after,
body figure a:after,
body .image a:after,
body figure a:before,
body .image a:before,
body a.no-external-icon:after,
body a[href^="tel:"]:after,
body a[href$=".pdf"]:after,
body a.fancybox-video:after,
body a.page-icon:after,
body a.pdfbutton:after,
body .contentContainer .csc-textpic-image a:after,
body #navi a:after,
body .contentContainer a.internal-link:after {
	display: none !important;
}


/* Responsiv */

@media (max-width:1399.98px) {
	h1 { font-size: 34px; }
	h2 { font-size: 30px; }
	h3 { font-size: 26px; }

	.grid-column.padding-100 {
		padding: 80px;
	}
	.grid-column.padding-b-80 {
		padding-bottom: 60px;
	}

	#buttonlinks .offcanvas-body {
		font-size: 80%;
	}
	.offcanvas-body .padding-50 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.offcanvas-body ul.menu-subpages-jobs li a {
		padding: 10px;
	}
	.offcanvas-body ul.menu-subpages-jobs li a i {
		width: 20px;
		height: 20px;
		line-height: 20px;
		right: 10px;
		font-size: 12px;
	}



}
@media (max-width:1199.98px) {
	body {
		font-size: 18px;
	}
	h1 { font-size: 26px; }
	h2 { font-size: 24px; }
	h3 { font-size: 22px; }

	.container.padding-b-60 {
		padding-bottom: 20px;
	}
	.grid-column.padding-100 {
		padding: 40px;
	}

	.offcanvas-body .frame-layout-dreispaltig .grid-column > div,
	.offcanvas-body .frame-layout-vierspaltig .grid-column > div {
		padding-right: 10px;
	}
	.offcanvas-body .frame-rounded-circle img {
		max-width: 125px;
	}

	#header #buttonlinks .offcanvas {
		width: 75%;
	}

	ul.menu-subpages-jobs li a {
		flex-direction: column;
	}

	#mainNavigation .nav-link {
		font-size: 17px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.navbar-nav-footer {
		justify-content: start;
		max-width: none;
	}
	.navbar-nav-footer a {
		font-size: 16px;
		margin-right: 10px;
	}


	#footer {
		font-size: 16px;
	}
	#footer p.ce-headline {
		font-size: 17px;
	}
	#footer .back-to-top {
		display: none !important;
	}

	#footer .footer-logos > div {
		display: flex;
		justify-content: center;
	}


}
@media (max-width:991.98px) {

	body {
		font-size: 17px;
	}

	#header {
		height: 100px;
	}
	#header .container {
		flex-direction: column;
	}
	#header .navbar-brand {
		position: static;
	}
	#header nav.container:after {
		display: none;
	}
	#header .navbar-menu-wrap {
		margin-top: 20px;
	}
	#header .navbar-toggler {
		margin-left: 10px;
	}
	#header .searchbar {
		display: none !important;
	}
	#header #mainNavigation {
		top: 158px;
	}

	#header nav.container::after {
		display: none;
	}

	.navbar-nav-footer {
		display: none;
	}

	#header #buttonlinks .offcanvas {
		width: 85%;
	}
	#header #mainNavigation .offcanvas-body .menu-backgroundimage {
		display: none;
	}

	#footer p.ce-headline {
		color: rgb(var(--black-light-rgb));
		margin-bottom: 4px;
	}

	.news-list-item h3 {
		font-size: 20px;
		font-weight: 700;
	}

}
@media (max-width:767.98px) {
	body h1 { font-size: 24px; }
	body h2 { font-size: 22px; }
	body h3 { font-size: 20px; }

	#buttonlinks {
		margin-right: 10px;
	}
	#buttonlinks a.btn {
		padding: 4px 10px;
		letter-spacing: 0;
	}

	#header .navbar-toggler {
		margin-right: 0;
		padding: 2px;
	}
	#header #mainNavigation {
		top: 154px;
	}

	#mainNavigation.offcanvas {
		height: 100%;
	}

	.frame-default .row > * {
		margin-bottom: 30px;
	}
	#footer .footer-row.footer-top .row > * {
		margin-bottom: 10px;
	}

	.navbar-nav-footer a {
		margin-right: 10px;
	}

	#header .navbar-menu-wrap {
		flex-direction: column;
	}

	.padding-t-30 {
		padding-top: 15px;
	}
	.padding-b-30 {
		padding-bottom: 15px;
	}
	.padding-40 {
		padding: 20px;
	}
	.padding-t-60 {
		padding-top: 30px;
	}
	.padding-b-60,
	.padding-b-100 {
		padding-bottom: 30px;
	}
	.grid-column.padding-100 {
		padding: 20px;
	}

}
@media (max-width:575.98px) {

	#header > .container {
		padding-left: 0;
		padding-right: 0;
	}
	#header #buttonlinks {
		display: flex;
		flex-direction: row;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-right: 0;
	}
	#header .navbar-toggler {
		margin-left: 0;
	}

	#header #buttonlinks .offcanvas .offcanvas-header {
		top: 6px;
		right: 6px;
	}

	#header #buttonlinks .offcanvas {
		width: 100%;
	}
	#header .offcanvas-body .container {
		padding: 10px 4%;
		margin: 0;
		width: 100% !important;
	}

	#header #mainNavigation {
		top: 212px;
	}

	ul.menu-subpages-jobs li .jobtitle {
		max-width: 100%;
	}
	ul.menu-subpages-jobs li a i {
		display: none;
	}

	#buttonlinks a.btn {
		width: 100%;
	}
	#buttonlinks .offcanvas a.btn {
		margin-right: 0;
	}

	.frame-default .row > * {
		margin-bottom: 20px;
	}

	#footer .footer-logos > div {
		padding: 0 !important;
	}

	#footer .footer-logos svg {
		padding: 0 !important;
		width: auto !important;
		height: 66px !important;
	}

	.tx-rflipbook .ce-gallery,
	.tx-rflipbook .ce-bodytext {
		float:none;
	}

	.sitelink {
		right: 8px;
	}

	.btn {
		width: 100%;
	}
}

@media (min-width:576px) {

}

@media (min-width:768px) {

}

@media (min-width:992px) {

}

@media (min-width:1200px) {

}

@media (min-width:1400px) {

}

@media (min-width: 768px) and (max-width: 1199.98px) {

}