@font-face {
  font-family: 'awesome';
  src: url('/static/webfont/fa-regular-400.ttf')
  format("truetype"); 
}

body,p,ul,li,ol,table,tr,td,h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}

img{
	border:0;
	outline:0;
}

.clear{
	clear:both;
	display:block;
	height:0px !important;
	line-height:0 !important;
	margin:0;
	padding:0;
}

#EinleitungRechts .clear{
	display:none;
}
 
/*-------Typografie-------*/

/*Allgemein*/


#page{
	font-family:"museo-sans", Helvetica, Arial, sans-serif;
	font-weight:100;
}

h1{
	font-family:"museo-sans", Helvetica, sans-serif;
	font-weight:100;
	font-size:4em;
	text-align:center;
	line-height:100%;
	color:#00497D;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom:1px solid #4D4D4D;
}
		
/*#page h1 i{
	font-style:normal;
	background-color:white;
}*/

#page h2{
	font-weight:100;
	font-size:1.7em;
	line-height:130%;
	color:#00497D;
	margin:0 0 10px 0;	
}

#SpalteGesamt h2{
	text-align:center;
	
}

#page #SpalteLinks h2{
	width:650px;
/*	padding-top:10px;*/
}
	
#page #SpalteLinks #meldungen h2{
	width:400px;
	font-weight:600;
}	
#page #SpalteLinks #meldungen h3{
	font-weight:600;
}		
	
#page #SpalteRechts h2{
		font-weight:100;
		font-size:1.7em;
		line-height:130%;
		color:#00497D;
		padding:0 0 0 12px;
	}

#page #EinleitungRechts h2,#page #EinleitungRechts h3{
	 padding:0px 0 0px 12px;
}

#page h3:first-child{
	margin:0px 0 10px 0;
}

#page #SpalteLinks h3{
	font-weight:100;
	font-size:1.2em;
	line-height:130%;
	color:#4D4D4D;
	margin:30px 0 10px 0;
	padding:0 0 0 0px;
}

#page h3{
		font-weight:100;
		font-size:1.2em;
		line-height:130%;
		color:#4D4D4D;
		margin:30px 0 10px 0;
	/*	padding:0 0 0 10px;*/
	}	


#page #SpalteLinks #meldungen h3,
#page #SpalteLinks #meldungen h3 b{
	font-weight:bold;
	color:#00497D;
	}

#page #SpalteLinks #meldungen h2,
#page #SpalteLinks #meldungen h2 b{
	font-weight:bold;
	color:#00497D;
	}

#page #SpalteRechts h3{
	margin-left:10px;
}
#page p{
		font-weight:300;
		font-size:1em;
		line-height:140%;
		color:#4D4D4D;
		padding:0;
		padding-bottom:20px;
		
}

#page p.einleitung{
	font-weight:600;
}

#page p strong{
		font-weight:600;
}

.widecolumn{
    width:100%;
}


#page #SpalteRechts .contenttext p:after,
#page #SpalteRechts .contentbild p:after{
	color:green;
	font-size:17px;
	content: " ■";
}

#page #SpalteRechts p{
	margin-bottom:15px;
}

#content ul{
	list-style-image:url('../img/punkt_aufzaehlung.png');
	color: #4D4D4D;
    font-size: 1em;
    font-weight: 300;
    line-height: 140%;
}

#page p.einleitung{
		font-weight:600;
		font-size:1.1em;
		line-height:170%;
		color:#4D4D4D;
		padding:0;
}

#page #SpalteLinks p.einleitung{
		font-weight:100;
		font-size:1.1em;
		line-height:170%;
		color:#4D4D4D;
		padding:0;
	/*	margin:0px 0 20px 0;*/
		width:650px;
}	

#page #SpalteLinks p.initial::first-letter{
	font-family:"museo-sans", Helvetica, sans-serif;
	float: left;
	font-size: 4.3em;
	margin: 5px 10px 5px 0;
	font-weight:normal;
	color:#00497D;
}

