/**
 * @file
 * Visual styles for nodes.
 */

.node--unpublished {
  background-color: #fff4f4;
}
.node {
  background-color: #fcf7f3;
  p, ul, li {
    a {
      text-decoration: underline;
      --tw-text-opacity: 1;
      color: rgba(var(--primary,0,0,0),var(--tw-text-opacity));
    }
  }
}

.node .bg-primary a {
  --tw-text-opacity: 1;
  color: rgba(255,255,255,var(--tw-text-opacity));
}

.fp-section:nth-of-type(2n) .fp-separator,
.fp-separator-view {
  fill: #fcf7f3;
}
.age-page-scroll-container .fp-separator-view {
  fill: #faf0e8;
}
/** Sidebar Leistung */
.fp-sticky-sidebar {
  position: sticky;
  top: 0;
  background-size: cover;

  @media (min-width: 1280px) {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  }
}
.freeContentPage {
  .paragraph:first-of-type {
    .bp-headline {
      margin-top: 0;
    }
  }
  .paragraph--type--media-reference {
    &:first-of-type {
      max-width: 56.25rem;
      margin-left: auto;
      margin-right: auto;
    }
  }
}
.fp-sidebar {
  position: relative;
  overflow: visible;
  height: unset;
  margin-bottom: 2rem;
  @media (min-width: 640px) {
    position: sticky;
    top: 0;
    overflow: auto;
    height: 100vh;
    margin-bottom: -3.5rem;
    .bp-headline__first {
      padding-bottom: 1rem;
      font-size: 1rem;
      line-height: 1.25rem;
    }
  }
  @media (min-width: 1280px) {
    margin-bottom: -4.5rem;
  }
}
.bp-search-pane {
  @media (min-width: 640px) {
    border-radius: .375rem;
  }
}
.news-card {
  max-width: 100%;
}
footer {
  top: -1px;
  position: relative;
}
.bp-preview-card__image {
  height: 11rem;
  padding: 2rem;
  background-color: #f7fafa;
  @media (min-width: 640px) {
    height: 14rem;
  }
  @media (min-width: 1280px) {
    height: 12.5rem;;
  }
  img {
    max-height: 100%;
    margin: 0 auto;
    width: 100%;
  }
}