/* Gemeinsame Abstandsführung für den öffentlichen Breadcrumb.
   Die Darstellung selbst kommt aus foundation.css und entspricht der Buchdetailseite. */
.books-page .breadcrumb,
.book-detail-page .breadcrumb,
.authors-page .breadcrumb,
.author-detail-page .breadcrumb,
.series-page .breadcrumb,
.series-detail-page .breadcrumb,
.category-page .breadcrumb,
.category-detail-page .breadcrumb,
.search-page .breadcrumb,
.magazine-overview .breadcrumb,
.magazine-article .breadcrumb {
  margin-bottom: var(--space-6);
  font-weight: 400;
}

.breadcrumb {
  width: min(1320px, calc(100vw - 64px));
  max-width: none;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.books-page .breadcrumb,
.book-detail-page .breadcrumb,
.authors-page .breadcrumb,
.author-detail-page .breadcrumb,
.series-page .breadcrumb,
.series-detail-page .breadcrumb,
.magazine-overview .breadcrumb,
.magazine-article .breadcrumb {
  padding-top: 0;
}

.books-page,
.book-detail-page,
.authors-page,
.author-detail-page,
.series-page,
.series-detail-page,
.public-shop--magazine .site-main {
  padding-top: 0;
}

.breadcrumb + .page-header,
.breadcrumb + .authors-hero,
.breadcrumb + .series-hero,
.breadcrumb + .category-hero,
.breadcrumb + .search-hero,
.breadcrumb + .book-product,
.breadcrumb + article > .author-profile,
.breadcrumb + article > .series-detail-hero,
.breadcrumb + article > .category-detail-hero {
  padding-top: 0;
}

.magazine-overview {
  padding-top: 0;
}

.magazine-article-header {
  padding-top: 0;
}

.magazine-article-breadcrumb {
  padding-top: 0;
}

@media (max-width: 700px) {
  .magazine-overview,
  .magazine-article-header {
    padding-top: 0;
  }
}

@media (max-width: 900px) {
  .breadcrumb {
    width: min(1320px, calc(100vw - 40px));
  }
}

@media (max-width: 560px) {
  .breadcrumb {
    width: min(1320px, calc(100vw - 28px));
  }
}