.NodeCocktail-title {
  color: var(--secondary-color);
  line-height: 1;
  font-weight: 900; }
  @media (min-width: 768px) {
    .NodeCocktail-title {
      font-size: 8rem; } }

.NodeCocktail-ingredientsTitle {
  font-weight: normal;
  font-size: 2rem;
  color: var(--third-color); }

.NodeCocktail-preparationWrapper {
  background: none;
  padding: 0;
  margin: 5rem 0; }
  .NodeCocktail-preparationWrapper::before {
    background: linear-gradient(var(--third-color), var(--primary-color));
    width: 136.6rem;
    margin-left: -68.3rem; }
  .NodeCocktail-preparationWrapper::after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    height: 100%;
    border: solid 7.6rem var(--body-bg-color);
    border-top-width: 0;
    border-bottom-width: 0;
    left: 50%;
    width: 121.4rem;
    margin-left: -60.7rem;
    box-sizing: border-box; }
  @media (max-width: 767px) {
    .NodeCocktail-preparationWrapper::before, .NodeCocktail-preparationWrapper::after {
      display: none; } }

.NodeCocktail-preparationContent {
  padding: 5rem 4.4rem;
  background: var(--body-bg-color);
  max-width: 91.2rem; }
  @media (max-width: 767px) {
    .NodeCocktail-preparationContent {
      padding: 0; } }

.NodeCocktail-preparationTipsWrapper {
  background: none;
  min-height: 490px; }
  .NodeCocktail-preparationTipsWrapper::before {
    content: '';
    position: absolute;
    width: 162.2rem;
    left: 50%;
    margin-left: -85rem;
    background: url("../../../../img/icon-spritz.jpg") left center no-repeat, url("../../../../img/icon-orange.jpg") right bottom no-repeat;
    z-index: -1;
    top: 0;
    height: 100%; }
  @media (max-width: 767px) {
    .NodeCocktail-preparationTipsWrapper {
      min-height: 0; }
      .NodeCocktail-preparationTipsWrapper::before {
        display: none; } }

/*# sourceMappingURL=extend-nodeCocktail.css.map */