*{ 
	font-family:			Helvetica,Verdana,Arial; 
	margin:					0px;
	padding:				0px;
	line-height:			150%;
}
/*
html, body{
	height:				100%;
	width:				100%;
	overflow:			auto !important;
}

html{
	background-image: 		url(../images/galery/home/1.jpg);
	background-attachment:	fixed;
	background-position:	center;
	background-repeat:		no-repeat;
	background-size:		100%;
}
body{
	background:				url(../images/background/1.jpg);
	background-repeat: 		no-repeat;
	background:				#FFF;
	padding:				0;
	background-attachment:	fixed;
	background-size:		150%;
}
*/
h1{
	color:					#002850;
	text-align: 			center;
	font-weight:			normal;
    font-size: 				2.5em;
    margin-top: 			20px;
    margin-bottom: 			50px;
    padding-top: 			0px;
	line-height:			150%;
}
a{
	color:					#002850;
	text-decoration:		none;
}
a:hover{
	text-decoration:		underline;
}
a.footer_link{
	color:					#fff;
}

.blue{
	color:					#002850;
	font-weight:			normal;
	font-size:				1.2em;
}
.tel{
	font-family:			Courier; 
	color:					#828384;
	font-weight:			bold;
	font-size:				1.8em;
}
.clear{
	clear:					both;
}

.general_wrapper{
	width:					100%;
}

#head_grey{
	position:				fixed;
	width:					100%;
	height:					40px;
	top:					0px;
	background-color:		#C5C7C8;
	z-index:				10000;
}
#head_greyContent{
	width:					1000px;
	margin:					auto;
}

#head_white{
	position:				fixed;
	width:					100%;
	height:					80px;
	top:					40px;
	background-color:		#fff;
	z-index:				10000;
}
#head_whiteContent{
	width:					1000px;
	margin:					auto;
	height:					80px;
}
.head_icon{
	height:					16px;
}
.head_iconWrapper{
	float:					right;
	margin-left:			25px;
	margin-top:				5px;
	color:					#002850;
	cursor:					pointer;
	font-size:				0.9em;
}
.head_logo{
	height:					50px;
	cursor:					pointer;
}
.head_logoWrapper{
	float:					left;
	margin-top:				15px;
	color:					#A5A8A9;
	font-size:				15px;
}
.head_navWrapper{
	float:					right;
	margin-left:			12px;
	margin-top:				28px;
	color:					#A5A8A9;
	font-size:				14px;
}
.head_navWrapper:hover{
	color:					#;
	cursor:					pointer;
}

#head_navDesktop{
	display:				block;
}

#head_navMobile{
	position:				absolute;
	right:					0px;
	display:				none;
	width:					40%;	
}
#mobile_div{
	position:				absolute;
	display:				none;
	top:					105px;	
	right:					0px;	
	height:					370px;
	width:					50%;
	z-index:				1150;
	background:				#fff;
	padding-top:			10px;
	padding-right:			55px;
	-webkit-box-shadow: 	-10px 10px 30px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 		-10px 10px 30px 0px rgba(0,0,0,0.75);
	box-shadow: 			-10px 10px 30px 0px rgba(0,0,0,0.75);
}
.head_nav_mobile{
	width:					100%;
	font-size:				1.5em;
	color:					#C5C7C8;
	line-height:			180%;
	text-align:				right;
}

.head_navWrapper_mobile{
	float:					right;
	color:					#C5C7C8;
	font-size:				24px;
	margin-right:			15px;
	margin-top:				28px;
}

.head_mobile_menueIcon{
	width:					24px;
	margin-top:				2px;
}



#home_itemDescriptionBorder{
	height:					100px;
}
.item{
	display: 				block;
	min-width: 				100%;
	width: 					auto;
	height: 				auto;
}
.owl-prev, .owl-next {
	display: 				none;
}


#home_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
	margin-top:				100px;
}
#home_content{
	width:					1000px;
	margin-left:			auto;	
	margin-right:			auto;	
	background-color:		rgba(255,255,255,1);
}
#home_text{
	width:					800px;
	margin-left:			auto;	
	margin-right:			auto;	
	padding:				100px 0px 0px 0px;
}


