/* Allgemein */
body { margin: 0; font-family: sans-serif; padding: 0; }
@font-face{ font-style: normal; }

@media screen and (max-width : 880px){
body { font-size: 0.9em; }
}

/* Kopfteil */
.kopf { font-size: 1.2em; height: 110px; margin-right: auto; margin-left: auto; max-width: 1200px; min-width: 761px; padding: 20px 16px; }
.linie { width: 100%; }
.logo { float: left; text-align: right; }
.logo img { width: auto; height: 110px; margin-left: 15px; }
.kopf_mobil { visibility: hidden; height: 0; overflow: hidden; }
.hauptschrift { color: #A2573C; font-style: italic; font-size: 3em; font-weight: bold; }
.unterschrift { color: burlywood; font-style: italic; font-size: 0.8em; }

@media screen and (max-width : 1130px){
.kopf { font-size: 1.0em; }
}

@media screen and (max-width : 880px){
.kopf { font-size: 1.2em; }
.linie { visibility: hidden; height: 0; overflow: hidden; }
.kopf_mobil { text-align: center; visibility: visible; height: auto; overflow: visible; }
.kopf_mobil img { width: 120px; height: auto; }
.hauptschrift { font-size: 1.8em; }
.logo img { width: auto; height: 70px; }
}

/* Menü */
.menue { color: #215902; text-align: center; width: auto; padding-top: 81px; padding-left: 150px; }
.menue a:link { color: #215902; text-decoration: none; }
.menue a:visited { color: #215902; text-decoration: none; }
.menue a:hover { color: #215902; text-decoration:none; font-weight: bold; }
.menue a:active { color: #215902; text-decoration: none; font-weight: bold; }
.trenner { color: #215902; font-size: 1.2em; font-weight: 100; margin-right: 0px; margin-left: 10px; margin-right: 10px; }
.spacer { margin-right: 50px; margin-left: 40px; }

@media screen and (max-width : 1130px){
.menue { padding-top: 85px; }
.trenner { font-size: 1.2em; margin-right: 10px; margin-left: 10px; }
}

@media screen and (max-width : 880px){
.menue { visibility: hidden; width: 0 ; height: 0; overflow: hidden; margin: 0; padding: 0; }
.menuemobil { visibility: visible; height: auto; width: 100%; margin-top: 5px; }
/*Strip the ul of padding and list styling*/
#show-menu { width: auto; height: auto; }
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: static;
	display: none;
}

/*Create a horizontal list with spacing*/
nav li {
	display:inline-block;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
}

/*Style for menu links*/
nav li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: Corbel, sans-serif;
	font-size: 1.3em;
	color: #fff;
	background: #215902;
	text-decoration: none;
}

/*Hover state for top level links*/
nav li:hover a {
	background: #d9d9d9;
	color: #4E4B4A	
}

/*Style for dropdown links*/
nav li:hover ul a {
	background: #ce7a40;
	color: #d9d9d9;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
nav li:hover ul a:hover {
	background: #ce7a40;
	color: #d9d9d9;
}

/*Hide dropdown links until they are needed*/
nav li ul {
	display: none;
}

/*Make dropdown links vertical*/
nav li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
nav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
nav ul li a:hover + .submenu, .submenu:hover { display: block; }

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: Corbel, sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	color: #fff;
	background: #A2573C;
	text-align: center;
	padding: 15px 0;
	display: none;
}

/*Hide checkbox*/
nav input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #menu{
    display: block;
}

nav ul li, li a {
		width: 100%;
	}
.show-menu { margin-bottom: 1px; display:block; }
nav label { background-color: white; }
}

/* Hauptbild-Bereich */
.bildbereich { text-align: right; position: inherit; width: 100%; height: 420px; margin-bottom: 20px; border-style: none; }
.bild_hg_links { background-repeat: no-repeat; background-position: center 50%; background-size: 100% auto; width: 100%; height: 420px; max-width: 1200px; margin: 0 auto; padding: 0; border-style: none; }
.bild_hg_mitte { background-repeat: no-repeat; background-position: center 50%; background-size: 100% auto; width: 100%; height: 420px; max-width: 1200px; margin: 0 auto; padding: 0; border-style: none; }
.bild_hg1 { width: 100%; height: 60px; }
.bild_hg2 { width: 100%; height: 300px; }
.bild_hg3 { width: 100%; height: 60px; }
.orange { background-color: #ce7a40; width: 80px; height: 60px; }
.header { color: white; padding-right: 80px; text-align: left; font-size: 1.9em; line-height: 1.1em; text-decoration: bold; padding-top: 240px; }
.header_mobil { visibility: hidden; font-size: 0.1em; line-height: 0.1em; text-decoration: none; margin-top: 0px; padding-right: 0px; }

@media screen and (max-width : 760px){
.header { visibility: hidden; font-size: 0.1em; line-height: 0.1em; text-decoration: none; margin-top: 0px; padding-right: 0px; }
.header_mobil { visibility: visible; color: #9c9e9f; font-size: 1.7em; line-height: 1.4em; text-decoration: none; text-align: left; padding-right: 40px; }
.bildbereich { }
.bild_hg_links { background-position: 20% center; background-size: auto 100%; }
.bild_hg_mitte { background-position: 50% center; background-size: auto 100%; }
}

/* Mittelteil */
ul { list-style-type: square; }
.mitte:before, .mitte:after { content: ""; display: table; }
.mitte:after { clear: both; }
.mitte { color: #4E4B4A; font-size: 1.1em; clear: both; *zoom: 1; margin-right: auto; margin-left: auto; max-width: 1200px; min-width: 728px; padding-right: 16px; padding-left: 16px; }
.mitte a:link { color: #215902; text-decoration: none; }
.mitte a:visited { color: #215902; text-decoration: none; }
.mitte a:hover { color: #215902; text-decoration: underline; }
.mitte a:active { color: #215902; text-decoration: underline; }
.mitte_text { color: #4E4B4A; font-size: 1em; width:49%; height:auto; float:left; margin-top: 4px; margin-right: 14px; }
.mitte_re { color: #4E4B4A; text-align: left; width:49%; height:100%; float:left; margin-top: 4px; }
.mitte_re h2 { display:inline; font-size: 1.2em; font-weight: normal; text-align: left; margin: 0; }
.mitte_re h3 { display:inline; font-size: 1.1em; font-weight: normal; font-variant: small-caps; text-align: left; margin: 0; }
.mitte_re_mobil { visibility: hidden; height: 0; overflow: hidden; }
.trenner_adresse { color: #215902; font-size: 1em; font-weight: 100; margin-right: 5px; margin-left: 5px; }
.bildmitte { font-size: 0.7em; font-style: italic; }
.mitte_ganzeseite img {margin: 10px; }
.simple a:link { color: #4E4B4A; text-decoration: none; }
.simple a:visited { color: #4E4B4A; text-decoration: none; }
.simple a:hover { color: #4E4B4A; text-decoration: none; }
.simple a:active { color: #4E4B4A; text-decoration: none; }

@media screen and (max-width : 760px){
.mitte { min-width: 0; width: 98%; clear: both; padding-right: 0; padding-left: 0; }
.mitte_text { width:100%; clear: both; }
.mitte_re { width: 100%; clear: both; }
.mitte_re_mobil { visibility: visible; text-align: center; width: 100%; clear: both; height: auto; }
.mitte_re_mobil h2 { display:inline; font-size: 1.2em; font-weight: normal; text-align: right; margin: 0; }
.mitte_re_mobil h3 { display:inline; font-size: 1.1em; font-weight: normal; font-variant: small-caps; text-align: right; margin: 0; }
}

/* Fussteil */
.footer { color: #215902; font-size: 1em; text-align: center; width: 100%; height: 125px; margin-top: 25px; border-style: none; border-top: 1px solid #215902; }
.footer a:link { color: #215902; text-decoration: none; }
.footer a:visited { color: #215902; text-decoration: none; }
.footer a:hover { color: #215902; text-decoration: underline; }
.footer a:active { color: #215902; text-decoration: underline; }
.footer_reihe { max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 16px; padding-left: 16px; }
.footer_li { width:50%; height:auto; float:left; padding-top: 10px; padding-bottom: 30px; text-align: left; }
.footer_re { width:50%; height:auto; float:left; padding-top: 10px; padding-bottom: 30px; text-align: right; }

@media screen and (max-width : 760px){
.footer_reihe { max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; }
.footer_li { width:100%; text-align: center; padding-top: 15px; padding-bottom: 5px;}
.footer_re { width:100%; text-align: center; padding-top: 10px; padding-bottom: 15px;}
}