
/* ***************/
/* Body */
/* ***************/

html, body {
	margin: 0px;
	background: #FFFFFF;
	
	height: 100%;
}
 
 
#anker1, #anker2, #anker3, #anker4, #anker5, #anker6, #anker7 {
	display: block;
	height: 178px;
	margin-top: -178px;
	visibility: hidden;
}

#anker {
	display: block;
	height: 178px;
	margin-top: -178px;
	visibility: hidden;
}


.scroll-to-top-link {
    position: fixed;
    right: 2.5%;
    bottom: 7.5%;
    cursor: pointer;
	
	background: url(../images/scroll-to-top-link.png) no-repeat;
	opacity: 1;
	width: 60px;
	height: 60px;
	z-index:99;
}
 
 

/* ***************/
/* Header */
/* ***************/



@media screen and (min-width:1366px){
	
	header {
		display: block;
		width: 100%; 
		height: 966px;
		margin: 0px auto;
	}
	
	header .facebook {
		position: relative;
		top: 750px;
		left: 0px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		margin: 0px 0px 0px -900px;
	}
	
	header .facebook .facebook-button {
		display: block;
		width: 226px;
		height: 112px;
		
		padding: 0px;
		transform: rotate(8deg);
		background: url("../images/facebook-button.png") no-repeat;
	}
	
	header .ratgeber {
		position: relative;
		top: 635px;
		left: 0px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		margin: 0px 0px 0px 900px;
	}
	
	header .ratgeber .ratgeber-button {
		display: block;
		width: 226px;
		height: 112px;
		
		padding: 0px;
		transform: rotate(352deg);
		background: url("../images/ratgeber-button.png") no-repeat;
	}
	
	header .fade {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 966px;
	}
	
	header .fade .section {
		float: left;
		width: 100%;
		height: auto;
		margin: 0px 0px 0px 0px;
	}

	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild1.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild2.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild3.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild4.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild5.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild6.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild7 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild7.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild8 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild8.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild9 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild9.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild10 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild10.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild11 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild11.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild12 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 966px;
		background: url(../headline2025/bild12.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
}



@media screen and (min-width:1200px) and (max-width:1365px){

	header {
		display: block;
		width: 100%; 
		height: 751px;
		margin: 0px auto;
	}
	
	header .facebook {
		position: relative;
		top: 550px;
		left: 0px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		margin: 0px 0px 0px -700px;
	}
	
	header .facebook .facebook-button {
		display: block;
		width: 226px;
		height: 112px;
		
		padding: 0px;
		transform: rotate(8deg);
		background: url("../images/facebook-button.png") no-repeat;
	}
	
	header .ratgeber {
		position: relative;
		top: 435px;
		left: 0px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		margin: 0px 0px 0px 700px;
	}
	
	header .ratgeber .ratgeber-button {
		display: block;
		width: 226px;
		height: 112px;
		
		padding: 0px;
		transform: rotate(352deg);
		background: url("../images/ratgeber-button.png") no-repeat;
	}

	header .fade {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 751px;
	}
	
	header .fade .section {
			float: left;
			width: 100%;
			height: auto;
			margin: 0px 0px 0px 0px;
		}

	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild1.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;	
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild2.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild3.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild4.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild5.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild6.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild7 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild7.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild8 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild8.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild9 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild9.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild10 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild10.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild11 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild11.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild12 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 751px;
		background: url(../headline2025/bild12.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
}


@media screen and (min-width:1024px) and (max-width:1199px){
	
	header {
		display: block;
		width: 100%; 
		height: 675px;
		margin: 0px auto;
	}
	
	header .facebook {
		position: relative;
		top: 450px;
		left: 0px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		margin: 0px 0px 0px -550px;
	}
	
	header .facebook .facebook-button {
		display: block;
		width: 226px;
		height: 112px;
		
		padding: 0px;
		transform: rotate(8deg);
		background: url("../images/facebook-button.png") no-repeat;
	}
	
	header .ratgeber {
		position: relative;
		top: 335px;
		left: 0px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		margin: 0px 0px 0px 550px;
	}
	
	header .ratgeber .ratgeber-button {
		display: block;
		width: 226px;
		height: 112px;
		
		padding: 0px;
		transform: rotate(352deg);
		background: url("../images/ratgeber-button.png") no-repeat;
	}
		
	header .fade {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 675px;
	}
	
	header .fade .section {
		float: left;
		width: 100%;
		height: auto;
		margin: 0px 0px 0px 0px;
	}
		
	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild1_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild2_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild3_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}

	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild4_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}

	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild5_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}

	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild6_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild7 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild7_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild8 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild8_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild9 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild9_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild10 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild10_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild11 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild11_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}
	
	header .fade .bild12 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 675px;
		background: url(../headline2025/bild12_l.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		background-attachment: scroll;
		background-position: center center;
	}

}




