@charset "UTF-8";
/*
 Theme Name:   Voba Dashboard
 Description:  Child Theme für das VoBa Dashboard (Bricks).
 Author:       voba-rll
 Template:     bricks
 Version:      1.1
 Text Domain:  voba-dashboard
*/
/* #region Imports */
/* #region Admin bar */
/* #endregion Admin bar */
/* #region Mask icons */
.search-form .bricks-search-form::after, .search-form.brxe-filter-search::after, .sidebar-nav .bricks-nav-menu .icon-suche a::before,
.sidebar-nav .bricks-mobile-menu .icon-suche a::before {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E") no-repeat center/contain;
}

.sidebar-nav .bricks-nav-menu .icon-dashboard a::before,
.sidebar-nav .bricks-mobile-menu .icon-dashboard a::before {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") no-repeat center/contain;
}

.sidebar-nav .bricks-nav-menu .icon-bereiche a::before,
.sidebar-nav .bricks-mobile-menu .icon-bereiche a::before {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/svg%3E") no-repeat center/contain;
}

.sidebar-nav .bricks-nav-menu .icon-news a::before,
.sidebar-nav .bricks-mobile-menu .icon-news a::before {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z'/%3E%3Cpath d='M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14'/%3E%3Cpath d='M8 6v8'/%3E%3C/svg%3E") no-repeat center/contain;
}

.sidebar-nav .bricks-nav-menu .icon-werkstattberichte a::before,
.sidebar-nav .bricks-mobile-menu .icon-werkstattberichte a::before, .brxe-block.download-link[href$=".pdf" i]::after, .brxe-block.download-link[href*=".pdf?" i]::after, .brxe-block.download-link[href$=".doc" i]::after, .brxe-block.download-link[href*=".doc?" i]::after, .brxe-block.download-link[href$=".docx" i]::after, .brxe-block.download-link[href*=".docx?" i]::after {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3Cpath d='M10 9H8'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3C/svg%3E") no-repeat center/contain;
}

.sidebar-nav .bricks-nav-menu .icon-faq a::before,
.sidebar-nav .bricks-mobile-menu .icon-faq a::before {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") no-repeat center/contain;
}

.brxe-block.download-link::after {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/svg%3E") no-repeat center/contain;
}

.brxe-block.download-link[href$=".ppt" i]::after, .brxe-block.download-link[href*=".ppt?" i]::after, .brxe-block.download-link[href$=".pptx" i]::after, .brxe-block.download-link[href*=".pptx?" i]::after {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h20'/%3E%3Cpath d='M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3'/%3E%3Cpath d='m7 21 5-5 5 5'/%3E%3C/svg%3E") no-repeat center/contain;
}

.brxe-block.download-link[href$=".xls" i]::after, .brxe-block.download-link[href*=".xls?" i]::after, .brxe-block.download-link[href$=".xlsx" i]::after, .brxe-block.download-link[href*=".xlsx?" i]::after, .brxe-block.download-link[href$=".csv" i]::after, .brxe-block.download-link[href*=".csv?" i]::after {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M8 13h2'/%3E%3Cpath d='M14 13h2'/%3E%3Cpath d='M8 17h2'/%3E%3Cpath d='M14 17h2'/%3E%3C/svg%3E") no-repeat center/contain;
}

.brxe-block.download-link[href$=".jpg" i]::after, .brxe-block.download-link[href*=".jpg?" i]::after, .brxe-block.download-link[href$=".jpeg" i]::after, .brxe-block.download-link[href*=".jpeg?" i]::after, .brxe-block.download-link[href$=".png" i]::after, .brxe-block.download-link[href*=".png?" i]::after, .brxe-block.download-link[href$=".webp" i]::after, .brxe-block.download-link[href*=".webp?" i]::after, .brxe-block.download-link[href$=".gif" i]::after, .brxe-block.download-link[href*=".gif?" i]::after {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/svg%3E") no-repeat center/contain;
}

