main {
  background-color: white;
}

main .cms-sections img {
  max-width: 100%;
  height: auto;
}

main .cms-section-sidebar-main-content a {
  text-decoration: underline;
}

main .cms-section-sidebar-main-content .listing a {
  text-decoration: initial;
}

@media (max-width: 767.98px) {
  .breadcrumb {
    line-height: 2rem;
    /* overrides the rule from Shopware */
    margin-bottom: 1rem !important;
  }

  .breadcrumb a {
    font-size: 1rem;
  }
}

@media (max-width: 991px) {
  /*
    Hide the sidebar navigation on smaller screens.
    Offcanvas navigation is used instead.
  */
  .cms-section-sidebar-sidebar-content {
    display: none;
  }
}

/** 2025.08: Improved readability of infotexts. */
.cms-page {
  font-size: 1rem;

  p {
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.5;
    font-size: 1rem;
  }

  h1.h2-title {
    color: #fff;
    margin: 0;
    font-size: 1.75rem;
    font-weight: 500;
  }

  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-bottom: 0.5rem;
  }

  h2,
  .h2 {
    margin-top: 3rem;
    font-weight: 400;
  }

  h3,
  .h3 {
    margin-top: 2rem;
    font-weight: 400;
  }

  h4,
  .h4 {
    margin-top: 1rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #00588f;
  }

  h1 a,
  h2 a,
  h3 a {
    text-decoration: none;
  }

  /** Styles for listing pages. */
  .listing h3 {
    margin-top: 2.5rem;
    margin-bottom: -1rem;
  }

  .listing h4 {
    margin-top: 2rem;
    margin-bottom: 0.15rem;
  }
}