h1, h2, h3, h4 {
	font-family: "Lilita One", Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	line-height: 1.3;
	word-spacing: 0.1em;
}

h1 {
	font-size: 26px;
}

.content-stage-inner--narrow h2 {
	margin-top: 2.5rem;
	margin-bottom: 0rem;
}

.content-stage-inner--narrow h3 {
	margin-top: 2.5rem;
	margin-bottom: 0rem;
}

.content-stage-inner--narrow .address-info h2, .content-stage-inner--narrow .address-info h3 {
	margin-top: 1.5rem;
}

h2.nomargintop,
h3.nomargintop {
	margin-top: 0rem;
}

.circle {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0 auto;
	width: 180px;
	height: 180px;
	font-size: 28px;
	font-weight: normal;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 6px;
}

.circle--primary {
	color: var(--white);
	background-image: url(/assets/css/images/taifun-circle--red.svg);
	-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}

.circle--secondary {
	color: var(--red);
	background-image: url(/assets/css/images/taifun-circle--white.svg);
	-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.125));
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.125));
}

/* Recipe */
.content-header h1 {
	margin: 0;
	margin-bottom: 5px;
}

.content-header h2 {
	margin: 0;
	font-size: 1.25rem;
	color: var(--red);
}
.recipe-products.content-header h2 {
	margin-top: 6px;
	margin-bottom: 6px;
	color: var(--black);
}

.content-header .label {
	margin-bottom: 10px;
}

.content-headings {
	padding-bottom: 2rem;
}

.recipe-sidebar-header h2:first-child {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

h2.headline-bar,
h3.headline-bar {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-family: "Lilita One", Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: normal;
	text-transform: uppercase;
	border-top: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
}

@media(min-width: 37.5em) {
	h2.headline-bar,
	h3.headline-bar {
		margin: 0;
	}
}

.grid-dual-produkt--detail .headline-bar {
	margin-top: 40px;
}

.headline-bar.numbered {
	display: grid;
	grid-template-columns: auto 30px;
}

.headline-bar > span {
	align-self: center;
}

.headline-bar > span + span.label {
	margin-bottom: 0;
}