/****** Akkordeon v1.1 2018-06**********************************/
.Akkordeon {box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
/* Titelblock */
.Akkordeon>LABEL>DIV:first-child{
  box-sizing: border-box;
  display: block;
  padding: 0 0 0 1em;
  background: #E9AA2E;;
  color:#fff;
  font-weight: bold;
  line-height: 3;
  cursor: pointer;
  margin-bottom:1px;
}
.Akkordeon LABEL:last-child DIV:first-child{margin-bottom:0;} /*Kein Zwischenraum bei letztem Element*/


/* Aufklappbarer Textblock -> Zugeklappt  */
.Akkordeon input + DIV,
.Akkordeon input + SPAN + DIV {     /*Mit optionalem Icon span*/
  background: #aaa;
  padding:1em; 
 
  cursor: pointer;
  box-sizing: border-box;  position: relative;
  max-height: 0px;	padding-top:0; padding-bottom:0; 
  overflow: hidden;
  -webkit-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}


/* Aufklappbarer Textblock -> Aufgeklappt */
.Akkordeon input:checked + DIV, 
.Akkordeon input:checked + SPAN +  DIV {   /*Mit optionalem Icon span*/
  max-height: 200em;
  padding-top:0.2em;
  padding-bottom:1em;
  background: #fff;
}

/* Inputelement */
.Akkordeon input{display:none;}

/* X - ICON */
.Akkordeon label{position: relative;display:block;}

.Akkordeon input+SPAN:after {
  position: absolute;
  right: 0em;
  top: 0em;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  color:#fff;
  cursor: pointer;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  content: "\00271A";
}

.Akkordeon input[type=checkbox]:checked+SPAN:after,
.Akkordeon input[type=radio]:checked+SPAN:after {
  transform: rotate(315deg);
}