.block-quote {
	padding: 7rem 2rem 4rem;
}

@media(min-width: 37.5em) {
	.block-quote {
		padding: 4rem;
	}
}

.block-quote .content-inner {
	margin: auto;
	max-width: 40em;
}

.block-quote blockquote {
	font: var(--quote);
}

.block-quote figcaption {
	font: var(--body-default-regular);
}

.block-quote figure {
	position: relative;
}

.block-quote figure::before {
	content: '';
	position: absolute;
	top: -4.5rem;
	left: -2rem;
	width: 80px;
	height: 80px;
	background-image: url(/assets/images/quote-open.svg);
	background-repeat: no-repeat;
	z-index: 1;
}

@media(min-width: 37.5em) {
	.block-quote figure::before {
		top: -1.5rem;
		left: -4rem;
	}
}

.block-quote.block-tipp figure::before {
	background-image: url(/assets/images/tipp.svg);
}
