.page-node-type-leichte-sprache {
  .mt-72 {
    margin-top: 4.5rem;
  }
  .mt-48 {
    margin-top: 3rem;
  }
  p,
  .leading-simple-2xl {
    line-height: 2.75rem;
  }
  .text-simple-xl {
    font-size: 2.5rem;
  }
  .text-simple-lg {
    font-size: 2rem;
  }
  .text-xl {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
  .text-simple-card-xl {
    font-size: 1.75rem;
    line-height: 2.75rem;
  }
  .text-simple-xs {
    font-size: 1.125rem;
  }
  .simple_indicator {
    svg {
      margin-right: .5rem;
    }
  }
  .views-element-container {
    display: inline-block;
  }
  .infopage {
    .breadcrumb {
      li:not(:last-of-type)::after {
        content: url(../../public/images/breadcrumb_divider_primary.svg);
      }
    }
  }
  .paragraph--type--image-and-text {
    & .image-and-text-wrapper {
      gap: 3rem;
      .image {
        float: none;
        order: 1;
        flex-basis: 100%;
        @media all and (min-width: 640px) {
          flex-basis: calc(50% - 1.5rem);
        }
      }
      .text {
        float: none;
        order: 2;
        flex-basis: 100%;
        @media all and (min-width: 640px) {
          flex-basis: calc(50% - 1.5rem);
        }
      }
      &.image-right {
        .image {
          float: none;
          order: 2;
        }
        .text {
          order: 1;
        }
      }
      &.width-33 {
        .image {
          flex-basis: 33%;
          width: 33%;
        }
      }
      &.width-50 {
        .image {
          flex-basis: 50%;
          width: 50%;
        }
      }
      &.width-66 {
        .image {
          flex-basis: 66%;
          width: 66%;
        }
      }
    }
  }
  .paragraph--type--faq-list {
    .faq-content-wrapper {
      border-color: #d9d9d9;
      margin-bottom: 1.5rem;
      p {
        &:last-of-type {
        }
        margin-bottom: 0;
      }
    }
  }
  .paragraph--type--tips {
    li {
      &::before {
        height: 44px;
        width: 44px;
        font-size: 2rem;
        line-height: 2.5rem;
      }
      & span.itemtitle {
        margin-left: 56px;
        line-height: 2.75rem;
      }
    }
    & ol {
      & li {
        margin-top: unset;
        &::before {
          padding-top: 2px;
        }
      }
    }
  }
  .paragraph--type--downloads {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e6cfbc;
    .flex {
      .field--name-field-media-reference-media {
        flex-basis: 25%;
      }
      .fileinfo-wrapper {
        flex-basis: 75%;
      }
    }
  }
  .paragraph--type--node-reference {
    li {
      &:hover {
        transform: none;
        translate: none;
      }
      a {
        &:hover {
          transform: none;
          translate: none;
        }
      }
    }
  }
  .bg-attention {
    background-color: #f29404;
    .svg-inline--fa {
      height: 2.75rem;
      margin-right: .5rem;
    }
    span {
      position: relative;
      top: -.85rem;
    }
  }
  .download {
    .svg-inline--fa {
      height: 2.75rem;
      margin-right: .75rem;
    }
    span {
      position: relative;
      top: -.85rem;
    }
  }
  .speech_description {
    background-color: #faf0e8;
    svg {
      color: #e65215;
      margin-right: 1rem;
    }
    a {
      text-decoration: underline;
    }
  }
  .simple_speech_section {
    background-color: rgba(210, 224, 225, 1);
    .field--name-field-seiten-in-leichter-sprache {
      display: flex;
      flex-direction: column;
      gap: 2rem;
      .field__item {
        flex-basis: 100%;
        .simple_indicator {
          background-color: #fcf7f3;
        }
      }
      @media all and (min-width: 640px) {
        flex-direction: row;
        flex-wrap: wrap;
        .field__item {
          flex-basis: calc(50% - 1rem);
          .fill-height {
            height: 100%;
          }
        }
      }
    }
  }
  .ls-separator {
    fill: rgb(252, 247, 243);
    transform: scaleY(-1);
  }
  .ls-content-page-footer-separator {
    background-color: rgba(210, 224, 225, 1);
  }
  .paragraph {
    &.info {
      h2 {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 1.5rem;
      }
      h3 {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 1.25rem;
      }
      h4 {
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 1rem;
      }
      ul {
        list-style: disc;
        padding: 0 0 0 1rem;
        margin: 1rem;
      }
    }
  }
}
.page-node-type-page {
  .speech_switch_wrapper {
    .btn-simpleswitch {
      border: 2px solid #E6CFBC;
    }
  }
}

.field--name-field-seiten-in-leichter-sprache {
  .page-node-type-leichte-sprache {
    p {
      line-height: 2.25rem;
    }
  }
}