#page #SpalteLinks p.initial::first-letter{
	font-size: 4em\9;
	margin: 13px 10px 5px 0\9;
}

#page #SpalteLinks p.initial{
	margin-top:20px;
}

#page #SpalteLinks .Quelle{
	font-weight:100;
	font-size:0.8em;
	line-height:130%;
	color:#4D4D4D;
	padding:0;
	margin-top:10px;
}
#page .contentbild .bu p{
	float:left;
	font-weight:300;
	font-size:.8em;
	line-height:160%;
	color:#00497D;
	width:110px;
	padding:0 0 0 15px;
	margin-top:20px;

}

#page #EinleitungMitte .contentbild .bu p{
	margin-top:0px;
}

#page #EinleitungMitte .contentbild{
	display:flex;
}

#page .contentbild .bu p::first-letter{
	background: url('../img/punkt.png') no-repeat 0px 4px;
	padding-left:15px;
}

li, td{
		font-size:1em;
		color:#4D4D4D;
		margin: 0 0 10px;
	}
	
	p.artur{
		margin:0;
		font-size:9px;
		font-family:Helvetica, sans-serif;
		color:white;
	}

	p.artur a{
		text-decoration:none;
		color:white;
	}
	
	
	

/*SpalteEinleitung*/


#EinleitungLinks p{
		font-weight:100;
		font-size:1.1em;
		line-height:170%;
		color:#4D4D4D;
		padding:0;
		margin:0 0 10px 0;
} 

#EinleitungRechts p{
		font-weight:100;
		border-bottom:1px solid #4D4D4D;
		padding:10px 0 14px 12px;
		font-size:17px;
}

#EinleitungRechts #rss p{
	border:0;
	padding:0px 0 0px 12px;
}

#EinleitungRechts #rss p.date{
	border-top:1px solid #4D4D4D;
	padding:10px 0 5px 12px;
	font-size:.8em;
}

#EinleitungRechts #rss p.right{
	text-align:right;
	font-size:.8em;
	padding:4px 0 10px 12px;
}

#EinleitungRechts p:first-child{
		padding:10px 0 14px 12px;
		border-top:1px solid #4D4D4D;
}

#EinleitungRechts #topnews h2{
	font-size:1.1em;
	margin-top:0;
}


#EinleitungRechts #topnews h3{
	font-size:0.9em;
	margin-top:0;
}

#EinleitungRechts #topnews h2 b{
	font-weight:100;
	color:green;
}

#EinleitungRechts #topnews h3 b{
	font-weight:100;
}


@media screen and (max-width:1300px) and (min-width:1040px){
    .art_pressemeldung .text{
        width:60% !important;
    }

    .art_pressemeldung .bilderspalte{
        width:40% !important;
    }
}



/*Menu*/
	.menu ul li a:link,
	.menu ul li a:visited,
	.menu ul li a:active{
		font-weight:300;
		color: #4D4D4D;
		text-decoration:none;
		display:block;
		float:none;
		line-height:16px;
		padding: 0 0 8px 0;
	}
	
	.menu ul li span{
		font-weight:300;
		color: #4D4D4D;
		text-decoration:none;
		display:block;
		float:none;
		line-height:16px;
		padding: 0 0 8px 0;
	}
	
	.menu ul li a:hover{
		text-decoration:underline;
	}
	
	.menu ul li ul li a, 
	.menu ul li ul li a:link, 
	.menu ul li ul li a:visited{
		color:#4D4D4D;
		background-color:none;
		width:130px;
		padding:5px 20px 5px 20px;
		display:block;	
	}

	
	
/*Menü Footer*/

#menuFooter.menu ul li a:link, #menuFooter.menu ul li a:visited,#menuFooter.menu ul li a:active{
	color: white;	
		font-weight:100;
		font-size:1em;
		line-height:100%;
}



