/*Christen im Gesundheitswesen*/
/*Header*/

/* ---------- Spenden ---------- */

.donate {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 10px 30px;
	background: #f5f5f5;
	overflow: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.donate span {
	color: #00aca8;
	font-weight: 600;
	font-size: 16px;
	text-align: left;
	text-decoration: none;

}

.donate input[type='submit'] {
	display: inline-block;
	height: auto;
	padding: 6px 12px;
	border: medium none;
	background: #00ACA8;
	cursor: pointer;
	font-weight: 600;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
}


.donate input:hover {
	background: #00bfba;
}

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

header {
width: 100%;
height: auto;
}

#logo-out {
width: 100%;
padding: 55px 0;
}

/* --- Stylt das Logo im Header, welches auch ein Link ist --- */

#homelink {
border: none;
background: none;
text-decoration: none;
display: block;
margin: 0 auto;
width: 215px;
height: 85px;
}

#homelink img {
border: none;
background: none;
text-decoration: none;
}

#logo-out img {
display: block;
margin: 0 auto;
}

/* ---------- Navigation ---------- */

nav {
width: 100%;
height: 46px;
background: #00aca8;
overflow: hidden;
}

#nav-in {
width: 1200px;
height: 100%;
margin: 0 auto;
clear: both;
}

.link {
display: block;
float: left;
width: auto;
height: auto;
padding: 10px 7px;
margin: 0 36px;

font-weight: 600;
font-size: 19px;
color: white;
text-decoration: none;

transition: 0.25s ease;
-moz-transition: 0.25s ease;
-webkit-transition: 0.25s ease;
-ms-transition: 0.25s ease;
-o-transition: 0.25s ease;
}

.link:first-of-type, #first {
height: 26px;
margin-left: 0 !important;
}

.link:hover {
box-shadow: inset 0px -4px 0px #fcde44;
-moz-box-shadow: inset 0px -4px 0px #fcde44;
-webkit-box-shadow: inset 0px -4px 0px #fcde44;
-ms-box-shadow: inset 0px -4px 0px #fcde44;
-o-box-shadow: inset 0px -4px 0px #fcde44;
}

.link[style] {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}

#current {
box-shadow: inset 0px -4px 0px #fcde44;
-moz-box-shadow: inset 0px -4px 0px #fcde44;
-webkit-box-shadow: inset 0px -4px 0px #fcde44;
-ms-box-shadow: inset 0px -4px 0px #fcde44;
-o-box-shadow: inset 0px -4px 0px #fcde44;
}

.link-change {
margin: 0 23px !important;
}

/* ---------- Suche in der Navigation ---------- */

.search {
float: right;
display: block;
width: 46px;
height: 46px;
overflow: hidden;
position: relative;
z-index: 100;

transition: 0.25s ease;
-moz-transition: 0.25s ease;
-webkit-transition: 0.25s ease;
-ms-transition: 0.25s ease;
-o-transition: 0.25s ease;
}

.search:hover {
background: #00bfba;
}

.search-change {
width: 216px;
}

#search-in {
width: 204px;
height: 100%;
}

#search-icon {
float: left;
width: 46px;
height: 46px;
background: url("../images/search.svg");
background-repeat: no-repeat;
background-size: 46px 46px;
cursor: pointer;
overflow: hidden;
}

#search-in input {
display: block;
float: left;
width: 134px;
height: 28px;
padding: 0 12px;
margin: 9px 0;

border-radius: 20px;
-webkit-border-radius: 20px;
border: none;

font-family: 'Open Sans', sans-serif;
color: #4d4d4d;
}

#search-form {
	margin: 0 !important;
}