.paragraph--type--accordion + .paragraph:not(.paragraph--type--accordion) {
  margin-top: calc(20px + 20 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .paragraph--type--accordion + .paragraph:not(.paragraph--type--accordion) {
      margin-top: 20px; } }
  @media screen and (min-width: 1400px) {
    .paragraph--type--accordion + .paragraph:not(.paragraph--type--accordion) {
      margin-top: 40px; } }

.paragraph:not(.paragraph--type--accordion) + .paragraph--type--accordion > .animation-container > .accordion__trigger {
  border-top: 1px solid #909197; }

.paragraph.paragraph--type--accordion:first-child .accordion__trigger {
  border-top: 1px solid #909197; }

.paragraph--type--accordion {
  border-bottom: 1px solid #909197;
  margin-bottom: 0; }
  .paragraph--type--accordion:not(.has-label-color) .field--name-field-paragraph-label {
    font-weight: normal;
    font-size: calc(13px + 2 * ((100vw - 600px) / 800));
    line-height: calc(16px + 2 * ((100vw - 600px) / 800));
    letter-spacing: calc(0px + 0.2 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Medium", "sans-serif";
    margin-bottom: calc(5px + 5 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion:not(.has-label-color) .field--name-field-paragraph-label {
        font-size: 13px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion:not(.has-label-color) .field--name-field-paragraph-label {
        font-size: 15px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion:not(.has-label-color) .field--name-field-paragraph-label {
        line-height: 16px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion:not(.has-label-color) .field--name-field-paragraph-label {
        line-height: 18px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion:not(.has-label-color) .field--name-field-paragraph-label {
        letter-spacing: 0px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion:not(.has-label-color) .field--name-field-paragraph-label {
        letter-spacing: 0.2px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion:not(.has-label-color) .field--name-field-paragraph-label {
        margin-bottom: 5px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion:not(.has-label-color) .field--name-field-paragraph-label {
        margin-bottom: 10px; } }
  .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
    padding-top: calc(0px + 3 * ((100vw - 600px) / 800));
    padding-bottom: calc(1.5px + 1.5 * ((100vw - 600px) / 800));
    font-weight: normal;
    font-size: calc(13px + 2 * ((100vw - 600px) / 800));
    line-height: calc(16px + 2 * ((100vw - 600px) / 800));
    letter-spacing: calc(0px + 0.2 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Medium", "sans-serif";
    display: inline-block;
    background-color: var(--color-primary);
    color: #fff;
    padding-left: calc(5px + 2 * ((100vw - 600px) / 800));
    padding-right: calc(5px + 2 * ((100vw - 600px) / 800));
    color: #171716; }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        padding-top: 0px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        padding-top: 3px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        padding-bottom: 1.5px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        padding-bottom: 3px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        font-size: 13px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        font-size: 15px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        line-height: 16px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        line-height: 18px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        letter-spacing: 0px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        letter-spacing: 0.2px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        padding-left: 5px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        padding-left: 7px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        padding-right: 5px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
        padding-right: 7px; } }
    .color-theme-red.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #e30613; }
    .color-theme-blue.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #072E4F; }
    .color-theme-bluelight.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #E9F3F4; }
    .color-theme-black.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #171716; }
    .color-theme-grey.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #909197; }
    .color-theme-greylight.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #edeef0; }
    .color-theme-communication.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #EEDC8E; }
    .color-theme-democratic.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #D7E8EF; }
    .color-theme-technical.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #C3D9BC; }
    .color-theme-branch-green.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #0B3B1F; }
    .color-theme-branch-green-dark.paragraph--type--accordion.has-label-color .field--name-field-paragraph-label {
      background-color: #072413; }
  .paragraph--type--accordion.accordion-open > .animation-container > .accordion__trigger h2, .paragraph--type--accordion.accordion-open > .animation-container > .accordion__trigger h3 {
    color: var(--color-primary);
    font-family: "Founders-grotesk-Medium", "sans-serif"; }
  .paragraph--type--accordion.accordion-open > .animation-container > .accordion__trigger .accordion-icon::before {
    transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: var(--color-primary);
    transform: rotate(0deg); }
  .paragraph--type--accordion.accordion-open > .animation-container > .accordion__trigger .accordion-icon::after {
    background-color: var(--color-primary); }
  .paragraph--type--accordion .field--name-field-title h2 {
    margin-top: calc(20px + 20 * ((100vw - 600px) / 800));
    font-weight: normal;
    font-size: calc(22px + 4 * ((100vw - 600px) / 800));
    line-height: calc(26px + 4 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Medium", "sans-serif"; }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion .field--name-field-title h2 {
        margin-top: 20px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion .field--name-field-title h2 {
        margin-top: 40px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion .field--name-field-title h2 {
        font-size: 22px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion .field--name-field-title h2 {
        font-size: 26px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion .field--name-field-title h2 {
        line-height: 26px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion .field--name-field-title h2 {
        line-height: 30px; } }
    :first-child.paragraph--type--accordion .field--name-field-title h2 {
      margin-top: 0; }
  .paragraph--type--accordion .accordion__trigger {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-top: calc(7.5px + 7.5 * ((100vw - 600px) / 800));
    padding-bottom: calc(7.5px + 7.5 * ((100vw - 600px) / 800));
    box-sizing: border-box; }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion .accordion__trigger {
        padding-top: 7.5px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion .accordion__trigger {
        padding-top: 15px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion .accordion__trigger {
        padding-bottom: 7.5px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion .accordion__trigger {
        padding-bottom: 15px; } }
    .paragraph--type--accordion .accordion__trigger h2, .paragraph--type--accordion .accordion__trigger h3 {
      font-weight: normal;
      font-size: calc(18px + 2 * ((100vw - 600px) / 800));
      line-height: calc(22px + 2 * ((100vw - 600px) / 800));
      font-family: "Founders-grotesk-Regular", "sans-serif";
      transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      margin-bottom: 0; }
      @media screen and (max-width: 600px) {
        .paragraph--type--accordion .accordion__trigger h2, .paragraph--type--accordion .accordion__trigger h3 {
          font-size: 18px; } }
      @media screen and (min-width: 1400px) {
        .paragraph--type--accordion .accordion__trigger h2, .paragraph--type--accordion .accordion__trigger h3 {
          font-size: 20px; } }
      @media screen and (max-width: 600px) {
        .paragraph--type--accordion .accordion__trigger h2, .paragraph--type--accordion .accordion__trigger h3 {
          line-height: 22px; } }
      @media screen and (min-width: 1400px) {
        .paragraph--type--accordion .accordion__trigger h2, .paragraph--type--accordion .accordion__trigger h3 {
          line-height: 24px; } }
    .paragraph--type--accordion .accordion__trigger .accordion-icon {
      width: calc(10px + 2 * ((100vw - 600px) / 800));
      height: calc(10px + 2 * ((100vw - 600px) / 800));
      margin-top: calc(1px + 1 * ((100vw - 600px) / 800));
      margin-right: calc(10px + 10 * ((100vw - 600px) / 800));
      margin-top: 2px;
      position: relative;
      flex-shrink: 0; }
      @media screen and (max-width: 600px) {
        .paragraph--type--accordion .accordion__trigger .accordion-icon {
          width: 10px; } }
      @media screen and (min-width: 1400px) {
        .paragraph--type--accordion .accordion__trigger .accordion-icon {
          width: 12px; } }
      @media screen and (max-width: 600px) {
        .paragraph--type--accordion .accordion__trigger .accordion-icon {
          height: 10px; } }
      @media screen and (min-width: 1400px) {
        .paragraph--type--accordion .accordion__trigger .accordion-icon {
          height: 12px; } }
      @media screen and (max-width: 600px) {
        .paragraph--type--accordion .accordion__trigger .accordion-icon {
          margin-top: 1px; } }
      @media screen and (min-width: 1400px) {
        .paragraph--type--accordion .accordion__trigger .accordion-icon {
          margin-top: 2px; } }
      @media screen and (max-width: 600px) {
        .paragraph--type--accordion .accordion__trigger .accordion-icon {
          margin-right: 10px; } }
      @media screen and (min-width: 1400px) {
        .paragraph--type--accordion .accordion__trigger .accordion-icon {
          margin-right: 20px; } }
      .paragraph--type--accordion .accordion__trigger .accordion-icon::before, .paragraph--type--accordion .accordion__trigger .accordion-icon::after {
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background-color: #171716;
        content: '';
        transform-origin: center center;
        top: calc(50% - 1px);
        transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .paragraph--type--accordion .accordion__trigger .accordion-icon::before {
        transform: rotate(90deg); }
    .has-mouse .paragraph--type--accordion .accordion__trigger:hover h3 {
      color: var(--color-primary); }
    .has-mouse .paragraph--type--accordion .accordion__trigger:hover .accordion-icon::before, .has-mouse .paragraph--type--accordion .accordion__trigger:hover .accordion-icon::after {
      background-color: var(--color-primary); }
  .paragraph--type--accordion > .animation-container > .accordion__content {
    height: 0;
    overflow: hidden;
    transition: height 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-duration: 0.4s; }
    .accordion-open.paragraph--type--accordion > .animation-container > .accordion__content {
      transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-duration: 0.4s; }
    .accordion-default-open.paragraph--type--accordion > .animation-container > .accordion__content {
      height: auto; }
  .paragraph--type--accordion .accordion__content--inner {
    padding-top: calc(10px + 10 * ((100vw - 600px) / 800));
    padding-bottom: calc(10px + 10 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion .accordion__content--inner {
        padding-top: 10px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion .accordion__content--inner {
        padding-top: 20px; } }
    @media screen and (max-width: 600px) {
      .paragraph--type--accordion .accordion__content--inner {
        padding-bottom: 10px; } }
    @media screen and (min-width: 1400px) {
      .paragraph--type--accordion .accordion__content--inner {
        padding-bottom: 20px; } }

.node--type-page.node--view-mode-pageview .paragraph--type--accordion.paragraph--view-mode--default:not(.paragraph--type--accordion__content) {
  width: 53.83504%; }
  @media (max-width: 850px) {
    .node--type-page.node--view-mode-pageview .paragraph--type--accordion.paragraph--view-mode--default:not(.paragraph--type--accordion__content) {
      width: 49.28367%; } }
  @media (max-width: 600px) {
    .node--type-page.node--view-mode-pageview .paragraph--type--accordion.paragraph--view-mode--default:not(.paragraph--type--accordion__content) {
      width: 100%; } }
  .has-anchor-menu.node--type-page.node--view-mode-pageview .paragraph--type--accordion.paragraph--view-mode--default:not(.paragraph--type--accordion__content) {
    width: 59.31232%; }
    @media (max-width: 850px) {
      .has-anchor-menu.node--type-page.node--view-mode-pageview .paragraph--type--accordion.paragraph--view-mode--default:not(.paragraph--type--accordion__content) {
        width: 49.28367%; } }
    @media (max-width: 600px) {
      .has-anchor-menu.node--type-page.node--view-mode-pageview .paragraph--type--accordion.paragraph--view-mode--default:not(.paragraph--type--accordion__content) {
        width: 100%; } }

.node--type-page.node--view-mode-pageview .paragraph--type--accordion__content {
  border-bottom: none;
  position: relative; }
  .node--type-page.node--view-mode-pageview .paragraph--type--accordion__content .accordion__trigger {
    position: relative; }
  .node--type-page.node--view-mode-pageview .paragraph--type--accordion__content::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #909197;
    content: '';
    width: 53.83504%; }
    @media (max-width: 850px) {
      .node--type-page.node--view-mode-pageview .paragraph--type--accordion__content::after {
        width: 49.28367%; } }
    @media (max-width: 600px) {
      .node--type-page.node--view-mode-pageview .paragraph--type--accordion__content::after {
        width: 100%; } }
    .has-anchor-menu.node--type-page.node--view-mode-pageview .paragraph--type--accordion__content::after {
      width: 59.31232%; }
      @media (max-width: 850px) {
        .has-anchor-menu.node--type-page.node--view-mode-pageview .paragraph--type--accordion__content::after {
          width: 49.28367%; } }
      @media (max-width: 600px) {
        .has-anchor-menu.node--type-page.node--view-mode-pageview .paragraph--type--accordion__content::after {
          width: 100%; } }
  .node--type-page.node--view-mode-pageview .paragraph--type--accordion__content > .animation-container > .accordion__content {
    width: 100%; }
  .node--type-page.node--view-mode-pageview .paragraph--type--accordion__content > .animation-container > .accordion__trigger {
    width: 53.83504%; }
    @media (max-width: 850px) {
      .node--type-page.node--view-mode-pageview .paragraph--type--accordion__content > .animation-container > .accordion__trigger {
        width: 49.28367%; } }
    @media (max-width: 600px) {
      .node--type-page.node--view-mode-pageview .paragraph--type--accordion__content > .animation-container > .accordion__trigger {
        width: 100%; } }
    .has-anchor-menu.node--type-page.node--view-mode-pageview .paragraph--type--accordion__content > .animation-container > .accordion__trigger {
      width: 59.31232%; }
      @media (max-width: 850px) {
        .has-anchor-menu.node--type-page.node--view-mode-pageview .paragraph--type--accordion__content > .animation-container > .accordion__trigger {
          width: 49.28367%; } }
      @media (max-width: 600px) {
        .has-anchor-menu.node--type-page.node--view-mode-pageview .paragraph--type--accordion__content > .animation-container > .accordion__trigger {
          width: 100%; } }

/*# sourceMappingURL=../../_maps/components/paragraph/paragraph--accordion.css.map */