* {
	margin: 0;
	box-sizing: border-box;
}

body {
	font-family: Arial, serif;
	border: 1px solid black;
}

video	{
	margin: 1.5em 0 1.5em 0;
}

.text {
	grid-area: main;
	text-align: left;
	padding: 10px;
	min-height: 600px;
}

.text p,
.text h3,
.text h4 {
	margin-top: 1em;
}

.text-index {
	grid-area: main;
	text-align: left;
	padding: 10px;
	min-width: 100%;
}

.text-index p {
	margin-top: 1em;
	max-width: 80%;
}

.kopf-image {
	position: relative;
	width: 100%;
	margin: 0 0 3em;
	padding: 0;
	height: auto;
	border-bottom: 1px solid black;
}

.image {
	position: relative;
	top: 0;
	left: 0;
	width: 20em;
}

/* OTEAM */
.image-oteam {
	position: relative;
	top: 0;
	left: 0;
	width: 80%;
}

.articles {
	grid-area: main;
	text-align: left;
	padding: 1em;
	display: flow-root;
}


.article {
	margin: 0;
	padding: 2em 0 2em 0;
	margin: 2em 0 0 0;
	min-height: 25em;
}

.img-art {
	width: auto; /* Beispielbreite */
	height: 25em; /* Höhe automatisch anpassen */
	float: left; /* Für linke Anordnung */
	margin: 0 1em 0 0 ; /* Abstand nach rechts */

}

.left {
	float: left;
}
.right {
	float: right;
	padding: 0 0 0 1em;
}

iframe {
	width: 100%;
	height: 33em;
	border: none;
}
/* xxx */
.button {
	background-color: #A40000;
	color: white;
	border: 2px solid white;
	padding: 3px;
	border-radius: 6px;
	text-decoration: none;
	cursor: pointer;
	min-height: 20px;
}
.no-break {
	white-space: nowrap;
}


@media (max-width: 768px) {
	.text-index {
		text-align: left;
		padding: 0;
		min-width: 5%;
	}

	body {
		border: none;
	}
}