#partner_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
	margin-top:				-35px;
}
#partner_content{
	width:					1000px;
	margin-left:			auto;	
	margin-right:			auto;	
	background-color:		rgba(255,255,255,1);
}
#partner_text{
	width:					800px;
	margin-left:			auto;	
	margin-right:			auto;	
	padding:				30px 0px 100px 0px;
}
#partner_logCutter{
	height:					160px;
	overflow:				hidden;
	height:					0px;
}
#partner_logCutter2{
	height:					360px;
	overflow:				hidden;
	height:					0px;
	background-color:		#D9DADB;	
}
.partner_logo_div{
	position: 				relative;
	background-color:		#EFEFEF;
	width:					calc(33% + 1px);
	float:					left;
	padding-bottom:			30px;
	margin-top:				30px;
	border-bottom:			solid 8px #D9DADB;
	border-right:			solid 1px #FFF;
	text-align:				center;
}
.partner_logo_div2{
	position: 				relative;
	background-color:		#FFF;
	width:					calc(33% + 1px);
	float:					left;
	padding-bottom:			0px;
	margin-top:				30px;
	border-bottom:			solid 8px #8A8D91;
	border-right:			solid 1px #D9DADB;
	text-align:				center;
}
.partner_logo_div:nth-child(2n){
	border-bottom:			solid 8px #ECECED;
}
.partner_logo_div:hover{
	border-bottom:			solid 8px #002850;
}
.partner_logo_div2:nth-child(2n){
	border-bottom:			solid 8px #ECECED;
}
.partner_logo_div2:hover{
	border-bottom:			solid 8px #002850;
}
.partner_logo{
	width:					80%;
	margin-top:				40px;
	-webkit-transition: 	all 200ms ease-in;
    -webkit-transform: 		scale(1); 
    -ms-transition: 		all 200ms ease-in;
    -ms-transform: 			scale(1); 
    -moz-transition: 		all 200ms ease-in;
    -moz-transform: 		scale(1);
    transition: 			all 200ms ease-in;
    transform: 				scale(1);   
}
.partner_logo:hover{
	-webkit-transition: 	all 200ms ease-in;
    -webkit-transform: 		scale(1.1);
    -ms-transition: 		all 200ms ease-in;
    -ms-transform: 			scale(1.1);   
    -moz-transition: 		all 200ms ease-in;
    -moz-transform: 		scale(1.1);
    transition: 			all 200ms ease-in;
    transform: 				scale(1.1);
}
.partner_logo_special{
	width:					calc(25% - 1px);
	margin-top:				0px;
}

.partner_slogan{
	font-size:				1.5em;
	font-weight:			bold;
	color:					#002850;
	text-align:				center;
	margin-top:				45px;
}
#hoertest_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
}
.hoertest_pic{
	width:					100%;
	cursor:					pointer;
	-webkit-transition: 	all 200ms ease-in;
    -webkit-transform: 		scale(1);
    -ms-transition: 		all 200ms ease-in;
    -ms-transform: 			scale(1);   
    -moz-transition: 		all 200ms ease-in;
    -moz-transform: 		scale(1);
    transition: 			all 200ms ease-in;
    transform: 				scale(1);
}
.hoertest_pic:hover{
	width:					100%;
	cursor:					pointer;
	-webkit-transition: 	all 200ms ease-in;
    -webkit-transform: 		scale(1.1);
    -ms-transition: 		all 200ms ease-in;
    -ms-transform: 			scale(1.1);   
    -moz-transition: 		all 200ms ease-in;
    -moz-transform: 		scale(1.1);
    transition: 			all 200ms ease-in;
    transform: 				scale(1.1);
}
#hoertest_content{
	position:				relative;
	width:					1000px;
	margin-left:			auto;	
	margin-right:			auto;	
	overflow:				hidden;
}
.hoertest_box, .hoertest_box_m{
	width:					33%;
	float:					left;
	text-align:				center;
	background-color:		rgba(217,218,219,1);
	height:					320px;
	margin-top:				-7px;
	color:					#828384;
}
.hoertest_box_m{
	width:					34%;
	background-color:		rgba(236,236,237,1);
}
.hoertest_icon{
	margin-top:				40px;
	height:					64px;
}
.hoertest_spacer{
	width:					70%;
	height:					1px;
	margin-bottom:			4px;
}
.hoertest_jameda{
	width:					60%;
	margin:					auto;
}
#hoertest_1{
	position:				relative;
	margin-top:				-10px;
	width:					calc(100% - 100px);
	height:					250px;
	overflow:				hidden;
	background:				#FFF;
	padding:				50px;
}

