:root {
  --bs-accordion-inner-border-radius: 0;
  --bs-border-radius: 0;
  --bs-accordion-btn-color: black;
}

.accordion-top-header {
  margin:  0;
  font-size: 1.2rem;
  color: var(--color-secondary);
  padding: 1rem 1rem 1rem 1rem!important;
  border-bottom: 1px solid var(--color-secondary); 
}
.bg-white .accordion-top-header,
.bg-apricot .accordion-top-header {
  border-bottom: 1px solid var(--color-blau);
}

.accordion-item {
  color: var(--color-secondary);
  background-color: transparent;
  border: 0px;
  border-bottom: var(--bs-accordion-border-width) solid var(--color-secondary); 
  border-radius: 0;
}
.bg-white .accordion-item,
.bg-apricot .accordion-item {
  border-bottom: var(--bs-accordion-border-width) solid var(--color-blau); 
}

.accordion-button,
.accordion-button[aria-expanded="true"] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: .45rem 1rem .45rem 1rem;
  color: var(--color-secondary);
  text-align: left;
  background-color: transparent;
  border: 0px;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  overflow-anchor: none;
  font-family: var(--secondary-font-family);
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.6s ease;
}
.accordion-button:hover {
  background: transparent;
  color: var(--color-secondary);
  transition: all 0.35s;
  outline: none;
  box-shadow: none;
  border: 0px;
  border-radius: 0;
}
.bg-white .accordion-button,
.bg-white .accordion-button[aria-expanded="true"],
.bg-white .accordion-button::after,
.bg-white .accordion-button[aria-expanded="true"]::after,
.bg-apricot .accordion-button,
.bg-apricot .accordion-button[aria-expanded="true"]
.bg-apricot .accordion-button::after,
.bg-apricot .accordion-button[aria-expanded="true"]::after {
  color: var(--color-blau)!important;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%232E3181' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
.bg-white .accordion-button:hover,
.bg-apricot .accordion-button:hover {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%232E3181' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

@media (min-width: 768px) {
  .accordion-button,
  .accordion-button[aria-expanded="true"] {
    font-size: 1.2rem;
  }
  .accordion-top-header {
    font-size: 1.3rem;
  }
}
.accordion-button:focus,
.accordion-button:active {
  outline: none;
  box-shadow: none;
}
.accordion-collapse {
  transition: all 0.6s ease;
}
.accordion-body {
  background-color: transparent;
  border: 0px;
  padding: .45rem 1rem .45rem 1rem;
  color: var(--color-secondary);
}
.bg-white .accordion-body,
.bg-apricot .accordion-body {
  color: var(--color-blau);
}
 .accordion-body p,
 .accordion-body ol li
 .accordion-body ul li {
  font-size: 1.1rem;
}
.accordion-body h2, .accordion-body h3, .accordion-body a {
  color: var(--color-secondary);
}
.bg-white .accordion-body h2,
.bg-white .accordion-body h3,
.bg-white .accordion-body a
.bg-apricot .accordion-body h2,
.bg-apricot .accordion-body h3,
.bg-apricot .accordion-body a
{
  color: var(--color-blau);
}