/*Verlinkung*/
	#content a:link, #content a:visited{
		color:#006c30;
		text-decoration:none;
		}
	
	#content a:hover{
		color:green;
		text-decoration:underline;
	}
	
/*Unordert list allgemein*/
	#content ul{
		margin:0 0 0 25px;
		font-size:1em;
		}

/*Ordert list allgemein*/
	#content ol{
		margin:20px 0 20px 20px;
		font-size:1em;
		}



/*-------Struktur-------*/

html, body {
	height: 100%;
}

.wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -16px; /* the bottom margin is the negative value of the footer's height */
}

body{
	background-color:white;
}

#page{
	padding:0px 20px;
	margin:0 auto 0 auto;
	width:1000px;
}

#logo{
	width:276px;
	border-left:1px solid #4D4D4D;
	float:right;
	padding:0 0 15px 23px;
	padding-top:15px;
}

/* Hauptmenü horizontal*/

#menuMain{
	height:22px;
	width:100%;
	border-top:1px solid #4D4D4D;
	border-bottom:1px solid #4D4D4D;
	padding: 4px 0px 4px 0px;
	margin:0 0 10px 0;
}

#menuMain ul {text-align: justify}
#menuMain ul::after {width: 100%; display: inline-block; content: "."; visibility: hidden}
#menuMain ul li {display: inline-block}



#menuMain li:last-child{
	padding:0;
	margin:0;
}

/* Der ie 7 braucht ein float left für die Listitems. */
*+html #menuMain li { 
    float:left;
}


#menuMain ul{
	list-style-type:none; 
	width:1000px;
}

#menuMain li{
	padding: 0;
	margin-right:0px;
}


#menuMain ul li ul{
	position:absolute;
	display:none;
	border:0;
	width:170px;
	padding:10px 0 0 0;
	background-color:white;
	border-bottom:1px solid #4D4D4D;
	border-right:1px solid #4D4D4D;
	border-left:1px solid #4D4D4D;
}

#menuMain ul li:hover ul, div#menuMain ul li.over ul{
	display:block;

}

/*Untermneü vertical*/
#menuMain ul li ul li{
	float:none;	
	margin:0;
}

#menuMainResponsiveIcon{
	display:none;
}

#menuMainResponsive{
	display:none;
}

/*mood*/
#mood{
/*background: url('../img/mood.jpg') no-repeat;
height:200px;*/
}

/*Content*/
#content{
	background-color:white;
	display:inline-block;/*für IE7: anzeige von weißem Hintergrund von Content*/
}

#SpalteGesamt{
	margin:25px 0 40px 0px;
}

#SpalteGesamt .contenttext{
	margin:15px 0 0;
}

#SpalteEinleitung{
		margin:0px 0 40px 0;
}

#EinleitungGesamt{
	width:100%;
}

#EinleitungLinksMitteRechts{
	display:flex;
	justify-content:space-between;
	padding:0;
}
#EinleitungLinks{
	width:32%;
	flex-grow: 1;
	padding:0;
}

#EinleitungMitte{
	width:32%;
	flex-grow:0;
	padding-left:30px;
}

#EinleitungMitte img{
	max-width:190px;
	height:auto;
	margin-bottom:10px;
}

#EinleitungRechts{
	flex-grow:0;
	width:29%;
	padding:0;
	border-left:1px solid #4D4D4D;
	margin-left:30px;
}

#SpalteLinks{
	float:left;
	width:68%;
	padding:0;
}

#SpalteLinks div.contentbild{
	width:700px;
	margin-bottom:20px;
}

#SpalteLinks div.contentbild img{
	position:relative;
	float:left;
	width:542px;
	margin-top:20px;
	height:auto;
/*	margin:0 0 30px 0;*/

}

#SpalteLinks .contenttext{
	float:left;
	padding-right:250px;
	width:650px;
	margin-bottom: 20px;
}

