.ru {
	display: none;
	position: absolute;
	left: 1vw;
	top: -3.8vh;
	font-size: 5vh !important;
}

.ua {
	position: absolute;
	left: 1.2vw;
	top: -5vh;
	font-size: 6vh !important;
}



.aktiv .ru,
#kategorie :hover .ru {
	display: unset;
}

.aktiv .ua,
#kategorie :hover .ua {
	display: none;
}

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;
}

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;
}

section {
	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#kategorie {
	display: inline-block;
	padding: 1vh;
	background-color: #fff;
	max-width: 25%;
	min-width: 25%;
	min-height: 100%;
	margin-top: 1%;
	margin-left: 0;
	margin-bottom: 1%;
	border-right: 2px outset gray;
	border-bottom: 2px outset gray;
	border-radius: 4px;
	vertical-align: top;
}

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

#inhalt img {
	max-width: 100%;
	/*min-width: 100%;*/
}

#inhalt p {
	margin: 1vh;
	text-align: left;
}

footer {
	text-align: center;
	vertical-align: text-top;
	background-color: #731842;
	color: #fff;
	max-height: 5vh;
	min-height: 5vh;
	font-size: 2vh;
}

#logo2 {
	display: none;
}

#kategorie a {
	padding: 1vh;
	display: block;
}

#kategorie>div:hover,
#kategorie>div li:hover a,
h3 {
	background-color: #731842;
	color: #fff;
}

#kategorie .aktiv,
#kategorie li.aktiv a {
	background-color: #731842;
	color: #fff;
}

#kategorie>.aktiv>div {
	display: block;
}


#kategorie>div:hover>div {
	display: block;
}

#kategorie>div {
	margin-top: 1vh;
	padding-top: 1vh;
	border: 1px solid #731842;
}

#kategorie>div>div {
	background-color: #fff;
	color: #000;
	display: none;
	padding: 0;
	margin-top: 1vh;
}

#kategorie>div>div * {
	padding: 0;
	margin: 0;
	padding-top: 0.5vh;
}

ul,
li {
	display: block;
	list-style-type: none;
}

.warn {
	border: 1px solid #731842;
	background-color: #ffefea;
	padding: 2vw;
}

hr {
	border: none;
	border-top: 1px solid #731842;

}

ul {
	padding: 0;
}

li {
	margin-top: 1vh;
}

@media (orientation: portrait) {

	#logo2 {
		display: unset;
	}

	#logo {
		display: none;
	}


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

	section>div>div#kategorie {
		display: none;
	}

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