/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('OpenSansCondensed-Light.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('OpenSansCondensed-Bold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('montserrat-v29-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('montserrat-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('montserrat-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('montserrat-v29-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}






* {outline: none; font-family: "Open Sans Condensed", sans-serif; font-size: 20px; line-height: 80%;  box-sizing: border-box;}
html, body {padding: 0; margin:0; }
body {background-color: #ffffff; overflow-y: scroll; }

div.wrap { max-width: 1600px; margin: 0 auto;}
header {width: 100%; position: relative;z-index: 100;}

@media screen and (max-width: 700px) {

	/* header { height: 90vw; background-size: cover;} */
}


#topbar {
	background-color: #0c637f;
	height: 25px;
	width: 100%;
	position: relative;
}
@media screen and (max-width: 750px) { #topbar { height: 6.66vw; }  }

.kristalle_unten {background-image: url('kristalle_unten.png'); height: 210px; width: 100%; background-position: center; position: absolute; top: -3px; z-index: 5;  }


.navi_bg {  position: absolute; top: 0px; right: 0px; z-index: 1200; padding-top: 10px; text-transform: uppercase; font-size: 12px; color: #1d9fca; padding-right: 20px; font-weight: bold;}
@media screen and (min-width: 900px) { 
.navi_bg { padding-right: 100px; }
}
.navi_bg a {  text-transform: uppercase; font-size: 12px; text-decoration: none; color: #ccc ! important; font-weight: bold;  }
.logo { position: relative; padding-top: 40px; padding-left: 25px; padding-bottom: 40px; padding-right: 25px; background-color: rgba(255,255,255,0.9); text-align: left;}
.logo a {display: inline-block; }
.logo a  {width: 437px; max-width: 70%; }
@media screen and (min-width: 900px) { 
.logo a  {margin-left: 110px;}
}


@media screen and (max-width: 750px) { .logo { padding-top: 5vw; padding-bottom: 5vw; }  }

.metanav {
	top: 99px;
	right: 0px;
	position: absolute;
	margin-right: 135px; 
}

@media screen and (max-width: 950px) { .metanav { display: none; } }

.metalink {
	border: 2px solid #ddf1ef;
	border-radius: 12px;
	font-size: 14px;
	color: #000;
	font-family: 'Montserrat';
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding: 5px;
	padding-top: 35px;
	padding-bottom: 14px;
	min-width: 76px;
	text-align: center;
	transition: 200ms;
}
.metalink:hover {
	border: 2px solid #16607f;
	background-color: #03a0ca;
	color: #fff;
	transition: 200ms;
}

.metabutton {
	border: 2px solid #03a0ca;
	border-radius: 12px;
	font-size: 16px;
	color: #fff;
	background-color: #03a0ca;
	font-family: 'Montserrat';
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 20px 20px;
	width: 100%;
	text-align: center;
	margin-top: 6px;
	transition: 200ms;
}

.metabutton:hover {
	border: 2px solid #16607f;
	background-color: #03a0ca;
	color: #fff;
}


.metabutton2 {
	border: 2px solid #ddf1ef;
	border-radius: 12px;
	font-size: 20px;
	color: #000;
	background-color: #ddf1ef;
	font-family: 'Montserrat';
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 20px 20px;
	width: 100%;

	text-align: center;
	margin-top: 6px;
}
.metabutton2:hover {
	border: 2px solid #16607f;
	background-color: #03a0ca;
	color: #fff;
}


nav { 
  z-index: 300;
  position: relative;
  padding: 0;



  }
nav section { 
  background-color: rgba(3,160,202,1);
  border-bottom: 1px solid #fff;
}


@media screen and (max-width: 1200px) {
	#mainnav {display: none; z-index: 2000; background-color: #fff; position: Relative; margin-top: 0;}
	#mainnav.shown {display: block;}
	nav ul, nav li {
		list-style: none;
	}
	#mainnav {padding-left: 0;}
	#mainnav a {text-decoration: none; font-weight: normal; color: #515054; display: block; padding: 10px 10px; width: 100%; border-bottom: 1px solid #eee; font-size: 20px; font-family: "Open Sans", sans-serif; color: #0c637f; line-height: 120%  }
	#mainnav a:hover { background-color: #03a0ca; color: #fff; }
}

#mobilenav {margin: 0;}
#mobilenav li {text-align: right; padding: 5px; padding-right: 20px;}
@media screen and (min-width: 1201px) {
	#mobilenav {display: none;}
}


#mainnav {font-size: 0;}
nav > section >  ul > li > a {
	text-transform: uppercase;
}

@media screen and (max-width: 1200px) {
	#mainnav >   li > a {
		text-transform: uppercase;
		font-weight: bold ! important;
		background-color: #03a0ca;
	}
		
}


@media screen and (min-width: 1200px) {
	
nav > section >  ul > li.current {
		background-color: #0c637f;
}	

	 nav > section > ul {
		display: block;
		margin-left: 40px;
		margin-right: 100px;
		position: relative;
		padding-left: 80px;
		z-index: 1000;
		margin: 0;
	}
	 nav > section >  ul > li {
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		
		
		}
	
		
		
	 nav > section >  ul > li  ul{ display: none; }
	 /* nav > section >  ul > li > a { color: #000; text-decoration: none; 	font-size: 20px; padding-bottom: 20px; transition: color 200ms; font-family: "Open Sans", sans-serif; font-weight: 400; padding-top: 15px; text-shadow: 0 0 2px #fff; text-shadow: 0 0 4px #fff; text-shadow: 0 0 8px #fff; } */
	 nav > section >  ul > li > a { 
	 display: inline-block;
	 color: #fff; text-decoration: none; 	font-size: 22px;  transition: color 200ms; font-family: "Montserrat", sans-serif; font-weight: 400; 
	 /* text-transform: uppercase; */
		border-left: 1px solid #fff;
		padding: 10px 20px;
	 }
	 nav > section >  ul > li:last-of-type  { padding-right: 0px;}
	 nav > section >  ul > li > a:hover { color: #000; transition: color 200ms;  }
	 
	 nav > section >  ul > li  ul > li a { line-height: 140%;  color: #fff;}
	 nav > section >  ul > li  ul > li a:hover {color: #cb181b; }
	 .activenav a {color: #333; text-decoration: none; padding-bottom: 5px; border-bottom: 2px solid #005aa1;}


	 nav > section > ul > li:hover > ul.main_subnav {
		list-style: none;
		display: none;
		position: absolute;
		margin-top: 0px;
		padding-top: 0px;
		padding-left: 0;
		margin-left: 0px;
		background-color: #fff;

	}
	 nav > section > ul > li:hover > ul.main_subnav li {
		text-align: left;
		background-color: #03a0ca;
		
		/* border-bottom: 1px solid #ccc; */
		
	}
	 nav > section > ul > li:hover > ul.main_subnav li a {
		border-bottom: 0;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
		color: #fff; text-decoration: none; 	font-size: 22px;
			text-transform: initial;
			font-size: 16px;
			min-width: 120px;
			z-index: 100;
			white-space: nowrap;
	}
	 nav > section > ul > li:hover > ul.main_subnav li:hover {
		background-color: #f2f2f2;
	}
 nav > section > ul > li:hover > ul.main_subnav li:hover  a{
		color: #000;
	}	
}



nav > section > ul.login {
		display: table;
		margin-left: 40px;
		margin-right: 100px;
		position: absolute;
		top: 0; left: 20px;
		z-index: 1000;
	}
	 nav > section >  ul.login > li {
		display: table-cell;
		vertical-align: top;
		padding-right: 30px;
		



		text-decoration: none;
		
		
		}
	
		
		
	 nav > section >  ul.login > li  ul{ display: none; }
	 /* nav > section >  ul > li > a { color: #000; text-decoration: none; 	font-size: 20px; padding-bottom: 20px; transition: color 200ms; font-family: "Open Sans", sans-serif; font-weight: 400; padding-top: 15px; text-shadow: 0 0 2px #fff; text-shadow: 0 0 4px #fff; text-shadow: 0 0 8px #fff; } */
	 nav > section >  ul.login > li > a { color: #fff; text-decoration: none; 	font-size: 20px; padding-bottom: 20px; transition: color 200ms; font-family: "Open Sans", sans-serif; font-weight: 400; padding-top: 15px;  }
	 nav > section >  ul.login > li:last-of-type  { padding-right: 0px;}
	 nav > section >  ul.login > li > a:hover { color: #000; transition: color 200ms;  }
	 nav > section >  ul.login > li.current > a { color: #000; }
	


#navbtn {
	display: none;
}
#scroll2top {
	display: none;
}
.mobileonly {display: none;}
@media screen and (max-width: 1200px) {
	.mobileonly {display: inline-block;}
	#mainnav li {width: 100%;}
	#navbtn {
		position: relative;
		font-size: 27pt;
		color: #fff;
		cursor: pointer;
		display: initial;
		z-index: 3000;
	}
	.scrolled #scroll2top {
		position: relative;
		font-size: 27pt;
		color: #fff;
		cursor: pointer;
		display: initial;
		margin-right: 20px;
		z-index: 3000;
	}	
}


@media screen and (max-width: 900px) {
	nav > section > ul > li > a { font-size: 21pt; }
}


main {padding-left: 80px; padding-right: 80px; margin-top: 40px; margin-bottom: 40px;}
@media screen and (max-width: 1000px) {
main {padding-left: 20px; padding-right: 20px;}	
}
main p {font-size: 20px; line-height: 24px; color: rgba(0,0,0,0.95); font-weight: 400;}
main ul li {font-size: 20px; line-height: 24px; color: rgba(0,0,0,0.95); font-weight: 400;}
main ol li {font-size: 20px; line-height: 24px; color: rgba(0,0,0,0.95); font-weight: 400;}
main h1 {font-size: 42px; line-height: 48px; color: #0c637f; font-weight: 200;  font-family: "Open Sans", sans-serif; border-bottom: 1px solid #0c637f; padding-bottom: 10px; margin-bottom: 30px;}
main h2 {font-size: 32px; line-height: 40px; color: #0c637f; font-weight: 400;  font-family: "Open Sans", sans-serif; margin-top: 30px; margin-bottom: 10px;}
main h3 {font-size: 24px; line-height: 32px; color: #000; font-weight: 500;  font-family: "Open Sans", sans-serif;}


@media screen and (max-width: 700px) {
	main h1 {font-size: 26px; line-height: 29px; margin-bottom: 10px; }
	main h2 {font-size: 23px; line-height: 27px; margin-top: 20px; }
	main h3 {font-size: 20px; line-height: 24px; margin-top: 20px; }
}


.img > img {max-width: 100%;}
.half > img {max-width: 100%;}
.wrap > .img {position: relative;}
main .button {display: inline-block; font-size: 20px; line-height: 20px; background-color: #03a0ca; color: #fff; border-radius: 4px; font-family: "Open Sans Condensed", sans-serif; padding: 15px 20px; text-decoration: none;  margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}  
main .button:hover {background-color: #0c637f; color: #fff; transition: 300ms;}
div.half {display: inline-block; vertical-align: top; width: 50%;}
@media screen and (max-width: 800px) {
	div.half { width: 100%;}
}

.bluebg {background-color:  #0c637f; position: relative; }
.bluebg main p, .bluebg main h1, .bluebg main h2 { color: #fff; }
.bluebg main .button {background-color: #fff; color: #0c637f; }  
.bluebg main .button:hover {color: #2b6ca3; transition: 300ms;}




@media screen and (max-width: 1400px) { 
.mobimg > img{opacity: 0;}
.mobimg {background-position: top center; overflow: hidden;}
}
@media screen and (max-width: 700px) { 
.mobimg > img{width: 1000px;}
.mobimg {background-size: cover;overflow: hidden;}
}


footer {padding-top: 50px; padding-bottom: 100px; background-color:  #0c637f;;}
footer section > ul {
	list-style: none;
	display: table;
	padding-left: 0;
	float: left;
	margin-top: 0;
	width: 100%;
}

@media screen and (max-width: 1200px) { 
	footer section > ul {
		display: none;
	}
}

footer section {padding-top: 30px; padding-left: 80px; padding-right: 80px;}
footer section > ul > li {
	display: table-cell;
	padding-right: 20px;
	text-align: left;
	width: 16%;
}
@media screen and (max-width: 1000px) { 
	footer section > ul > li { display: initial; }
}


li.fnav { padding-right:20px;}
footer section > ul > li > a {
		color:#1a1a1a;
		transition: color 200ms;
	text-transform: initial;
	font-weight: 400;
	text-decoration: none;
	padding-bottom: 20px;
	display: block;
	color: #03a0ca;
	font-family: "Open Sans", sans-serif;
	white-space: nowrap; 
}
footer section > ul ul {
	display: block;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
footer section > ul ul li {
	display: block;
	list-style: none;
padding-left: 0;
	margin-left: 0;	
	padding-bottom: 10px;
}
footer section > ul ul li:last-of-type {
		padding-right: 0;
}
footer section > ul ul li a{
	color: #fff;
	transition: color 200ms;
	font-size: 18px;
	text-transform: initial;
	line-height: 120%;
	text-decoration: none;
}
footer section > ul ul li a:hover{
	color: #03a0ca;
	transition: color 200ms;
}
footer section > ul > li > a:hover{
	color: #fff;
	transition: color 200ms;
}
#copy {
	float: left;
	line-height: 28px;
}
#copy, #copy * {
	font-size: 16px;
	color: rgba(255,255,255,0.8);
	transition: color 200ms;
	text-decoration: none;
}
#copy a:hover {
	color: rgba(255,255,255,1);
	transition: color 200ms;
}
#copy u {font-size: 28px; color: rgba(255,255,255,1);   }

#social {display: table-cell; vertical-align: top;}
#social a {color: #000; font-size: 14px;}
#social a:hover {	color: #03a0ca; font-size: 14px;}
#dhv {display: table-cell;  vertical-align: top; text-align: right;}
#lastrow {text-align: center; color: rgba(255,255,255,0.5); font-size: 11pt; padding-top: 40px; width: 100%; }
#lastrow img {display: inline-block; height: 25px;}
aside {background-color: #03a0ca; padding-top: 50px; padding-bottom: 80px;}
aside h2 {color: #fff;}

@media screen and (max-width: 1000px) { 
	/* footer section > ul { display: none; } */
	#lastrow {padding-top: 0;}
	footer section {padding-top: 0;}

	li.fnav { width: 100%; display: block; padding-bottom: 50px; text-align: center; padding-right: 0; }
	
}
@media screen and (max-width: 600px) { 
	footer div { display: block ! important; text-align: center ! important; }
	#dhv {padding-left: 0;}
	footer section {padding: 20px 0;}
	#social {padding: 40px; padding-bottom: 80px;}
	
}
@media screen and (max-width: 1130px) { 
	#copy {
		float: right;
		display: block;
		width: 100%;
		line-height: 150%;
		text-align: center;
	}
}


main a {text-decoration: none; color: #0c637f;}
main a:hover { text-decoration: underline;}
.button:hover {text-decoration: none ! important;}


div.legal {

	text-align: center;
	color: #fff;
	font-size: 10pt;
}
div.legal a {
	font-size: 10pt;
	color: #fff;
	
	text-decoration: none;
	
}


main h1 a, main h2 a {font-size: inherit; color: inherit; line-height: inherit; font-family: inherit; text-decoration: none;}
main h1 a:hover, main h2 a:hover {font-size: inherit; color: inherit; line-height: inherit; font-family: inherit; text-decoration: none;}

nav {transition: 400ms;}
@media screen and (min-width: 100px) { 
	body.scrolled nav {
		margin: 0 auto;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		background: none;
	
		
	}
	body.scrolled nav section {	
			max-width: 1600px;
		margin: 0 auto;	
		background-color: rgba(3,160,202,1);
	}
	body .navi_bg {transition: 500ms 500ms; }
	body.scrolled .navi_bg {background-color: rgba(255,255,255,1); transition: 500ms; }
	body .logo {opacity: 1; transition: opacity 500ms; }
	body.scrolled .logo {opacity: 0; transition: opacity 500ms; }
}

@media screen and (max-width: 600px) {
	header {background-image: none !important;}
	.main a {text-decoration: underline;}
}

/*

main {transition: opacity 500ms;}
body.shiny main {opacity: 25%; transition: opacity 500ms;}

*/


.sidebar {display: none;}
@media screen and (min-width: 1200px) { 
	.sidebar {display: inline-block; width: 300px; vertical-align: top; padding-top: 80px;}
	.sidebar ul {list-style-type: none; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0}
	.sidebar li {list-style-type: none; margin-left: 0; padding-left: 0;}
	.sidebar .current {font-weight: bold;}
	.main {display: inline-block; width: calc(100% - 370px);  vertical-align: top; padding-left: 50px;}
	
	.page1 .sidebar { display: none;}
	.page1 .main { width: 100%;}
}
@media screen and (max-width: 1200px) { 
	.sidebar { display: none; padding-top: 30px; padding-bottom: 30px;}
	.sidebar ul, .sidebar li {display: none; margin: 0; padding: 0;}
	.sidebar br {display: none;}
}

.home-box {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 390px;
	padding-right: 50px;
}

.home-box h2 {
	/* border-bottom: 1px solid #0c637f; */
}

main p > b, main p > strong {font-weight: 600;}
a.button {font-weight: 400; text-decoration: none;}




@media screen and (min-width: 1300px) { 
.conflogo {max-width: 80%; margin-top: -50px; margin-bottom: 30px; }
}
@media screen and (max-width: 1300px) { 
.conflogo {max-width: 200px; display: block; margin-top: -20px; margin-bottom: 30px;  }
}

.socialnav { width: 100%; text-align: center; margin-top: 50px; margin-bottom: 20px;}
.socialnav a {color: #fff; padding: 10px;}
.socialnav a:hover {color: #03a0ca; }
.legal a:hover {color: #03a0ca; text-decoration: none;}

.sidebar a.button {background-color: #ddf1ef;}
.sidebar a.button:hover {background-color: #03a0ca; color: #fff;}

.content_image {width: 100%; text-align: center;}
.content_image img {max-width: 100%;}
.content_image span {width: 100%; text-align: center; font-size: 11px; color: #ccc; }


#sidebarnav {display: none;}
@media screen and (min-width: 1200px) {
	.sidebar_subnav {list-style: none;  margin: 0; padding: 0;}
	#sidebarnav {display: block; background-color: #03a0ca; display: block; margin: 0; padding-top: 20px; padding-left: 101px;}	
	#sidebarnav li {display: inline-block; list-style: none;  padding-bottom: 20px;}	
	#sidebarnav li a { color: #fff; font-size: 22px;}	
	#sidebarnav li span { color: #fff;}	
	#sidebarnav li:last-of-type span { display: none;}	
	/* #sidebarnav li.current a  { color: #000;} */
	
}


	.quarter {width: 25%; display: inline-block; vertical-align: top;}
	.third {width: 33.3%; display: inline-block; vertical-align: top;}
	.half {width: 49.9%; display: inline-block; vertical-align: top;}
	main h1 {font-family: "Montserrat"; color: #03a0ca; text-transform: uppercase; font-weight: 400; font-size: 40px; margin-bottom: 10px; line-height: 120%; letter-spacing: -1px; margin-bottom: 50px; text-decoration: none; border: 0;}
	main h2 {font-family: "Montserrat"; color: #03a0ca; text-transform: uppercase; font-weight: 400; font-size: 40px; margin-bottom: 10px; line-height: 120%; letter-spacing: -1px; margin-bottom: 50px;}
	main a.h2link {display: block; font-family: "Montserrat"; color: #03a0ca; text-transform: uppercase; font-weight: 400; font-size: 40px; margin-bottom: 10px; line-height: 120%; letter-spacing: -1px; text-decoration: none;}
	main a.h2link:hover {color: #0c637f;  text-decoration: none;}
	main h2 u {font-family: inherit; color: #0c637f; font-weight: inherit; font-size: inherit; line-height: inherit; text-decoration: none;}
	main h3 {font-family: "Montserrat"; color: #0c637f; text-transform: uppercase; font-weight: 400; font-size: 16px; margin-bottom: 10px; line-height: 120%;}
	
	main p {font-size: 20px; color: #1d1d1b; font-family: "Open Sans Condensed"; margin-top: 10px; margin-bottom: 10px; line-height: 130%;}
	main div.greenbg {font-size: 20px; color: #000; font-family: "Open Sans Condensed"; margin-top: 10px; margin-bottom: 10px; line-height: 130%;background-color: #03a0ca; border-radius: 3px; padding: 10px;}
	
	@media screen and (min-width: 1100px) {
		
		.quarter:nth-of-type(4n+1) article {padding-right: 15px;}
		.quarter:nth-of-type(4n+2) article {padding-right: 15px; padding-left: 15px;}
		.quarter:nth-of-type(4n+3) article {padding-right: 15px; padding-left: 15px;}
		.quarter:nth-of-type(4n+4) article {padding-left: 15px;}
		
		
		.third:nth-of-type(3n+1) article {padding-right: 50px;}
		.third:nth-of-type(3n+2) article {padding-right: 25px; padding-left: 25px;}
		.third:nth-of-type(3n+3) article {padding-left: 50px;}
		
		.half:nth-of-type(2n+1) article {padding-right: 50px;}
		.half:nth-of-type(2n+2) article {padding-left: 40px;}
	}

	@media screen and (max-width: 1100px) {
		.third {width: 49.9%; }
		.quarter {width: 49.9%; }
		.third:nth-of-type(2n+1) article {padding-right: 25px;}
		.third:nth-of-type(2n+2) article {padding-left: 25px;}
		
		
		.quarter:nth-of-type(2n+1) article {padding-right: 50px;}
		.quarter:nth-of-type(2n+2) article {padding-left: 50px;}		
	}	
	
	@media screen and (max-width: 600px) {
		.third {width: 100%; }
		.half {width: 100%; }
		.quarter {width: 100%; }
		article {padding: 0 ! important;}
		main h2 { font-size: 30px; }
	}	
	
	
.text-breitbild {font-size: 0; margin-bottom: 20px;}	
.text-breitbild > div:first-of-type{ display: inline-block; vertical-align: top; width: 33.3%; padding-right: 25px; }
.text-breitbild > div:last-of-type{ display: inline-block; vertical-align: top; width: 66.6%; padding-left: 25px; padding-top: 10px;}
.text-breitbild > div:last-of-type .content_image{ text-align: right;}
@media screen and (max-width: 1100px) {
	.text-breitbild > div:first-of-type{ width: 50%; }
	.text-breitbild > div:last-of-type{ width: 50%; }
}	
@media screen and (max-width: 600px) {
	.text-breitbild > div:first-of-type{ width: 100%; padding-right: 0; }
	.text-breitbild > div:last-of-type{ width: 100%; padding-left: 0; }
}	



/*  ------------------- */

.breit-dunkelblau-hellblau {font-size: 0; margin-bottom: 50px; display: flex;}	
.breit-dunkelblau-hellblau > div:first-of-type{padding-bottom: 50px; display: inline-block; vertical-align: top; width: calc(66.6% - 20px); padding-left: 80px; padding-right: 40px; background-color: #0c637f; }
.breit-dunkelblau-hellblau > div:last-of-type{ 
	padding-bottom: 50px;
	display: inline-block; vertical-align: top; width:  calc(33.3% + 20px); padding-left: 40px; padding-right: 80px; padding-top: 10px; background-color: #03a0ca;}
.breit-dunkelblau-hellblau > div:last-of-type .content_image{ text-align: right;}
@media screen and (max-width: 1100px) {
	.breit-dunkelblau-hellblau > div:first-of-type{ width: 50%; }
	.breit-dunkelblau-hellblau > div:last-of-type{ width: 50%; }
	.breit-dunkelblau-hellblau .half {width: 100% ! important;}
}	
@media screen and (max-width: 1000px) {
		.breit-dunkelblau-hellblau > div:first-of-type{ padding-left: 20px; padding-right: 20px; }
	.breit-dunkelblau-hellblau > div:last-of-type{  padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width: 600px) {
	.breit-dunkelblau-hellblau {font-size: 0; margin-bottom: 50px; display: block;}	
	.breit-dunkelblau-hellblau > div:first-of-type{ width: 100%; padding-right: 0; padding-left: 20px; padding-right: 20px; }
	.breit-dunkelblau-hellblau > div:last-of-type{ width: 100%; padding-left: 0;  padding-left: 20px; padding-right: 20px; }
}	
.breit-dunkelblau-hellblau > div:first-of-type h2 { margin-top: 40px; margin-bottom: 20px; color: #fff; }
.breit-dunkelblau-hellblau > div:first-of-type h2 u {  color: #03a0ca; }
.breit-dunkelblau-hellblau > div:first-of-type p  {  color: #fff; }
.breit-dunkelblau-hellblau > div:first-of-type h3  {  color: #fff; background-color: #03a0ca; border-radius: 3px; padding: 5px;  }
.breit-dunkelblau-hellblau > div:last-of-type h3 { margin-top: 40px; color: #fff; }
.breit-dunkelblau-hellblau > div:last-of-type p {  color: #fff; }




.hellblau-breit-hellblau {font-size: 0; margin-bottom: 50px; display: flex;}	
.hellblau-breit-hellblau > div:first-of-type{padding-bottom: 50px; display: inline-block; vertical-align: top; width: calc(33.3% - 20px); padding-left: 80px; padding-right: 40px; background-color: #03a0ca; }
.hellblau-breit-hellblau > div:last-of-type{ 
	padding-bottom: 50px;
	display: inline-block; vertical-align: top; width:  calc(66.6% + 20px); padding-left: 40px; padding-right: 80px; padding-top: 10px; background-color: #03a0ca;}
.hellblau-breit-hellblau > div:last-of-type .content_image{ text-align: right;}
@media screen and (max-width: 1100px) {
	.hellblau-breit-hellblau > div:first-of-type{ width: 50%; }
	.hellblau-breit-hellblau > div:last-of-type{ width: 50%; }
	.hellblau-breit-hellblau .half {width: 100% ! important;}
}	
@media screen and (max-width: 1000px) {
		.hellblau-breit-hellblau > div:first-of-type{ padding-left: 20px; padding-right: 20px; }
	.hellblau-breit-hellblau > div:last-of-type{  padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width: 600px) {
	.hellblau-breit-hellblau {font-size: 0; margin-bottom: 50px; display: block;}	
	.hellblau-breit-hellblau > div:first-of-type{ width: 100%; padding-right: 0; padding-left: 20px; padding-right: 20px; }
	.hellblau-breit-hellblau > div:last-of-type{ width: 100%; padding-left: 0;  padding-left: 20px; padding-right: 20px; }
}	
.hellblau-breit-hellblau > div:first-of-type h2 { margin-top: 40px; margin-bottom: 20px; color: #fff; }
.hellblau-breit-hellblau > div:first-of-type h2 u {  color: #03a0ca; }
.hellblau-breit-hellblau > div:first-of-type p  {  color: #fff; }
.hellblau-breit-hellblau > div:first-of-type h3  {  color: #fff; background-color: #03a0ca; border-radius: 3px; padding: 5px;  }
.hellblau-breit-hellblau > div:last-of-type h3 { margin-top: 40px; color: #fff; }
.hellblau-breit-hellblau > div:last-of-type p {  color: #fff; }



/*  ------------------- */




.graubg {background-color: #f8f9fb; padding: 20px 80px;}	
@media screen and (max-width: 1000px) {
	.graubg { padding: 20px 20px;}
}	

/*  ------------------- */


main a {color: #03a0ca; text-decoration: none; font-family: inherit;}
main a:hover {color: #03a0ca; text-decoration: underline;}

main > h2 {margin-top: 80px;}

	div.person {display: inline-block; vertical-align: top; padding-right: 50px; max-width: 265px; padding-bottom: 60px;}
	div.person h3 {min-height: 55px;}
	div.person-foto {width: 215px; height: 150px; border-radius: 3px; background-color: #03a0ca; background-size: cover; background-position: center center;}
	div.person-name { margin-top: 20px; font-family: "Open Sans Condensed"; color: #0c637f; font-weight: 400; font-size: 16px; padding-bottom: 3px; line-height: 120%; }
	div.person-name span {text-transform: uppercase; font-family: inherit;}
	div.person-text { margin-top: 20px;
  font-family: "Open Sans Condensed";
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 3px;
  line-height: 120%;
  color: #0c637f; }
  
  div.person-ag { 
	width: 100%;
	max-width: 350px;
  }
  
  @media screen and (max-width: 600px) {
	  div.person {display: inline-block; vertical-align: top; padding-right: 50px; max-width: 100%; padding-bottom: 60px;}
  }
  
  
  .box {display: inline-block; vertical-align: top; padding-right: 50px; width: 100%; max-width: 500px; font-size: 24px;}
  .box p {font-size: 24px; line-height: 120%;}
	
	
	
.bildmodus2 {
	max-width: 66%;
	float: right;
	margin-left: 25px;
	padding-left: 25px;
}	
	
	
main img {border-radius: 3px;}	

.linkreihe a {font-family: "Montserrat"; color: #0c637f; text-transform: uppercase; font-weight: 400; font-size: 16px; margin-bottom: 10px; line-height: 120%; vertical-align: middle; display: block; border }
.linkreihe a:hover { text-decoration: none; }
.linkreihe a span {font-family: inherit; font-size: inherit; display: inline-block; line-height: inherit; max-width: 90%; vertical-align: middle;  }
.linkreihe a img {vertical-align: middle; margin-left: 10px;  }


@media screen and (min-width: 1100px) {
	.linkreihe {display: flex; }
	.linkreihe > div{flex: 1; border-right: 4px solid #fff; }
	.linkreihe > div:last-of-type{ border-right: 0px; }
}





	.boxen {
		display: flex;
		flex-wrap: wrap;
		gap: 2px; 
		
	}
	.emptybox {display: none;}
	.box33 { display: inline-block; width: calc(33.33% - 2px);  padding-left: 80px; padding-right: 80px; padding-top: 80px; padding-bottom: 80px;}
	.box66 { display: inline-block; width: calc(66.66% - 2px);  padding-left: 80px; padding-right: 80px;  padding-top: 80px; padding-bottom: 80px;}

	.box-bild {padding: 0;}
	.box-breitbild {padding: 0;}

	.box33 a  { font-size: inherit; }
	.box-bild img { width: 100%; height: 100%; object-fit: cover; }
	.box-bild .content_image { width: 100%; height: 100%; object-fit: cover; }

	
	
	.box-hellblau {background-color: #03a0ca;}
	.box-hellblau h2 {color: #fff;}
	.box-hellblau h3 {color: #fff;}
	.box-hellblau p {color: #fff;}
	.box-hellblau p a {color: #0c637f;}
	
	.box-petrol {background-color: #0c637f;}
	.box-petrol h2 {color: #fff;}
	.box-petrol h3 {color: #fff;}
	.box-petrol p {color: #fff;}	
	.box-petrol p a {color: #03a0ca;}
	
	.box-mint {background-color: #03a0ca;}
	.box-mint h2 {color: #0c637f;}
	.box-mint h3 {color: #0c637f;}
	.box-mint p {color: #1f1f1f;}		
	.box-mint p a {color: #0c637f;}
	
	.box-grau {background-color: #f8f9fb;}
	.box-grau h2 {color: #0c637f;}
	.box-grau h3 {color: #0c637f;}
	.box-grau p {color: #1f1f1f;}		
	
	.box-weiss {background-color: #fff;}
	.box-weiss h2 {color: #0c637f;}
	.box-weiss h3 {color: #03a0ca;}
	.box-weiss p {color: #1f1f1f;}		
	
	.box33 h2 {margin-top: 10px; margin-bottom: 10px;}
	.box33 h3 {margin-top: 10px; margin-bottom: 10px;}
	.box33 p {margin-top: 20px; margin-bottom: 10px;}
	
	@media screen and (max-width: 1150px) { 
		.box33 {  width: calc(50% - 2px); }
		.box66 {  width: 100%; }
	}
	
@media screen and (max-width: 700px) { 
		.box33 {  width:100%;  }
		.box66 {  width: 100%; }
	}	
	
	
	
	.bg_hellblau {background-color: #03a0ca; padding: 40px 80px; border-bottom: 2px solid #fff; width: calc(100% - 2px);}
	.bg_hellblau h2 {color: #fff; margin-top: 10px; margin-bottom: 10px; }
	.bg_hellblau h3 {color: #fff; margin-top: 10px; margin-bottom: 10px;}
	.bg_hellblau p {color: #fff; margin-top: 20px; margin-bottom: 10px;}
	.bg_hellblau p a {color: #0c637f; font-size: inherit;}

	
	.bg_petrol {background-color: #0c637f; padding: 40px 80px; border-bottom: 2px solid #fff; width: calc(100% - 2px);}
	.bg_petrol h2 {color: #fff; margin-top: 10px; margin-bottom: 10px;}
	.bg_petrol h3 {color: #fff; margin-top: 10px; margin-bottom: 10px;}
	.bg_petrol p {color: #fff; margin-top: 20px; margin-bottom: 10px;}
	.bg_petrol p a {color: #0c637f; font-size: inherit;}

	.bg_mint {background-color: #03a0ca; padding: 40px 80px; border-bottom: 2px solid #fff; width: calc(100% - 2px);}
	.bg_mint h2 {color: #0c637f; margin-top: 10px; margin-bottom: 10px;}
	.bg_mint h3 {color: #0c637f; margin-top: 10px; margin-bottom: 10px;}
	.bg_mint p {color: #0c637f; margin-top: 20px; margin-bottom: 10px;}
	.bg_mint p a {color: #fff; font-size: inherit;}

@media screen and (max-width: 1000px) {	
.bg_hellblau, .bg_petrol, .bg_mint {padding: 40px 20px;}
	.box33 { padding: 40px 20px;}
	.box66 { padding: 40px 20px;}
	.box-bild { padding: 0px;}
}

	.kacheln {
		display: flex;
		flex-wrap: wrap;
		gap: 40px; 
		width: calc(100% - 2px);
		padding: 40px;
	}
	.kacheln div { display: inline-block; width: calc(25% - 30px);  padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}
	
	.kacheln3 div { display: inline-block; width: calc(33.33333% - 26.66px);  padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px;}
	

	.kacheln-vier-petrol {background-color: #0c637f;  border-bottom: 2px solid #fff;}
	.kacheln-vier-petrol div {background-color: #03a0ca;}
	.kacheln-vier-petrol h2 {color: #0c637f; margin-top: 10px; margin-bottom: 10px; }
	.kacheln-vier-petrol h3 {color: #0c637f; margin-top: 10px; margin-bottom: 10px; }
	.kacheln-vier-petrol p {color: #0c637f; margin-top: 20px; margin-bottom: 10px;}	
	.kacheln-vier-petrol p a {color: #03a0ca;}


	.kacheln-vier-hellblau {background-color: #03a0ca;  border-bottom: 2px solid #fff;}
	.kacheln-vier-hellblau div {background-color: #fff;}
	.kacheln-vier-hellblau h2 {color: #0c637f; margin-top: 10px; margin-bottom: 10px; }
	.kacheln-vier-hellblau h3 {color: #0c637f; margin-top: 10px; margin-bottom: 10px; }
	.kacheln-vier-hellblau p {color: #0c637f; margin-top: 20px; margin-bottom: 10px;}	
	.kacheln-vier-hellblau p a {color: #03a0ca;}
	

	.kacheln-vier-weiss {background-color: #fff;  border-bottom: 2px solid #fff;}
	.kacheln-vier-weiss div {background-color: #0c637f;}
	.kacheln-vier-weiss h2 {color: #fff; margin-top: 10px; margin-bottom: 10px; }
	.kacheln-vier-weiss h3 {color: #fff; margin-top: 10px; margin-bottom: 10px; }
	.kacheln-vier-weiss p {color: #fff; margin-top: 10px; margin-bottom: 10px;}	
	.kacheln-vier-weiss p a {color: #03a0ca;}


	.kacheln-drei-petrol {background-color: #0c637f;  border-bottom: 2px solid #fff; margin-bottom: 80px;}
	.kacheln-drei-petrol div {background-color: #03a0ca; margin-bottom: -80px;}
	.kacheln-drei-petrol h2 {color: #0c637f; margin-top: 10px; margin-bottom: 10px; }
	.kacheln-drei-petrol h3 {color: #0c637f; margin-top: 10px; margin-bottom: 10px; }
	.kacheln-drei-petrol p {color: #0c637f; margin-top: 20px; margin-bottom: 10px;}	
	.kacheln-drei-petrol p a {color: #03a0ca;}


	.kacheln-drei-hellblau {background-color: #03a0ca;  border-bottom: 2px solid #fff;  margin-bottom: 80px;}
	.kacheln-drei-hellblau div {background-color: #0c637f;  margin-bottom: -80px;}
	.kacheln-drei-hellblau h2 {color: #fff; margin-top: 10px; margin-bottom: 10px; }
	.kacheln-drei-hellblau h3 {color: #fff; margin-top: 10px; margin-bottom: 10px; }
	.kacheln-drei-hellblau p {color: #fff; margin-top: 20px; margin-bottom: 10px;}	
	.kacheln-drei-hellblau p a {color: #03a0ca;}
	.kacheln-drei-hellblau:after {clear: both;}
	

	@media screen and (max-width: 1150px) { 
		.kacheln { }
		.kacheln  div, .kacheln3  div {  width: calc(50% - 40px) ! important; margin-bottom: 0px; }
	}
	
@media screen and (max-width: 800px) { 
		.kacheln  div, .kacheln3  div {  width: 100% ! important; }
	}	
			@media screen and (max-width: 1000px) { 
		.kacheln { padding: 20px; }
		}
		@media screen and (max-width: 800px) { 
		.kacheln { padding: 0px; }
		}
	
	
	
	
	
	
.diagnostik { display: flex; flex-wrap: wrap; gap: 0;  width: calc(100% - 2px); padding: 0; margin-bottom: 20px;}
.diagnostik > div { width:50%;  padding-left: 40px; padding-right: 40px; background-color: #f8f9fb; }
.diagnostik > div:first-of-type { background-color: #0c637f; width:25%;}
.diagnostik > div:last-of-type { background-color: #0c637f; opacity: 0.5; width:25%;}
.diagnostik > div > div { background-color: #fff; padding: 10px 20px; }
.diagnostik > div > div:nth-of-type(1n+2) { margin-top: 20px; }

.diagnostik > div > h2 {color: #fff; font-size: 20px;}
.diagnostik > div > img {width: 40%; margin-top: 40px;}
.diagnostik > div > div > h3 {color: #0c637f;}

.diagnostik:nth-of-type(3n+2) > div:first-of-type { background-color: #03a0ca; }
.diagnostik:nth-of-type(3n+2) > div:last-of-type { background-color: #03a0ca; }
.diagnostik:nth-of-type(3n+2) > div > div  h3 {color: #03a0ca;}
		
.diagnostik:nth-of-type(3n+3) > div:first-of-type { background-color: #03a0ca; }
.diagnostik:nth-of-type(3n+3) > div:last-of-type { background-color: #03a0ca; }		
.diagnostik:nth-of-type(3n+3) > div > div  h3 {color: #03a0ca;}
		
@media screen and (max-width: 1400px) { 		
	.diagnostik > div:last-of-type { display: none; }
	.diagnostik > div { width:75%;}
	.diagnostik > div:first-of-type { width:25%;}
}
@media screen and (max-width: 1200px) { 		
	.diagnostik > div:last-of-type { display: none; }
	.diagnostik > div { width:100%;  padding-left: 0px; padding-right: 0px;}
	.diagnostik > div:first-of-type { width:100%;   padding-left: 20px; padding-right: 20px;}
	.diagnostik > div > div { margin-top: 20px; }
	.diagnostik > div > img {width: 80px;}
	.diagnostik > div h2 {margin-top: 40px; margin-bottom: 40px;}
}		
		
		
		
		
.therapie { display: flex; flex-wrap: wrap; gap: 0;  width: calc(100% - 2px); padding: 0; margin-bottom: 40px; margin-top: 40px;}
.therapie > div { width:50%;  padding-left: 40px; padding-right: 40px; }
.therapie > div:first-of-type { background-color: #0c637f; width:25%;}
.therapie > div:last-of-type { background-color: #0c637f; opacity: 0.5; width:25%;}
.therapie > div > div { background-color: #fff; padding: 10px 20px; }
.therapie > div > div:nth-of-type(1n+2) { margin-top: 20px; }

.therapie > div > h2 {color: #fff; font-size: 20px;}
.therapie > div > img {width: 40%; margin-top: 40px;}
.therapie > div > div > h3 {color: #0c637f;}

.therapie:nth-of-type(3n+2) > div:first-of-type { background-color: #03a0ca; }
.therapie:nth-of-type(3n+2) > div:last-of-type { background-color: #03a0ca; }
.therapie:nth-of-type(3n+2) > div > div  h3 {color: #03a0ca;}
		
.therapie:nth-of-type(3n+3) > div:first-of-type { background-color: #03a0ca; }
.therapie:nth-of-type(3n+3) > div:last-of-type { background-color: #03a0ca; }		
.therapie:nth-of-type(3n+3) > div > div  h3 {color: #03a0ca;}
		
@media screen and (max-width: 1400px) { 		
	.therapie > div:last-of-type { display: none; }
	.therapie > div { width:75%;}
	.therapie > div:first-of-type { width:25%;}
}
@media screen and (max-width: 1200px) { 		
	.therapie > div:last-of-type { display: none; }
	.therapie > div { width:100%;  padding-left: 0px; padding-right: 0px;}
	.therapie > div:first-of-type { width:100%;   padding-left: 20px; padding-right: 20px;}
	.therapie > div > div { margin-top: 20px; }
	.therapie > div > img {width: 80px;}
	.therapie > div h2 {margin-top: 40px; margin-bottom: 40px;}
}		
		
		
		
		
				
		
h1 > u {
	font-size: inherit;
	font-family: inherit;
	text-decoration: none;
	color: #03a0ca;
}	


		.slide {
		width: 100%; 
		min-height: 500px;
		background-size: cover;
		display: flex;
		  align-items: center;
	}
	.slide > div {
	padding: 80px;	
	}
	
@media screen and (max-width: 1000px) {	
	.slide > div {
	padding: 80px 20px;	
	}	
}	
	
	.slide > div.slidediv {
			
			height: 500px;
			display: flex;
	}
	.slide > div.slidediv > div {
		display: flex;
  align-items: center;
	}
	.slide h1 {
		font-size: 100px;
		color: #fff;
	}		
		
.slide h1 {margin-top: 10px; margin-bottom: 10px; line-height: 100%; font-size: 60px;}
.slide h2 {margin-top: 10px; margin-bottom: 10px; color: #fff; color: #03a0ca; font-size: 40px; }
.slide h3 {margin-top: 10px; margin-bottom: 10px; color: #fff; color: #03a0ca;  font-size: 30px; text-transform: initial; }
		

		

.ctalink { padding: 20px 80px; display: table;  width: 100%; color: #fff;}	
.ctalink > div {  display: table-cell; text-align: left; font-size: 25px; color: #fff; line-height: 130%; vertical-align: middle;}	
.ctalink > div:last-of-type {  display: table-cell; text-align: right; }	
.ctalink > div:last-of-type img {   height: 50px; padding-left: 30px; filter: brightness(0) invert(1); vertical-align: middle; display: inline-block; }	
.ctalink > div:last-of-type span {    font-size: 30px; text-transform: uppercase; font-family: "Montserrat", sans-serif; vertical-align: middle; display: inline-block; line-height: 110%; }	

.ctalinkfarbe1 { background-color: #fff;}	
.ctalinkfarbe1 div span { color: #03a0ca;}	
.ctalinkfarbe1 img{filter: none ! important;}	
.ctalinkfarbe2 { background-color: #03a0ca;}	
.ctalinkfarbe3 { background-color: #0c637f;}	
@media screen and (max-width: 1000px) {
	.ctalink { padding: 20px 20px;}
}	
@media screen and (max-width: 700px) {
	.ctalink { display: block;}
	.ctalink > div { display: block; text-align: left ! important;}
	.ctalink > div > img { padding: 5px ! important;}
	.ctalink > div:last-of-type { padding-top: 30px;}
}			
		
		
.aktuelles_box {position: relative; 	display: inline-block; width: calc(25% - 30px); 	vertical-align: top; margin-left: 40px; margin-bottom: 30px;}		
.aktuelles_box:nth-of-type(4n+1) {margin-left: 0px;}		
.aktuelles {

	background-color: #fff;
	
	border: 2px solid #03a0ca;
	overflow: hidden;
	position: relative;
}
.aktuelles h3 {
	margin-top: 0;
	padding: 20px;
	min-height: 120px;
	text-transform: initial;

}	
.aktuelles p {
	background-color: #f8f9fb;
	margin-top: 0;
	padding: 20px;
	height: 200px;
	overflow: hidden;
	margin-bottom: 0;
	background-size: cover;
	background-position: center center;
	
}
.aktuelles .fadeout {
	position: absolute;
	height: 80px; 
	bottom: 0;
	width: 100%;
	background: linear-gradient(to bottom, transparent 0%,  rgba(248, 249, 251, 0.8) 50%, #f8f9fb 100%);

	z-index: 5;
	
}
.aktuelles_box > a {		
	position: absolute;
	bottom: -10px;
	left: 20px;
	background-color: #03a0ca;
	z-index: 10;
	color: #fff;
	padding: 10px 20px;
	border: 20px;
}
.aktuelles_box > a:hover {	color: #fff; }
		
		
@media screen and (max-width: 1200px) {	
	.aktuelles_box {position: relative; 	display: inline-block; width: calc(50% - 20px); 	vertical-align: top; margin-left: 40px; margin-bottom: 30px;}		
	.aktuelles_box:nth-of-type(2n+1) {margin-left: 0px;}	
}	
	@media screen and (max-width: 600px) {	
	.aktuelles_box {position: relative; 	display: inline-block; width: calc(100%); 	vertical-align: top; margin-left: 0px; margin-bottom: 30px;}		
	
}		
		
.kooperationen {
	display: flex;
	margin-bottom: 40px;
	margin-top: 40px;
}		

.kooperationen > div {
	display: flex-item;
	width: 25%;
	padding-right: 40px;
	padding-left: 40px;
	border-left: 1px solid #03a0ca;
}
@media screen and (max-width: 1000px) {	
.kooperationen {
	display: block;
}
.kooperationen > div {
	display: block;
	width: 100%;
	
	padding: 0px;
	padding-bottom: 30px;
	border-left: 0;
}
}
.kooperationen > div:first-of-type {
	padding-left: 0px;
	border-left: 0;
}
.kooperationen > div > div:first-of-type {
	min-height: 100px;
}
.kooperationen > div > div:first-of-type img {
	max-width: 200px;
}
		
div.wrap > main:last-of-type {margin-bottom: 0;}	

h1,h2,h3,.h2link {
  hyphens: auto;
}
		
.boxen .downloadlink, .kacheln .downloadlink {
	padding: 20px 20px ! important;
	display: block;
	border-radius: 4px;
	line-height: 130%;
	
}		
		
.boxen .downloadlink img, .kacheln .downloadlink img {
	float: right;
	margin-left: 20px;
}

.box-petrol .downloadlink {background-color: #03a0ca;}
.box-petrol .downloadlink span {color: #fff;}






		
.veranstaltungsbox {position: relative; 	display: inline-block; width: calc(25% - 30px); 	vertical-align: top; margin-left: 40px; margin-bottom: 30px;}		
.veranstaltungsbox:nth-of-type(4n+1) {margin-left: 0px;}		
.veranstaltung {

	background-color: #f8f9fb;
	
	border: 0;
	border-top: 20px solid #0c637f;
	overflow: hidden;
	position: relative;
}
.veranstaltung h3 {
	margin-top: 0;
	padding: 20px;
	min-height: 120px;
	text-transform: initial;
	font-size: 18px;
	text-transform: uppercase;

}	
.veranstaltung p {
	background-color: #f8f9fb;
	margin-top: 0;
	padding: 20px;
	overflow: hidden;
	margin-bottom: 0;
	background-size: cover;
	background-position: center center;
	
}
 .veranstaltungstyp{
	background-color: #03a0ca;
	display: inline-block;
	border-radius: 3px;
	padding: 5px 10px;
	color: #fff;
	font-size: 18px;
	font-family: "Open Sans";
	margin-bottom: 10px;
	
	
}
.veranstaltung p .veranstaltungsdatum{
	
	display: inline-block;

	color: #0c637f;
	font-size: 18px;
	font-family: "Open Sans";
	margin-bottom: 5px;
	font-weight: bold;
	
	
}
.veranstaltung p .veranstaltungsort{
	
	display: inline-block;

	color: #0c637f;
	font-size: 16px;
	font-family: "Open Sans Condensed";
	margin-bottom: 5px;
	
	
	
}

.veranstaltung p img { float: right; margin-left: 10px; width: 30px;}

.veranstaltungsbox > a {		
	position: absolute;
	bottom: -10px;
	left: 20px;
	background-color: #03a0ca;
	z-index: 1000;
	color: #fff;
	padding: 10px 20px;
	border: 20px;
}
.veranstaltungsbox > a:hover {	color: #fff; }
		
		
@media screen and (max-width: 1200px) {	
	.veranstaltungsbox {position: relative; 	display: inline-block; width: calc(50% - 20px); 	vertical-align: top; margin-left: 40px; margin-bottom: 30px;}		
	.veranstaltungsbox:nth-of-type(2n+1) {margin-left: 0px;}	
}	
	@media screen and (max-width: 600px) {	
	.veranstaltungsbox {position: relative; 	display: inline-block; width: calc(100%); 	vertical-align: top; margin-left: 0px; margin-bottom: 30px;}		
	
}

.veranstaltung_detail {
	display: table;
	width: 100%;
}

.veranstaltung_detail_links {
	display: table-cell;
	width: 33%;
	vertical-align: top;
	
}
.veranstaltung_detail_rechts {
	vertical-align: top;
	padding-left: 50px;
	display: table-cell;
	width: 66%;
	
}

.greydiv {
	padding: 10px 20px;
	background-color: #f8f9fb;
	margin-bottom: 10px;
}
.greydiv b { text-transform: uppercase; color: #0c637f; font-weight: normal; }

.veranstaltung_detail_weiss {border: 2px solid #03a0ca; background: #fff; }

@media screen and (max-width: 900px) {	

.veranstaltung_detail {
	display: block; width: 100%;
	
}

.veranstaltung_detail_links {
display: block; width: 100%;
	
}
.veranstaltung_detail_rechts {
display: block; width: 100%;
	padding-left: 0px;
	
}
}


.slide_mobile {display: none;}
@media screen and (max-width: 900px) {	
		.slide_mobile {display: block;}
		.slide_desktop {display: none;}

}



.teaser {
	display: inline-block; width: 33%;
	padding: 20px;
	position: relative;
}
.teaser > div {
	 background-color: #0c637f;
	 min-height: 400px;
	 background-size: cover;
	position: relative;
	border-radius: 4px;
}
.teaser > div h2  {
	font-size: 30px;
		position: absolute;
		display: block;
		bottom: 30px;
		height:70px;
		left: 30px;
		right: 30px;
		
}
.teaser img {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 40px;
	background-color: #fff;
	border-radius: 4px;
	padding: 5px;
}

@media screen and (max-width: 1200px) {	
	.teaser {
		display: inline-block; width: 48%;
	}

}

@media screen and (max-width: 900px) {	
	.teaser {
		display: inline-block; width: 100%;
	}

}


nav  section {position: relative;}
#moblogo {display: none;}
@media screen and (max-width: 1200px) {	
	.scrolled #moblogo {
		display: inline-block;
		height: 50px;
		left: 15px;
		position: absolute;
		top: 0;
	}
}

.kacheln div.content_image {	
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	
	
}

@media screen and (min-width: 1000px) {	
.page68 main:nth-of-type(3) {
	
		padding-left: 40px;
		padding-right: 40px;
	}
	
}



@media screen and (min-width: 950px) {	
	#mainnav li.mobmeta {
		display: none;
	}


}



.box-hellblau h2 u {color: #0c637f ! important;}
.box-weiss h2 u {color: #03a0ca ! important;}
.box-petrol h2 u {color: #03a0ca ! important;}
.bg_petrol h2 u {color: #03a0ca ! important;}


.box-petrol p a { color: #fff;}
.bg_hellblau li { color: #fff; }

.box-hellblau p a { color: #fff; } 
.box-hellblau li { color: #fff; } 



@media screen and (max-width: 600px) {
  main h2 {
    font-size: 26px;
	margin-top: 40px;
	margin-bottom: 5px;
  }
  .ctalink > div:last-of-type span {
	font-size: 24px;
  }
  }
.ctalink > div:last-of-type img {
	height: 30px;
}
 }