.wp-block-uagb-container.accordion
  .wp-block-uagb-faq-child
  .uagb-faq-questions-button {
  background-color: var(--ast-global-color-3);
  padding: 1em 0.5em;
}

.wp-block-uagb-container .ueberschrift {
  padding: calc(var(--gap-l) * 1.2) var(--gap-l);
}

.wp-block-uagb-container.accordion .wp-block-uagb-faq-child .uagb-faq-content {
  background-color: var(--ast-global-color-3);
  padding: 0.5em 1.5em 1.5em 1.5em;
}

.wp-block-uagb-container.accordion .uagb-icon::before,
.wp-block-uagb-container.accordion .uagb-icon-active::before {
  content: "";
  display: flex;
  height: 1em;
  width: 0.65em;
  background-image: url(../img/icon-arrow-grey.svg);
  background-size: contain;
  background-position: center center;
  margin: 0 0.5em;
  background-repeat: no-repeat;
  transform: rotate(0deg);
}

.wp-block-uagb-container.accordion .uagb-icon-active::before {
  transform: rotate(90deg);
}

/* with BG */

.wp-block-uagb-container.cont-acc.cont-acc-bg {
  background-color: var(--ast-global-color-0);
  padding-bottom: var(--gap-xl);
}

.wp-block-uagb-container.cont-acc.cont-acc-bg * {
  color: white;
}

.wp-block-uagb-container.cont-acc.cont-acc-bg .accordion * {
  color: var(--ast-global-color-2);
}

.wp-block-uagb-container.cont-acc.cont-acc-bg
  .accordion
  .wp-block-uagb-faq-child
  .uagb-faq-content {
  padding: 1.5em 1.5em 1.5em 1.5em;
}

.acc .wp-block-list {
  list-style-type: square;
}

/* andere */

.wp-block-uagb-container.accordion .wp-block-accordion-item {
  background-color: var(--ast-global-color-3);
  border-radius: var(--border-radius);
}

.wp-block-uagb-container.accordion .wp-block-accordion-heading {
  font-size: var(--base-font-size);
}

.wp-block-uagb-container.accordion .wp-block-accordion-heading__toggle {
  font-family: var(--mainfont);
  font-size: var(--base-font-size);
  line-height: 1.2em;
  margin-bottom: 0 !important;
  font-weight: 400;
  padding: 1em 0.5em;
  border-radius: var(--border-radius);
  box-shadow: none;
}

.wp-block-uagb-container.accordion .wp-block-accordion-heading__toggle:hover,
.wp-block-uagb-container.accordion .wp-block-accordion-heading__toggle:focus {
  background-color: var(--ast-global-color-3);
}

.wp-block-uagb-container.accordion
  .wp-block-accordion-heading__toggle:hover
  .wp-block-accordion-heading__toggle-title,
.wp-block-uagb-container.accordion
  .wp-block-accordion-heading__toggle:focus
  .wp-block-accordion-heading__toggle-title {
  text-decoration: none;
  color: var(--ast-global-color-2);
}

.wp-block-uagb-container.accordion .wp-block-accordion-heading__toggle::before,
.wp-block-uagb-container.accordion
  .wp-block-accordion-item.is-open
  .wp-block-accordion-heading__toggle::before {
  content: "";
  display: flex;
  height: 1em;
  width: 0.65em;
  background-image: url(../img/icon-arrow-grey.svg);
  background-size: contain;
  background-position: center center;
  margin: 0 1em 0 0.5em;
  background-repeat: no-repeat;
  transform: rotate(0deg);
}

.wp-block-uagb-container.accordion
  .wp-block-accordion-item.is-open
  .wp-block-accordion-heading__toggle::before {
  transform: rotate(90deg);
}

.wp-block-uagb-container.accordion
  .wp-block-accordion-item.is-open
  .wp-block-accordion-panel {
  padding: 1em 1.5em 1.5em 1.5em;
  margin-top: 0 !important;
}

.wp-block-uagb-container.accordion .wp-block-accordion-panel ul {
  margin-left: 0 !important;
}

:root :where(.is-layout-flow) > * {
  margin-block-start: 10px;
}

.wp-block-accordion-panel {
  display: grid !important;
  grid-template-rows: 0fr;
  transition:
    grid-template-rows 0.5s ease-out,
    padding 0.5s ease;
  visibility: hidden;
  overflow: hidden;
}

.wp-block-accordion-item.is-open .wp-block-accordion-panel {
  grid-template-rows: 1fr;
  visibility: visible;
}

.wp-block-accordion-panel > div {
  min-height: 0;
}

@media (max-width: 1024px) {
  .wp-block-uagb-container.accordion {
    max-width: 84% !important;
  }
}