#top-container {
	min-height: 306px;
}

#nav-container-de,
#nav-container-en {
	min-width: 130px;
}

BODY {
	margin-top: 0 px;
	margin-left: 0 px;
	margin-right: 0 px;
	background-color: #ccff66;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}
.main-content {
  background-color: #FFFFFF;
}
.fett {
	font-weight: bolder;
}
.Header1 {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	line-height: 22px;
}
.Header2 {
	font-size: 17px;
	font-weight: bold;
	color: #669933;
	line-height: 22px;
}
.Header3 {
	font-size: 25px;
	font-weight: bolder;
	color: #FF0000;
	line-height: 35px;
	text-decoration: blink;
}
.link {
	font-weight: bolder;
	text-decoration: none;
	color: #000000;
}
.link:hover {
	color: #ff0000;
}
.linktext {
	color: #669933;
	font-weight: bold;
}
.linktext:hover {
	color: #FF0000;
	font-weight: bold;
}
.nav-lang-switch {
  background-color: #3399FF;
}
.nav-item {
	background-color: #669933;
}
.nav-item.active {
	background-color: #FF0000 !important;
	font-weight: 900;
}
.nav-item.active:hover {
	color: #000000;
}

.hamburger {
	display: none;
}

@media only screen and (max-width: 1023px) {
	body {
		background: none;
	}
	table {
		width: 100%;
	}
	td {
		font-size: 2rem;
		line-height: 3rem;
	}
	.Header2 {
		font-size: 3rem;
		line-height: 4rem;
	}
	.hamburger {
		display: inline-block;
	}
	#top-img {
		width: 100%;
		height: auto;
	}
	#sidebar {
		position: relative;
		left: -200px;
		width: 100%;
		display: none;
		transition: left 800ms;
		transition-delay: 50ms;
	}
	#sidebar.visible {
		display: block;
		left: 0;
	}
	#lang-flag {
		height: 2rem;
		translate: 0 5px;
		margin-right: 5px;
	}
}