@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: 60px;
    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-1 ul {
	font-size: 150%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.fill-button {


}
.text-farbe-01 {
    color: rgba(121,83,64,1.00);
}
.text-farbe-02 {
    color: rgba(59,100,139,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(236,212,180,1.00);

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

}
.hintergrund-farbe-04 {
    background-color: rgba(68,68,68,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;

}
.abstand-bild {
    margin-bottom: 25px;
}

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

.quadrat {
	margin-right: 49px;
	float: left;
}
.quadrat-ohne-margin   {
	margin-right: 0px;
}


.index_1001 {
	z-index: 1001;
}
.bereich-detail {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.reihe-detail   {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
.image-detail {
    width: auto;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;

}
.image-kuechenfarbe-weiss {
    width: 140px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #FFFFFF;
    border: thin solid rgba(70,70,70,1.00);
    height: 140px;
    margin-left: 18px;
    margin-bottom: 10px;

}
.image-kuechenfarbe-beige {
    width: 140px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: thin solid rgba(70,70,70,1.00);
    background-color: rgba(190,178,163,1.00);
    height: 140px;
    margin-left: 18px;
}












@media (max-width:1199px){
.quadrat {
	margin-right: 51px;
	float: left;
}
.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;

}
.reihe-detail {
    width: auto;
    margin-left: 41px;
    margin-right: 41px;
}













}









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

}
.image-detail {
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;

}



}



@media (max-width: 767px){
.image-detail {
    padding-top: 9%;
    padding-right: 9%;
    padding-bottom: 9%;
    padding-left: 9%;

}




}




@media (max-width: 475px){


}




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

}