#SpalteRechts{
	float:right;
	width:29%;
	border-left: 1px solid #4D4D4D;
	padding:0px 0 0px 0;
}

#SpalteRechts p{
	padding:0px 0 0px 12px;
}

#SpalteRechts .contentbild{
	padding:0 0 10px 0;
}

#SpalteRechts .linie{
	padding:0 0 10px 0;
	border-bottom:3px solid red;
	margin:0 0 10px 0;
}


#footer {
	margin:50px 0 0 0;
	position:relative;
	border-top:1px solid #4D4D4D;
	padding-top:30px;
}


/*Footer*/
#menuFooter{
	text-align:center;
	height:20px;
}

div#menuFooter.horizontal ul{
	background-color:#00497D;
	list-style-type:none; 
	width:auto;
	margin:0 auto 0 auto;
	display: inline-block;
	padding:4px 0 3px 10px;
}

div#menuFooter.horizontal li{
	display:inline-block;
	padding:0 10px 0 0;
}

/*Footer Portalseite*/

#menuFooter.menu ul li #portal a:link, #menuFooter.menu ul li #portal a:visited,#menuFooter.menu ul li #portal a:active{
	color: white;	
		font-weight:100;
		font-size:1em;
		line-height:100%;
}
#menuFooter #portal{
	text-align:center;
	height:20px;
	color: white;	
}

div#menuFooter.horizontal #portal ul{
	background-color:#00497D;
	list-style-type:none; 
	width:auto;
	margin:0 auto 0 auto;
	display: inline-block;
	padding:4px 0 3px 10px;
}

div#menuFooter.horizontal #portal li{
	float:left;
	padding:0 10px 0 0;
}

/* artur Branding */

#branding{
	height:10px;
	background-color:#a6a6a6;
	text-align:right;
	padding:4px 12px 4px;
	margin-top: 19px;
}

#branding img{
	float:left;
	margin:0;
}

/*------Plugins, Sonderseiten------*/

/*Akkordeon*/

#SpalteLinks div.akkordeon h3.aktiv{
	background:  url('/static/img/h3_auf.png') no-repeat;
	background-position:0px 11px;
	padding-left:12px;
}

#SpalteLinks div.akkordeon h3{
	background:  url('/static/img/h3_zu.png') no-repeat;
	background-position:0px 11px;
	cursor:pointer;
	padding-left:12px;
}

#SpalteLinks div.akkordeon p{
	margin:0 0 15px 47px;
}

#SpalteLinks div.akkordeon h4{
	margin-left:47px;
}


/* Pressemeldungen */

#meldungen{
	list-style:none;
}

ul#meldungen{
	margin:0;
}

#meldungen li{
	display:block;
	margin-bottom:50px;
	padding:10px 0;
}

#meldungen li a.herunterladen{
	display:block;
	padding:3px 5px;
	border-top:1px solid #4D4D4D;
	border-bottom:1px solid #4D4D4D;
	margin-top:20px;
}
#meldungen li div{
	float:left;	
	margin:0;
	width:250px;
}

#meldungen li div img{
	float:none;
}

#meldungen li div.text{
	float:right;	
	width:400px;
	margin:0;
}

#meldungen li a.lightbox{
	float:none;
	display:block;
	margin:8px 20px 0 0;
	max-width:190px;
}
#meldungen li p.caption{
	margin-bottom:1em;
	font-size:0.8em;
	margin:0;
	display:block;
	float:none;
	width:200px;
}

#meldungen li p.caption:before{
	content: " ■ ";
	color: green;
	font-size:17px;
}

#content ul.auswahl li{
	cursor:pointer;
	list-style-type:none;
}

#content ul.auswahl li:before {
     /* For a square bullet */
	color: green;
	font-size:17px;
}

#content ul.auswahl li:hover{
	text-decoration:none;
}

#content ul.auswahl li.aktiv{
	color:green;
}

