/* ***************/
/* Body */
/* ***************/

html, body {
	margin: 0px;
	background: #FFFFFF;
	
	height: 100%;
}
 

#anker1, #anker2, #anker3, #anker4, #anker5, #anker6, #anker7 {
	display: block;
	height: 115px;
	margin-top: -115px;
	visibility: hidden;
} 


#anker {
	display: block;
	height: 75px;
	margin-top: -75px;
	visibility: hidden;
}
 
 
.scroll-to-top-link {
    position: fixed;
    right: 20px;
    bottom: 100px;
    cursor: pointer;
	
	background: url(../images/scroll-to-top-link.png) no-repeat;
	opacity: 1;
	width: 60px;
	height: 60px;
	z-index:99;
}
 
 
@media screen and (min-width: 560px){

	.scroll-to-top-link {
		right: 2.5%;
		bottom: 7.5%;
	}

}	
 
 
 

/* ***************/
/* Header */
/* ***************/


@media screen and (min-width:560px) and (max-width:1023px){

	header {
		display: block;
		width: 100%; 
		height: 811px;
		margin: 0px auto;
	}
	
	header .facebook {
		position: relative;
		top: 275px;
		left: 0px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		margin: 0px 0px 0px -250px;
	}
	
	header .facebook .facebook-button {
		display: block;
		width: 226px;
		height: 112px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		transform: rotate(8deg);
		background: url("../images/facebook-button.png") no-repeat;
	}
	
	header .ratgeber {
		position: relative;
		top: 164px;
		left: 0px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		margin: 0px 0px 0px 250px;
	}
	
	header .ratgeber .ratgeber-button {
		display: block;
		width: 226px;
		height: 112px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		transform: rotate(352deg);
		background: url("../images/ratgeber-button.png") no-repeat;
	}

	header .fade {
		position: absolute;
		top: 235px;
		left: 0px;
		
		width: 100%;
		height: 576px;
		margin: 0px;
	}
	
	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: 576px;
		background: url(../headline2025/bild1_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild2_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild3_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild4_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild5_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild6_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild7 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild7_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild8 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild8_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild9 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild9_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild10 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild10_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild11 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild11_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild12 {
		display: block;
		margin: 0px auto;
		
		width: 100%;
		min-height: 576px;
		background: url(../headline2025/bild12_m.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
}



@media screen and (max-width: 559px){

	header {
		display: block;
		width: 100%; 
		height: 550px;
		margin: 0px auto;
	}
	
	header .facebook {
		position: relative;
		top: 275px;
		left: 0px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		margin: 0px 0px 0px -200px;
	}
	
	header .facebook .facebook-button {
		display: block;
		width: 175px;
		height: 87px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		transform: rotate(8deg);
		background: url("../images/facebook-button_klein.png") no-repeat;
	}
	
	header .ratgeber {
		position: relative;
		top: 187px;
		left: 0px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		
		margin: 0px 0px 0px 200px;
	}
	
	header .ratgeber .ratgeber-button {
		display: block;
		width: 175px;
		height: 87px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		transform: rotate(352deg);
		background: url("../images/ratgeber-button_klein.png") no-repeat;
	}

	header .fade {
		position: absolute;
		top: 235px;
		left: 0px;
		
		width: 100%;
		height: 315px;
		margin: 0px;
	}
	
	header .fade .section {
		float: left;
		width: 560px;
		height: 315px;
		margin: 0px 0px 0px 0px;
	}
		
	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild1_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild2_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild3_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild4_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild5_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild6_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild7 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild7_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild8 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild8_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild9 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild9_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild10 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild10_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild11 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild11_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild12 {
		display: block;
		margin: 0px auto;
		
		width: 560px;
		height: 315px;
		background: url(../headline2025/bild12_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}

}
	
	
	

@media screen and (max-width: 414px){	
	
	header {
		display: block;
		width: 100%; 
		height: 468px;
		margin: 0px auto;
	}
	
	header .fade {
		position: absolute;
		top: 235px;
		left: 0px;
		
		width: 100%;
		height: 233px;
		margin: 0px;
	}
	
	header .fade .section {
		float: left;
		width: 414px;
		height: 233px;
		margin: 0px 0px 0px 0px;
	}
		
	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild1_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild2_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild3_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild4_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild5_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild6_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild7 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild7_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild8 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild8_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild9 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild9_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild10 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild10_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild11 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild11_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild12 {
		display: block;
		margin: 0px auto;
		
		width: 414px;
		height: 233px;
		background: url(../headline2025/bild12_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
}




@media screen and (max-width: 375px){	
	
	header {
		display: block;
		width: 100%; 
		height: 446px;
		margin: 0px auto;
	}
	
	header .fade {
		position: absolute;
		top: 235px;
		left: 0px;
		
		width: 100%;
		height: 211px;
		margin: 0px;
	}	
	
	header .fade .section {
		float: left;
		width: 375px;
		height: 211px;
		margin: 0px 0px 0px 0px;
	}
		
	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild1_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild2_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild3_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild4_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild5_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild6_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild7 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild7_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild8 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild8_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild9 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild9_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild10 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild10_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild11 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild11_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild12 {
		display: block;
		margin: 0px auto;
		
		width: 375px;
		height: 211px;
		background: url(../headline2025/bild12_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
}



@media screen and (max-width: 320px){	
	
	header {
		display: block;
		width: 100%; 
		height: 415px;
		margin: 0px auto;
	}
	
	header .fade {
		position: absolute;
		top: 235px;
		left: 0px;
		
		width: 100%;
		height: 180px;
		margin: 0px;
	}

	header .fade .section {
		float: left;
		width: 320px;
		height: 180px;
		margin: 0px 0px 0px 0px;
	}
		
	header .fade .bild1 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild1_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild2 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild2_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild3 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild3_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild4 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild4_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild5 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild5_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
		
	header .fade .bild6 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild6_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild7 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild7_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild8 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild8_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild9 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild9_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild10 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild10_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild11 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild11_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
	header .fade .bild12 {
		display: block;
		margin: 0px auto;
		
		width: 320px;
		height: 180px;
		background: url(../headline2025/bild12_s.jpg) no-repeat; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;

		background-attachment: scroll !important;
		background-position: center center;
	}
	
}


header .mobil .head1 {
	display: block;
	width: 100%;
}

header .mobil .head1 .baseline {
	display: block;
	width: 100%; 		
    height: auto;
	margin: 0px auto;
}

header .mobil .head1 .layer1 {
	display: block;
	width: 100%;
	
	height: 70px;
	background: #EBEBEB;
	margin: 0px;
	border-top: 5px solid #FFD405;
	position: fixed;
    z-index: 3;
	
	box-shadow: inset 0px -3px 6px -6px #616161;
}

header .mobil .head1 .layer1 .logo {
    float: left;
    width: 280px;
	height: 40px;
    margin: 15px 0px 0px 40px;
	padding: 0px;
    background: url("../images/img_logo_smart.png") no-repeat;
}

header .mobil .head1 .layer1 .menubar {
	float: right;
	width: 40px;
	height: 25px;
	z-index: 4;
	padding: 23px 40px 0px 0px;	
}

header .mobil .head1 .layer1 a.menubutton {
	display: block;			
}

header .mobil .head1 .layer1 #button {
	display: block;
    width: 27px;
	height: 22px;
    margin: 0px;
	padding: 0px;
    background: url("../images/img_menu.png") no-repeat;
}

header .head2 {
	position: absolute;
	top: 75px;
	left: 0px;
	width: 100%;
}

header .head2 .baseline {
	display: flex;
	width: 100%; 		
    height: auto;
	margin: 0px auto;
}

header .head2 .layer1 {
	display: block;
	width: 100%;
	height: 160px;
	margin: 0px;
}

header .head2 .layer1 .slogan {
	display: block;
    color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 25px;
	font-weight: bold;
	font-style: italic;
	line-height: 30px;
	padding: 20px 0px 0px 0px;
	margin: 0px auto;
	clear: both;
}

header .head2 .layer1 .telefon {
	display: block;
    color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 32px;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
	margin: 0px auto;
}

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 (max-width:559px){

	header .mobil .head1 .layer1 .logo {
		float: left;
		width: 280px;
		height: 40px;
		margin: 15px 0px 0px 20px;
		padding: 0px;
		background: url("../images/img_logo_smart.png") no-repeat;
	}
	
	header .mobil .head1 .layer1 .menubar {
		float: right;
		width: 40px;
		height: 25px;
		z-index: 4;
		padding: 23px 20px 0px 0px;	
	}
	
	header .head2 .layer1 .slogan {
		display: block;
		color: #000000;  
		font-family: arial, sans-serif;  
		font-size: 20px;
		font-weight: bold;
		font-style: italic;
		line-height: 25px;
		padding: 25px 0px 0px 0px;
		margin: 0px auto;
		clear: both;
	}

}


@media screen and (max-width: 375px){
	
	header .mobil .head1 .layer1 .logo {
		float: left;
		width: 260px;
		height: 35px;
		margin: 22px 0px 0px 20px;
		padding: 0px;
		background: url("../images/img_logo_smart_klein.png") no-repeat;
	}
	
	header .mobil .head1 .layer1 .menubar {
		float: right;
		width: 40px;
		height: 25px;
		z-index: 4;
		padding: 23px 10px 0px 0px;	
	}	
	
}






/* ***************/
/* Navigation */
/* ***************/



@media screen and (max-width:1200px) {

nav {
	position: fixed;
	top: 75px;
	left: 0px;
	width: 100%;
	
	display: none;
	height: auto;
	
	z-index: 1000000;
}

nav a {
	display: inline-block;
	width: 100%;
	padding: 15px;
	text-decoration: none;
	color: inherit;
	font-family: arial, sans-serif;
	font-weight: normal;
}

nav ul {
	overflow: hidden;
	font-size: 17px;	
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 0px;
	text-align: left;
	margin: 0px;
	width: 100%; 
	margin: 0px auto;
	background-color: #396DB3;
	padding-left: 0px;
}

nav ul li {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 0px;
	text-align: center;
	border-bottom: 1px solid #FFFFFF;
}

nav ul li:hover {
	color: #FFD405;
}

}










/* ***************/
/* Main */
/* ***************/

main {
	display: block;
	width: 100%; 
    height: auto;
	margin: 0px auto;
}

main .baseline1 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 40px 0px 40px 0px;
	background: #FFFFFF;
}

main .baseline2 {
	float: left;
	width: 100%;
    height: auto;
	margin: 0px auto;
	padding: 40px 0px 40px 0px;
	background: #EBEBEB;
}

main .baseline3 {
	float: left;
	width: 100%; 
    height: auto;
	margin: 0px auto;
	padding: 40px 0px 40px 0px;
	background: #FFE566;
}

main .layer1 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

main .layer1 h1 {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	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: 20px 0px 0px 0px;
	text-align: left;
}

main .layer1 .section {
	float: left;
	width: 100%;
    height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

main .layer1 .right {
    float: left;
    margin: 20px 0px 20px 0px;
	width: 100%;
}

main .layer1 .video {
	float: right;
    margin: 20px 0px 20px 0px;
	width: 100%;
}

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: 20px 0px 20px 0px;
}

.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: 920px;
	left: 0;
	right:0;
	margin:auto;
}




main .layer1a {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

main .layer1a h3 {
	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 .layer1a .section {
	float: left;
	width: 100%;
    height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

main .layer1a .right {
    float: left;
    margin: 20px 0px 20px 0px;
	width: 100%;
}

main .layer1a .video {
	float: right;
    margin: 20px 0px 20px 0px;
	width: 100%;
}

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: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

main .layer2 #headline {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin: 0px;
	text-align: center;
}

main .layer2 .section {
	float: left;
	width: 100%;  
    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 {
	display: block;
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	text-align: center;
	max-width: 375px;
}

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: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

main .layer3 #headline {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	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: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

main .layer4 .section {
	float: left;
	width: 100%;
    height: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

main .layer4 h1 {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	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 0px 50px 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;
}

main .layer4 .left {
    float: left;
    margin: 0px 0px 20px 0px;
	width: 100%;
}

main .layer4 .right {
    float: left;
    margin: 0px 0px 20px 0px;
	width: 100%;
}

main .layer5 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

main .layer5 #headline {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin: 0px;
	text-align: center;
}

main .layer5 .section {
	float: left;
	width: 100%;  
    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 {
	display: block;
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	text-align: center;
	max-width: 375px;
}

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: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

main .layer6 #headline {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	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: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 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_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;
}


@media screen and (max-width: 560px){

	main .layer7 .slider .img1 {
		background-image: url(../portraits/team-leitung_m.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_m.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_m.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.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.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.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.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.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.jpg);
	width: 100%;
	aspect-ratio: 3 / 4;
	margin: 0px 0px 10px 0px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


@media screen and (max-width: 559px){
	
	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: 100%;
    height: auto;
	margin: 20px 0px 10px 0px;
	padding: 0px;
}

main .layer7 .section2 {
	float: left;
	width: 100%;
    height: auto;
	margin: 20px 0px 10px 0px;
	padding: 0px;
}

main .layer7 .section3 {
	float: left;
	width: 100%;
    height: auto;
	margin: 20px 0px 10px 0px;
	padding: 0px;
}

main .layer7 h1 {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

main .layer7 h3 {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 20px 0px 20px 0px;
	text-align: left;
}







main .layer8 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

main .layer8 #headline {
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin: 0px 0px 40px 0px;
	text-align: center;
}

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: 50px 0px 0px 0px;
	text-align: center;
}

main .layer8 .section1 #text1 {
	display: block;
	color: #000000;  
	font-family: arial, sans-serif;  
	font-size: 17px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px auto;
	max-width: 375px;
	text-align: center;
}

main .layer8 .section2 {
	float: left;
	width: 100%;  
    height: 100%;
	padding: 0px;
	margin: 50px 0px 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: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

main .layer9 .headline {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

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 .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;
}



main .layer10 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 40px 40px 40px 40px;
}

main .layer10 #headline {
	color: #396DB3;  
	font-family: arial, sans-serif;  
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin: 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 40px 0px;
	text-align: left;
}

main .layer10 .section {
	float: left;
	width: 100%;  
    height: 100%;
	padding: 0px;
	margin: 30px 0px 0px 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: 40px 0px 40px 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: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

footer .layer1 .section1 {
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
}	

footer .layer1 .section2 {
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 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 40px 0px;
	padding: 0px;
    background: url("../images/logo_advomedica.png") no-repeat;
}

footer .layer2 {
	display: block;
	max-width: 1024px; 
    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: left;
	width: auto;
	height: auto;
	text-align: left;
	padding: 20px 0px 80px 0px;
}
	

footer .layer3 {
	display: block;
	max-width: 1024px; 
    height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
}

footer .layer3 .section {
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 0px 30px 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 {
	display: block;
	margin: 0px;
	background: url(../images/img_footer.png) 0px 0px no-repeat;
	width: 225px;
	height: 216px;
}

footer .layer3 .image2 {
	display: block;
	margin: 0px;
	background: url(../images/img_footer.png) -240px 0px no-repeat;
	width: 225px;
	height: 216px;
}

footer .layer3 .image3 {
	display: block;
	margin: 0px;
	background: url(../images/img_footer.png) -485px 0px no-repeat;
	width: 225px;
	height: 216px;
}

	
	
	


	
@media screen and (min-width:300px) and (max-width:413px){	
	
	main .layer1 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	main .layer1 h1 {
		color: #396DB3;  
		font-family: arial, sans-serif;  
		font-size: 25px;
		font-weight: bold;
		line-height: 30px;
		margin: 0px;
		text-align: left;
	}

	main .layer2 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	main .layer2 #headline {
		color: #000000;  
		font-family: arial, sans-serif;  
		font-size: 25px;
		font-weight: bold;
		line-height: 30px;
		margin: 0px;
		text-align: center;
	}

	main .layer3 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	main .layer3 #headline {
		color: #396DB3;  
		font-family: arial, sans-serif;  
		font-size: 25px;
		font-weight: bold;
		line-height: 30px;
		margin: 0px;
		text-align: left;
	}

	main .layer4 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	main .layer4 h1 {
		color: #396DB3;  
		font-family: arial, sans-serif;  
		font-size: 25px;
		font-weight: bold;
		line-height: 30px;
		margin: 0px;
		text-align: left;
	}

	main .layer5 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	main .layer5 #headline {
		color: #000000;  
		font-family: arial, sans-serif;  
		font-size: 25px;
		font-weight: bold;
		line-height: 30px;
		margin: 0px;
		text-align: center;
	}

	main .layer6 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	main .layer6 #headline {
		color: #396DB3;  
		font-family: arial, sans-serif;  
		font-size: 25px;
		font-weight: bold;
		line-height: 30px;
		margin: 0px;
		text-align: left;
	}

	main .layer7 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	main .layer7 h1 {
		color: #396DB3;  
		font-family: arial, sans-serif;  
		font-size: 25px;
		font-weight: bold;
		line-height: 30px;
		margin: 0px 0px 0px 0px;
		text-align: left;
	}

	main .layer8 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	main .layer8 #headline {
		color: #000000;  
		font-family: arial, sans-serif;  
		font-size: 25px;
		font-weight: bold;
		line-height: 30px;
		margin: 0px 0px 40px 0px;
		text-align: center;
	}

	main .layer8 .section1 .portrait {
		display: block;
		margin: 20px auto 0px auto;
		width: 300px;
		height: auto;
		border: 3px solid #000000;
		border-radius: 5px;
	}

	main .layer9 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	main .layer9 .headline {
		color: #396DB3;  
		font-family: arial, sans-serif;  
		font-size: 25px;
		font-weight: bold;
		line-height: 30px;
		margin: 0px 0px 20px 0px;
		text-align: left;
	}

	footer .layer1 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	footer .layer2 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}
	
	footer .layer3 {
		display: block;
		max-width: 1024px; 
		height: auto;
		margin: 0px auto;
		padding: 0px 20px 0px 20px;
	}

	main .layer3 .button {
		display: inline-block;
		background: #FF0000;
		font-family: arial, sans-serif; 
		font-size: 20px;
		font-weight: normal;
		text-decoration: none;
		border: 2px solid #FFFFFF;
		border-radius: 5px;
		padding: 15px 20px 15px 20px;
		margin: 35px 0px 0px 0px;
	}

	main .layer6 .button {
		display: inline-block;
		background: #FF0000;
		font-family: arial, sans-serif; 
		font-size: 20px;
		font-weight: normal;
		text-decoration: none;
		border: 2px solid #FFFFFF;
		border-radius: 5px;
		padding: 15px 20px 15px 20px;
		margin: 35px 0px 0px 0px;
	}
	
}	
	
	
	
	
	
	
	
	




/* ***************/
/* 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;
}

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;
}





/* ***************/
/* 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 */
/* ***************/


@media screen and (max-width: 559px){


.click-to-action {
    position: fixed;
    left: 0px;
    bottom: 0px;
	
	background: #EBEBEB;
	width: 100%;
	height: 80px;
	margin: 0px 0px 0px 0px;
	
	box-shadow: inset 0px 3px 6px -6px #616161;
	
	z-index: 1000000000;
}



.click-to-call {
    position: fixed;
    left: 20px;
    bottom: 15px;
    cursor: pointer;
	
	background: #FFD405;
	width: 42%;
	height: 50px;
	border-radius: 5px;
	margin: 0px 0px 0px 0px;
	z-index: 10000000000;
}

.click-to-call .text {
	text-align: center;
    color: #000000;
	font-family: arial, sans-serif; 
	font-size: 17px;
	font-weight: bold;
	padding: 15px 10px 15px 10px;
}



.click-to-mail {
    position: fixed;
    right: 20px;
    bottom: 15px;
    cursor: pointer;
	
	background: #FFD405;
	width: 42%;
	height: 50px;
	border-radius: 5px;
	margin: 0px 0px 0px 0px;
	z-index: 10000000000;
}

.click-to-mail .text {
	text-align: center;
    color: #000000;  
	font-family: arial, sans-serif; 
	font-size: 17px;
	font-weight: bold;
	padding: 15px 10px 15px 10px;
}

}



@media screen and (min-width: 360px) and (max-width:413px){

	.click-to-call {
		width: 43%;
	}
	
	.click-to-mail {
		width: 43%;
	}

}


@media screen and (min-width: 414px) and (max-width:559px){

	.click-to-call {
		width: 44%;
	}
	
	.click-to-mail {
		width: 44%;
	}

}



@media screen and (min-width: 560px){
	
	.click-to-action {
		display: none;
	}
	
	.click-to-call {
		display: none;
	}

	.click-to-mail {
		display: none;
	}
	
}