@charset "utf-8";
body, html {
	margin:0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

header, nav, main, aside, section, article, footer{display:block;}

body#home{background: #D5F2ED;}

.topnav{
  overflow: hidden;
  background-color: #316186;
}

.topnav a{
  float: left;
  color: white;
  padding: 40px 50px;
  text-decoration: none;
  font-size: 17px;
  line-height: 25px;
  transition: 0.5s;
}

.topnav a:hover, .topnav a.split:hover {
  color: #D5F2ED;
}

.kategorien{float: right}




.menubtn, .closebtn{display: none;}

.home{
	display: flex;
	justify-content: center;
	background: #D5F2ED;
}

.homeleft{
	width:40%;
	max-height: 1500px;
	height: 1030px;
	float: left; 
}

.homeleft img{
	width: auto;
	height: 100%;
}

.homeright{
	width:60%;
	height: auto;
	margin: auto 1%;
	font-size:14px;	
	float: right;
}

.text{
	width:50%;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	line-height: 40px;
	color: #214172;
}

.text h1{
	color: #316186;
	font-size: 30px;
}


h2{
	margin-top: 5%;
	text-align: center;
	color:#316186;
}

hr.line{
	border-top:2px solid #316186;
	width:3%;
}

.teamleft, .teamright2{
	margin: auto 1%;
	font-size:16px;
	color: #576268;
	line-height: 25px;
	padding-left: 10%;
}
	
	h3{font-size: 25px;}
	
.teamright, .teamleft2{
	position: relative; 
	width:40%;
	min-height:500px;
	height: auto;
	margin: auto 1%;
	padding-left: 5%;
	overflow: hidden;
}
	
.teamright img{
	width:60%;
	margin-top:10%; 
	border-radius: 10px;
}
	
.figurright{
	position: absolute;
  	width: 230px;
  	height: 450px;
	border-radius: 0 10px 10px 0;
  	background-color: #316186;
	z-index: -1;
	left:40%;
	margin-top:-57%;
}
	

.teamleft2 img{
	left:25%;
	width:60%;
	margin-top:10%; 
	border-radius: 10px
}

.figurleft{
	position: absolute;
  	width: 230px;
  	height: 380px;
	border-radius: 10px 0 0 10px;
  	background-color: #316186;
	z-index: -1;
	left:9%;
	margin-top:-45%;
}

.contactleft{
	width:20%;
	margin: 0 auto;
	height: auto;
	font-size:16px;
	color: #576268;
	line-height: 25px;
	padding-left: 10%;
}

label{color:#576268}

.teamright form{
	width:50%;
	margin: 2% auto 0;
}

input[type=text], input[type=email], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit]{
  background-color: #316186;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #214172;
}

a.english {
  background-color: transparent;
  color: #316186;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
  float: right;
  margin: 0.5% 1%;
  transition: 0.5s;
  text-decoration: none;
}

a.english:hover{color:#214172}

.links{
	width:60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.links a{
	text-decoration: none;
	line-height: 100px;
	color: #316186;
}

.links a:hover{color: #214172}

.tuberkuloseleft{
	position: relative; 
	width:30%;
	min-height:500px;
	height: auto;
	margin: auto 1%;
	padding-left: 12%;
	overflow: hidden;
}

.tuberkuloseleft img{
	left:25%;
	width:60%;
	margin-top:10%; 
	border-radius: 10px

}

.figurleft_tuberkulose{
	position: absolute;
  	width: 230px;
  	height: 350px;
	border-radius: 10px 0 0 10px;
  	background-color: #316186;
	z-index: -1;
	left:25%;
	margin-top:-45%;
}



.footer {
  overflow: hidden;
}

.footer a {
  padding: 30px 30px;
  text-decoration: none;
  font-size: 13px;
  transition: 0.5s;
}

.footer a.split:hover {
  color: #214172;
}

.footer a.split {
  float: right;
  color: #316186;
}

.impressum{
	margin: 5% 1%;
	font-size:16px;
	color: #576268;
	line-height: 25px;
	text-align:center; 
	width:95%;
}

.datenschutz{
	margin: 5% auto;
	font-size:14px;
	color: #576268;
	line-height: 25px;
	width:95%;
}

.impressum a, .datenschutz a{
	text-decoration: none;
	color: #316186
}
.datenschutz h3{font-size:18px;}

.datenschutz img{width:20%;}

@media screen and (max-width: 1500px){
	.topnav a{padding: 40px 30px}
	.homeleft{height:850px;}
	.text{width: 80%; margin-left: 20%;}
	hr.line{width:5%}
	.figurright{height: 300px;margin-top:-60%;left:30%;}
	.teamleft2 img{width: 80%;}
	.figurleft{height: 300px; margin-top: -60%;}
	.figurleft_tuberkulose{height:300px}
}


@media screen and (min-width:761px) and (max-width: 1200px){
	.topnav a{padding:30px 20px; font-size:15px}
	.homeleft{width:40%;}
	.homeleft img{height: 100%; object-fit: cover; width: 120%;}
	.text{font-size:15px; line-height:35px;}
	.text h1{font-size: 25px;}
	h2{margin-top: 10%;}
	hr.line{width:10%}
	.teamright img{width:80%;}
	.figurright{width: 200px;margin-top: -80%;}
	.teamleft2 img{width: 100%;margin-top: 20%;}
	.figurleft{height: 300px; margin-top: -80%;}
	.tuberkuloseleft img{width:80%;margin-top: 20%;}
	.figurleft_tuberkulose{width:200px; margin-top: -65%;}
}

@media screen and (min-width:776px) and (max-width: 950px){
	
}

@media screen and (min-width:761px) and (max-width: 775px){
	.topnav a{padding:20px 10px;}
	.homeleft{height: 900px;}
	.homeleft img{width:120%;}
	.teamright, .teamleft2{margin: 0 auto;}
	.tuberkuloseleft{margin: 0 auto;padding-left:0%;width:40%;}
	.tuberkuloseleft img{width:80%;margin-left:15%;margin-top: 10%;}
	.figurleft_tuberkulose{margin-top: -90%;left:0%;}
	.contactleft{width:60%;margin-top: 5% ;text-align: center;}
	.teamright form{width: 100%;}
	.links{width:90%;}
}

@media screen and (min-width:800px){
	.team, .team2{ display: flex;}
	
	.teamleft,.teamright2{flex: 2;}
	.teamright,.teamleft2, .tuberkuloseleft{flex: 1;}
}

@media screen and (max-width:760px){
	.topnav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 100;
	  top: 0;
	  left: 0;
	  background-color: #316186;
	  overflow-x: hidden;
	  transition: 0.5s;
		display: block;
	}
	

	.topnav a, .topnav a.split{
		width:90%;
		text-align: center;
	}

	

	.menubtn {
	  position: absolute;
	  top: 0.5%;
	  left: 1%;
	  font-size: 30px;
	  color:#316186;
	}
	
	#menubtn{color: white;}
	
	.topnav .closebtn{
	  position: absolute;
	  padding: 5% 0% 0% 5%;
	  font-size: 30px;
	  color:white;
	  text-decoration: none;
	  text-align: left;
	}

	.menubtn, .closebtn{display: block; }
	
	.home{display: block;}
	
	.homeleft{float: none;width:100%; max-height: auto;height: auto;}
	.homeleft img{width:100%;height: auto;}
	.homeright{width:95%;margin:0;float: none;margin-left: auto; margin-right: auto;}
	.text{font-size:17px; line-height: 35px;margin:0;width: 100%}
	.text h1{font-size: 25px;}
	
	h3{font-size: 20px;}
	h2{margin-top: 20%;}
	hr.line{width:20%;}
	.teamleft, .teamright2{width:90%;margin:0 auto; padding: 0;}
	.teamright, .teamleft2{width:95%}
		.teamright img{margin-top: 20%;}
		.figurright{margin-top:-65%;}
		.teamleft2 img{margin-left:10%}
		.figurleft{margin-top:-65%}
	.tuberkuloseleft{width:95%;margin-left: auto;margin-right: auto;padding-left:0%;}
	.tuberkuloseleft img{width:70%;left:0; left:15%;position: relative;}
	.figurleft_tuberkulose{margin-top: -80%;left:5%;height: 350px;}
	.contactleft{padding-left:0%;width:90%;}
	.teamright form{width:90%;margin:10% 0 ;}
	.links{width:90%;}
	.links a{font-size: 15px;line-height: 80px;}
}
/*responsive Ende*/