/**
* Block Name: akkordeon
*/

section.akkordeon .card {
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  border-color: var(--taubengrau);
}

section.akkordeon .card:first-of-type {
  border-top: 1px solid var(--taubengrau);
}

section.akkordeon .card .card-header {
  background-color: transparent;
  border: none;
  padding: 20px 0;
  gap: 15px;
}

section.akkordeon .card .card-header h4 {
  color: var(--minzgrun);
  word-break: auto-phrase;
}

section.akkordeon .card .card-header.collapsed svg {
  transform: rotate(0deg);
  flex-shrink: 0;
}

section.akkordeon .card .card-header svg {
  transform: rotate(180deg);
  transition: all 0.5s;
}

section.akkordeon .card .card-header svg path,
section.akkordeon .card .card-header svg rect {
  transition: fill 300ms ease-in-out;
}

section.akkordeon .card:hover .card-header svg path {
  fill: var(--ecru);
}

section.akkordeon .card .card-header svg rect {
  fill: transparent;
}
section.akkordeon .card:hover .card-header svg rect {
  fill: var(--sandbeige);
}

section.akkordeon .card .card-body {
  color: var(--minzgrun);
}

section.akkordeon .card .card-body a {
  color: var(--waldgrun);
}