@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(47,95,117,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);

}


.artikel {
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;


}
.bild {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;

}
.container-fluid .row .col-lg-10.text-bereich {
	min-height: 250px;
	font-size: 150%;
	border: thin solid rgba(85,85,85,1.00);
	list-style-type: none;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 266px;
	padding-right: 40px;
	line-height: 30px;
}
.text-bereich h3 {
	margin-bottom: 16px;
	margin-top: 4px;
}
.einleitung h3 {
	margin-bottom: 16px;
	margin-top: 4px;
}

.index_1001 {
	z-index: 1001;
}






@media (max-width:1199px){
.text-bereich h3 {
	margin-bottom: 16px;
	margin-top: 4px;
}
.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;




}
.artikel {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;


}
.bild {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 82px;

}












}









@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){

.artikel {
	margin-left: 0px;
	margin-right: 0px;


}
.container-fluid .row .col-lg-10.text-bereich {
	border: thin none rgba(85,85,85,1.00);
	padding-left: 44px;
}
.bild {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;

}


}



@media (max-width: 767px){



}




@media (max-width: 475px){


}




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

}