/*
https://codepen.io/musras/pen/vRyvQx
 */
.accordion {
  list-style: none;
  padding: 0;
  margin: 0;
}
.accordion .accordion {
  margin-top: 10px;
}
.accordion--headline button.accordion-button{ 
  color: #fff;
  padding: 17px 15px;
  transition: 0.3s ease;
  position: relative;
  font-size:1.6em;
  font-weight:400;
  font-family: 'Bai Jamjuree', sans-serif;
}


.accordion--headline button.accordion-button::before,
.accordion--headline button.accordion-button::after {
  content: "";
  width: 15px;
  height: 2px;
  xbackground-color: #fff !important;
  background-color: #fff;
  position: absolute;
  display: block;
  top: 50%;
  right: -30px;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: 0.3s ease;
}


.accordion--headline button.accordion-button::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.accordion--headline button.accordion-button:hover {
  cursor: pointer;  
}
.open > .accordion--headline button.accordion-button::before {
  transform: translate(-50%, -50%) rotate(180deg);

}
.open > .accordion--headline button.accordion-button::after {
  transform: translate(-50%, -50%) rotate(360deg);
  display:none;
}
.accordion--content {
  display: none;  
  padding: 10px 15px;
  border-top: 0;
  border: 0px solid rgba(0, 0, 0, 0.2);  
}
.accordion li {
  margin-bottom: 8px;
}

/*
 * Make the fields presentable.
 * This has no influence on the fields themselves.
 */
.accordion {  
  text-align: center;  
}

.accordion li {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.0);
}

.accordion--headline.small { 
  font-size:1.4em;
}

.accordion--content .content-body p{ 
  font-size:1.1em;
  line-height:1.5em;
}

.accordion--content .content-body b{ 
  color:#00fac9;
  font-weight:300;
}

@media (max-width:480px) { 
.accordion--headline { 
  font-size:1.3em !important;

}

}