header .desktop .head1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}

header .desktop .head1 .baseline {
	display: block;
	width: 1200px; 		/* 1024px statt 1200px notwendig für Logo Animation */
    height: auto;
	margin: 0px auto;
}

header .desktop .head1 .layer1 {
	display: block;
	width: 100%; 
    height: 170px;
	margin: 0px auto;
	border-top: 8px solid #FFD405;
	
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 8px 6px -6px #6E6E6E;
	transition: all 0.6s ease 0s;
	position: fixed;
}

header .desktop .head1 .layer1 .logo {
	float: left;
    width: 350px;
	height: 50px;
    margin: 30px 0px 0px 5px;
	padding: 0px;
    background: rgba(0, 0, 0, 0) url("../images/img_logo.png") no-repeat;
}




header .head2 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4;
}

header .head2 .baseline {
	display: block;
	width: 1200px; 		/* 1024px statt 1200px notwendig für Logo Animation */
    height: auto;
	margin: 0px auto;
}

header .head2 .layer1 {
	display: block;
	width: 100%; 
    height: 110px;
	margin: 0px auto;
	position: fixed;	
}

header .head2 .layer1 .slogan {
	float: left;
    color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	line-height: 30px;
	margin: 33px 0px 0px 500px;
	padding: 0px;
}

header .head2 .layer1 .telefon {
	float: left;
    color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 32px;
	font-weight: bold;
	margin: 43px 0px 0px 165px;
	padding: 0px;
}

header .head2 .layer1 .telefon ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
    list-style-image: none;
	list-style-position: inside;
}

header .head2 .layer1 .telefon li {
	background: url(../images/img_telefon.png) 0px 2px no-repeat;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 38px;
}




@media screen and (min-width:1024px) and (max-width:1199px){

	header .desktop .head1 .baseline, header .head2 .baseline {
		display: block;
		width: 1024px; 		
		height: auto;
		margin: 0px auto;
	}
	
	header .head2 .layer1 .slogan {
		color: #000000;  
		font-family: arial, sans-serif;  
		font-size: 20px;
		font-weight: bold;
		font-style: italic;
		line-height: 30px;
		margin: 33px 0px 0px 420px;
		padding: 0px;
	}

	header .head2 .layer1 .telefon {
		color: #396DB3;  
		font-family: arial, sans-serif;  
		font-size: 32px;
		font-weight: bold;
		margin: 43px 0px 0px 70px;
		padding: 0px;
	}
	
}





header .desktop .head1 .layer1 a.menubutton {
	display: none;
	
}



/* ***************/
/* Navigation */
/* ***************/

@media screen and (min-width:1200px) {

	nav.nav {
		display:block !important;
		position: fixed;
		top: 120px;
		left: 50%;
		
		width: 1200px;
		margin: 0px -600px 0px -600px;
		height: auto;
		
		padding: 0px 0px 0px 0px;
	}
	
}

nav {
	display: block;
	float: left;
	width: 1200px;
	height: 40px;			
	text-align: left;
	margin: 0px 0px 0px 0px;
	
	z-index: 3;
}