.brxe-block.download-link[href$=".zip" i]::after, .brxe-block.download-link[href*=".zip?" i]::after {
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M4 8h16v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* #endregion Mask icons */
/* #endregion Imports */
/* #region Search form */
.search-form .bricks-search-form, .search-form.brxe-filter-search {
  position: relative;
}
.search-form .bricks-search-form::after, .search-form.brxe-filter-search::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  width: 24px;
  height: 24px;
  pointer-events: none;
  transform: translateY(-50%);
  color: var(--secondary-l-6);
}
.search-form .bricks-search-form input[type=search], .search-form.brxe-filter-search input[type=search] {
  padding-right: calc(1.5rem + 24px + 0.75rem);
}
.search-form.brxe-filter-search input[type=search] {
  box-sizing: border-box;
  width: 100%;
  height: 65px;
  padding-left: 2rem;
  border: 1px solid var(--secondary-l-10);
  border-radius: var(--radius);
  background-color: var(--light);
}
.search-form.brxe-filter-search input[type=search]::placeholder {
  color: var(--secondary-l-6);
}

/* #endregion Search form */
/* #region Sidebar nav */
.sidebar-nav {
  width: 100%;
}
.sidebar-nav .bricks-nav-menu,
.sidebar-nav .bricks-mobile-menu {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-nav .bricks-nav-menu > .menu-item > a,
.sidebar-nav .bricks-mobile-menu > .menu-item > a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  font-weight: 400;
  line-height: 1.25;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.sidebar-nav .bricks-nav-menu > .menu-item > a::before,
.sidebar-nav .bricks-mobile-menu > .menu-item > a::before {
  content: "";
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}
.sidebar-nav .bricks-nav-menu > .menu-item > a:hover, .sidebar-nav .bricks-nav-menu > .menu-item > a:focus-visible,
.sidebar-nav .bricks-mobile-menu > .menu-item > a:hover,
.sidebar-nav .bricks-mobile-menu > .menu-item > a:focus-visible {
  color: var(--primary);
  background-color: color-mix(in srgb, var(--primary-l-10) 55%, transparent);
}
.sidebar-nav .bricks-nav-menu > .current-menu-item > a,
.sidebar-nav .bricks-nav-menu > .current_page_item > a,
.sidebar-nav .bricks-mobile-menu > .current-menu-item > a,
.sidebar-nav .bricks-mobile-menu > .current_page_item > a {
  color: var(--primary);
  font-weight: 600;
  background-color: var(--primary-l-10);
}
.sidebar-nav .bricks-nav-menu > .current-menu-item > a:hover, .sidebar-nav .bricks-nav-menu > .current-menu-item > a:focus-visible,
.sidebar-nav .bricks-nav-menu > .current_page_item > a:hover,
.sidebar-nav .bricks-nav-menu > .current_page_item > a:focus-visible,
.sidebar-nav .bricks-mobile-menu > .current-menu-item > a:hover,
.sidebar-nav .bricks-mobile-menu > .current-menu-item > a:focus-visible,
.sidebar-nav .bricks-mobile-menu > .current_page_item > a:hover,
.sidebar-nav .bricks-mobile-menu > .current_page_item > a:focus-visible {
  background-color: var(--primary-l-10);
}
/* #endregion Sidebar nav */
/* #region Bereich card */
.bereich-card {
  background-color: var(--primary);
  transition: background-color 300ms ease;
}
.bereich-card:hover {
  background-color: var(--primary-d-5);
}

/* #endregion Bereich card */
/* #region Bereiche filter */
.brxe-filter-radio.ma-bereiche-filter {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}
.brxe-filter-radio.ma-bereiche-filter > li {
  display: flex;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.brxe-filter-radio.ma-bereiche-filter label {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
.brxe-filter-radio.ma-bereiche-filter .brx-option-text.bricks-button {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--grid-gap);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: var(--space-s);
  border: 0 !important;
  border-radius: var(--radius);
  background-color: var(--primary) !important;
  box-shadow: none;
  color: var(--light) !important;
  font-weight: 700;
  line-height: 1.25;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  transition: all 300ms ease;
  font-size: var(--h3);
}
.brxe-filter-radio.ma-bereiche-filter label:hover .brx-option-text.bricks-button,
.brxe-filter-radio.ma-bereiche-filter label:focus-within .brx-option-text.bricks-button,
.brxe-filter-radio.ma-bereiche-filter .brx-option-active .brx-option-text.bricks-button,
.brxe-filter-radio.ma-bereiche-filter .brx-option-text.bricks-button.brx-option-active {
  background-color: var(--primary-d-5) !important;
}
.brxe-filter-radio.ma-bereiche-filter label:focus-within .brx-option-text.bricks-button {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.brxe-filter-radio.ma-bereiche-filter .brx-option-count {
  display: block;
  margin: 0;
  font-weight: 400;
  font-family: "IBM Plex Mono";
  font-size: var(--text-s);
  color: var(--light-t-9);
  letter-spacing: 0;
}
.brxe-filter-radio.ma-bereiche-filter .brx-option-count::after {
  content: " Beiträge";
}

@media (max-width: 991px) {
  .brxe-filter-radio.ma-bereiche-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .brxe-filter-radio.ma-bereiche-filter {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* #endregion Bereiche filter */
/* #region Mitteilung card */
li:has(> .mitteilung-card) {
  height: 100%;
  /*&:has(> .mitteilung-card:hover) {
  	background-color: var(--secondary-l-19) !important;
  }*/
}

.mitteilung-card {
  display: grid !important;
  grid-template-columns: auto 1fr;
  grid-template-rows: subgrid !important;
  grid-row: span 4 !important;
  column-gap: 0;
  width: 100%;
  height: 100%;
  transition: background-color 300ms ease;
}
.mitteilung-card:not(:has(.mitteilung-card__icon-wrapper)) {
  grid-template-columns: minmax(0, 1fr);
}
.mitteilung-card:hover {
  background-color: var(--secondary-l-20);
}
.mitteilung-card:hover .mitteilung-card__content-wrapper {
  background-color: var(--secondary-l-20);
}
.mitteilung-card__icon-wrapper {
  grid-row: 1/-1;
  align-self: stretch;
}
.mitteilung-card__content-wrapper {
  grid-row: 1/-1;
}
.mitteilung-card__quelle[data-mitteilungen-quelle=Vorstand] {
  color: #b85c38;
}
.mitteilung-card__quelle[data-mitteilungen-quelle=Personalabteilung] {
  color: #1f6f68;
}
.mitteilung-card__quelle[data-mitteilungen-quelle="Technische Fusion"] {
  color: #2b7a9b;
}
.mitteilung-card__quelle[data-mitteilungen-quelle=Kundenschreiben] {
  color: #7a4e6c;
}
.mitteilung-card__quelle[data-mitteilungen-quelle=Pressemitteilung] {
  color: #4a6b8a;
}

/* #endregion Mitteilung card */
/* #region Download link */
.brxe-block.download-link {
  --download-badge-size: 75px;
  --download-glyph-size: 4rem;
  display: grid;
  grid-template-columns: var(--download-badge-size) minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.75rem;
}
.brxe-block.download-link::before, .brxe-block.download-link::after {
  content: "";
  grid-column: 1;
  grid-row: 1;
}
.brxe-block.download-link::before {
  width: var(--download-badge-size);
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--primary-l-9);
  mask: none !important;
  -webkit-mask: none !important;
}
.brxe-block.download-link::after {
  width: var(--download-glyph-size);
  height: var(--download-glyph-size);
  place-self: center;
  color: var(--primary);
  pointer-events: none;
}
/* #endregion Download link */
/* #region Post content */
.brxe-post-content p {
  margin-block: 0;
}
.brxe-post-content p:has(+ *) {
  margin-block-end: 1rem;
}
.brxe-post-content :is(h1, h2, h3, h4, h5, h6) {
  margin-block: 0;
}
.brxe-post-content :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  margin-block-start: 3rem;
}
.brxe-post-content :is(h1, h2, h3, h4, h5, h6):has(+ *) {
  margin-block-end: 2rem;
}
.brxe-post-content :is(ul, ol) {
  margin-block: 0;
  padding-inline-start: 1.5em;
}
.brxe-post-content :is(ul, ol):not(:first-child) {
  margin-block-start: 3rem;
}
.brxe-post-content :is(ul, ol):has(+ *) {
  margin-block-end: 3rem;
}
.brxe-post-content :is(ul, ol) :is(ul, ol) {
  margin-block: 0;
}
.brxe-post-content :is(ul, ol) :is(ul, ol):not(:first-child) {
  margin-block-start: 1rem;
}
.brxe-post-content li:not(:last-child) {
  margin-block-end: 1rem;
}
.brxe-post-content figcaption,
.brxe-post-content .wp-element-caption {
  text-align: left;
}

/* #endregion Post content */
/* #region News filter */
.brxe-filter-radio.news-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.brxe-filter-radio.news-filter > li {
  margin: 0;
  padding: 0;
}
.brxe-filter-radio.news-filter .brx-option-text.bricks-button {
  padding: 0.5rem 1rem;
  border: 1px solid var(--secondary-l-6) !important;
  border-radius: var(--radius-full);
  background-color: var(--light) !important;
  color: var(--secondary) !important;
  font-weight: 400;
  line-height: 1.25;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.brxe-filter-radio.news-filter .brx-option-text.bricks-button:focus, .brxe-filter-radio.news-filter .brx-option-text.bricks-button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.brxe-filter-radio.news-filter input:focus,
.brxe-filter-radio.news-filter input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.brxe-filter-radio.news-filter label:focus-within .brx-option-text.bricks-button {
  outline: none !important;
  box-shadow: none !important;
}
.brxe-filter-radio.news-filter label:hover .brx-option-text.bricks-button:not(.brx-option-active) {
  border-color: var(--secondary-d-3) !important;
  color: var(--secondary-d-3) !important;
}
.brxe-filter-radio.news-filter .brx-option-active .brx-option-text.bricks-button,
.brxe-filter-radio.news-filter .brx-option-text.bricks-button.brx-option-active {
  background-color: var(--primary-l-9) !important;
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}
.brxe-filter-radio.news-filter .brx-option-count {
  display: none;
}

/* #endregion News filter */
/* #region News item */
.news-item {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.news-item > a {
  display: grid !important;
  grid-template-columns: 15rem minmax(0, 1fr);
  column-gap: 1.5rem;
  align-items: start;
  width: 100%;
  padding: var(--space-m);
  border-bottom: 1px solid var(--secondary-l-15);
  color: inherit;
  text-decoration: none;
  transition: background-color 0.15s ease;
}
.news-item > a:hover, .news-item > a:focus-visible {
  background-color: var(--secondary-l-20);
}
.news-item__date {
  padding-top: 0.2rem;
  color: var(--secondary-l-6);
  font-size: var(--text-s);
  line-height: 1.4;
}
.news-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  margin-bottom: 0.35rem;
}
.news-item__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.45rem;
  border-radius: 0.25rem;
  background-color: var(--primary);
  color: var(--light);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}
.news-item__quelle {
  color: var(--secondary-l-6);
  font-size: var(--text-s);
}
.news-item__quelle:empty {
  display: none;
}
.news-item__title {
  margin: 0 0 0.25rem;
  font-weight: 700;
  line-height: 1.25;
}
.news-item__excerpt, .news-item__title + p {
  margin: 0;
}

@media (max-width: 767px) {
  .news-item > a {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.35rem;
  }
}
/* #endregion News item */
/* #region FAQ accordion */
.accordion-item {
  background: var(--light);
  border: 1px solid var(--secondary-l-15);
  border-radius: var(--radius);
  margin-block-end: 1rem;
  padding: var(--space-s) var(--space-m);
}
.accordion-item ul {
  list-style: disc;
}
.accordion-item .icon {
  color: var(--primary);
}

/*.brxe-accordion.faq {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;

	> .accordion-item {
		margin: 0;
		padding: 0;
		overflow: hidden;
		border: 1px solid var(--secondary-l-10);
		border-radius: var(--radius);
		background-color: var(--light);
		//box-shadow: 0 1px 3px color-mix(in srgb, var(--secondary) 8%, transparent);
		transition:
			background-color 0.2s ease,
			border-color 0.2s ease;
	}

	> .accordion-item.brx-open,
	> .accordion-item:has(.accordion-title-wrapper[aria-expanded='true']) {
		border-color: color-mix(in srgb, var(--primary) 22%, var(--secondary-l-10));
		background-color: var(--primary-l-10);
	}

	.accordion-title-wrapper {
		cursor: pointer;

		&:focus-visible {
			outline: 2px solid var(--primary);
			outline-offset: -2px;
		}
	}

	.accordion-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		width: 100%;
		padding: 1.25rem 1.5rem;
	}

	.accordion-title .title {
		margin: 0;
		flex: 1 1 auto;
		color: var(--secondary);
		//font-size: 1.125rem;
		font-weight: 700;
		line-height: 1.35;
	}

	.accordion-title .icon {
		position: relative;
		display: flex !important;
		flex-shrink: 0;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 2rem;
		height: 2rem;
		margin: 0;
		border: 1.5px solid currentColor;
		border-radius: 50%;
		background: none;
		color: var(--secondary-l-6);
		font-size: 0 !important;
		line-height: 0;
		transition:
			color 0.2s ease,
			border-color 0.2s ease;

		&::before {
			content: '' !important;
			display: block;
			width: 1rem;
			height: 1rem;
			font: unset !important;
			@extend %mask-icon-plus;
		}

		&.expanded {
			display: none !important;
			color: var(--primary);

			&::before {
				@extend %mask-icon-minus;
			}
		}
	}

	> .accordion-item.brx-open .accordion-title .icon:not(.expanded),
	> .accordion-item:has(.accordion-title-wrapper[aria-expanded='true']) .accordion-title .icon:not(.expanded) {
		display: none !important;
	}

	> .accordion-item.brx-open .accordion-title .icon.expanded,
	> .accordion-item:has(.accordion-title-wrapper[aria-expanded='true']) .accordion-title .icon.expanded {
		display: flex !important;
	}

	.accordion-content-wrapper {
		padding: 0 1.5rem 1.25rem;
		color: var(--secondary-l-6);
		//font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
	}

	.accordion-content-wrapper > *:first-child {
		margin-top: 0;
	}

	.accordion-content-wrapper > *:last-child {
		margin-bottom: 0;
	}

	.accordion-content-wrapper p,
	.accordion-content-wrapper ul,
	.accordion-content-wrapper ol {
		margin: 0 0 0.75rem;
	}

	.accordion-content-wrapper h3 {
		margin: 1rem 0 0.5rem;
		color: var(--secondary);
		//font-size: 1rem;
		font-weight: 700;
		line-height: 1.35;
	}

	.accordion-content-wrapper ul,
	.accordion-content-wrapper ol {
		padding-left: 1.25rem;
	}

	.accordion-content-wrapper li + li {
		margin-top: 0.4rem;
	}
}*/
/* #endregion FAQ accordion */
/* #region Popup */
.brx-popup-content a {
  color: var(--primary);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.brx-popup-content a:focus:not(:focus-visible) {
  outline: none;
}
.brx-popup-content a:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* #endregion Popup *//*# sourceMappingURL=style.css.map */