#content div.text p.initial::first-letter{
	font-family:Georgia;
	float: left;
	font-size: 4.3em;
	margin: 5px 10px 5px 0;
}

#content div.text p.initial::first-letter{
	font-size: 4em\9;
	margin: 13px 10px 5px 0\9;
}

#content div.text p.einleitung{
	font-size: 0.8em;
	/*text-align:right;*/
}

#SpalteRechts ul.auswahl{
		font-weight:100;
		border-bottom:1px solid #4D4D4D;
		padding:21px 0 22px 21px;
		font-size:1em;
		margin:0;
}

#SpalteRechts  ul.auswahl#selektorart{
		padding:21px 0 22px 21px;
		border-top:1px solid #4D4D4D;
}



#meldungen p.meldungsHeader {
	display:flex;
	justify-content: space-between;
}

#meldungen span{
	font-size: 10px;
	display:inline-block;
}

#meldungen span.datum{
	font-size:12px;
}

#meldungen p.dl{
	float:none;
	font-size:0.8em;
}

.editmode .contenbild,
.editmode .contenttext{
	float:none !important;
}

#content #SpalteLinks .BildMitZitat{
	display:flex;
	align-items:flex-start;
	margin:10px 0 30px;
}

#content #SpalteLinks .BildMitZitat:nth-of-type(odd){
	flex-direction:row-reverse;
}

#content #SpalteLinks .BildMitZitat img{
	width:230px;
	height:auto;
	margin-right:20px;
	margin-top:8px;
	flex-shrink:0;
}

#content #SpalteLinks .BildMitZitat .bu{
	width:450px;
}

#content #SpalteLinks .BildMitZitat .bu p{
	float:none;
	font-weight: 100;
	font-size: 1.1em !important;
	line-height: 170%;
	color: #4D4D4D;
	padding: 0 50px 0 0;
	margin: 0px 0 10px 0;
	width:100%;
	box-sizing:border-box;
}

#content #SpalteLinks .BildMitZitat:nth-of-type(odd) img{
	margin-right:50px;
	margin-left:20px;
}

#content #SpalteLinks .BildMitZitat:nth-of-type(odd) .bu p{
	text-align:right;
	padding-right:0;
}

#content #SpalteLinks .BildMitZitat .bu p::first-letter{
	background: none;
	padding-left:0px;
}

/* Download-Element */

div.download{
	width:100%;
	display:flex;
}

div.download .downloadicon{
				display:block;
				width:72px;
				height:80px;
				margin-right:10px;
				margin-left:10px;
				background:url("/static/img/pdf_icon.svg") no-repeat;
				background-size: contain;
			}
div.download .bu{
				padding-bottom: 4px;
			}
#page .download .bu a p{
	color:inherit;
}

.kontakt #SpalteEinleitung {
	margin: 0px 0 30px 0;
}

.kontakt #EinleitungLinks {
	float: left;
	width: 700px;
	padding: 0 0px 0 0;
}

.kontakt #EinleitungLinks img{
	width: 542px;
	height:auto;
	float: left;
}

.kontakt #EinleitungLinks .bu p{
	margin-top:0;
}

.kontakt #EinleitungMitte {
	display:none;
}

/* Teilen Element */
div.shariff{
	margin: 0 0px 20px 6px;
}

.whitepaper{
	padding:20px;
	width:calc(100% - 40px);
	box-sizing:border-box;
	border:1px solid #4D4D4D;
	margin-bottom:20px;
}

.whitepaper h3{
	margin-top:0 !important;
}

.button{
	display:table;
	padding:10px 20px;
	background-color:#006c30;
	color:white;
	font-weight:100;
	font-size:20px;
	font-family:"museo-sans", Helvetica, Arial, sans-serif;
	cursor:pointer;
	border:none;
}

.button.disabled{
	opacity:0.4;
	cursor:default;
}

