*,*:before, *:after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}

html{
	font-size:70%;
}

body{
	color:#999;
	font-family: 'Open Sans', sans-serif;
	background-color:#eeece1;
}

a{
	color:#555;
}

a:hover{
	text-decoration:none;
	color:#5082BE;
}

.top_nav{
	position:relative;
	background:#eee;
	margin:0;
	padding:15px 15px 15px 0;
	font-size:1.3rem;
	text-align:right;
}

.top_nav a{
	text-decoration:none;
	color:#999;
	margin-left:3%;
}

.top_nav a:hover{
	color:#5082BE;
}

.wrapper{
	position:relative;
	max-width:calc(100% - 500px);
	min-width:320px;
	/*margin:0 auto;*/
}

header{
	position:relative;
	width:100%;
	height:150px;
	box-shadow:0px -1px 4px #999;
}

header section{
	width:500px;
	margin:0 auto;
}

.logo{
	position:relative;
	max-width:100%;
	min-width:300px;
	height:auto;
}

menu{
	position:relative;
	padding:0;
	margin:0;
	font-size:1.8rem;
	width:100%;
	text-align:left;
	padding-top:5px;
}

menu a{
	padding:5px 0px;
	text-decoration:none;
	color:#666;
	margin-left:2%;
}

menu a:hover{
	color:#5082BE;
	border-bottom:2px solid #5082BE;
}

menu a i{
	color:#999;
}

h1{
	border-bottom:1px solid #5082BE;
	font-weight:normal;
	font-size:2.8rem;
	font-family:'Open Sans', sans-serif;
}

h2{
	font-weight:normal;
	color:#5082BE;
}

section.content{
	position:relative;
	font-family:Lora;
	font-size:1.6rem;
	margin-bottom:80px;
}

article.about{
	position:relative;
	display:flex;
	display:-ms-flexbox;
	align-content:flex-start;
	-ms-flex-line-pack:start;
}

article.about p{
	position:relative;
	font-style:italic;
	text-align:justify;
	margin:0 5%;
}

.cv{
	/*display:flex;
	display:-ms-flexbox;
	align-items:center;
	-ms-flex-align:center;*/
	/*cursor:pointer;*/
}

.cv:hover{
	background:rgba(80,130,190,0.35);
}

.cv .UNlogo{
	margin-right:2rem;
}

.cv .flag{
	margin-left:2rem;
}

.cv .fa-info-circle{
	color:rgba(80,130,190,0.35);
	margin-left:2rem;
	display:none;
}

.cv div{
	/*display:none;*/
	margin-left:4rem;
}

.cv div hr{
	border:none;
	height:1px;
	background:#5082BE;

}

.funktion{
	font-size:2rem;
	font-weight:bold;
}

.kasten{
	padding-top:10px;
	padding-bottom:10px;
	background:rgba(80,130,190,0.75);
	color:white;
}

.image_kkh{
	position:fixed;
	bottom:0;
	right:0;
	z-index:-10;
	height:80%;
	width:auto;
}

.kontaktform{
	display:flex;
	display:-ms-flexbox;
	flex-direction:column;
}

input, select{
	height:35px;
	color:#666;
	margin-top:10px;
	max-width:500px;
}

textarea{
	margin-top:10px;
	max-width:500px;
	height:120px;
}

fieldset{
	border-radius:15px;
	border:1px solid #5082be;
	background:rgba(80,130,190,0.3);
	padding-top:0px;
	padding-bottom:0px;
	color:#555;
	margin-bottom:20px;
}


.referenzen_tbl{
	width:100%;
}

.referenzen_tbl td{
	vertical-align:middle;
	padding:5px 15px 5px 5px;
}

.referenzen_tbl tr{
	/*background:#e7f1fc;*/
}

.referenzen_tbl tr:nth-child(even){
	background:none;
}

.leistungen li{
	list-style-type:none;

	margin-left:none;
}

.leistungen li:before{
	content:"\00f058  ";
	font-family:FontAwesome; 
	color:green;
}

footer{
	position:fixed;
	bottom:0px;
	width:100%;
	height:50px;
	background:#666;
	color:white;
	font-size:1.2rem;
	text-align:center;
}


@media only screen and (max-width: 800px){
	.image_kkh{
		position:relative;
		width:60%;
	}
	
	.wrapper{
		width:100%;
		max-width:100%;
	}
}

@media only screen and (max-width: 600px){
	header .wrapper{
		padding-right:0;
	}

	.logo{
		position:relative;
	}

	article.about{
		flex-direction:column;
	}

	article.about p{
		margin:0;
	}

	.referenzen_tbl td{
		display:block;
	}

	.cv{
		flex-direction:column;
	}
}