@charset "utf-8";


@keyframes fade1 {
     0% {opacity:1;}
    10% {opacity:1;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:0;}
    70% {opacity:0;}
    80% {opacity:0;}
    90% {opacity:0;}
   100% {opacity:1;}
}

@keyframes fade2 {
     0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:1;}
    30% {opacity:1;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:0;}
    70% {opacity:0;}
    80% {opacity:0;}
    90% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade3 {
     0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:1;}
    50% {opacity:1;}
    60% {opacity:0;}
    70% {opacity:0;}
    80% {opacity:0;}
    90% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade4 {
     0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:1;}
    70% {opacity:1;}
    80% {opacity:0;}
    90% {opacity:0;}
   100% {opacity:0;}
}

@keyframes fade5 {
     0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:0;}
    70% {opacity:0;}
    80% {opacity:1;}
    90% {opacity:1;}
   100% {opacity:0;}
}

@keyframes fade1 {
     0%, 10%, 100% {opacity:1;}
    20%, 90%       {opacity:0;}
}

@keyframes fade2 {
     0%, 10%, 40%, 100% {opacity:0;}
    20%, 30%            {opacity:1;}
}

@keyframes fade3 {
     0%, 30%, 60%, 100% {opacity:0;}
    40%, 50%            {opacity:1;}
}

@keyframes fade4 {
     0%, 50%, 80%, 100% {opacity:0;}
    60%, 70%            {opacity:1;}
}

@keyframes fade5 {
     0%, 70%, 100% {opacity:0;}
    80%, 90%       {opacity:1;}
}



.main-area {
	height: auto;
}
.einleitung {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	font-size: 150%;

}
.einleitung p {
	margin-bottom: 30px;
}




.fill-g {
	margin-bottom: 100px;
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;

}

.fill-image {



}






.fill-1 {
	height: auto;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
.fill-1 h1 {
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 8px;
	font-size: 200%;
}
.fill-1 h2 {
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 8px;
	font-size: 150%;
}
.fill-1 p {
	font-size: 150%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.fill-button {


}
.text-farbe-01 {
    color: rgba(77,77,77,1.00);
}
.text-farbe-02 {
	color: rgba(212,158,60,1.00);
}
.text-farbe-03 {
	color: rgba(121,148,60,1.00);
}
.hintergrund-farbe-01 {
	background-color: rgba(239,234,230,1.00);

}
.hintergrund-farbe-02 {
	background-color: rgba(207,207,207,1.00);

}
.hintergrund-farbe-03 {
	background-color: rgba(51,51,51,1.00);

}






@media (max-width:1199px){
.einleitung {
	padding-left: 80px;
	padding-right: 80px;
	width: 100%;


}
.fill-1 {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 80px;
	padding-right: 80px;

}
.fill-image {
	padding-left: 80px;
	padding-right: 80px;




}







}









@media only screen and (max-width: 1024px) {
.einleitung {
	padding-left: 30px;
	padding-right: 30px;



}
.fill-1 {
	padding-left: 30px;
	padding-right: 30px;


}
.fill-image {
	padding-left: 30px;
	padding-right: 30px;





}









}




@media (max-width: 991px){


}



@media (max-width: 767px){



}




@media (max-width: 475px){


}




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

}