@font-face {
  font-family: Rotonda;
  src: url(../../../fonts/Rotonda.eot);
  src: url(../../../fonts/Rotonda.eot?#iefix) format("embedded-opentype"),url(../../../fonts/Rotonda.woff2) format("woff2"),url(../../../fonts/Rotonda.woff) format("woff"),url(../../../fonts/Rotonda.woff) format("truetype"),url(../../../fonts/RotondaBold.svg#RotondaWeb-Bold) format("svg");
  font-style: normal;
  font-weight: 400;
  font-display: swap
}
@font-face {
  font-family: Rotonda;
  src: url(../../../fonts/RotondaBold.eot);
  src: url(../../../fonts/RotondaBold.eot?#iefix) format("embedded-opentype"),url(../../../fonts/RotondaBold.woff2) format("woff2"),url(../../../fonts/RotondaBold.woff) format("woff"),url(../../../fonts/RotondaBold.woff) format("truetype"),url(../../../fonts/RotondaBold.svg#RotondaWeb-Bold) format("svg");
  font-style: normal;
  font-weight: 700;
  font-display: swap
}
@font-face {
  font-family: RotondaC;
  src: url(../../../fonts/RotondaC/RotondaC.eot);
  src: url(../../../fonts/RotondaC/RotondaC.woff2) format("woff2"),url(../../../fonts/RotondaC/RotondaC.woff) format("woff"),url(../../../fonts/RotondaC/RotondaC.otf) format("otf"),url(../../../fonts/RotondaC/RotondaC.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap
}
@font-face {
  font-family: RotondaC;
  src: url(../../../fonts/RotondaC/RotondaC-bold.eot);
  src: url(../../../fonts/RotondaC/RotondaC-bold.woff2) format("woff2"),url(../../../fonts/RotondaC/RotondaC-bold.woff) format("woff"),url(../../../fonts/RotondaC/RotondaC-bold.otf) format("otf"),url(../../../fonts/RotondaC/RotondaC-bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap
}
html {
  scroll-behavior: smooth
}
body * {
  font-family: Rotonda,Arial,sans-serif!important
}
.for-screen-readers {
  position: absolute;
  overflow: hidden;
  clip: rect(0,0,0,0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0
}
#node-116 .article-hero-stage .intro-links.sticky,
#node-121 .article-hero-stage .intro-links.sticky,
#node-146 .article-hero-stage .intro-links.sticky,
#node-6 .article-hero-stage .intro-links.sticky {
  position: static
}
.eu-cookie-compliance-message {
  max-width: calc(100% - 250px)
}
.recipe-hero-stage .grid-x {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.recipe-hero-stage .block-system-breadcrumb-block {
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  position: static;
  padding: 20px 30px 10px 90px
}
@media screen and (max-width:1023px) {
  .grid-margin-x > .small-offset-2 {
    margin-left: 2.8125rem
  }
  .recipe-hero-stage .block-system-breadcrumb-block {
    padding: 10px 30px
  }
}
@media screen and (max-width:767px) {
  .grid-margin-x > .small-offset-2 {
    margin-left: 1.5625rem
  }
  .image-teaser-comp,
  .product-slideshow,
  .text-and-title {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
  }
  .product-slideshow__details {
    margin-top: 0
  }
  .image-gallery {
    margin-bottom: 1.75rem
  }
  .image-gallery__thumbnails {
    margin-bottom: 0
  }
  .offcanvas-full-screen-menu__link {
    font-size: 22px;
    line-height: 28px;
    padding: .6375rem 0
  }
  .recipe-hero-stage .grid-x .recipe-hero-stage-text-container {
    margin-top: 1.75rem
  }
  .cp-recipe-ingredients .recipe-ingredients-list1 h3,
  .cp-recipe-steps-video .recipe-steps-video-list {
    margin-bottom: 1.75rem
  }
  .eu-cookie-compliance-buttons {
    float: left;
    max-width: 100%
  }
  .eu-cookie-compliance-message {
    max-width: 100%
  }
}
@media screen and (max-width:575px) {
  .cp-recipe-steps-video .recipe-steps-video-iframe h2 {
    font-size: 28px
  }
  .cp-recipe-steps-video .recipe-steps-video-iframe h2:after,
  .cp-recipe-steps-video .recipe-steps-video-iframe h2:before {
    width: 40%
  }
  .cp-recipe-steps-video .recipe-steps-video-iframe h2:before {
    right: .875rem
  }
  .cp-recipe-steps-video .recipe-steps-video-iframe h2:after {
    left: .875rem
  }
}
@media screen and (max-width:360px) {
  .cp-recipe-steps-video .recipe-steps-video-iframe h2 {
    font-size: 25px
  }
  .cp-recipe-steps-video .recipe-steps-video-iframe h2:before {
    right: .375rem
  }
  .cp-recipe-steps-video .recipe-steps-video-iframe h2:after {
    left: .375rem
  }
}
.iframe-section {
  text-align: center;
  padding-top: 32px
}
.iframe-section iframe {
  vertical-align: top
}
.iframe-section > div,
.iframe-section > p {
  padding: 0 1.25rem;
  font-size: 15px;
  line-height: 150%
}
@media screen and (max-width:767px) {
  .iframe-section > div,
  .iframe-section > p {
    font-size: 14px
  }
}
.mt-20 {
  margin-top: 20px
}
h2.h2 {
  font-size: 60px;
  line-height: 70px
}
@media screen and (max-width:1199px) {
  h2.h2 {
    font-size: 46px;
    line-height: 54px
  }
}
@media screen and (max-width:450px) {
  .button.button.button.button.button.button_mobile-expanded {
    width: 100%!important
  }
}
blockquote {
  color: #000!important;
  padding: 1.25rem 2.5rem!important;
  margin-bottom: 1.25rem!important
}
blockquote p {
  font-style: italic!important;
  font-size: 20px!important;
  line-height: 28px!important;
  color: #000!important
}
@media screen and (max-width:680px) {
  blockquote p {
    font-size: 18px!important;
    line-height: 26px!important
  }
}
blockquote p:not(:last-child) {
  margin-bottom: 1.25rem!important
}
blockquote p:last-child,
blockquote p:only-child {
  margin-bottom: 0!important
}
.divider {
  margin: 0 -200px;
  height: 50px;
  background: #fff
}
.no-break {
  white-space: nowrap
}
.text-center {
  text-align: center
}
.visible-mobile {
  display: none
}
@media screen and (max-width:767px) {
  h2.h2 {
    font-size: 32px;
    line-height: 42px
  }
  .button.button.button.button.button {
    width: 187px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 3px 3px 20px
  }
  .visible-mobile {
    display: initial
  }
}
.visible-tablet {
  display: none
}
@media screen and (min-width:768px) and (max-width:1023px) {
  .visible-tablet {
    display: initial
  }
}
.visible-desktop {
  display: none
}
@media screen and (min-width:1367px) {
  .visible-desktop {
    display: initial
  }
  .hidden-desktop {
    display: none
  }
}
@media screen and (min-width:768px) and (max-width:1023px) {
  .hidden-tablet {
    display: none
  }
}
@media screen and (min-width:64em) {
  .footer .footer-right ul li:first-child a {
    padding-top: 6px
  }
  .grid-x > .large-16.footer-left {
    width: 80%
  }
  .grid-x > .large-8.footer-right {
    width: 20%
  }
}
@media screen and (max-width:1024px) {
  .footer .field-item {
    text-align: center
  }
}
@media screen and (min-width:1025px) and (max-width:1400px) {
  .footer-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media screen and (max-width:500px) {
  .home-hero-stage.js-hero-stage-slider {
    height: 50.6875rem
  }
  .js-hero-stage-slider + .hero-banner-breadcrumb {
    margin-top: -5.6875rem
  }
}
.node--type-dsu-product .alert {
  display: block
}
.home-hero-stage .grid-x .slide-items .slick-dots {
  margin-top: 0;
  position: absolute;
  bottom: 1.25rem
}
.messages__list {
  display: none
}
.controls {
  z-index: 100
}
.path-recipes .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.accordion__v2 .panel-title__link,
.title-reviews a {
  pointer-events: none
}
.panel-title__link.active {
  line-height: 48px
}
.accordion__v2 .panel-title__link:after {
  display: none
}
.js-pager__items._hide {
  display: none;
  margin-bottom: 0
}
@media screen and (max-width:767px) {
  .hidden-mobile {
    display: none
  }
  .accordion__v2 .panel-title__link .title {
    line-height: 30px
  }
  .rating-review__button-wrapper.rating-review__button-wrapper.rating-review__button-wrapper {
    margin-top: 24px
  }
}
.js-pager__items.pager {
  margin: 2.5rem auto 1.25rem
}
.section-coffee-recipes .intro-container > div:last-child {
  padding-top: 1.25rem
}
.field-paragraph--field-c-sideimagetext-summary2 p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #222
}
.cp-result sup {
  position: relative;
  top: -8px!important
}
.cp-result .coffee-profiler-result_text-box sup {
  top: -12px!important
}