nav ul {
	display:block;
	margin: 0px;
	padding: 0px;
}

nav ul li {
	display: inline;
	margin: 0px 15px 0px 15px;		
}

nav ul li a {
	font-family: arial, sans-serif;
	color: #FFFFFF;
	background: #396DB3;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 40px;
	padding: 10px 20px 10px 20px;	
}

nav ul li#first {				
	margin: 0px 15px 0px 20px;	                	
}

nav ul li#last {				
	margin: 0px 0px 0px 15px;	                	
}

nav ul li a:hover {
	color: #FFD405;
	text-decoration: none;
	
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -ms-transition: color 0.2s;
}




@media screen and (min-width:1024px) and (max-width:1199px){

	nav.nav {
		display:block !important;
		position: fixed;
		top: 120px;
		left: 50%;
		
		width: 1024px;
		margin: 0px -512px 0px -512px;
		height: auto;
		
		padding: 0px 0px 0px 0px;
	}
	
	nav {
		display: block;
		float: left;
		width: 1024px;
		height: 40px;			
		text-align: left;
		margin: 0px 0px 0px 0px;
		
		z-index: 3;
	}
	
	nav ul li {
		display: inline;
		margin: 0px 10px 0px 10px;		
	}

	nav ul li a {
		font-family: arial, sans-serif;
		color: #FFFFFF;
		background: #396DB3;
		font-size: 16px;
		font-weight: normal;
		text-transform: uppercase;
		text-decoration: none;
		line-height: 40px;
		padding: 6px 12px 6px 12px;	
	}

	nav ul li#first {				
		margin: 0px 6px 0px 12px;	                	
	}

	nav ul li#last {				
		margin: 0px 0px 0px 6px;	                	
	}
	
}





/* ***************/
/* Main */
/* ***************/

main {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
}

main .baseline1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

main .baseline2 {
	float: left;
	width: 100%;
	
    height: auto;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
	background-attachment: fixed;
	
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

.bg1 {
	background: url("../pictures/bg1.jpg") no-repeat;
}

.bg2 {
	background: url("../pictures/bg2.jpg") no-repeat;
}

.bg3 {
	background: url("../pictures/bg3.jpg") no-repeat;
}

.transbox {
	background-color: rgba(235, 235, 235, 0.80);
	height: 100%;
	padding: 0px;
}

main .baseline3 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #FFE566;
}





main .layer1 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 80px 40px 80px 40px;
}

main .layer1 h1 {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px;
	text-align: left;
}

main .layer1 h2 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px;
	text-align: left;
}

main .layer1 h3 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 50px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}

main .layer1 .section {
	float: left;
	width: 100%;
    height: auto;
	margin: 0px;
	padding: 0px 0px 80px 0px;
}

main .layer1 .right {
    float: right;
    margin: 50px 0px 0px 4%;
	width: 48%;
}

main .layer1 .video {
	float: right;
    margin: 50px 0px 0px 4%;
	width: 48%;
}

main .layer1 .video #videotitle {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 19px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
	
	margin-top:30px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container-wrapper {
	max-width: 100%;
	width: 576px;
	left: 0;
	right:0;
	margin:auto;
}




main .layer1a {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 80px 40px 80px 40px;
}

main .layer1a h3 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
}

main .layer1a .section {
	float: right;
	width: 100%;
    height: auto;
	margin: 0px;
	padding: 0px 0px 80px 0px;
}

main .layer1a .right {
    float: left;
    margin: 0px 0px 0px 4%;
	width: 48%;
}

main .layer1a .video {
	float: left;
    margin: 0px 4% 0px 0px;
	width: 48%;
}

main .layer1a .video #videotitle {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 19px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	text-align: left;
}












main .layer2 {
	display: block;
	max-width: 1200px; 
    min-height: 400px;
	margin: 0px auto;
	padding: 80px 40px 80px 40px;
}

main .layer2 #headline {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px;
	text-align: left;
}

