.accordeon {max-width: 1000px; margin:0 auto}
.accordeon-title {
color:#fff;
  background-color: var(--color1);
  padding: 5px 20px;
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
}

.accordeon-title:after {
  content: '+';
  float: right;
  font-size: 1.2em;
  color: #f2f2f2;
  border: 1px solid #f2f2f2;
  width: 20px;
  height: 20px;
  margin-top:5px;
  line-height: 20px;
  text-align: center;
}


.accordeon-title.opened {
  background-color: var(--color2);
}

.accordeon-title.opened:after {
  content: '-';
}



.accordeon-content {
  display: none;
  padding: 10px;
}