@media all {

  .ce-type-dw_faqs {
    --expanded-cols: 1;
    --gap-horizontal: 1.25rem;

    & > .ce-nested-container {

      &.ce-faqs-accordion {
        margin-bottom: 1.25rem;

        & > .ce-faq-item {
          margin-bottom: 0;

          & > .ce-inner {

            & > .ce-text {

              & > .ce-header {
                position: relative;
                margin-bottom: .625rem;
                /* Fake smaller Text size */
                /* Start */
                padding: 1.25rem; 
                background-color: #fff;
                box-shadow: var(--box-shadow-dark);
                /* End */

                & > * {
                  display: flex;
                  justify-content: start;
                  align-items: center;
                  /* Fake smaller Text size */
                  /* Start */
                  font-weight: 700;
                  font-family: 'Open Sans', sans-serif;
                  text-transform: none;
                  line-height: 1.5;
                  font-size: 1em;
                  /* End */
                }

                &:focus , 
                &:hover {
                  color: var(--color-text-light);
                  background-color: var(--color-primary);

                  & .ce-faq-button {
                    background-color: #fff;
                    color: var(--color-primary);                  
                  }

                }

                & .ce-faq-button {
                  flex-shrink: 0;
                  display: inline-grid;
                  place-items: center;
                  aspect-ratio: 1;
                  border-radius: 100vmax;
                  border: none;
                  line-height: 0;
                  height: auto;
                  width: 2.5rem;
                  height: auto;
                  margin-right: 1.25rem;
                  color: var(--color-text-light);
                  background-color: var(--color-primary);

                  &::after {
                    content: "";
                    position: absolute;
                    inset: 0;
                    cursor: pointer;
                  }

                  &[aria-expanded="false"] .state-open ,
                  &[aria-expanded="true"] .state-closed {
                    display: none;
                  }

                }

              }

              & > .ce-faq-content {
                transition: var(--transition-default);
                max-height: 0;
                overflow: clip;
                padding-left: 5rem;
                position: relative;

                &::before {
                  content: "";
                  position: absolute;
                  inset-block: 1.875rem;
                  left: 2.5rem;
                  width: .25rem;
                  background-color: var(--color-primary);
                }

                & > .ce-bodytext {
                  margin-bottom: 0;
                  padding-block: 1.875rem;
                }

              }

            }

          }

        }

      }

      &.ce-faqs-expanded {
        display: grid;
        grid-template-columns: repeat(var(--expanded-cols), minmax(0, 1fr));
        column-gap: var(--gap-horizontal);

        & .ce-faq-item {

          & > .ce-inner {

            & > .ce-text {

              & > .ce-header {

              }

              & > .ce-faq-content {
                padding-left: 5rem;
                position: relative;

                &::before {
                  content: "";
                  position: absolute;
                  inset-block: 0rem;
                  left: 2.5rem;
                  width: .25rem;
                  background-color: var(--color-primary);
                }

                & > .ce-bodytext {
                }

              }

            }

          }

        }

      }

    }

  }

}

@media (min-width: 62.5rem) {

  .ce-type-dw_faqs {
    --expanded-cols: 2;
    --gap-horizontal: 5rem;

    & > .ce-nested-container.ce-faqs-accordion {
      margin-bottom: 2.5rem;

      & > .ce-faq-item {
        margin-bottom: .625rem;
      }

    }

  }

}

@media (min-width: 82.5em) {

  .ce-type-dw_faqs  > .ce-nested-container.ce-faqs-accordion {
    margin-bottom: 1.5rem;
  }

}

@media (min-width: 97.5em) {

  .ce-type-dw_faqs  > .ce-nested-container.ce-faqs-accordion {
    margin-bottom: 5rem;
  }

}