.accordion-header {
  height: 100%;
}
.row .accordion-button {
  position: absolute;
  bottom: 0;
}
.acc-base-color-taubenblau button.accordion-button:not(.collapsed) {
  box-shadow: inset 0 -1px 0 rgba(111,149,170,1);
  color: var(--hjr-fond-taubenblau);
}
.accordion-button::after{
  margin-right: 6px;
}
.acc-base-color-taubenblau .accordion-item { border-color: var(--hjr-fond-taubenblau); }
.acc-base-color-taubenblau .accordion-button { color: var(--hjr-fond-taubenblau); }

.acc-base-color-taubenblau .accordion-button::after { 
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236f95aa'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  width:2rem;
  height:2rem;
  background-size:cover;
}
.acc-base-color-taubenblau .accordion-button:not(.collapsed)::after { 
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236f95aa'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordionNavigator .accordion-item .accordion-collapse{ background-color: rgba(0,0,0,.125); border-radius: 15px; border: 1px solid rgba(0,0,0,.15) }

.accordionNavigator .accordion-item .btn-ci.accordion-button{ position:initial; width:auto }
.accordionNavigator .accordion-item .btn-ci.accordion-button:after{ margin-left: 8px; margin-right: 8px;}
.accordionNavigator .accordion-item .btn-ci.btn-ci-orange.accordion-button:not(.collapsed) {
  background-color: rgb(100%,40%,0%,1);
}
.accordionNavigator .accordion-item .btn-ci.btn-ci-orange.accordion-button:not(.collapsed):hover {
  background-color: rgb(100%,50%,10%,1);
}
.accordionNavigator .accordion-body ul { padding-left: 0 !important;}

/* Accordion-Grundstil mit grünem Hintergrund */
.acc-base-color-gruen .accordion-item {
  position: relative;
  background-color: #9CB6A5; /* Grüner Hintergrund für das Accordion-Item */
}

/* Trennlinie zwischen den Items */
.acc-base-color-gruen .accordion-item::after {
  content: "";
  position: absolute;
  bottom: 0; /* Linie am unteren Rand des Items */
  left: 0;
  right: 0;
  height: 1px;
  background-color: #FFFFFF; /* Weiße Trennlinie im geschlossenen Zustand */
  z-index: 1;
  transition: background-color 0.3s ease; /* Sanfter Übergang der Farbe */
}

/* Trennlinie im aufgeklappten Zustand */
.acc-base-color-gruen .accordion-item:not(.collapsed)::after {
  background-color: #8AB699; /* Trennlinie im aufgeklappten Zustand */
}

/* Hintergrund für den Inhalt des Collapsibles */
.acc-base-color-gruen .accordion-collapse {
  background-color: #9CB6A5; /* Grüner Hintergrund für den Collapsible-Inhalt */
  color: white; /* Weißer Text */
  border: none; /* Kein zusätzlicher Rahmen */
}

/* Button-Stile */
.acc-base-color-gruen .accordion-item .accordion-button {
  background-color: #9CB6A5; /* Grüner Hintergrund für den Button */
  color: white; /* Weißer Text */
  z-index: 2; /* Überlagert die Trennlinie */
  border: none; /* Kein zusätzlicher Rahmen */
}

/* Hintergrund des Buttons im geöffneten Zustand */
.acc-base-color-gruen .accordion-item .accordion-button:not(.collapsed) {
  background-color: #9CB6A5; /* Grüner Hintergrund bleibt gleich */
  color: white; /* Weißer Text */
}

/* Hover-Effekt für den Button */
.acc-base-color-gruen .accordion-item .accordion-button:hover {
  background-color: rgba(156, 182, 165, 0.85); /* Leicht abgedunkelter Hover-Effekt */
}

/* Pfeil-Icon im Button */
.acc-base-color-gruen .accordion-item .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  width: 2rem;
  height: 2rem;
  background-size: cover;
}

/* Pfeil-Icon im geöffneten Zustand */
.acc-base-color-gruen .accordion-item .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}