.hoertest_fahne{
	position:				absolute;
	top:					250px;
	left:					0px;
	cursor: 				pointer;
}

.ht24--widget{
	display:				none !important;
}

#hoertest_pic_wrapper{
	overflow:				hidden; 
	width: 					100%; 
	height: 				350px
}


#lehrfilme_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
	margin-bottom:			35px;
}
#lehrfilme_content{
	width:					1000px;
	margin-left:			auto;	
	margin-right:			auto;	
	background-color:		rgba(217,218,219,1);
}
#lehrfilme_text{
	width:					800px;
	margin-left:			auto;	
	margin-right:			auto;	
	padding:				30px 0px 0px 0px;
}
#lehrfilme_videoWrapper{
	width:					100%;
}
.lehrfilme_headlines, .lehrfilme_headlines2{
	float:					left;
	width:					33%;
	text-align:				center;
	margin-bottom:			80px;
	cursor:					pointer;
	-webkit-transition: 	all 200ms ease-in;
    -webkit-transform: 		scale(1); 
    -ms-transition: 		all 200ms ease-in;
    -ms-transform: 			scale(1); 
    -moz-transition: 		all 200ms ease-in;
    -moz-transform: 		scale(1);
    transition: 			all 200ms ease-in;
    transform: 				scale(1);   

}
.lehrfilme_headlines:hover, .lehrfilme_headlines2:hover{
	float:					left;
	width:					33%;
	text-align:				center;
	margin-bottom:			80px;
	cursor:					pointer;
	-webkit-transition: 	all 200ms ease-in;
    -webkit-transform: 		scale(1.1);
    -ms-transition: 		all 200ms ease-in;
    -ms-transform: 			scale(1.1);   
    -moz-transition: 		all 200ms ease-in;
    -moz-transform: 		scale(1.1);
    transition: 			all 200ms ease-in;
    transform: 				scale(1.1);
}
#lehrfilme_video_description{
	height:					50px;
}
#lehrfilme2_video_description{
	height:					100px;
}
#lehrfilme_video{
	width:					100%;
}

#lehrfilme2_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
}
#lehrfilme2_content{
	width:					1000px;
	margin-left:			auto;	
	margin-right:			auto;	
	background-color:		rgba(255,255,255,1);
}
#lehrfilme2_text{
	width:					800px;
	margin-left:			auto;	
	margin-right:			auto;	
	padding:				0px;
}


#hoerzentrum_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
	margin-top:				-35px;
}
#hoerzentrum_content{
	width:					1000px;
	margin-left:			auto;	
	margin-right:			auto;	
	background-color:		rgba(217,218,219,1);
}
#hoerzentrum_text{
	width:					800px;
	margin-left:			auto;	
	margin-right:			auto;	
	padding:				30px 0px 100px 0px;
}



#patienten_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
	margin-top:				35px;
}
#patienten_content{
	width:					1000px;
	margin-left:			auto;	
	margin-right:			auto;	
	background-color:		rgba(255,255,255,1);
}
#patienten_text{
	width:					800px;
	margin-left:			auto;	
	margin-right:			auto;	
	padding:				00px 0px 50px 0px;
}


#ueber_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
}
#ueber_content{
	width:					1000px;
	margin-left:			auto;	
	margin-right:			auto;	
	background-color:		rgba(217,218,219,1);
	padding-top:			30px;
}
#ueber_text{
	width:					800px;
	margin-left:			auto;	
	margin-right:			auto;	
	padding-bottom:			100px;
}
.ueber_text_left{
	width:					calc(50% - 80px);
	float:					left;
	padding:				0px 40px 0px 40px;		
}
.ueber_text_right{
	width:					calc(50% - 120px);
	float:					left;
	padding:				0px 100px 0px 20px;		
}

