/* ---------------------------- basics ----------------------------- */

@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -mox-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

HTML {
height: 100%;
overflow-y: scroll;
}

a {
font-weight: bold;
color: #a1302d;
text-decoration: none;
margin: 0;
padding: 0;	
background-image: none;
}

a:hover {	
	color: #788374;     
}

a.e-mail {
	background-image: url(../grafiken/mail.gif);
	background-repeat: no-repeat;
	padding-left: 1.2em;
background-position: 0 0.05em;
}

a.pdf {
	background-image: url(../grafiken/pdf.gif);
	background-repeat: no-repeat;
	padding-left: 1.0em;
background-position: 0 0.05em;
}

a.nosign, a.nosign:hover {
background-image: none;
text-decoration: none;
margin: 0;
padding: 0;
color: #a1302d;
}

body {	
height: 100%;
		background: #dfdeca;
		background-image: url(../grafiken/hintergrund-1.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		background-attachment: fixed;
		margin: 0;
		padding: 0;	
		color: #063010;
}


html>body {
height: 99%;
}



@font-face {
    font-family: 'mulilight';
    src: url('muli-light_0-webfont.eot');
    src: url('muli-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('muli-light_0-webfont.woff2') format('woff2'),
         url('muli-light_0-webfont.woff') format('woff'),
         url('muli-light_0-webfont.ttf') format('truetype'),
         url('muli-light_0-webfont.svg#mulilight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* crimson-text-regular - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/crimson-text-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/crimson-text-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v19-latin-regular.svg#CrimsonText') format('svg'); /* Legacy iOS */
}
/* crimson-text-600 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/crimson-text-v19-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/crimson-text-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v19-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v19-latin-600.svg#CrimsonText') format('svg'); /* Legacy iOS */
}


h1 { 
		 font-family: 'mulilight', Arial, sans serif;
		 line-height: 1.5em;
        margin-bottom: .666666667em;  
	margin-right: .666666667em; 
    margin-top: 1em;
	margin-left: 0;	
		color: #107a29;		
	}
	
	h2 { 
		 font-family: 'mulilight', Arial, sans serif;
		 line-height: 1.5em;
    margin-bottom: 0;  
	margin-right: .666666667em; 
    margin-top: 1em;
	margin-left: 0;	
		color: #107a29;		
	}
	
	p, p.gross, ul  { font-family: 'Crimson Text', Georgia, Times new roman, serif;
		 line-height: 1.4em;
    margin-bottom: .666666667em;  
	margin-right: .666666667em; 
    margin-top: 1em;
	margin-left: 0;
	}
	
	.box2 p, ul, .box5 p {
	margin-top: 0;
	}  	
	
	ul {
		list-style-image: url(../grafiken/list_point.gif);
list-style-type: none; 
	}
	
	p.klein {
	font-family: 'Crimson Text', Georgia, Times new roman, serif;
		 line-height: 1.3em;
	margin: 0.1em 0.2em 0.1em 0;
	color: #788374;     
	}
	
	p.gross, .gross {
	font-weight: bold;
	color:  #107a29; 
	}
	
	/*
	.bold {
	font-family: 'Crimson Text', Georgia, Times new roman, serif, 600;
	}
	*/
	
	article, footer, header, menu, nav, section, .main, .box5 { 
    display:block;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}



footer, header {
	margin-top: 0;
	padding: 0;
	width: 100%;
	}
	
	header {
	margin: 2em auto 1em auto;	
	}
		
footer, header, #page, #page2 {	
	background-color: rgba(243,239,236,0.85); 		
	}
	
	header img {
		border: none;
	}
	
		.clear {
clear: both;
height: 0px;
font-size: 0px;
border: 0px none;
margin: 0;
padding: 0;
line-height: 0.0em;
}

.clearleft, p.clearleft { 
clear: left;
height: 0px;
font-size: 0px;
border: 0px none;
margin: 0;
padding: 0;
line-height: 0.0em;
}

img.left {
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;	
	width: auto;
	max-width: 95%;
}



/* ------------------------ 320px -------------------------------------------  */

@media all and (min-width: 180px) {
#wrapper {
width: 99%;
margin: 0;
padding: 0;
height: auto;
min-height: 99%;
}

#page, #page2 {
position: relative;
margin: 0;
padding: 0;
text-align: left;
}

header {
	width: 100%;
	display: block;
	margin-bottom: 3%;
}

header img.titel {
	float: left;
	margin-left: 4%;
	width: auto;
	max-width: 95%;
}

header img.siegel {
	display: none;
}

.box1, .box2, .box3, .box4, .box5 {	
	display: block;
	width: auto;
	margin: 0 2% 2% 4%;
	padding-top: 2%;
}

.box2 {	
	display: block;
	width: auto;
	margin: 0 2% 2% 4%;
border-top: #107a29 2px solid;
padding-top: 2%;
}

.box3 {
margin-bottom: 0;
}


h1 { 
    font-size: 1.7em; 
}

h2 { 
    font-size: 1.5em; 
}

p, ul {
	font-size: 1.4em; 
    line-height: 1.4em;
}

p.klein {
	font-size: 1.2em; 
    line-height: 1.3em;   
	}



