a.badge {
  text-decoration: none;
  transition: box-shadow 0.1s, background 0.8s;
}
a.badge.t-bg--white {
  background-color: #fff;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(255, 255, 255, 0.84);
}
a.badge.t-bg--white:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--white:active {
  background-color: #cccccc;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--red {
  background-color: #cd1414;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(205, 20, 20, 0.84);
}
a.badge.t-bg--red:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--red:active {
  background-color: #700b0b;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--red-burgund {
  background-color: #660033;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(102, 0, 51, 0.84);
}
a.badge.t-bg--red-burgund:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--red-burgund:active {
  background-color: black;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--red-coral {
  background-color: #BF5545;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(191, 85, 69, 0.84);
}
a.badge.t-bg--red-coral:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--red-coral:active {
  background-color: #763328;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--red-thunderbird {
  background-color: #ba1212;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(186, 18, 18, 0.84);
}
a.badge.t-bg--red-thunderbird:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--red-thunderbird:active {
  background-color: #5d0909;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--orange-carrot {
  background-color: #D14900;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(209, 73, 0, 0.84);
}
a.badge.t-bg--orange-carrot:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--orange-carrot:active {
  background-color: #6b2500;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--orange-dark {
  background-color: #AC3C00;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(172, 60, 0, 0.84);
}
a.badge.t-bg--orange-dark:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--orange-dark:active {
  background-color: #461800;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--yellow {
  background-color: #ffd200;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(255, 210, 0, 0.84);
}
a.badge.t-bg--yellow:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--yellow:active {
  background-color: #997e00;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--dark-gold {
  background-color: #8A7000;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(138, 112, 0, 0.84);
}
a.badge.t-bg--dark-gold:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--dark-gold:active {
  background-color: #241d00;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--blue-petrol {
  background-color: #007B84;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 123, 132, 0.84);
}
a.badge.t-bg--blue-petrol:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--blue-petrol:active {
  background-color: #001c1e;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--blue-denim {
  background-color: #336699;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(51, 102, 153, 0.84);
}
a.badge.t-bg--blue-denim:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--blue-denim:active {
  background-color: #1a334d;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--blue-mediterranean {
  background-color: #007AB8;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 122, 184, 0.84);
}
a.badge.t-bg--blue-mediterranean:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--blue-mediterranean:active {
  background-color: #003652;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--blue-vegan {
  background-color: #3b7b8d;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(59, 123, 141, 0.84);
}
a.badge.t-bg--blue-vegan:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--blue-vegan:active {
  background-color: #1d3c45;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--green-accessibility {
  background-color: #008528;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 133, 40, 0.84);
}
a.badge.t-bg--green-accessibility:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--green-accessibility:active {
  background-color: #001f09;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--green-sustainability {
  background-color: #42806C;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(66, 128, 108, 0.84);
}
a.badge.t-bg--green-sustainability:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--green-sustainability:active {
  background-color: #1f3d33;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--green-foerderpenny {
  background-color: #136941;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(19, 105, 65, 0.84);
}
a.badge.t-bg--green-foerderpenny:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--green-foerderpenny:active {
  background-color: #03130c;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--light-green-foerderpenny {
  background-color: #00814F;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 129, 79, 0.84);
}
a.badge.t-bg--light-green-foerderpenny:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--light-green-foerderpenny:active {
  background-color: #001b11;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--green-plant {
  background-color: #42806C;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(66, 128, 108, 0.84);
}
a.badge.t-bg--green-plant:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--green-plant:active {
  background-color: #1f3d33;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--brown-chocolate {
  background-color: #624b46;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(98, 75, 70, 0.84);
}
a.badge.t-bg--brown-chocolate:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--brown-chocolate:active {
  background-color: #271d1c;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--brown-espresso {
  background-color: #936B62;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(147, 107, 98, 0.84);
}
a.badge.t-bg--brown-espresso:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--brown-espresso:active {
  background-color: #563e39;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--brown-sand {
  background-color: #73795D;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(115, 121, 93, 0.84);
}
a.badge.t-bg--brown-sand:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--brown-sand:active {
  background-color: #3c3f31;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--purple-orchid {
  background-color: #7a277a;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(122, 39, 122, 0.84);
}
a.badge.t-bg--purple-orchid:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--purple-orchid:active {
  background-color: #2d0e2d;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--purple-lilac {
  background-color: #936293;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(147, 98, 147, 0.84);
}
a.badge.t-bg--purple-lilac:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--purple-lilac:active {
  background-color: #563956;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--purple-fuchsia {
  background-color: #D5347A;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(213, 52, 122, 0.84);
}
a.badge.t-bg--purple-fuchsia:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--purple-fuchsia:active {
  background-color: #871c4b;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--purple-rouge {
  background-color: #C8465E;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(200, 70, 94, 0.84);
}
a.badge.t-bg--purple-rouge:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--purple-rouge:active {
  background-color: #822737;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--grey-midnight {
  background-color: #404b5b;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(64, 75, 91, 0.84);
}
a.badge.t-bg--grey-midnight:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--grey-midnight:active {
  background-color: #161a1f;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--grey-stone {
  background-color: #4e5a5f;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(78, 90, 95, 0.84);
}
a.badge.t-bg--grey-stone:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--grey-stone:active {
  background-color: #202527;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--wild-sand {
  background-color: #f6f6f6;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(246, 246, 246, 0.84);
}
a.badge.t-bg--wild-sand:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--wild-sand:active {
  background-color: #c3c3c3;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--grey-cobble-stone {
  background-color: #eaeaea;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(234, 234, 234, 0.84);
}
a.badge.t-bg--grey-cobble-stone:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--grey-cobble-stone:active {
  background-color: #b7b7b7;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--black-butchers {
  background-color: #202020;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(32, 32, 32, 0.84);
}
a.badge.t-bg--black-butchers:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--black-butchers:active {
  background-color: black;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--blue-ready {
  background-color: #0089cc;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 137, 204, 0.84);
}
a.badge.t-bg--blue-ready:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--blue-ready:active {
  background-color: #004566;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--red-einfachsparen {
  background-color: #cd1414;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(205, 20, 20, 0.84);
}
a.badge.t-bg--red-einfachsparen:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--red-einfachsparen:active {
  background-color: #700b0b;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--green-naturgut {
  background-color: #049D62;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(4, 157, 98, 0.84);
}
a.badge.t-bg--green-naturgut:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--green-naturgut:active {
  background-color: #013a24;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--sanfabio {
  background-color: #75c04a;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(117, 192, 74, 0.84);
}
a.badge.t-bg--sanfabio:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--sanfabio:active {
  background-color: #477a2a;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--green-today {
  background-color: #008080;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 128, 128, 0.84);
}
a.badge.t-bg--green-today:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--green-today:active {
  background-color: #001a1a;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--green-sparkling {
  background-color: #659966;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(101, 153, 102, 0.84);
}
a.badge.t-bg--green-sparkling:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--green-sparkling:active {
  background-color: #3c5c3d;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}
a.badge.t-bg--orange-spirits {
  background-color: #ff9901;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(255, 153, 1, 0.84);
}
a.badge.t-bg--orange-spirits:hover {
  box-shadow: 0 0.0625rem 0.0625rem 0 hsl(var(--black)/0.32);
}
a.badge.t-bg--orange-spirits:active {
  background-color: #9a5c00;
  background-size: 100%;
  box-shadow: none;
  transition: background 0s;
}

.badge__recipe-container {
  padding-top: 1.5rem;
  padding-bottom: 5rem;
}
@media (min-width: 960px) {
  .badge__recipe-container {
    padding-top: 1.5rem;
  }
}
@media (min-width: 960px) {
  .badge__recipe-container {
    padding-bottom: 7.5rem;
  }
}
.badge__recipe-container .badge__container {
  justify-content: center;
}
.badge__link {
  position: relative;
  z-index: 11;
}
.badge__link a {
  color: inherit;
  text-decoration: none;
}

/* adjust badge spacing on recipe pages depending on bottom spacing set on intro and story gallery component */
.page-sector--intro.page-sector--spacing-below-s + .badge__recipe-container,
.story-gallery.page-sector--spacing-below-s + .badge__recipe-container {
  margin-top: -1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 960px) {
  .page-sector--intro.page-sector--spacing-below-s + .badge__recipe-container,
  .story-gallery.page-sector--spacing-below-s + .badge__recipe-container {
    margin-top: -1.5rem;
  }
}
@media (min-width: 960px) {
  .page-sector--intro.page-sector--spacing-below-s + .badge__recipe-container,
  .story-gallery.page-sector--spacing-below-s + .badge__recipe-container {
    padding-bottom: 1.5rem;
  }
}
.page-sector--intro.page-sector--spacing-below-m + .badge__recipe-container,
.story-gallery.page-sector--spacing-below-m + .badge__recipe-container {
  margin-top: -2rem;
  padding-bottom: 2rem;
}
@media (min-width: 960px) {
  .page-sector--intro.page-sector--spacing-below-m + .badge__recipe-container,
  .story-gallery.page-sector--spacing-below-m + .badge__recipe-container {
    margin-top: -3.5rem;
  }
}
@media (min-width: 960px) {
  .page-sector--intro.page-sector--spacing-below-m + .badge__recipe-container,
  .story-gallery.page-sector--spacing-below-m + .badge__recipe-container {
    padding-bottom: 3.5rem;
  }
}
.page-sector--intro.page-sector--spacing-below-l + .badge__recipe-container,
.story-gallery.page-sector--spacing-below-l + .badge__recipe-container {
  margin-top: -2.5rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 960px) {
  .page-sector--intro.page-sector--spacing-below-l + .badge__recipe-container,
  .story-gallery.page-sector--spacing-below-l + .badge__recipe-container {
    margin-top: -5rem;
  }
}
@media (min-width: 960px) {
  .page-sector--intro.page-sector--spacing-below-l + .badge__recipe-container,
  .story-gallery.page-sector--spacing-below-l + .badge__recipe-container {
    padding-bottom: 5rem;
  }
}
.page-sector--intro.page-sector--spacing-below-xl + .badge__recipe-container,
.story-gallery.page-sector--spacing-below-xl + .badge__recipe-container {
  margin-top: -5rem;
  padding-bottom: 5rem;
}
@media (min-width: 960px) {
  .page-sector--intro.page-sector--spacing-below-xl + .badge__recipe-container,
  .story-gallery.page-sector--spacing-below-xl + .badge__recipe-container {
    margin-top: -7.5rem;
  }
}
@media (min-width: 960px) {
  .page-sector--intro.page-sector--spacing-below-xl + .badge__recipe-container,
  .story-gallery.page-sector--spacing-below-xl + .badge__recipe-container {
    padding-bottom: 7.5rem;
  }
}
.page-sector--intro.page-sector--spacing-below-xxl + .badge__recipe-container,
.story-gallery.page-sector--spacing-below-xxl + .badge__recipe-container {
  margin-top: -6.25rem;
  padding-bottom: 6.25rem;
}
@media (min-width: 960px) {
  .page-sector--intro.page-sector--spacing-below-xxl + .badge__recipe-container,
  .story-gallery.page-sector--spacing-below-xxl + .badge__recipe-container {
    margin-top: -8.75rem;
  }
}
@media (min-width: 960px) {
  .page-sector--intro.page-sector--spacing-below-xxl + .badge__recipe-container,
  .story-gallery.page-sector--spacing-below-xxl + .badge__recipe-container {
    padding-bottom: 8.75rem;
  }
}

.detail-block {
  background-color: hsl(var(--white));
  color: hsl(var(--grey-stone));
  /* ******************** *\
  	IMAGES
  \* ******************** */
}
.detail-block__body {
  margin-top: 1.5rem;
}
@media (max-width: 959px) {
  .detail-block__body {
    margin-bottom: 2rem;
  }
}
.detail-block__subline span {
  display: none;
}
.detail-block__foot {
  margin-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .detail-block__foot {
    margin-top: -0.5rem;
    padding-bottom: 5rem;
  }
}
@media (min-width: 960px) {
  .detail-block__foot {
    padding-bottom: 6.5rem;
  }
}
.detail-block__action-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2.5rem;
}
.detail-block__action-buttons > * {
  margin-top: 0;
}
.detail-block__action-buttons > *:first-of-type:not(:last-of-type) {
  margin-right: 1rem;
}
.detail-block__action-buttons > * .btn {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
.detail-block__action-buttons .icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.375rem;
}
.detail-block__info {
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.3333333333;
  margin-bottom: 1rem;
  padding-left: 0;
}
.detail-block__info li {
  display: flex;
}
.detail-block__info span {
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  padding-left: 0.5rem;
}
.detail-block__info span img {
  margin-right: 0.5rem;
}
.detail-block .image-list {
  margin-top: 1.5rem;
}
@media (min-width: 960px) {
  .detail-block .image-list {
    margin-top: 3rem;
  }
}
.detail-block .image-list img {
  width: 3.5rem;
  max-height: 2.875rem;
  object-fit: contain;
}
@media (min-width: 960px) {
  .detail-block .image-list img {
    width: 4.375rem;
    max-height: 3.75rem;
  }
}
.detail-block__origin {
  display: flex;
}
.detail-block--promotionItem {
  padding-top: 6.875rem;
}
@media (min-width: 960px) {
  .detail-block--promotionItem {
    padding-top: 9.0625rem;
  }
}
.detail-block__description {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  padding-top: 2rem;
}
.detail-block__back-to-overview {
  align-items: center;
  display: inline-flex;
  font-size: 1rem;
  text-decoration: none;
}
.detail-block__back-to-overview .icon {
  background: hsl(var(--white));
  border-radius: 50%;
  box-shadow: 8px 10px 20px 0 rgba(150, 16, 16, 0.14), 0 1px 18px 0 rgba(92, 35, 35, 0.12);
  box-sizing: content-box;
  font-size: 1.5em;
  margin-right: 1.125em;
  padding: 0.5em;
}
.detail-block__carousel {
  -ms-scrollbar-3dlight-color: hsl(var(--grey-wild-sand));
  -ms-scrollbar-arrow-color: hsl(var(--grey-wild-sand));
  -ms-scrollbar-base-color: hsl(var(--grey-wild-sand));
  -ms-scrollbar-dark-shadow-color: hsl(var(--grey-wild-sand));
  -ms-scrollbar-face-color: hsl(var(--grey-wild-sand));
  -ms-scrollbar-highlight-color: hsl(var(--grey-wild-sand));
  -ms-scrollbar-shadow-color: hsl(var(--grey-wild-sand));
  -ms-scrollbar-track-color: hsl(var(--grey-wild-sand));
}
.modal .detail-block__carousel-slide.is-video {
  padding-top: 7.5rem;
}
@media (min-width: 768px) {
  .modal .detail-block__carousel-slide.is-video {
    padding-top: 4.375rem;
  }
}
@media (min-width: 960px) {
  .modal .detail-block__carousel-slide.is-video {
    padding-top: 12.5rem;
  }
}
.detail-block__thumbs-slide a {
  transition: transform 0.25s;
}
.detail-block__thumbs-slide a.has-video-thumb span {
  font-weight: 600;
}
.detail-block__indicators-slide {
  background-color: hsl(var(--grey-midnight));
  border-radius: 50%;
  transition: transform 0.25s;
}
.detail-block__indicators-slide.s-active {
  border-radius: 0.226875rem;
}
.detail-block__disclaimer {
  color: hsl(var(--grey-stone));
  font-size: 0.9375rem;
  margin-top: 1.5rem;
}
.detail-block .wine-detail__items {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.detail-block .wine-detail__items .attribute__item {
  padding: 0;
}
.detail-block .wine-detail__items .icon {
  width: 3.75rem;
  height: 3.75rem;
  border: 0.0625rem solid hsl(var(--red));
  border-radius: 50%;
  color: hsl(var(--red));
}