.myStapel{
	float:left;
    height:40rem;
    width: 50%;
    /* border: 1px solifaded red; */
	padding-bottom:50%;
}

.myStapel_resp{
	display:none;
}
#stapel {
    position: relative;
    /* height:40rem; */
    /* width: 50%; */
	/* margin-left:1%; */
    /* border: 1px solid black; */
    /* cursor: pointer; */
    overflow: hidden;
}
#stapel figure {
    position: absolute;
    margin: 0;
    opacity: 0;
    width: 100%;
}
#stapel figure:nth-of-type(1) {
  -webkit-animation-name: bild;
    animation: bild 36s ease-in-out infinite;
}
#stapel figure:nth-of-type(2) {
  -webkit-animation-name: bild;
    animation: bild 36s 6s ease-in-out infinite;
}
#stapel figure:nth-of-type(3) {
  -webkit-animation-name: bild;
    animation: bild 36s 12s ease-in-out infinite;
}
#stapel figure:nth-of-type(4) {
  -webkit-animation-name: bild;
    animation: bild 36s 18s ease-in-out infinite;
}
#stapel figure:nth-of-type(5) {
  -webkit-animation-name: bild;
    animation: bild 36s 24s ease-in-out infinite;
}
#stapel figure:nth-of-type(6) {
  -webkit-animation-name: bild;
    animation: bild 36s 30s ease-in-out infinite;
}

@-webkit-keyframes bild {
     5.55%,  16.66%{right:0;      opacity:1; z-index:1;}
     22.22% {right:100%;      opacity:0; z-index:0;}
        0%, 100% {right:-100%; opacity:0; z-index:0;}
}

@keyframes bild{
     5.55%,  16.66%{right:0;      opacity:1; z-index:1;}
     22.22% {right:100%;      opacity:0; z-index:0;}
        0%, 100% {right:-100%; opacity:0; z-index:0;}
}

/* *****************************************************+++ */
.kiste{
	width:50%;
    overflow-x: hidden;
	text-align:center;
	background:rgb(240,240,240);
}
.kiste2{
	width:75%;
    overflow-x: hidden;
	text-align:center;
	padding-top:10%; 
	padding-left:15%;
	padding-bottom:7%;
	background:rgb(240,240,240);
}
 .kleine_kiste{
	width:50%;
	 margin: auto;
    overflow-x: hidden;
	position:relative;
}
 
  .text_phone{
	float:left;
	width:50%;
	padding:5% 0 0 5%;
  }
  
.phone_img{
	margin-top:-110%;
	text-align:center;
	width:58%;
 }

.description{
  	display: block;
    height: 0px;
    opacity: 0;
	overflow: hidden;
}

.cssSlider {
    overflow-x: hidden;
}
.sliderElements,
.sliderElements figure{
    margin: 0;
}	

.sliderElements {
    list-style: none;
    position: relative;
    left: 0;
    width: 600%;
    /* margin-bottom: .8em; */
    padding: 0;
    -webkit-transition: left .8s ease-in-out;
    -moz-transition: left .8s ease-in-out;
    -o-transition: left .8s ease-in-out;
    transition: left .8s ease-in-out;
}
.sliderElements > li {
    float: left;
    width: 16.66%;
    position: relative;
}
.sliderElements:after {
    content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden;
}  
/* Bilder responsive */
.sliderElements img {
    width: 100%;
    height: auto;
}
/* mittige Ausrichtung der Controls - funktioniert im Zusammenspiel mit inline-block */
.sliderControls {
padding-top: 5px;
margin-top: 30px;
text-align: center;
}
   
/* Controls nebeneinander bringen */
.sliderControls li {
  display: inline-block;
}
   
/* Controls auf einheitliche Maße bringen und die Ecken abrunden */
.sliderControls label {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  display: block;
  cursor: pointer;
  background: #ccc;
  border-width: 2px;
  border-style: solid;
  color: rgb(34, 98, 19);
}

 /*SliderInputs*/

input[name=slider]{
	display: none;
}	

#slide02:checked ~ .kiste .sliderElements {
    left: -100%;
}
 
#slide03:checked ~ .kiste .sliderElements {
    left: -200%;
}
 
#slide04:checked ~ .kiste .sliderElements {
    left: -300%;
}
#slide05:checked ~ .kiste .sliderElements {
    left: -400%;
}
#slide06:checked ~ .kiste .sliderElements {
    left: -500%;
}

#slide01:checked ~ .text_phone > #description1,
#slide02:checked ~ .text_phone > #description2,
#slide03:checked ~ .text_phone > #description3,
#slide04:checked ~ .text_phone > #description4,
#slide05:checked ~ .text_phone > #description5,
#slide06:checked ~ .text_phone > #description6{
	opacity: 1;
	height: 60%;
}

#slide01:checked ~ .text_phone .sliderControls label[for="slide01"],
#slide02:checked ~ .text_phone .sliderControls label[for="slide02"],
#slide03:checked ~ .text_phone .sliderControls label[for="slide03"],
#slide04:checked ~ .text_phone .sliderControls label[for="slide04"],
#slide05:checked ~ .text_phone .sliderControls label[for="slide05"],
#slide06:checked ~ .text_phone .sliderControls label[for="slide06"] {
	background: rgb(34, 98, 19); /*#226213;*/
}

.description{
	transition: opacity .8s ease-in-out;
}	

	
	
/* ##################################################### */

/* @media screen and (min-width : 1260px){ */
	/* #stapel { */
		/* height:45rem; */
	/* } */
/* } */
/* @media screen and (min-width : 1400px){ */
	/* #stapel { */
		/* height:50rem; */
	/* } */
/* } */
/* @media screen and (min-width : 1500px){ */
	/* #stapel { */
		/* height:55rem; */
	/* } */
/* } */
/* @media screen and (min-width : 1700px){ */
	/* #stapel { */
		/* height:60rem; */
	/* } */
/* } */
/* @media screen and (min-width : 2000px){ */
	/* #stapel { */
		/* height:70rem; */
	/* } */
/* } */
/* @media screen and (min-width : 2400px){ */
	/* #stapel { */
		/* height:80rem; */
	/* } */
/* } */










/* *****************************************************+++ */


/* * {box-sizing: border-box} */


.slide_wrapper{
	float:left;
 width:100%;
 margin-top:5%;

}
/* Slideshow container */
.slideshow-container {
	position:relative;
	margin:auto;
}

.mySlides {
	display: none;
	text-align:center;
 margin:auto;
 }
 
.dot {
  cursor: pointer;
  transition: color 0.3s ease;
}

.active_list, .dot:hover {
  color: rgb(23, 153, 0);
}
.slide_img{
 margin:auto;
 width:65%;
 /* transition: width 2s; /*height 2s; , transform 2s; */ */
 }
 /* img.slide_img:hover{ */
  /* width: 100%; */
  /* /* height: 300px; */ */
 /* /* -webkit-transform: rotate(180deg); *//* Safari */ */
  /* /* transform: rotate(180deg); */ */
	 
 /* } */

img {vertical-align: middle;}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3s;
  animation-name: fade;
  animation-duration: 3s;
}

@-webkit-keyframes fade {
  from {opacity: .02} 
  to {opacity: 1}
  /* from {width:5%} */
  /* to {width:70%} */
}

@keyframes fade {
  from {opacity: .02} 
  to {opacity: 1}
  /* from {width:5%} */
  /* to {width:70%} */
}