/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.brxe-text > :is(figure, blockquote, ul, ol) + *, .brxe-post-content:where(:not([data-source="bricks"])) > :is(figure, blockquote, ul, ol) + * {
    --paragraph-spacing: inherit;
  }
}



strong a {
  font-weight: bold;
}

.large-text-bullet-list {
  padding-inline-start: 2.8rem !important;
  
  
  li {
    padding-inline-start: 1rem;
    line-height: 1.3;
  }
}


.brxe-accordion-nested .accordion-title-wrapper {
    cursor: default !important;
}

.chevron-list--large {
  list-style-type: none;
  padding-inline-start: 1.7rem !important;
  display: grid;
  gap: var(--space-xs);
  
  li {
    position: relative;
    font-size: var(--text-xl);
     
    &:before {
      content: '';
      position: absolute;
      background-image: url("data:image/svg+xml,%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 22 26.4'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23a3a8aa; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M15.2,11.2l-4.3-4.3c-1.2-1.2-3-1.2-4.2,0-1.2,1.2-1.2,3,0,4.2l2.2,2.2-2.1,2.1c-1.2,1.2-1.2,3,0,4.1,1.2,1.2,3,1.2,4.1,0l4.2-4.2c1.2-1.2,1.2-3,0-4.2'/%3E%3C/svg%3E");
      width: 2rem;
      height: 2rem;
      left: -2rem;
      top: 0.7rem;
    }
  }
}

.has-chevron-list ul,
ul.has-chevron-list {
 
    padding-inline-start: 0;
    list-style: none; /* Entfernt die Standard-Bullets */
  
    
    li {
      position: relative;
      padding-left: 2rem;
      
      &:before {
       content: '';
  position: absolute;
  top: 13px; /* Vertikale Mitte */
  left: -3px;
  transform: translateY(-50%); /* Zentriert das SVG vertikal */
  width: 1.6rem; /* Breite des SVGs */
  height: 1.6rem; /* Höhe des SVGs */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10 7l5 5l-5 5"/></svg>');
  background-size: contain; /* Passt das SVG an die Größe an */
  background-repeat: no-repeat; /* Verhindert Wiederholung */
        
      }
  }
}

.h2--xl {
    font-size: var(--text-xl);
    line-height: var(--text-xl-line-height);
    text-transform: none;
}

.brxe-post-content,
.brxe-text {
   a {
    text-decoration: underline;
    text-underline-offset: 3px;
    padding-bottom:0ex;
    background-image:linear-gradient(var(--base), var(--base));
    background-size:0% .1ex;
    background-repeat:no-repeat;
    background-position:left bottom;
    transition:background-size 0.36s ease-in-out;
  }
  a:hover {
    background-size:100% .2ex
  }
}