main .layer2 .section {
	float: left;
	width: 25.00%;  
    height: 100%;
	padding: 0px;
	margin: 50px 0px 0px 0px;
}

main .layer2 .section #title {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	text-align: center;
}

main .layer2 .section #text {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 20px 20px 80px 20px;
	text-align: center;
}

main .layer2 .section .image1 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -376px -172px no-repeat;
	width: 120px;
	height: 130px;
}

main .layer2 .section .image2 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -549px -167px no-repeat;
	width: 130px;
	height: 130px;
}

main .layer2 .section .image3 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -21px -327px no-repeat;
	width: 120px;
	height: 130px;
}

main .layer2 .section .image4 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -196px -322px no-repeat;
	width: 120px;
	height: 130px;
}



main .layer3 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 60px 40px 60px 40px;
}

main .layer3 #headline {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px;
	text-align: left;
}

main .layer3  #text {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	text-align: left;
}

main .layer3 .button {
	display: inline-block;
	background: #FF0000;
	font-family: arial, sans-serif; 
	font-size: 23px;
	font-weight: normal;
	text-decoration: none;
	border: 2px solid #FFFFFF;
	border-radius: 5px;
	padding: 15px 25px 15px 25px;
	margin: 35px 0px 0px 0px;
}




main .layer4 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 80px 40px 80px 40px;
}

main .layer4 .section {
	float: left;
	width: 100%;
    height: auto;
	margin: 0px;
	padding: 50px 0px 0px 0px;
}

main .layer4 h1 {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px;
	text-align: left;
}

main .layer4 h2 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px;
	text-align: left;
}

main .layer4 h3 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	overflow: visible;
}

main .layer4 .left {
    float: left;
    margin: 0px 4% 25px 0px;
	width: 48%;
}

main .layer4 .right {
    float: right;
    margin: 0px 0px 25px 4%;
	width: 48%;
}





main .layer5 {
	display: block;
	max-width: 1200px; 
    min-height: 750px;
	margin: 0px auto;
	padding: 80px 40px 80px 40px;
}

main .layer5 #headline {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px;
	text-align: left;
}

main .layer5 .section {
	float: left;
	width: 33.33%;  
    height: 100%;
	padding: 0px;
	margin: 50px 0px 0px 0px;
}

main .layer5 .section #title {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	text-align: center;
}

main .layer5 .section #text {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 20px 55px 20px 55px;
	text-align: center;
}

main .layer5 .section .image1 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -373px -18px no-repeat;
	width: 120px;
	height: 130px;
}

main .layer5 .section .image2 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -201px -18px no-repeat;
	width: 110px;
	height: 130px;
}

main .layer5 .section .image3 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -202px -171px no-repeat;
	width: 120px;
	height: 130px;
}

main .layer5 .section .image4 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -17px -12px no-repeat;
	width: 130px;
	height: 130px;
}

main .layer5 .section .image5 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -555px -12px no-repeat;
	width: 100px;
	height: 130px;
}

main .layer5 .section .image6 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -28px -176px no-repeat;
	width: 100px;
	height: 130px;
}



main .layer6 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 60px 40px 60px 40px;
}

main .layer6 #headline {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px;
	text-align: left;
}

main .layer6  #text {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	text-align: left;
}

main .layer6 .button {
	display: inline-block;
	background: #FF0000;
	font-family: arial, sans-serif; 
	font-size: 23px;
	font-weight: normal;
	text-decoration: none;
	border: 2px solid #FFFFFF;
	border-radius: 5px;
	padding: 15px 25px 15px 25px;
	margin: 35px 0px 0px 0px;
}




main .layer7 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 80px 40px 80px 40px;
}

main .layer7 .slider {
	float: left;
	width: 100%;
	margin: 0px 0px 30px 0px;
}

main .layer7 .slider .section {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;	
}

main .layer7 .slider .img1 {
	background-image: url(../portraits/team-leitung.jpg);
	background-size: cover;
	background-position: center;
	aspect-ratio: 3 / 2;
	width: 100%;
	margin: 0px;
}

