/*animation*/
@keyframes mw_test {
    from { padding-top: 0px;}
    to   { padding-top: 20px;  }
}
@keyframes mw_test_b {
    from {  padding-top: 20px;  }
    to   {  padding-top: 0px;  }
}
@keyframes mw_test_2 {
    from {  font-weight: 500;  }
    to   {  font-weight: 700;  }
}
@keyframes mw_einblenden_opa {
    from {  opacity: 0  }
    to   {  opacity: 1  }
}

@keyframes mw_ausblenden_opa {
    from {  opacity: 1  }
    to   {  opacity: 0  }
}
@keyframes mw_transform_rotate {
    from {  transform: rotate(180deg); }
    to   {  transform: rotate(0); }
}
@keyframes mw_transform_rotate2 {
    from {  transform: rotate(180deg); }
    to   {  transform: rotate(360deg); }
}

.accordion * {
	padding: 0;
}

.accordion {
	position: relative;
}

.accordion label {
	cursor: pointer;
	border: 0;
	z-index: 100;
	padding: 0;
	font-size: 20px;
}
.accordion label {
	border-top: 1px solid #000;
	padding: 24px 20px;
	display: flex;
	flex-flow: column;
}
#section_quest div:nth-last-of-type(2) label {
	border-bottom: 1px solid #000;
}

.accordion span {
	display: inline-flex;
	align-items: center;
	flex-basis: 95%;
	max-width: 95%;
	padding-right: 3%;
	text-align: left;
	word-break: break-word;
    word-wrap: break-word;
	display: inherit;
	font-weight: 500;
}

.accordion input[type="checkbox"] {
	display: none;
}
.acc_answer {
	display: none;
	word-break: break-word;
    word-wrap: break-word;
	text-align: left;
	padding: 0px 20px 0 20px;
  animation-name:mw_ausblenden_opa;
      animation-duration: .4s;
      animation-iteration-count:1;
      animation-name:mw_test_b;
          animation-duration: .4s;
          animation-iteration-count:1;
          animation-fill-mode: forwards;
}
.accordion label::before {
	font-family: "dashicons";
	content: "\f347";
	font-size: 25px;
	color: #777;
	right: 0;
	position: absolute;
  animation-name:mw_transform_rotate2;
    animation-duration: .3s;
    animation-iteration-count:1;
}
.accordion label.testi::before {
	font-family: "dashicons";
	content: "\f343";
  animation-name:mw_transform_rotate;
    animation-duration: .3s;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}


input[type="checkbox"]:checked + span {
	font-weight: 700;
}

input[type="checkbox"]:checked ~.acc_answer  {
	display: block;
  height: auto;
animation-name:mw_einblenden_opa;
  animation-duration: .4s;
  animation-iteration-count:1;
  animation-name:mw_test;
      animation-duration: .4s;
      animation-iteration-count:1;
}
/*Responsive groesser 410px*/
@media all and (min-width: 410px) {
	.accordion label::before {
		right: 20px;
	}
}
/*
input[type="checkbox"]:checked ~.acc_answer::before  {
	font-family: "dashicons";
	content: "\f502"; /*Unicode character for "plus" sign (+)
	font-size: 25px;
	color: blue;
position: absolute;
    top: 5px;
}

.accordion input[type="checkbox"]:checked + label::after {
  content: '\02796';
}
*/