h1,
h1 * {
	position: relative;
	font-size: 3vh !important;
	font-family: Verdana, serif;
}

h2,
h2 * {
	position: relative;
	font-size: 2.7vh !important;
	font-family: Verdana, serif;
}

h3,
h3 *,
h4,
h4 *,
h5,
h5 *,
h6,
h6 * {
	position: relative;
	font-size: 2.5vh !important;
	font-family: Georgia, serif;
}

* {
	position: relative;
	font-size: 2vh;
	font-family: Arial, sans-serif;
}

footer a,
header a {
	text-decoration: none;
	color: #fff;
	font-size: 2vh;
}

section a {
	text-decoration: none;
	color: #000;
}

nav {
	float: right;
	margin-top: 7vh;
	margin-right: 5vw;
	z-index: 9000;
}

#suche {
	min-width: 50vw;
	max-width: 50vw;
	text-align: left;
}

button {
	background-color: #731842;
	color: #fff;
	padding: 1vh;
	min-width: 1.5cm;
	min-height: 1.5cm;
	border-radius: 10rem;
}

body {
	margin: 0;
	padding: 0;
}

header {
	background-color: #fff;
	color: #000;
	max-height: 15vh;
	min-height: 15vh;
	border-bottom: 1vh inset #000;
}

#logo,
#logo2 {
	left: 5vw;
	max-height: 15vh;
	max-width: 50vw;
}

#submit {
	min-width: 1.5cm;
	max-width: 1.5cm;
	min-height: 1.5cm;
	max-height: 1.5cm;
	font-size: 0.5cm;
}

section *,
footer {
	padding-top: 3vh;
	text-align: center;
	vertical-align: text-top;
}

section {
	overflow-y: scroll;
	clear: both;
	min-height: 75vh;
	background-image: linear-gradient(rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.38) 100%), url(../pic/pexels-fauxels-3184454-scaled.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	vertical-align: text-top;
}

section>div {
	max-width: 90vw;
	margin: auto;
}

section>div>div {
	display: inline-block;
	padding: 1vh;
	background-color: #fff;
	max-width: 25%;
	min-width: 25%;
	min-height: 23vh;
	margin-left: 5%;
	margin-top: 1%;
	margin-bottom: 1%;
	border-right: 2px outset gray;
	border-bottom: 2px outset gray;
	border-radius: 4px;
	vertical-align: top;
}

h2 {
	margin: auto;
}

footer {
	background-color: #731842;
	color: #fff;
	max-height: 5vh;
	min-height: 5vh;
	font-size: 2vh;
}

#logo2 {
	display: none;
}

@media (orientation: portrait) {

	#logo2 {
		display: unset;
	}

	#logo {
		display: none;
	}

	section>div>div {
		display: inline-block;
		padding: 1vh;
		background-color: #fff;
		max-width: 90%;
		min-width: 90%;
		min-height: unset;
		margin-left: 5%;
		margin-top: 1%;
		margin-bottom: 1%;
		border-right: 2px outset gray;
		border-bottom: 2px outset gray;
		border-radius: 4px;
	}
}