main .layer7 .slider .img2 {
	background-image: url(../portraits/team-pflege.jpg);
	background-size: cover;
	background-position: center;
	aspect-ratio: 3 / 2;
	width: 100%;
	margin: 0px;
}

main .layer7 .slider .img3 {
	background-image: url(../portraits/team-kueche.jpg);
	background-size: cover;
	background-position: center;
	aspect-ratio: 3 / 2;
	width: 100%;
	margin: 0px;
}


@media screen and (max-width: 1024px){

	main .layer7 .slider .img1 {
		background-image: url(../portraits/team-leitung_l.jpg);
		background-size: cover;
		background-position: center;
		aspect-ratio: 3 / 2;
		width: 100%;
		margin: 0px;
	}

	main .layer7 .slider .img2 {
		background-image: url(../portraits/team-pflege_l.jpg);
		background-size: cover;
		background-position: center;
		aspect-ratio: 3 / 2;
		width: 100%;
		margin: 0px;
	}

	main .layer7 .slider .img3 {
		background-image: url(../portraits/team-kueche_l.jpg);
		background-size: cover;
		background-position: center;
		aspect-ratio: 3 / 2;
		width: 100%;
		margin: 0px;
	}

}



main .layer7 #portrait_markus-vom-lehn {
    display: block;
	background-image: url(../portraits/markus-vom-lehn_kl.jpg);
	width: 100%;
	aspect-ratio: 3 / 4;
	margin: 0px 0px 10px 0px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

main .layer7 #portrait_schmidt {
    display: block;
	background-image: url(../portraits/schmidt_kl.jpg);
	width: 100%;
	aspect-ratio: 3 / 4;
	margin: 0px 0px 10px 0px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

main .layer7 #portrait_biniasch {
    display: block;
	background-image: url(../portraits/biniasch_kl.jpg);
	width: 100%;
	aspect-ratio: 3 / 4;
	margin: 0px 0px 10px 0px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

main .layer7 #portrait_kolling {
    display: block;
	background-image: url(../portraits/kolling_kl.jpg);
	width: 100%;
	aspect-ratio: 3 / 4;
	margin: 0px 0px 10px 0px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

main .layer7 #portrait_bergau {
    display: block;
	background-image: url(../portraits/bergau_kl.jpg);
	width: 100%;
	aspect-ratio: 3 / 4;
	margin: 0px 0px 10px 0px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

main .layer7 #portrait_sven-vom-lehn {
    display: block;
	background-image: url(../portraits/sven-vom-lehn_kl.jpg);
	width: 100%;
	aspect-ratio: 3 / 4;
	margin: 0px 0px 10px 0px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

main .layer7 #text1 {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: bold;
	margin: 0px;
	text-align: left;
}

main .layer7 #text2 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px;
	text-align: left;
}

main .layer7 .section1 {
	float: left;
	width: 31.33%;
    height: auto;
	margin: 0px;
	padding: 0px 1.5% 30px 0px;
}

main .layer7 .section2 {
	float: left;
	width: 31.33%;
    height: auto;
	margin: 0px;
	padding: 0px 1.5% 30px 1.5%;
}

main .layer7 .section3 {
	float: left;
	width: 31.33%;
    height: auto;
	margin: 0px;
	padding: 0px 0px 30px 1.5%;
}

main .layer7 h1 {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

main .layer7 h3 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px 0px 50px 0px;
	text-align: left;
}










main .layer8 {
	display: block;
	max-width: 1200px; 
    min-height: 450px;
	margin: 0px auto;
	padding: 80px 40px 80px 40px;
}

main .layer8 #headline {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px 0px 40px 0px;
	text-align: left;
}

main .layer8 .section1 {
	float: left;
	width: 100%;  
    height: 100%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

main .layer8 .section1 #title {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0px 0px 0px;
	text-align: left;
}

main .layer8 .section1 #text1 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

main .layer8 .section2 {
	float: left;
	width: 20%;  
    height: 100%;
	padding: 0px;
	margin: 70px 5% 0px 0px;
}

