@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 #f6f6f6;
	font-size: 18px;
	font-family: "Open Sans", Arial, sans-serif;
	color: #444;
}


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

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.3rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1.1rem;}
h6 { font-size: 0.9rem; }

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #17531e;
	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: #90AAC0;
}
.m-wysiwyg a {text-decoration: underline;}


p, li, dl, blockquote, table, kbd {
	font-size: .9rem;
	line-height: 1.6;
}
p {/*padding: 5px 0;*/}

hr {
	border: 0;
	border-top: 1px solid #e5e5e5;
	clear: both;
	height: 0;
	margin: 0.5rem auto;
}
aside ul {list-style: none;}


/* ----------------------------------------- nav ----------------------------------------------- */
.aside-nav ul {
	background: #fff;
	padding: 0;
}

.aside-nav li {
	list-style: none outside none;
	cursor: pointer;
	border-top : 1px solid #e5e5e5;
}
.aside-nav li li {
	border-top: none;
}	

.aside-nav li a,
.aside-nav li a:link,
.aside-nav li a:visited {
	color: #444;
	display: block;
	font-size: 1rem;
	padding: 1.25rem;
}

.aside-nav>ul>li:last-child a {
	border-bottom: 0 none;
}

.aside-nav li>ul {
	height: 0;
	display: block;
	position: relative;
	/*background: #f4f4f4;*/
	/*border-left: solid 1px #f2f2f2;*/
	/*border-right: solid 1px #f2f2f2;*/
	overflow: hidden;
}

.aside-nav li ul ul {
	border: 0;
	background: #fff;
}

.aside-nav ul ul a {
	padding: 0.625rem 1.25rem;
}

.aside-nav li a:link,
.aside-nav li a:visited {
	color: #333;
	transition:0.5s all;
}

.aside-nav li a:hover {
	color: #98c400;
	background: url(../img/frog_over.gif) no-repeat left top 3px;
	/*background: #2b4c61 !important;*/
	transition:0.5s all;
}

.aside-nav ul li.active-item>a:link,
.aside-nav ul li.active-item>a:visited {
	background: url(../img/frog_over.gif) no-repeat left top 3px;
	/*background: #2b4c61;*/
	color: #adce2a;
}

.aside-nav li a, 
.aside-nav li a:link, 
.aside-nav li a:visited {
	padding-top: 3px;	padding-bottom: 4px;	padding-left: 40px; font-weight: bold;	
}

.aside-nav li a {
	background: url(../img/frog.gif) no-repeat left top 3px;
}

.aside-nav li li a:link, 
.aside-nav li li a:visited{
	padding-top: 2px;	padding-bottom: 2px; padding-left: 40px;
	font-size: .9rem; font-weight: normal;
}
.aside-nav li li.active-item>a:link,
.aside-nav li li.active-item>a:visited {
	background: none;
}

.aside-nav li li li a:link,
.aside-nav li li li a:visited {
	padding-left:3rem;
}

@media screen and (max-width:480px) {
	.aside-nav li li a:link, 
	.aside-nav li li a:visited,
	.aside-nav li li li a:link,
	.aside-nav li li li a:visited {
		padding-left:40px;
	}
	
}

/* ------------------------------------ parts ---------------------------------------------------- */
header .line,
section .line,
footer .line {
	background-color:#fff;
	padding:0 !important;
}

.headerpic img {
	display:block;
}

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

.maincontent li ul, .maincontent li ol {
	padding-top:0.5em;
}
/*
.maincontent.page-id-1 article {
	padding-bottom: 950px;
	background: url(../img/hintergrund-startseite1.jpg) no-repeat;	
	background-size: cover;
	background-position: bottom;
	border: 0px solid red;
}
*/
.maincontent.page-id-1 .content-start {
	width: 100%; padding: 20px 5% 0px 5%;
	/*border: 2px solid #17531e;*/	
	/*background: #fff;*/
}


.logo {
	padding:2rem;
}


.wbcesuche {
	width:100%;
	margin-bottom: 10px;
	/*margin:0.5rem auto;*/
	border: 2px solid #17531e;
}

.wbcesuche input[type=text] {
	background-color:transparent;
	border:0;
	/*border-bottom:1px solid #5588a3;*/
	color:#2b4c61;
	width:80%;
	padding-bottom: 8px;
}

.wbcesuche input[type=submit] {
	font-family:sli;
	border:0;
	background-color:transparent;
	color:#2b4c61;
	width:16%;
}


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



.back-to-top {
	position:fixed;	bottom: 20px; right: -30px;
	font-size: 48px;	
}


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


/* --------------------------- pics ------------------------------------ */
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; }
}


.terminbox {margin-top: 0px; padding: 10px 5%; background: rgba(229, 244, 169, 1.0);}
#wb_14 p {padding: 0;}

/* ------ Footer ------ */
.footer-container {width:100%; }
.footer {margin: 0 auto; max-width: 1280px; width: 100%;  min-height: 150px; padding: 20px 0;  color: #5d6261;font-size: 18px;  font-weight: 300; background-color: rgba(229, 244, 169, 1.0); }
.footerbox {float:left; width: 22%; min-height: 190px; padding: 0px 5%; border-right: 1px solid #e5e5e5;}
.footerbox.col2 {width: 25%;}
.footerbox.col3 {width: 35%;}
.footerbox.col4 {width: 15%; border-right: none;}
.footerbox hr {display: none;}
.footer ul {margin-bottom: 0px; padding-left: 0;}
.footer li { list-style: none; padding: 0;}
.footer a {padding: 0; color: #5d6261;text-decoration: none; line-height: 30px;}
.footer a:hover{	text-decoration: underline;}
.footer p {padding-bottom: 10px;}

.clearer {clear: both;}

@media screen and (max-width: 830px) {
	div {border: 0px solid yellow;}
	
	.footerbox,
	.footerbox.col1, 
	.footerbox.col2, 
	.footerbox.col3, 
	.footerbox.col4 {float: none; width: 90%;  min-height: 0px; border-right: none;}
	.footerbox {padding-bottom: 0; padding-left: 5%; padding-right: 5%;}
	.footerbox.col4 {padding-bottom: 20px;}
	.footerbox hr {display: block;}
}

.copyright-container {width:100%;}
.copyright-box {margin: 0 auto; max-width: 1280px; width: 100%;  padding: 5px 0 10px 0; font-size: 16px; line-height: 30px; color: #fff; text-align: center;  background-color:#17531e;}


/* Ticker */
.marquee-wrapper {width: 100%; padding-bottom: 20px;}
.marquee {
	width: 90%;
	font-size: 20px;
	color: #bc1c22;
	font-weight: bold;
	letter-spacing: 2px;
}
.marquee a {color: #bc1c22; text-decoration: underline;}

.marquee, .marquee-wrapper a.button-stop, .marquee-wrapper a.button-start {float: left;}
.marquee-wrapper a.button-stop, 
.marquee-wrapper a.button-start {
	padding: 4px 0 0 10px;
	font-family: fontello;
	font-size: 14px;
  color: #bc1c22;
}