/* Einklappbare Abschnittsüberschriften in allen Generator-Sidebars. */
.group h2{
  display:block;
  margin:0 0 14px;
  padding:9px 11px;
  border:1px solid rgba(139,92,246,.16);
  border-left:4px solid var(--primary,var(--brass));
  border-radius:8px;
  background:linear-gradient(90deg,rgba(139,92,246,.11),rgba(139,92,246,.035));
  color:#463654;
  font-size:15px;
  font-weight:800;
  line-height:1.3;
}
.group h2::after{content:none}
.group h2.is-toggle-heading{padding:0}
.group h2 > .group-toggle{
  all:unset;
  box-sizing:border-box;
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 11px;
  color:inherit;
  cursor:pointer;
  font:inherit;
  line-height:inherit;
  text-align:left;
}
.group h2 > .group-toggle::after{
  content:'';
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);
  transform-origin:center;
  transition:transform .16s ease;
}
.group h2.is-toggle-heading:hover{
  border-color:rgba(139,92,246,.34);
  background:linear-gradient(90deg,rgba(139,92,246,.16),rgba(139,92,246,.06));
}
.group h2.is-toggle-heading:focus-within{
  outline:2px solid rgba(109,40,217,.48);
  outline-offset:2px;
}
.group.is-collapsed{padding-bottom:0}
.group.is-collapsed > h2{margin-bottom:0}
.group.is-collapsed > :not(h2){display:none !important}
.group.is-collapsed h2 > .group-toggle::after{
  transform:rotate(-45deg) translate(-1px,-1px);
}
@media (prefers-reduced-motion:reduce){
  .group h2 > .group-toggle::after{transition:none}
}