@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&family=Pridi:wght@500&display=swap');
body{
	font-family: "Open Sans", sans-serif;
	color: #000000;
}
body, nav, section, footer{
	margin: 0;
	width: 100%;
}
#logo_img{
	width: 100%;
	max-width: 400px;
	margin: 0 15px 5px 10px;
}
#logo_text{
	color:#3E4B66;
	background-image: linear-gradient(to right,#FCF6F5,#E31E24);
	font-family:Pridi;
	font-size:70%;
	line-height: 100%;
	text-align: center;
}
h1,h2,h3,h4,h5,h6{
	color:#1EAABD;
}

.navbar{
	background-color:#FFFFFF;
	border-bottom:1px solid #1EAABD;
}

.navbar li a{
	color: #126570;
	text-decoration: none;
	border: 0px solid transparent;
	border-radius: 10px / 30px;
	text-align: center;
	margin-right: 10px;
}
.navbar li a:hover,
.navbar li a:active{
	text-decoration: none;
	background-color: rgba(111,227,242,0.2);
	border-radius: 10px / 30px;
}
.navbar li a:focus{
	background-color: transparent;
}

.ueberschrift{
	color: #FFFFFF;
	padding: 8px 50px 8px 12px;
	position: absolute;
	bottom: 50px;
	width: auto;
	text-align: left;
	background-color: rgba(30,170,189,0.6);
	border-radius: 0 10px 10px 0/30px;
}
.team_info_box{
	padding:25px;
	width: 100%;
}
.team_img{
	width: 170px;
	padding-right: 30px;
	padding-bottom: 20px;
	float: left;
}
.team_img img{
	width: 100%;
	margin-right: 15px;
	/*transition: width 1s;*/
	border-radius: 10px/30px;
}
/*.team_img img:hover{
	width: 250px;
	transition: width 1s;
}*/
.team_information{
	padding-left: 180px;
}
.team_information  h5{
	font-weight: bold;
	color: #1EAABD;
}
footer{
	background-color: rgba(111,227,242,0.1);
	padding: 25px;
}
footer, footer table{
	font-size: 0.95em;
}
footer h5{
	color: #1EAABD;
}
footer .impressum_datenschutz{
	width:100%;
	text-align:center;
}
a{
	color: rgba(30,170,189,1);
	text-decoration: none;
}
a:hover{
	color: rgba(30,170,189,0.8);
}
.wichtig{
	color: #E21D24;
}
.leistung table, .leistung th, .leistung td {
  border: 0px solid transparent;
  border-collapse: collapse;
}
.leistung th, .leistung td {
  padding: 15px;
}


/*===================================== CONTROL PANEL - Begin =====================================*/
.user_logged{
	color: #126570;
	font-style: italic;
}
input[type=text], input[type=password], input[type=date] {
	border: 1px solid #999;
	border-radius: 10px/30px;
	padding: 4px 12px;
	
}
button{
	border: 1px solid #1EAABD;
	border-radius: 10px/30px;
	background-color: rgba(30,170,189,0.7);
	color: #fff;
	padding: 3px 15px;
}
.text_red{color: rgba(227,30,36,0.6);}

aside{color: #E4A299;}

::placeholder {
  color: #DDDDDD;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #DDDDDD;
}

/*====================================== CONTROL PANEL - End ======================================*/


/*Start of "Micro claerfix" */
.cf{zoom:1;}
.cf:before, .cf:after{content: "";display: table;}
.cf:after{clear: both;}
/*End of "Micro claerfix" */


/*=================Optimierung für Smartphone=================*/
@media all and (max-width:767px){
	#logo_img{
		max-width: 350px;
	}
	#logo_text{
		font-size:60%;
	}
	.team_img{
		float: none;
	}
	.team_img img:hover{
		width: 100%;
		transition: width 1s;
	}
	.team_information{
		padding-left: 0;
	}
	.ueberschrift{
		bottom: 15px;
	}
}
@media all and (max-width:502px){
	.ueberschrift{
		font-size: 120%;
	}
}