footer {
	clear: both;
	display: block;
	width: 100%;
	margin: 1% auto 0 auto;
	padding: 0.25em 0;
}


	
	}
/* ------------------------ 320px ends -------------------------------------------  */




/* ----------------------------- 533px --------------------------------------*/
@media all and (min-width: 533px) {
	#wrapper {
	   width: 99%;
margin: 0 auto 0 auto;
padding: 0;
height: auto;
min-height: 99%;
}


body>#wrapper {
height: 99%;
}

#page, #page2 {
position: relative;
margin: 0;
padding: 0;
text-align: left;
}	

header {
	width: 100%;
	display: block;
	margin-bottom: 3%;
}

header img.titel {
	float: left;
	margin-left: 4%;
	width: auto;
	max-width: 75%;
}

header img.siegel {
	display: block;
	float: left;
	margin-left: 2%;
	margin-right: 1%;
	width: auto;
	max-width: 17%;
}


.box1, .box3, .box4, .box5 {	
	display: block;
	width: auto;
	margin: 0 2% 2% 4%;
}

.box2 {	
	display: block;
	width: auto;
	margin: 0 2% 2% 4%;
border-top: #107a29 2px solid;
padding-top: 10px;
}

.box3 {
	margin-bottom: 0;
}
	

	
	
h1 { 
    font-size: 1.7em; 
}

h2 { 
    font-size: 1.5em; }	
	

p, ul {
	font-size: 1.4em; 
    line-height: 1.4em;
}

p.klein {
	font-size: 1.2em; 
    line-height: 1.3em;   
	}

	
a.e-mail {
	background-image: url(../grafiken/mail.gif);
	background-repeat: no-repeat;
	padding-left: 1.1em;
background-position: 0 0em;
}
	
footer {
	clear: both;
	display: block;
	width: 100%;
	margin: 3% auto 0 auto;
	padding: 0.25em 0;
}


	}
/* ------------------------ 533px ends -------------------------------------------  */


/* ----------------------------- 768px --------------------------------------*/
@media all and (min-width: 768px) {

#wrapper {
width: 95%;
margin: 0 auto 0 auto;
padding: 0;
height: 99%;
min-height: 99%;
}


body>#wrapper {
height: 99%;
}

#page, #page2 {
position: relative;
margin: 0;
padding: 0;
text-align: left;
background-image: none;
}

header {
	width: 100%;
	display: block;
}

header img.titel {
	float: left;
	margin-left: 4%;
	width: auto;
	max-width: 75%;
}

header img.siegel {
	float: left;
	margin-left: 2%;
	margin-right: 1%;
	width: auto;
	max-width: 17%;
}


.box1, .box3 {	
	float: left;
	width: 60%;
	margin: 0 4% 2% 4%;
}

.box1 {	
border-right: #ccd28f 2px solid;
}

.box2, .box4 {	
	float: left;
	width: 29%;
	margin: 0 2% 2% 0%;
padding-top: 1.5em;
border: none;
}


.box3, .box4 {
padding-top: 0;
margin-bottom: 0;
}

 .box5 {	
	display: block;
	width: auto;
	margin: 0 2% 2% 4%;
}

.box4 p {
	margin-top: 0;
}

footer {
clear: both;
margin: 2% auto 0 auto;
padding: 0.25em 0;
width: 100%;
}


	
	
h1 { 
    font-size: 1.6em; 
}

h2 { 
    font-size: 1.4em; }	
	

p, ul {
	font-size: 1.3em; 
    line-height: 1.4em;
}

p.klein {
	font-size: 1.0em; 
    line-height: 1.3em;   
	}


}

/* --------------------------------- ab 768px ends ------------------------- */


/* ----------------------------------- ab 1.000px  ---------------------------------- */
@media all and (min-width: 1000px) {


#wrapper {
width: 989px;
margin: 0 auto 0 auto;
padding: 0;
height: 100%;
min-height: 100%;
}

body>#wrapper {
height: 100%;
}

#page, #page2 {
position: relative;
margin: 0;
padding: 0;
text-align: left;
background-color: rgba(243,239,236,0); 
background-image: url(../grafiken/hg-mitte.png);
background-repeat: repeat-y;
}


#page2 {
background-color: rgba(243,239,236,0.85); 
background-image: none;
background-repeat: repeat-y;
}

header {
	width: 990px;
	display: block;
}

header img.titel {
	float: left;
	margin-left: 4%;
	width: auto;
	max-width: 738px;
}

header img.siegel {
	float: right;
	margin-right: 2%;
	width: auto;
	max-width: 171px;
}

.box1, .box3 {	
	float: left;
	width: 58%;
	margin: 0 4% 2% 4%;
	border: none;
}

.box2, .box4 {	
	float: left;
	width: 30%;
	margin: 0 1% 2% 2%;
}

.box3, .box4 {
	margin-top: 0.3em;
	margin-bottom: 0%;
}


footer {
clear: both;
margin: 2% auto 0 auto;
padding: 0.25em 0;
width: 989px;	
}


h1 { 
    font-size: 1.7em;
	 
}

h2 { 
    font-size: 1.5em; }	
	
p.klein {
	font-size: 1.1em;   
	}

p, ul {
	font-size: 1.4em; 
}

	


}

/* --------------------------------- 1024px ends ------------------------- */