main .layer8 .section2 #title {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	text-align: center;
}

main .layer8 .section2 #text1 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

main .layer8 .section2 #text2 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 10px 0px 20px 0px;
	text-align: center;
}

main .layer8 .section2 .image1 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -454px -352px no-repeat;
	width: 60px;
	height: 60px;
}

main .layer8 .section2 .image2 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -633px -352px no-repeat;
	width: 60px;
	height: 60px;
}

main .layer8 .section2 .image3 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -549px -352px no-repeat;
	width: 40px;
	height: 60px;
}

main .layer8 .section2 .image4 {
	display: block;
	margin: 0px auto;
	background: url(../images/img_icons.png) -364px -352px no-repeat;
	width: 54px;
	height: 60px;
}




main .layer9 {
	display: block;
	max-width: 1200px; 
    min-height: 460px;
	margin: 0px auto;
	padding: 60px 40px 60px 40px;
}

main .layer9 .headline {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

main .layer9 #text1 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

main .layer9 #text2 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

main .layer9 img {
    display: block;
    margin: 25px 0px 25px 0px;
	max-width: 200px;
	height: auto;
}



@media screen and (min-width:1024px) and (max-width:1199px){
	
	main .layer9 #text1 {
		color: #000000;  
		font-family: arial, sans-serif;  
		font-size: 17px;
		line-height: 22px;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		text-align: left;
		}
	
}


main .layer10 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 60px 40px 60px 40px;
}

main .layer10 #headline {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 38px;
	font-weight: bold;
	line-height: 50px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

main .layer10 #title {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	text-align: left;
}

main .layer10 #text {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	text-align: left;
}

main .layer10 #text2 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 20px 0px 50px 0px;
	text-align: left;
}

main .layer10 .section {
	float: left;
	width: 33.33%;  
    height: 100%;
	padding: 0px;
	margin: 30px 0px 20px 0px;
}

main .layer10 .section #image {
	float: left;
    width: 152px;
	height: 101px;
    margin: 20px 0px 0px 0px;
	padding: 0px;
    background: url("https://www.mediakammer.de/grafiken/images/img_logo.png") no-repeat;
}

main .layer10 .bullet {
	padding-left: 0px;
	padding-top: 0px;
	margin-left: 0px; 
	margin-bottom: 25px; 
}

main .layer10 .bullet ul {
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: inside;
}

main .layer10 .bullet li {
	color: #000000;  
	font-family: arial, sans-serif; 
	font-size: 17px;
	line-height: 22px;
	margin-top: 20px;
}




/* ***************/
/* Footer */
/* ***************/

footer {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	clear: both;
}

footer .baseline1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 80px 0px 80px 0px;
	background: #616161;
}

footer .baseline2 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	background: #EBEBEB;
}

footer .layer1 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

footer .layer1 .section1 {
	float: left;
	width: 33.33%;
	height: auto;
	padding: 0px 0px 0px 0px;
}	

footer .layer1 .section2 {
	float: left;
	width: 33.33%;
	height: auto;
	padding: 52px 0px 0px 0px;
}
	
footer .layer1 #headline {
	color: #FFFFFF;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	text-align: left;
}

footer .layer1 #logoam {
	float: left;
    width: 225px;
	height: 233px;
    margin: 0px 0px 0px 0px;
	padding: 0px;
    background: url("../images/logo_advomedica.png") no-repeat;
}



footer .layer2 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

footer .layer2 #text {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px;
}

footer .layer2 .section1 {
	float: left;
	width: auto;
	height: auto;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

footer .layer2 .section2 {
	float: right;
	width: auto;
	height: auto;
	text-align: left;
	padding: 0px 0px 0px 0px;
}


footer .layer3 {
	display: block;
	max-width: 1200px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

footer .layer3 .section {
	float: left;
	width: 33.33%;
	height: auto;
	padding: 0px 0px 50px 0px;
}	

footer .layer3 #headline {
	color: #FFFFFF;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	text-align: left;
}

footer .layer3 #text {
	display: inline-block;
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 30px 0px 30px 0px;
	text-align: left;
}

