.accordion-group:not(:first-child):not(link:first-child + .accordion-group) {
  margin-top: var(--spacing-unit);
}
.accordion-group:not(:last-child) {
  margin-bottom: var(--spacing-unit);
}

.accordion {
  --padding-x: var(--layout-gap);
  --padding-y: var(--layout-gap);
  --border-color: #000;
  --expand-label: 'Anzeigen';
  --collapse-label: 'Ausblenden';
  --heading-font-size: clamp(18px * var(--title-multiplier), 1.25vw * var(--title-multiplier), 24px * var(--title-multiplier));
  --heading-font-weight: 500;
  --toggle-font-size: clamp(12px * var(--smalltext-multiplier), 0.8333333333vw * var(--smalltext-multiplier), 16px * var(--smalltext-multiplier));
  --icon-size: 12px;
}
@media (min-width: 1200px) {
  .accordion {
    --icon-size: 16px;
  }
}
.accordion {
  --icon-margin: 6px;
}
@media (min-width: 1200px) {
  .accordion {
    --icon-margin: 12px;
  }
}
.accordion {
  margin-top: var(--spacing-unit);
  margin-bottom: var(--spacing-unit);
  border: 1px solid var(--border-color);
}
.accordion .accordion-heading {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  font: inherit;
  line-height: 1;
  letter-spacing: inherit;
  word-spacing: inherit;
  white-space: nowrap;
  background: none;
  color: inherit;
  text-align: left;
  font-size: var(--heading-font-size);
  font-family: var(--font-sans-serif);
  font-weight: var(--heading-font-weight);
  padding: var(--padding-y) var(--padding-x);
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  width: 100%;
  white-space: normal;
  line-height: inherit;
}
.accordion .accordion-heading::after {
  content: var(--expand-label);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWdvbiBwb2ludHM9IjkgMCA5IDcgMTYgNyAxNiA5IDkgOSA5IDE2IDcgMTYgNyA5IDAgOSAwIDcgNyA3IDcgMCIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
  background-position: center left;
  background-size: var(--icon-size) var(--icon-size);
  background-repeat: no-repeat;
  min-height: var(--icon-size);
  padding-left: calc(var(--icon-size) + var(--icon-margin));
  margin-left: var(--icon-margin);
  font-size: var(--toggle-font-size);
}
@media print {
  .accordion .accordion-heading::after {
    display: none !important;
  }
}
.accordion .accordion-inner {
  padding: 0 var(--padding-x) var(--padding-y);
  display: none;
}
@media print {
  .accordion .accordion-inner {
    display: block !important;
  }
}
.accordion .accordion-inner:last-of-type {
  position: relative;
  top: -1px;
}
.accordion .accordion-inner > :first-child {
  margin-top: 0;
}
.accordion .accordion-inner > :last-child {
  margin-bottom: 0;
}
.accordion.accordion-open .accordion-heading::after {
  content: var(--collapse-label);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWdvbiBwb2ludHM9IjE2IDcgMTYgOSAwIDkgMCA3IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}
.accordion:last-child {
  margin-bottom: 1em;
}
.accordion + .accordion {
  border-top: none;
}
.accordion + .accordion .accordion-heading {
  border-top: none;
}
.accordion-group .accordion {
  margin: 0;
}
