#gruen { color: #668757; }
#hellgruen { color: #93b177; }

a { text-decoration: none; color: inherit; font-weight: bold; }
img { max-width: 100%; height: auto; display: block; }
h1,h2 { font-size: 1.2em; font-weight: bold; }
td { padding-right: 1em; }
td:last-child { padding-right: 0; }
.custom ul { padding-left: 0; }
.custom li { list-style-type: none; }
.custom li:before { content:"•"; padding-right: 0.5em; }

@font-face { font-family: "ProximaNova"; src:url(/files/rh/fonts/ProximaNovaCondensedRegular.otf) format("opentype"); font-weight: normal; }
@font-face { font-family: "ProximaNova"; src:url(/files/rh/fonts/ProximaNovaCondensedBold.otf) format("opentype"); font-weight: bold; }

html, body { height: 100%; }

body { font-family: ProximaNova; font-weight: normal; font-size: 100%; line-height: 1.4; color: #668757; color: #93b278; }

#wrapper { display: flex; position: relative; width: 100%; height: 100%; margin: 0 auto; }

.menu li { display: inline-block; padding-right: 1em; }
.menu li:last-child { padding-right: 0; }
#nebenmenu { #position: absolute; #bottom: 0; margin-top: 5em; }
#nebenmenu ul { padding-left: 0; }
#nebenmenu li a { font-weight: normal; }

#container { width: 20%; }
.custom { width: 80%; border-right: 2em solid; }
.custom .inside { padding-left: 1em; padding-top: 4em; #padding-right: 3px; border-right: 3px solid #fff; height: 100%; box-sizing: border-box; }

#main { height: 100%; }
#main .inside { padding: 2em 1em 0; height: 100%; box-sizing: border-box; }

#logo img { float: right; max-width: 40%; }
#mr-bild { clear: both; padding-top: 4em; }
#mr-bild img { border: 1px solid #668757; padding: 3px; max-width: 36%; }

.cc-revoke, .cc-window { font-size: inherit !important; }

.page-2 .custom { height: 100%; #background-image: url(/files/rh/grafiken/pattern2.png); background-image: url(/files/rh/grafiken/logo_bg.png), linear-gradient(to right, rgba(255, 255, 255, 0.2),  rgba(255, 255, 255, 0.2)), url(/files/rh/grafiken/background_bild.jpg); background-image: url(/files/rh/grafiken/background_bild.jpg); #background-color: #93b177; background-size: 14%, 100% 30%, cover; background-size: cover; background-position: 80% 80%, 75% 0, 0 0; background-position: 0 0; background-position: 100% 0; background-repeat: no-repeat; }

.page-2 #homelogo { position: absolute; width: 100%; bottom: 8em; padding: 2em 0; background: rgba( 255, 255, 255, 0.4); }
.page-2 #homelogo img { width: 12%; padding-left: 62%; position: relative; }

.page-2 #links { height: 100%; }
.page-2 .custom .inside { padding-left: 0; }
.page-2 .custom figure {  }

#navButton { position: fixed; top: 2em; left: 1em; color: #000; display: none; }

@media (max-width: 1000px) {
	body { font-size: 1.4vw; }
	#navButton { display: block; }
	#nebenmenu { display: none; }
	##nebenmenu li { display: block; line-height: 2; }
	.page-2 #homelogo img { width: 15%; padding-left: 62%; position: relative; }
}
@media (max-width: 900px) {
	body { font-size: 1.4vw; }
	.page-2 #homelogo img { width: 17%; padding-left: 62%; position: relative; }
}
@media (max-width: 800px) {
	body { font-size: 1.6vw; }
	.custom { width: 70%; border-right-width: 1em; }
	#container { width: 30%; }
	.page-2 #homelogo img { width: 19%; padding-left: 62%; position: relative; }
}
@media (max-width: 700px) {
	body { font-size: 2.4vw; }
	.page-2 #homelogo img { width: 22%; padding-left: 62%; position: relative; }
	.page-2 .custom { background-position: 75% 0; }
}