/* Text- und Bildblöcke (acf/text-image) */
.text-image {
	align-items: flex-start;
}

.text-image.vertical-direction .text-image__content {
	width: 100%;
	max-width: 900px;
}

.text-image__content > p:first-child {
	margin-top: 0;
}

/* Bildspalte: Screenshots haben sehr unterschiedliche Seitenverhältnisse,
   deshalb feste Maximalhöhe und contain statt Zuschnitt. */
.text-image .get-image {
	margin: 0;
	align-self: flex-start;
}

.text-image .get-image img {
	width: 100%;
	height: auto;
	max-height: 480px;
	object-fit: contain;
	object-position: top center;
	background: var(--boho-surface-alt);
	border: 1px solid var(--boho-line);
	border-radius: var(--boho-radius);
	box-shadow: var(--boho-shadow);
	padding: 8px;
}

.simple-button {
	margin-top: 22px;
}

.simple-button .accent-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

@media (max-width: 767px) {
	.text-image .get-image img {
		max-height: 380px;
	}
}