@charset "utf-8";
/* CSS Document */

.nach-links:before{content:"\276E"}
.nach-rechts:before{content:"\276F"}
		i{
			font-style: normal;
		}

/* Slider wrapper*/
.css-slider-wrapper {
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 116px;
  bottom: 52px;
}
/* Slider */
.slider {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 1;
  z-index: 0;
  -webkit-transition: -webkit-transform 1600ms;
  transition: -webkit-transform 1600ms, transform 1600ms;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* each slide backgound */  
.slide1 {
			background: url("bilder/startseite/langersgut-duesseldorf.jpg");
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center center;
  left: 0;
}
.slide2 {
			background: url("bilder/startseite/stadtvilla-mit-pool.jpg");
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center center;
  left: 100%
}
.slide3 {
			background: url("bilder/startseite/stahlhaus-anbau.jpg");
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center center;
  left: 200%
}
.slide4 {
			background: url("bilder/startseite/lesepavillon-gruga-essen.jpg");
			-webkit-background-size: cover;
			background-size: cover;
			background-position: center center;
  left: 300%;
}
/* Slider inner slide effect */
.slider h2 {
  color: #FFF;
  font-weight: normal;
  font-size: 18px;
  opacity: 0;
  -webkit-transform: translateX(500px);
  transform: translateX(500px);
}
.slider h2 {
  -webkit-transition: opacity 800ms, -webkit-transform 800ms;
  transition: transform 800ms, opacity 800ms;
  -webkit-transition-delay: 1s; /* Safari */
  transition-delay: 1s;
}
/* Next and Preive arrow */ 
.control {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  z-index: 55;
}
.control label {
  z-index: 0;
  display: none;
  text-align: center;
  line-height: 60px;
  font-size: 60px;
  color: #FFF;
  cursor: pointer;
  opacity: 0.6;
}
.control label:hover {
  opacity: 1;
}
.next {
  right: 1%;
}
.previous {
  left: 1%;
}
/* Slider Pager */ 
.slider-pagination {
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 1000;
}
.slider-pagination label {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-block;
  background: rgba(255,255,255,0.2);
  margin: 0 2px;
  border: solid 2px rgba(255,255,255,0.4);
  cursor: pointer;
}
/* Slider Pager arrow event */
.slide-radio1:checked ~ .next .numb2, 
.slide-radio2:checked ~ .next .numb3, 
.slide-radio3:checked ~ .next .numb4, 
.slide-radio2:checked ~ .previous .numb1, 
.slide-radio3:checked ~ .previous .numb2, 
.slide-radio4:checked ~ .previous .numb3 {
  display: block;
  z-index: 1
}
/* Slider Pager event */
.slide-radio1:checked ~ .slider-pagination .page1, 
.slide-radio2:checked ~ .slider-pagination .page2, 
.slide-radio3:checked ~ .slider-pagination .page3, 
.slide-radio4:checked ~ .slider-pagination .page4 {
  background: rgba(255,255,255,1)
}
/* Slider slide effect */
.slide-radio1:checked ~ .slider {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.slide-radio2:checked ~ .slider {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.slide-radio3:checked ~ .slider {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}
.slide-radio4:checked ~ .slider {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%);
}
.slide-radio1:checked ~ .slide1 h2,  
.slide-radio2:checked ~ .slide2 h2,  
.slide-radio3:checked ~ .slide3 h2,  
.slide-radio4:checked ~ .slide4 h2 {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1
}	
		.projektname{
background: rgba(98, 93, 86, 0.6);
padding: 4px 24px 8px 12px;
position: absolute;
right: 0;
bottom: 80px;
		}
		.projektname:hover{
			transition: .5s;
			background: rgba(98, 93, 86, 1);
		}
	footer{
		position: fixed;
		bottom:0px;
		}
		a{
			text-decoration: none;
		}