footer .layer3 .image1 {
	float: left;
	margin: 0px;
	background: url(../images/img_footer.png) 0px 0px no-repeat;
	width: 225px;
	height: 216px;
}

footer .layer3 .image2 {
	float: left;
	margin: 0px;
	background: url(../images/img_footer.png) -240px 0px no-repeat;
	width: 225px;
	height: 216px;
}

footer .layer3 .image3 {
	float: left;
	margin: 0px;
	background: url(../images/img_footer.png) -485px 0px no-repeat;
	width: 225px;
	height: 216px;
}






/* ***************/
/* Links */
/* ***************/

a.link1:link, a.link1:visited {
	color: #FFFFFF; 
	text-decoration: none;
}

a.link1:hover, a.link1:focus, a.link1:active {
	color: #000000; 
	transition-duration: 0.3s;
}

a.link2:link, a.link2:visited {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
}

a.link2:hover, a.link2:focus, a.link2:active {
	text-decoration: underline;
}

a.link3:link, a.link3:visited {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	text-decoration: underline;
}

a.link3:hover, a.link3:focus, a.link3:active {
	text-decoration: none;
}

a.link4:link, a.link4:visited {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	text-decoration: none;
}

a.link4:hover, a.link4:focus, a.link4:active {
	text-decoration: underline;
}


a.link5:link, a.link5:visited {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	text-decoration: none;
	
	cursor: text;
}

a.link5:hover, a.link5:focus, a.link5:active {
	text-decoration: none;
}


.links a:link,.links a:visited {
	color: #000000;  
	font-family: arial, serif; 
	font-size: 17px;
	line-height: 25px;
	text-decoration: none;
}

.links a:hover,.links a:focus,.links a:active {
	text-decoration: underline;  
}







/* ***************/
/* Tellinks */
/* ***************/

a.tellink1[href^="tel"]:link,
a.tellink1[href^="tel"]:visited, 
a.tellink1[href^="tel"]:hover {

    color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 32px;
	font-weight: bold;
	text-decoration: none;
	
	cursor: text;
}

a.tellink2[href^="tel"]:link,
a.tellink2[href^="tel"]:visited, 
a.tellink2[href^="tel"]:hover {

	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	
	cursor: text;
}






/* ***************/
/* Animation */
/* ***************/


.animation {
    animation: Animation linear 7s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: Animation linear 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: Animation linear 7s;
        animation-delay: 0s;
        animation-iteration-count: 1;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: Animation linear 7s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: Animation linear 7s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    animation-delay: 7s;
}


@keyframes Animation {


0% {
    -webkit-transform: rotate(0deg) scale(0.80, 0.80);
    transform: rotate(3deg) scale(0.80, 0.80);
}
1% {
    -webkit-transform: rotate(3deg) scale(0.80, 0.80);
    transform: rotate(-3deg) scale(0.80, 0.80);
}
2% {
    -webkit-transform: rotate(-3deg) scale(0.80, 0.80);
    transform: rotate(-3deg) scale(0.80, 0.80);
}
3% {
    transform: rotate(3deg) scale(1.00, 1.10);
}
4% {
    transform: rotate(-3deg) scale(1.00, 1.00);
}
5% {
    transform: rotate(3deg) scale(1.00, 1.00);
}
6% {
    transform: rotate(-3deg) scale(1.00, 1.00);
}
7% {
    transform: rotate(3deg) scale(1.00, 1.00);
}
8% {
    transform: rotate(-3deg) scale(1.00, 1.00);
}
9% {
    transform: rotate(3deg) scale(1.00, 1.00);
}
10% {
    transform: rotate(0deg) scale(1.00, 1.00);
}
100% {
    transform: rotate(0deg) scale(1.00, 1.00);
}

}




/* ***************/
/* Call-to-Action */
/* ***************/

.click-to-action {
	display: none;
}
	
.click-to-call {
	display: none;
}

.click-to-mail {
	display: none;
}