.button.disabled:hover{
	background-color:#006c30;
}

.button:hover{
	background-color:#00497D;
}

.downloadlinkAnfrage{
	margin-top:20px;
	border-top:1px solid #4D4D4D;
	padding-top:20px;
	display:none;
}

.downloadlinkAnfrage.open{
	display:block;
}

#content label{
	color:#006c30;
	font-weight:500;
	display:block;
	margin-bottom:5px;
}

#content input:not(.button){
	border:.5px solid #aaa;
	padding: 10px;
	font-size: 16px;
	font-family: "museo-sans", Helvetica, Arial, sans-serif;
	margin-bottom:15px;
}

#content textarea{
	width:100%;
	border:.5px solid #aaa;
	font-size: 16px;
	font-family: "museo-sans", Helvetica, Arial, sans-serif;
	padding: 10px;
	height:200px;
}



body.download #content{
	border-top:1px solid #4D4D4D;
	padding-top:20px;
}

body.download .contenttext{
	border:1px solid #4D4D4D;
	padding:30px;
}

body.download h1{
	border:none !important;
}

#page .whitepaper .downloadlinkAnfrage p{
	margin-bottom:0;
	padding-bottom:0;
}

.newsletter_abo{
	display:flex;
	margin:5px 0 15px;
}

#content .newsletter_abo label{
	margin-left:7px;
	font-size:14px;
	color:#4D4D4D;
	max-width: 500px;
}

.editmode #SpalteLinks .contenttext{
	padding-right:0;
}


/* Kontaktbutton */

#kontaktpanel{
	position:fixed;
	right:-55px;
	z-index:1000;
	top:30%;
	padding:5px 5px 0 5px;
	border-radius:5px;
	background-color:white;
	opacity:.9;
	transition:200ms;
}

.show #kontaktpanel{
	right:10px;
}

.feldwrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.feld{
	width:100%;
	box-sizing:border-box;
	position:relative;
}

.feld.width-50{
	width:calc(50% - 20px);
}

form .sperrflaeche {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	z-index:100;
}

.fehlermeldung{
	display:none;
	margin-top:-10px;
	margin-bottom:30px;
	color:#c10000;
}

.textarea .fehlermeldung{
	margin-top:-25px;
}

.fehler .fehlermeldung{
	display:block;
}

.g-recaptcha{
	margin-bottom:35px;
	margin-top:15px;
}

input[type=text],
input[type=email],
textarea{
	width:100%;
	box-sizing:border-box;
}

textarea{
	resize:none;
	margin-bottom:30px;
}

form .feld.required label::after {
	content: "*";
	color: #4d681e;
}

.feld.checkbox .wrapperbox{
	display:flex;
}

.feld.checkbox .wrapperbox label{
	color:#4D4D4D !important;
}

@media screen and (max-width:1300px){
	.SpaltenWrapper{
		margin-right:55px;
	}
	.show #kontaktpanel{
		right:10px;
	}
}

@media screen and (max-width:740px){
	.show #kontaktpanel{
		right:0px;
	}
	.SpaltenWrapper{
		margin-right:45px;
	}
}

@media screen and (max-width:320px){
	.show #kontaktpanel{
		right:-55px;
	}
	div.SpaltenWrapper{
		margin-right:0px;
	}
}






#kontaktpanel div.shariff{
	margin:0;
}

#kontaktpanel ul.auch{
	display:flex;
	flex-direction:column;
	list-style:none;
	margin: 20px 0 0 0;
}

#kontaktpanel ul.auch li{
	display:block;
	color:white;
	margin:4px 5px;
	display:flex;
	flex-direction: row-reverse;
}

#kontaktpanel ul.auch li a{
	color:black;
	text-decoration:none;
}

#kontaktpanel ul.auch li a:hover{
	text-decoration:underline;
}

#kontaktpanel ul.auch li img{
	width:35px;
	height:auto;
	display:inline-block;
}

