body {
	width: 1fr;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, p, a {
	font-family: Open Sans, sans-serif;
	font-weight: lighter;
	font-stretch: condensed;
	color: #575756;
}
h1 {
	font-size: 2em;
	color: #000000;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 2.5em;
	line-height: 100%;
}
h4 {
	font-size: 1.5em;
	line-height: 100%;
}
p {
	font-size: 1.2em;
	text-align: justify;
}
a {
	text-decoration: none;
}

.responsive-image {
	max-width: 100%;
}

.header-hintergrund {
	width: 100%;
	height: 35px;
	position: fixed;
	background-color: #575756;
	z-index: 1;
}
.navigation {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	max-width: 1200px;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 35px;
	text-align: center;
	align-items: center;
	margin: 0px auto;
	padding: 2px 0px;
}
.navigation-links {
	display: grid;
	grid-template-columns: 1fr;
	text-align: left;
	padding: 0px 0px 0px 10px;
}
.navigation-rechts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	text-align: right;
	padding: 0px 10px 0px 0px;
}
.menu {
	display: none;
	position: fixed;
	max-width: 1200px;
	top: 35px;
	left: 0px;
	right: 0px;
	background: #ffffff;
	text-align: center;
	margin: 0px auto;
	z-index: 1;
}

.titel {
	display: grid;
	text-align: center;
	margin: 0px auto;
	padding: 40px 0px 0px;
	min-height: 400px;
}

.sektion-hintergrund {
	width: 100%;
	background-color: #f5f5f7;
	padding: 20px 0px 20px;
}
.sektion-begrenzung {
	display: grid;
	grid-template-columns: auto;
	grid-auto-rows: minmax(200px, auto);
	max-width: 1200px;
	grid-row-gap: 20px;
	margin: 0px auto;
}
.boxen {
	background-color: #ffffff;
	padding: 20px 20px 20px;
	margin: 10px;
	border-radius: 20px;
}
.box1 {
	grid-column: 1/2;
	grid-row: 1;
	display: grid;
	grid-template-rows: fit-content(100%);
}
.bildbox1 {
	min-height: 300px;
	background-image: url("bilder/drkruse1.jpg");
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.box2 {
	grid-column: 1/2;
	grid-row: 2;
	display: grid;
	grid-template-rows: fit-content(100%);
}
.bildbox2 {
	min-height: 300px;
	background-image: url("bilder/drkruse2.jpg");
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.box3 {
	grid-column: 1/2;
	grid-row: 3;
}
.box4 {
	grid-column: 1/2;
	grid-row: 1;
}
.box5 {
	grid-column: 1/2;
	grid-row: 2;
}
.box6 {
	grid-column: 1/2;
	grid-row: 3;
}
.box7 {
	grid-column: 1/2;
	grid-row: 4;
}

.galerie-hintergrund {
	width: 100%;
	background-color: #ffffff;
	padding: 50px 0px 50px;
}
.galerie-begrenzung {
	max-width: 1200px;
	margin: 0px auto;
	overflow: hidden;
}
.galerie-bild {
	width: 300px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 10px;
	border-radius: 20px;
}
.galerie {
	display: grid;
	grid-template-columns: repeat(13, 320px);
	width: 4160px;
	position: relative;
	animation-duration: 40s;
	animation-name: bewegung;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	z-index: 0;
}
@keyframes bewegung {
	0% {left: 0px}
	100% {left: -2880px}
}

.angaben-link {
	text-align: center;
}
.angabe {
	display: none;
	max-width: 1200px;
	left: 0px;
	right: 0px;
	background: #ffffff;
	margin: 0px auto;
	text-align: justify;
}

@media (min-width: 50em) {
h1 {
	font-size: 3em;
}

.responsive-image {
	max-width: 800px;
}

.titel {
	margin: 0px 150px;
}

.sektion-begrenzung {
	grid-template-columns: repeat(2, 1fr);
}
.box1 {
	grid-column: 1/2;
	grid-row: 1;
	min-height: 600px;
	background-size: auto;
}
.box2 {
	grid-column: 2/3;
	grid-row: 1;
	min-height: 550px;
}
.box3 {
	grid-column: 1/3;
	grid-row: 2;
}
.box4 {
	grid-column: 1/2;
	grid-row: 1;
}
.box5 {
	grid-column: 2/3;
	grid-row: 1;
}
.box6 {
	grid-column: 1/2;
	grid-row: 2;
}
.box7 {
	grid-column: 2/3;
	grid-row: 2;
}
}