.zb-recipe {
	margin-top: var(--zb-m-2);
	margin-bottom: 0;
	font-weight: 400;
}
.zb-recipe + * {
	margin-top: var(--zb-m-2);
}
.zb-recipe + .zb-recipe/*, h2 + .zb-recipe*/ {
	margin-top: var(--zb-m-1);
}
h2.amatic.s1 + .zb-recipe {
	margin-top: 0;
}
.zb-recipe  .hover\:cloud {
	margin-top: 3.3rem;
}
.zb-recipe .sticky {
  top: calc(var(--zb-header-height) + 16vh);
}
.zb-recipe > h2 ~ div >  .hover\:cloud {
	margin-top: -1.5rem;
}
.zb-recipe > h2 ~ div >  .sticky {
  top: calc(var(--zb-header-height) + 16vh);
}
.zb-recipe .flex ~ .s1.amatic {
	font-size: 0;
	opacity: 0;
	margin: 0;
	transition: font-size .3s, opacity .3s, margin .3s;
}
.zb-recipe .flex.zb-current ~ .s1.amatic {
	font-size: 3.2rem;
	opacity: 1;
	margin: var(--zb-m-1) 0;
}
.zb-recipe ol > li, .zb-recipe .flex:hover ol > li.zb-current,
.zb-recipe .flex.zb-current ol > li,
.zb-recipe:hover .flex.zb-current ol > li {
	padding: 1.5rem .3rem  1.5rem 0;
	opacity: 1;
	cursor: pointer;
}
.zb-recipe .flex:hover ol > li 	{
	opacity: .7;
  user-select: none;
}
.zb-recipe .flex:hover ol > li.zb-current ~ li {
	opacity: .5;
}
.zb-recipe .flex ol > li.zb-current ~ li:hover {
	opacity: .8;
}
.zb-recipe ol > li.zb-current ~ li {
	transform: scale(0.97);
	transition: transform .2s, opacity .8s;
}
.zb-recipe ol > li.zb-current + li:hover {
	transform: scale(.99);
}
.zb-recipe ol > li:before/*, .zb-recipe .zb-current ol > li:last-of-type.zb-current:before*/ {
	color: #94BE74;
	content: "\2713";
	margin-right: 0;
	font-weight: 300;
}
.zb-recipe ol > li.zb-current:before,
.zb-recipe ol > li.zb-current ~ li:before,
.zb-recipe .zb-current ol > li:before {
  	content: counter( li-count) ' ';
  	margin-right: .3rem;
		font-weight: 600;
}

.zb-recipe ol > li > :first-child	{
	display: inline;
}
.zb-recipe ol > li > :first-child + p	{
	margin-top: .7rem;
}

/*.zb-recipe ol > li > span + p	{
	margin-top: 1.5rem;
}
*/


@media print {
	.zb-recipe ol > li:before, .zb-recipe ol > li:last-of-type.zb-current:before {
  	content: counter( li-count) ' ' !important;
  	margin-right: .3rem;
		font-weight: 600;
	}
	.zb-recipe ol > li.zb-current ~ li {
		opacity: 1;
		transform: scale(1);
	}
  html .zb-recipe > .flex > :first-child {
    width: 100%;
  }
  html .zb-recipe ol > li {
    padding: .8rem .3rem !important;
  }
}