@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-bold-webfont.woff2') format('woff2'),
         url('../font/opensans-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../font/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-italic-webfont.woff2') format('woff2'),
         url('../font/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-regular-webfont.woff2') format('woff2'),
         url('../font/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* ------------------------------------- general / allgemein ----------------------------- */

html {
	overflow-y:scroll;
}

body {
	background: none repeat scroll 0 0 #e8f0e8;
	font-size: 18px;
	font-family: "Open Sans", Arial, sans-serif;
	color: #1a2b1a;
}

h1, h2, h3, h4, h5, h6 {
	color: #2e4b2e;
	font-weight: normal;
	line-height: 1.3;
	margin: 0.5rem 0;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.1rem;}
h6 { font-size: 0.9rem; }

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #4d7c4d;
	transition: color 0.20s linear 0s;
	-o-transition: color 0.20s linear 0s;
	-ms-transition: color 0.20s linear 0s;
	-moz-transition: color 0.20s linear 0s;
	-webkit-transition: color 0.20s linear 0s;
}

a:hover {
	color: #a0c1a0;
}

:target {
  display: block;
  position: relative;
  top: -120px; 
  visibility: hidden;
}

p, li, dl, blockquote, table, kbd {
	font-size: 1rem;
	line-height: 1.6;
}

hr {
	border: 0;
	border-top: 1px solid #b1d3b1;
	clear: both;
	height: 0;
	margin: 0.5rem auto;
}

/* ------------------------------------------- top nav styles-------------------------------------------*/

nav {	background: #2e4b2e; }

.top-nav ul ul { background-color: #2e4b2e; }
.top-nav li a { padding:0.5rem 1rem; color: #f6f9f6; }
.top-nav li ul li a { background-color:  #2e4b2e; }
.top-nav li a:hover, .aside-nav li a:hover { background-color: #a0c1a0; }
.top-nav .active-item a { background: #3b5f3b; }

@media screen and (max-width:768px) {
	.top-nav li a {	background: none repeat scroll 0 0 #263a26;	}
	.top-nav li a { color: #f6f9f6;}
	.top-nav li a:hover { background: none repeat scroll 0 0 #2e4b2e; color: #f6f9f6; 	}
	.top-nav li ul li a { background: none repeat scroll 0 0 #345834;	}
	.top-nav li ul li ul li a { background: none repeat scroll 0 0 #c0e2c0;	}
	.nav-text { color: #f6f9f6; }
}

/* ------------------------------------------- aside nav styles-------------------------------------------*/

.aside-nav-noresponsee ul {
	margin:0;
	padding:0;	
}

.aside-nav-noresponsee li {
	list-style-type:none;	
}

.aside-nav-noresponsee li a:link,
.aside-nav-noresponsee li a:visited {
	display:block;
	padding:0.3rem 0.5rem;
	background-color:#ecf3ec;
	color:#2e4b2e;
}

.aside-nav-noresponsee li ul li a:link {
	padding-left:2.5rem;
}

.aside-nav-noresponsee li a:hover,
.aside-nav-noresponsee li ul li.menu-current a {
	background-color:#d5e0d5;
	color:#4b6a4b;
}

/* -------------------------------------------- parts / Bereiche ---------------------------------- */

.headerpic img {
	display:block;
}

header .line,
section .line,
footer .line {
	background-color:#ffffff;
	padding:0 !important;
}

.logo {
	padding:2rem;
}

.wbcesuche {
	padding:0.5rem 1.5rem;
}

.wbcesuche input[type=text] {
	background-color:transparent;
	border:0;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
}

.wbcesuche input[type=submit] {
	font-family:sli;
	border:0;
	background-color:transparent;
	color:#ffffff;
}

::placeholder {color:#ffffff;}
:-ms-input-placeholder {color:#ffffff;}
::-ms-input-placeholder  {color:#ffffff;}

h1#contentstart {
	margin-top:-0.5rem;
}

.maincontent p, .maincontent li {
	padding-bottom:0.5em;
}

.maincontent li ul, .maincontent li ol {
	padding-top:0.5em;
}

.back-to-top {
	position:fixed;
	bottom:20px;
	right:20px;	
}

a.back-to-top, footer a:link, footer a:visited {
	border:0;
	padding:0 1em;
}

@media screen and (max-width:768px) {
	.wbcesuche {
		text-align:center;
	}
}

img.picfull {width:100%; height:auto;}

@media screen and (min-width:640px) {
	img.pic2left, img.pic3left, img.pic4left { margin: 0 1em 1em 0; height:auto; }
	img.pic2right, img.pic3right,  img.pic4right { margin: 0 0 1em 1em; height:auto; }
	img.pic2left {float:left; max-width:49%;}
	img.pic2right {float:right; max-width:49%; }
	img.pic3left {float:left; max-width:32%;}
	img.pic3right {float:right; max-width:32%;}
	img.pic4left {float:left; max-width:24%;}
	img.pic4right {float:right; max-width:24%; }
}

@media screen and (max-width:640px) {
	img.pic2left, img.pic3left, img.pic4left,
	img.pic2right, img.pic3right,  img.pic4right {
		margin: 1em 0;
		width:100%;
		float:none;
		height:auto;
	}
}