/* =======================================================
   POSTTEMPLATES
   ======================================================= */

.posttemplate1,
.posttemplate2,
.posttemplate3,
.infopost {
	margin: 28px 0;
	padding: 28px 32px;

	background: var(--surface-soft);
	border: 1px solid var(--border);

	color: var(--text);
	font-size: 15px;
	line-height: 1.9;
	text-align: justify;
	hyphens: auto;
}

.posttemplate1header,
.posttemplate2headline {
	margin: 0 0 22px;
	padding-bottom: 16px;

	border-bottom: 1px solid var(--border);

	color: #fff;
	text-shadow:
		0 2px 4px rgba(0, 0, 0, .85),
		0 0 12px rgba(0, 0, 0, .55);

	font-family: var(--font-title);
	font-size: clamp(32px, 4vw, 52px);
	font-weight: 400;
	line-height: 1.1;
	text-align: center;
}

.infopostheader {
	margin: 0;
	padding: 24px 30px;

	background: var(--surface);
	border-bottom: 1px solid var(--border);

	color: var(--text);
	font-family: var(--font-title);
	font-size: clamp(32px, 4vw, 52px);
	font-weight: 400;
	line-height: 1.1;
	text-align: center;
}

.infopostheader::first-letter {
	color: var(--accent);
}

.posttemplate3imageleft,
.posttemplate3imageright {
	width: 220px;
	height: 140px;
	object-fit: cover;
	border: 1px solid var(--border);
}

.posttemplate3imageleft {
	float: left;
	margin: 6px 22px 14px 0;
}

.posttemplate3imageright {
	float: right;
	margin: 6px 0 14px 22px;
}


/* Adminposts */

.infopost {
	padding: 0;
	overflow: hidden;
}

.infopostcontent {
	padding: 28px 32px;

	color: var(--text);
	font-size: 15px;
	line-height: 1.9;
	text-align: justify;
	hyphens: auto;
}


/* Mobile */

@media (max-width: 700px) {
	.posttemplate1,
	.posttemplate2,
	.posttemplate3,
	.infopostcontent {
		padding: 22px;
	}

	.posttemplate3imageleft,
	.posttemplate3imageright {
		float: none;
		display: block;

		width: 100%;
		height: auto;
		max-width: 100%;

		margin: 0 0 18px;
	}
}