#kontaktpanel ul.auch li span{
	padding: 4px 10px 0 5px;
	display:none;
	white-space: nowrap;
	font-family:"museo-sans", Helvetica, sans-serif;
	color:black;
	background-color:white;
	opacity:.9;
	height:22px;
	position:absolute;
	right:50px;
}

#kontaktpanel ul.auch li:hover span{
	display:inline-block;
}



/* Eingebundene YouTube Videos */

body #content iframe{
	max-width:100% !important;
}

@media screen and (max-height: 600px){
  #kontaktpanel{
	top:20px;
  }
}




@media only screen and (max-width: 1040px){

	#page{
		padding:0;
		width:100%;
		margin:0;
	}
	
	#header{
		position:relative;
	}
	
	#mood{
		height:auto;
	}
	
	#mood img{
		height:auto !important;
		width:100% !important;
	}
	
	#menuMain{
		display:none;
	}
	
	#menuMainResponsiveIcon{
		display:block;
		position:absolute;
		top:30px;
		left:15px;
		cursor:pointer;
	}
	
	#menuMainResponsive{
		display:none;
		position:absolute;
		left:0px;
		top:106px;
		width:100%;
		box-sizing:border-box;
		padding:15px 15px 0;
		background:rgba(255,255,255,0.95);
		border-bottom:1px solid #4D4D4D;
	}
	
	#menuMainResponsive ul{
		display:block;
	}
	
	#menuMainResponsive>ul:after{
		clear:both;
		display:table;
		content:"";
	}
	
	#menuMainResponsive ul li{
		list-style-type:none;
		margin-bottom:0px;
	}
	
	#menuMainResponsive>ul>li{
		float:left;
		width:100%;
		margin-bottom:15px;
	}
	
	#menuMainResponsive li a,
	#menuMainResponsive li span{
		color:#00497D;
		text-decoration:none;
		font-size:18px;
	}
	
	#menuMainResponsive li a:hover, #menuMainResponsive li a.aktiv{
		text-decoration:underline;
	}
	
	#menuMainResponsive li li{
		padding-left:10px;
		padding-top:10px;
	}
	
	#menuMainResponsive li li a{
		color:#4D4D4D;
	}
	
	#logo{
		padding-right:15px;
		height:76px;
	}
	
	#logo img{
		height:auto !important;
		width:100% !important;
	}
	
	#content{
		width:100%;
		box-sizing:border-box;
		padding:0 15px;
	}
	
	#content ul{
		margin:0 0 0 15px;
	}
	
	#content ul#meldungen{
		margin:0 0 0 0px;
	}
	
	#page h1{
		font-size:3em;
	}
	
	#branding{
		display:none;
	}
	
	#EinleitungGesamt {
		width: 100%;
		margin-bottom:10px;
	}
	
	#EinleitungLinks{
		width:50%;
		margin-bottom:20px;
		padding:0;
	}
	
	#EinleitungMitte{
		width:30%;
		margin-bottom:20px;
		padding-left:20px;
		float:right;
	}
	
	#page #EinleitungMitte .contentbild{
		display:block;
	}
	#EinleitungMitte .contentbild img{
		float:none;
	}
	
	#EinleitungMitte .contentbild .bu p{
		width:100%;
		padding:0;
	}
	
	#EinleitungRechts{
		width:60%;
		padding:0;
	}
	
	#SpalteLinks{
		width:100%;
	}
	
	#SpalteLinks .contenttext{
		width:100%;
		padding:0;
	}
	
	#page #SpalteLinks h2{
		width:100%;
	}
	
	#page #SpalteLinks p.einleitung{
		width:100%;
	}
	
	#SpalteRechts{
		width:100%;
		border:none;
	}
	
	#page #SpalteRechts h3{
		margin-left: 0px;
	}
	
	#page #SpalteRechts p{
		padding-left: 0px;
	}
	
	#SpalteLinks div.contentbild {
		max-width: 100%;
		margin-bottom:10px;
	}
	
	#SpalteLinks div.contentbild img{
		max-width: 100% !important;
		height:auto !important;
		float:none;
	}
	
	#SpalteLinks div.contentbild .bu p{
		float:none;
		padding:0;
		width:100%;
		margin-top:10px;
	}
	
	.contentbild .bu p{
		font-size: 15px !important;
		line-height:140% !important;
	}
	
	#meldungen li{
		position:relative;
	}
	
	#meldungen li div.text{
		width: 100%;
		padding: 0 0 0 250px;
		box-sizing: border-box;
		position: absolute;
	}
	
	#content #SpalteLinks .BildMitZitat .bu p{
		padding-right:0;
	}
	
	#content #SpalteLinks .BildMitZitat:nth-of-type(2n+1) img{
		margin-right:0;
	}
	
	.kontakt #EinleitungLinks{
		width:100%;
	}
	
	.kontakt #EinleitungLinks img{
		width:100%;
		max-width: 542px;
	}
	
}