#kontakt_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
}
#kontakt_content{
	width:					1000px;
	margin-left:			auto;	
	margin-right:			auto;	
	background-color:		rgba(255,255,255,1);
}
#kontakt_text{
	width:					800px;
	margin-left:			auto;	
	margin-right:			auto;	
	padding:				30px 0px 100px 0px;
}
.kontakt_icon{
	height:					16px;
	margin:					0 10px 6px 0;	
	border:					none;
}
.kontakt_text_left{
	width:					40%;
	float:					left;
	padding:				0px 0px 0px 0px;		
}
.kontakt_text_right{
	width:					60%;
	float:					left;
	padding:				0px 0px 0px 0px;

}
.kontakt_block, .kontakt_block_m{
	width:					33%;
	float:					left;
	padding:				0px 0px 0px 0px;
	color:					#002850;
	background-color:		rgba(217,218,219,1);
	font-size:				1.2em;
	text-align:				center;
	padding:				30px 0px 30px 0px;
	margin-bottom:			10px;
	cursor:					pointer;
}
.kontakt_block_m{
	width:					34%;
	background-color:		rgba(236,236,237,1);
}
.kontakt_block:hover, .kontakt_block_m:hover{
	color:					#FFF;
	background-color:		rgba(0,40,80,1);
	font-size:				1.2em;
	text-align:				center;
	padding:				30px 0px 30px 0px;
	margin-bottom:			10px;
}
#map{
	width:					100%;
	height:					400px;
}


#impressum_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
	margin:					150px 0px 100px 0px;
}
#impressum_content{
	width:					1000px;
	margin-left:			auto;	
	margin-right:			auto;	
	background-color:		rgba(255,255,255,1);
}
#impressum_text{
	width:					800px;
	margin-left:			auto;	
	margin-right:			auto;	
	padding:				100px 0px 100px 0px;
}



#footer_wrapper{
	display:				absolute;
	width:					100%;
	z-index:				10001;
}
#footer_content{
	width:					100%;	
	background-color:		rgba(0,40,80,1);
}
#footer_text{
	width:					80%;
	margin-left:			auto;	
	margin-right:			auto;	
	padding:				60px 0px 60px 0px;
	color:					#fff;
}
#footer_box{
	position:				relative;
}
#footer_box_1{
	position:				relative;
	float:					left;
	width:					calc(30% - 1px);
	border-right:			solid 1px #FFF;
}
#footer_box_2{
	position:				relative;
	float:					left;
	width:					calc(35% - 50px);
	padding-left:			50px;
}
#footer_box_3{
	position:				relative;
	float:					left;
	width:					35%;
	text-align:				right;
}
.footer_headline{
	font-size:				1.5em;
	line-height:			180%;
}
.footer_icon_impressum{
	width:					50px;
}


.fon_desktop{
	display:				block;
}
.fon_mobil{
	display:				none;
}



#navDiv_1, #navDiv_2, #navDiv_3, #navDiv_4, #navDiv_5, #navDiv_6, #navDiv_7, #navDiv_8{
	padding-top: 120px;
	margin-top: -120px;
}


textarea{
	width:					calc(100% - 40px);
	height:					150px;
	border:					solid 1px #D9DADB;
	padding:				10px;
	margin:					0px 0px 25px 15px;
}
input[type=text], input[type=email]{
	width:					calc(50% - 40px);
	border:					solid 1px #D9DADB;
	padding:				10px;
	margin:					0px 0px 25px 15px;
}
input[type=email]{
	width:					calc(100% - 40px);
}
input[type=button]{
	border:					none;
	color:					#FFF;
	background:				#002850;
	padding:				10px 25px;
	margin:					0px 0px 25px 15px;
}


@media only screen and (max-width: 1050px) {
	
	.general_wrapper{
		width:				96%;
		margin:				auto;
	}
	
	#head_navDesktop{
		display:			none;
	}

	#head_navMobile{
		display:			block;
	}
	
	

	
	#main, #head_whiteContent, #head_greyContent, #home_itemDescription, #home_content, 
	#partner_content, #hoertest_content, #lehrfilme_content, 
	#lehrfilme2_content, #patienten_content, #ueber_content,
	#kontakt_content, #impressum_content, #footer_content{
		width:				100%;
	}
	
	#home_itemDescriptionWrapper, #home_text, #partner_text, #lehrfilme_text, 
	#lehrfilme2_text, #ueber_text, #kontakt_text, #impressum_text, #footer_text{
		width:				100%;
	}
	
	#patienten_text{
		width:				100%;
	}
	#partner_logCutter, #partner_logCutter2{
		width:				100%;
	}

	
}