@media only screen and (max-width: 700px){
	
	#page h1{
		font-size:2.2em;
	}
	.kontakt #EinleitungLinks .bu p{
		padding:0;
		width:100%;
		margin-top:10px;
		max-width:542px;
	}
	
	#EinleitungLinksMitteRechts{
		display:block;
	}
	
	#EinleitungLinksMitteRechts>div{
		width:100%;
		padding:0;
		margin: 0 0 20px 0;
	}
	#EinleitungMitte{
		float:none;
	}
}

@media only screen and (max-width: 640px){
	#page h1{
		font-size:1.7em;
	}
	#page h2{
		font-size:1.5em;
	}
	
	#EinleitungLinks{
		width:100%;
	}
	
	#EinleitungMitte{
		width:100%;
	}
	
	#EinleitungMitte .contentbild .bu p{
		width:60%;
	}
	
	#EinleitungRechts{
		width:100%;
	}
	
	#menuMainResponsive>ul>li{
		width:100%;
	}
	
	#meldungen li div.text{
		float: right;
		width: 100%;
		margin: 0px;
		padding-right: 0px;
	}
	
	#meldungen li div.text{
		padding: 0;
		box-sizing: initial;
		position: static;
	}
	
	#page #SpalteLinks #meldungen h2{
		width:100%;
	}
	
	h1, h2{
		text-align:left !important;
	}
	
	#content #SpalteLinks .BildMitZitat{
		flex-direction:row !important;
	}
	
	#content #SpalteLinks .BildMitZitat:nth-of-type(2n+1) img{
		margin-right:20px;
		margin-left:0;	
	}
	
	#content #SpalteLinks .BildMitZitat:nth-of-type(2n+1) .bu p{
		text-align: left;
	}
	
}

@media only screen and (max-width: 490px){
	
	#logo{
		width:200px;
		height:60px;
		padding-left:15px;
	}
	
	#page h1{
		font-size:1.3em;
	}
	
	#page h2{
		font-size:1.1em;
	}
	
	
	#SpalteGesamt {
		margin: 25px 0 20px 0px;
	}
	
	#menuMainResponsive{
		top:90px;
	}
	
	#menuMainResponsiveIcon img{
		width:30px;
		height:30px;
	}
	
	div#menuFooter.horizontal ul {
		box-sizing: border-box;
		width: 100%;
		padding: 13px 0px 0px 10px;
	}
	
	#content #SpalteLinks .BildMitZitat{
		flex-direction:column !important;
		margin: 5px 0 20px;
	}
	
	#content #SpalteLinks .BildMitZitat .bu{
		width:100%;
	}
	
	#content #SpalteLinks .BildMitZitat img{
		margin-bottom:15px;
	}
}


@media only screen and (max-width: 320px){
	body{
		width:320px;
	}