@media only screen and (max-width: 1024px) {
	
	#general_wrapper, #partner_content, #home_itemDescriptionBorder, #hoerzentrum_content, #home_content, #hoertest_content, #patienten_content{
		width:					100%;
	}	
	#partner_text, #hoerzentrum_text, #home_text, #patienten_text{
		width:					95%;
		font-size:				0.8em;
	}

	.partner_logo_div2{
		width:					calc(33%);
		margin:					0px;
		padding:				0px;
	}
	
	.partner_logo{
		margin-top:				20px;
	}
	.partner_logo_special{
		width:					calc(25% - 1px);
		margin-top:				0px;
	}
	.fon_desktop{
		display:				none;
	}
	.fon_mobil{
		display:				block;
	}

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

	#head_whiteContent, #head_white{
		height:				105px;	
	}
	#head_navDesktop{
		position:			absolute;
		left:				0px;
		top:				60px;
	}
	.head_navWrapper{
		margin-top:			10px;
	}
	
	h1{
		padding-top: 		40px;
	}
	
	.hoertest_box, .hoertest_box_m, .kontakt_block, .kontakt_block_m, #footer_box_1, #footer_box_2, #footer_box_3{
		font-size:			0.7em;
	}
	.footer_icon_impressum{
		width:				35px;
	}



}

@media only screen and (max-width: 599px) {
	
	.head_logo{
		width:					55%;
		height:					auto;
		margin-left:			15px;
	}
	.noMobile{
		display:				none;
	}
	#head_grey{
		display:				none;
	}
	#mobile_div{
		top:					55px;	
	}
	#head_white{
		top:					0px;
		height:					55px;
	}
	#head_whiteContent{
		height:					55px;
	}

	#head_navMobile{
		top:					-10px;
	}
	h1{
		font-size: 				1.5em;
		margin-top: 			0px;
		margin-bottom: 			20px;
		padding-top: 			0px;
		line-height:			100%;
	}
	
	#home_wrapper{
		width:					100%;
		margin-top:				0px;
	}
	#home_content{
		width:					100%;
	}
	#home_text{
		width:					95%;
		margin-left:			auto;	
		margin-right:			auto;	
		padding:				100px 0px 0px 0px;
	}
	
	#home_itemDescriptionBorder{
		height:					130px;
	}
	
	.lehrfilme_headlines, .lehrfilme_headlines2{
		margin-bottom:			20px;
	}
	.lehrfilme_headlines:hover, .lehrfilme_headlines2:hover{
		margin-bottom:			20px;
		-webkit-transition: 	all 200ms ease-in;
		-webkit-transform: 		scale(1); 
		-ms-transition: 		all 200ms ease-in;
		-ms-transform: 			scale(1); 
		-moz-transition: 		all 200ms ease-in;
		-moz-transform: 		scale(1);
		transition: 			all 200ms ease-in;
		transform: 				scale(1); 

	}
	#lehrfilme_video_description, #lehrfilme2_video_description{
		height:					200px;
	}

	#hoertest_1{
		width:					95%;
		margin-top:				0px;
		margin-bottom:			-10px;
		height:					260px;
		padding:				0px;
		margin:					auto;
		overflow:				hidden;
	}
	#hoertest_pic_wrapper{
		overflow:				auto; 
		width: 					100%; 
		height: 				auto;
	}
	.hoertest_fahne{
		top:					100px;
		width:					100px;
	}

	.hoertest_box, .hoertest_box_m{
		height:					350px;
	}
	.hoertest_jameda{
		width:					80%;
		margin:					auto;
	}

	.kontakt_text_left{
		width:					95%;
		float:					left;
		padding:				0px 0px 0px 0px;
		text-align:				center;
	}
	.kontakt_text_right{
		width:					95%;
		float:					left;
		padding:				60px 0px 0px 0px;
		text-align:				center;

	}
	.kontakt_block:hover, .kontakt_block_m:hover{
		font-size:				1.0em;
	}


	input[type=text]{
		width:					calc(100% - 40px);
	}
	
	#footer_box_1{
		width:					95%;
		border:					none;
		border-bottom:			solid 1px #FFF;
		padding:				0 0 30px 0;
		text-align:				center;
	}
	#footer_box_2{
		width:					95%;
		border:					none;
		border-bottom:			solid 1px #FFF;
		padding:				30px 0 30px 0;
		text-align:				center;
	}
	#footer_box_3{
		width:					95%;
		border:					none;
		padding:				30px 0 0 0;
		text-align:				center;
	}
}