/* merriweather-300 - latin-ext_latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('/theme/fonts/merriweather-v28-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/theme/fonts/merriweather-v28-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/merriweather-v28-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/merriweather-v28-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/theme/fonts/merriweather-v28-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/merriweather-v28-latin-ext_latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-700 - latin-ext_latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('/theme/fonts/merriweather-v28-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/theme/fonts/merriweather-v28-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/merriweather-v28-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/merriweather-v28-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/theme/fonts/merriweather-v28-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/merriweather-v28-latin-ext_latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */
}


/* pt-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/theme/fonts/pt-sans-v16-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/theme/fonts/pt-sans-v16-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/theme/fonts/pt-sans-v16-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/theme/fonts/pt-sans-v16-latin-ext_latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/*********************************************************************************** 
 ******************************** ALLGEMEINES **************************************
 ***********************************************************************************/

/********************************* SCHRIFTEN ***************************************/

@charset "UTF-8";

@font-face {
  font-family: "bme-bit-font-1";
  src:url("../fonts/bme-bit-font-1.eot?v=1.2");
  src:url("../fonts/bme-bit-font-1.eot?#iefix") format("embedded-opentype"),
    url("../fonts/bme-bit-font-1.woff?v=1.2") format("woff"),
    url("../fonts/bme-bit-font-1.ttf?v=1.2") format("truetype"),
    url("../fonts/bme-bit-font-1.svg#bme-bit-font-1?v=1.2") format("svg");
  font-weight: normal;
  font-style: normal;

}

/**** FontAwesome ****/
@font-face {
  	font-family: 'FontAwesome';
  	src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  	font-weight: normal;
  	font-style: normal;
}



/********************************* DEFAULT ***************************************/

html {
	position: relative;	
}

html, body {
	min-height: 100%;
	min-width: 100%;
}

body {
    font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	position: static;
}

body, h3 { font-size: 16px; }

h1, h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    margin: 0;
}

h1 { font-size: 1.5em; /*font-size: 1.625em;*/ /* 26px bei 16px Normalgröße */ }

h3, strong, .fett, b {
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	margin: 0;
}

.texteditor h1, .texteditor h2, .texteditor h3, .texteditor h4, .texteditor p {
	margin-bottom: 16px;
}

i, em {
	font-family: 'PT Sans', sans-serif;
 	font-weight: 400;
 	font-style: italic;
}

.contentwrap p { line-height: 20px; }

/*********************************************************************************** 
 **************************** FARBEN, ICONS, HELFER ********************************
 ***********************************************************************************/


/********************************* FARBEN ******************************************/

body {
	background: url("../design/bg_verlauf.png") bottom left repeat-x;
}

body#portal {
	background-image: none;
}

.wupi {} /* Wohnen und Pflege im Alter - Farbe blau */
.gwsl {} /* Gemeinschaftliche wohnen, selbstbestimmt leben - Farbe rot */

.txt_marineblau { color: #a5cd32; /* #0a68a1 */ } /* rgb: 10, 104, 161 */
.txt_dunkelrot 	{ color: #9d0031; } /* rgb: 157, 0, 49 */
.txt_senfgelb 	{ color: #ea9406; } /* rgb: 234, 148, 6 */
.txt_black		{ color: #000000 !important;} 
.txt_gruen		{ color: #a5cd32; }
.bg_grau		{ background-color: #f2f3f3; }
.bg_dunkelgrau	{ background-color: #7e8283; }


.wupi h1, .wupi h2, .wupi h3, .wupi h4, .wupi h5, .wupi h6 {
    color: #a5cd32; /* #0a68a1 */
}

.gwsl h1, .gwsl h2, .gwsl h3, .gwsl h4, .gwsl h5, .gwsl h6 {
    color: #9d0031;
}

.mb3 { margin-bottom: 3px; }
.mb10 { margin-bottom: 10px; }

/********************************* LISTEN ******************************************/

ul {
	padding-left: 20px;
}

li {
	list-style: none;
	position: relative;
}

.wupi li:before {
	background-color: #a5cd32; /* #0a68a1 */
}

.gwsl li:before {
	background-color: #9d0031;
}

li:before {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	left: -18px;
	top: 6px;
	
	-moz-transform: rotate(45deg);  /* FF3.5/3.6 */
	-o-transform: rotate(45deg);  /* Opera 10.5 */
	-webkit-transform: rotate(45deg);  /* Saf3.1+ */
	transform: rotate(45deg);  /* Newer browsers (incl IE9) */
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
}

.dreieck_mblau:after {
	content: '';
	position: absolute;
	width: 0;
  	height: 0;
  	border-left: 0px solid transparent;
  	border-right: 46px solid transparent;
  	border-bottom: 46px solid rgba(165, 205, 50, 0.15); /* rgba(10, 104, 161, 0.15); */ 
}

/********************************* LINKS ******************************************/

a {
	text-decoration: none;
	color: inherit;
	font-weight: 700;
	/*color: #000;*/
}

.wupi a:hover,
.wupi a.txt_black:hover {
	/*color: #0a68a1 !important;*/
	color: #262f0b;
	/*color: #a5cd32;*/
}

/********************************* ICONS ******************************************/

/* content: "\f015 "; Home Icon  */
/* content: "\f0d9 "; Pfeil nach links  */
/* content: "\f0da "; Pfeil nach rechts  */
/* content: "\f0d7 "; Pfeil nach unten  */
/* content: "\f0d8 "; Pfeil nach oben  */

/* NEU
 * 
 * Home-Icon: 			
 * Pfeil nach unten:	d
 * Pfeil nach oben:		c
 * Pfeil nach rechts:	b
 * Pfeil nach links:	a
 * Map Marker:			
 * 
 */



span.spitze:before,.fa, .icon, .home-icon, a:before, a.home-icon:before,
.down:before, .clickbar:before {
  	display: inline-block;
  	font: normal normal normal 28px/1 "bme-bit-font-1";
  	font-size: inherit;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

.bmefa:before
{
}

span.spitze
{
padding-left: 15px;
}
a.home-icon {
	font-size: 30px;
	font-weight: normal !important;
	font-size: 28px;
}

a.home-icon:before {
	content: '\e000';
}

.wupi a.spitze, .wupi a.spitze:before, .wupi a,
.wupi .down:before, .wupi #nav ul li a.home-icon {
	color: #a5cd32; /* #0a68a1 */
} 

.wupi a:hover {
	color: #000;
}

.gwsl a.spitze, .gwsl a.spitze:before {
	color: #9d0031;
} 

a.spitze.txt_black:before {
	color: #000;
}

.wupi a.spitze.txt_black:hover:before {
	color: #a5cd32; /* #0a68a1 */
}

.kat.bmefa:hover::before,.aktiv .kat.bmefa:before
{

}

.kat.bmefa::before
{
display:block;
position:absolute;
border:1px solid #0a68a1;
width:.8em;
height:.8em;
top:3px;
left:-1.2em;
content:"";
background-color:#fff;
}

.aktiv .kat.bmefa:before
{

}


a.spitze:before,span.spitze:before {
	content: "b ";
	margin-left: -15px;
	font-size: 0.75em;
	position: absolute;
	margin-top: 4px;
}

.kat.bmefa:hover::before,.aktiv .kat.bmefa:before
{
}

a.spitze {
	font-family: 'PT Sans', sans-serif;
 	font-weight: 700;
	text-decoration: none;
	padding-left: 15px;
}

a.spitze:hover {
	color: #000;
}

.down {
	padding-left: 10px;
	cursor: pointer;
}
.down:before {
	/*content: "\f0d7 ";*/ /* Pfeil nach unten */
	content: "\64";
	position: relative;
	/*font-size: 1.2em;*/
	font-size: 0.75em;
	right: 10px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
}


/********************************* HELFER ******************************************/

/* Hilfsklasse(n), um das before Zeichen und den Abstand z.B. bei links zu entfernen */
.no_before { padding-left: 0 !important; }
.no_before:before {
	content: "" !important;
	content: none !important;
	width: 0 !important;
	height: 0 !important;
}
.no_after:after {
	content: "" !important;
	content: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* Hilfsklasse als Wrap für die Galerie. Wichtig für js */ 
.slidewrap {
	overflow: hidden;
	position: relative;
}

/* Hilfsklasse um Elemente unsichtbar zu machen, ohne jedesmal einen CSS-Block anlegen zu müssen */
.invis {
	display: none;
}

.h20  { height: 20px; }
.mr20 { margin-right: 20px; }

.rotate:before {
	-moz-transform: rotate(-179.9deg);                   /*FF*/
	-o-transform: rotate(-179.9deg);                 /*Opera*/
	-webkit-transform: rotate(-179.9deg);            /*Safari, Chrome */
	-ms-transform: rotate(-179.9deg) !important;     /*IE9 */
	transform: rotate(-179.9deg);                /*CSS3 default*/
	background-color:transparent;
	
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /*IE 7 & 8*/
	zoom: 1;
	z-index:1; /*NEEDED FOR IE8*/
}


.schatten {
	-webkit-box-shadow: 0px 0px 8px #999;
	-moz-box-shadow: 0px 0px 8px #999;
	box-shadow: 0px 0px 8px #999;
}

.warnung {
	color: #fff;
	background-color: #c74028;
	padding: 2px 5px 5px 5px;
}

.no_pointer {
	cursor: default;
}

/*********************************************************************************** 
 ************************************* GERÜST **************************************
 ***********************************************************************************/

#sitewrap, #footer .footerwrap {
	margin: 0 auto;
}

#sitewrap, 
#sitewrap #header,
#sitewrap .kopf,
#sitewrap .contentwrap,
#footer .footerwrap {
	width: 988px;
	overflow: hidden;
}

#sitewrap {
	height: auto;
	position: relative;
	margin-bottom: 112px; /* Platz für #footer */
	min-height: 90%;
	overflow: visible;
}

	#sitewrap #header {
		height: 150px;
		position: relative;
	}
	
	#sitewrap #header .titel {
		margin-top: 38px; /* dank margin-collapsing mit h1 mittig */
		width: 68%;
		float: left;
	}
	
	#sitewrap #header .titel h1 {
		font-size: 1.625em;
	}
	
	#sitewrap #header .logo {
		/*position: absolute;
		right: 0;*/
		/* top: 35px; */ /* (150px - 80px) / 2 -> mittig */
		margin-top: 35px;
		max-width: 30%;
		height: auto;
		float: right;
	}
	
	#sitewrap #nav {
		height: 46px;
		margin-bottom: 4px;
	}
	
	#sitewrap .kopf {
		height: 406px; /* 6px für die Text-Underline */
		margin-bottom: 34px;
		position: relative;
		overflow: visible;
		/*overflow: hidden;*/
	}
	
		#sitewrap .kopf .content.slidewrap {
			height: 100%;
		}
		
		
		#sitewrap .kopf .content.slidewrap .img {
			position: relative;
			/*width: 988px;
			height: 100%;*/
			float: left;
		}
		
		#sitewrap .kopf .content.slidewrap .img .copyright {
			width: 23%; 
			bottom: 10px;
		}
		

		#sitewrap .kopf .galerie {
			width: auto;
			height: 100%;
			overflow: hidden;
		}
		
			#sitewrap .kopf .content .galerie .img {
				width: 988px;
				position: relative;
			}	
				
				#sitewrap .kopf  .content .bildunterschrift h1 {
					position: absolute;
					bottom: 0px;
				}
	
	#sitewrap .kopf .content,
	#sitewrap .contentwrap .content {
		width: 100%;
	}
	
	#sitewrap .kopf .content,
	#sitewrap .contentwrap .content {
		height: 100%;
	}
	
	#sitewrap .kopf .content2_3,
	#sitewrap .contentwrap .content2_3 {
		width: 736px;
		height: auto;
		margin-right: 20px;
		float: left;
	}
	
	#sitewrap .kopf .bildunterschrift {
		height: 38px;
		width: 690px; /* 736px -46px Spitze */
		padding-top: 10px;
		position: absolute;
		left: 0;
		bottom: 3px;
		background-color: #fff;
		z-index: 1200;
	}
	
	#sitewrap .kopf .content2_3 .bildunterschrift {
		width: 370px;
		bottom: 0;
	}
	
	#sitewrap .kopf .bildunterschrift:after {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		bottom: 0;
		right: -48px;
		border-left: 0px solid transparent;
  		border-right: 48px solid transparent;
  		border-bottom: 48px solid #fff;
	}
	
		#sitewrap .kopf .bildunterschrift p {
			margin: 0;
		}
	
	#sitewrap .contentwrap {
		width: 988px;
		height: auto;
		overflow: hidden;
		padding-bottom: 80px; /* für den Hintergrundverlauf */
	}
	
		#sitewrap .contentwrap .content2_3 {
			
		}
		
		#sitewrap .contentwrap .content {
			height: auto;
		}
		
			#sitewrap .content2_3 .inner-content {
				margin-bottom: 20px;
				overflow: hidden;
			}
			
			#sitewrap .content2_3 .inner-content p:last-child,
			#sitewrap .content2_3 .inner-content p:last-of-type {
				margin-bottom: 0;
			}
			
			
			#sitewrap .content2_3 .inner-content .left,
			#sitewrap  .content2_3 .inner-content .right {
				float: left;
				min-height: 1px;
			}

		
		#sitewrap .sidebar {
			width: 232px;
			float: left;
		}
		
			#sitewrap .sidebar .box {
				width: 192px;
				padding: 0 20px;
				background-color: #f2f3f3;
				margin-bottom: 20px;
				float: left;
			}
			
			#sitewrap .sidebar .box a {
				word-wrap: break-word;
			}
			
			#sitewrap .kopf .sidebar .box {
				margin-bottom: 0;
				height: 360px;
				padding: 20px;
			}
			
			#sitewrap .sidebar .box:last-child {
				margin-bottom: 0;
			}
			
			

	#footer {
		width: 100%;
		position: absolute;
		bottom: 0;
		overflow: hidden;
		z-index: 1500;
	}
	
	#footer img {
		max-width: 100%;
		height: auto;
	}
	
	.wupi #footer {
		position: fixed;
		background-color: #fff;
		border-top: 2px solid #f0f0f0;
	}

	
	#footer, #footer a {
		height: 112px;
		color: #7e8283;
	}
	
	#footer .footertext {
		float: left;
		font-size: 0.875em;
		width: 70%;
	}
	
	#footer .footertext div {
		float: left;
	}
	
	#footer .footertext div.links {
		margin-right: 6%;
		width: 34%;
	}
	
	#footer .footertext div.mitte {
		margin-right: 4%;
		width: 56%;
	}
	
	#footer .footertext div.mitte img,
	#footer .footertext div.links img {
		max-width: 100%;
		height: auto;
	}
	
	
	#footer ul {
		margin: 0;
	}
	
	#footer .footertext, 
	#footer ul {
		/*margin-top: 35px;*/
		margin-top: 20px;	
	}
	
	
	#footer ul {
		/* siehe Navigation */
	}
	
	#footer a:hover, #footer a.aktiv {
		color: #000;
	}
	#footer a.aktiv {
		text-decoration: underline;
	}
	
	
/*********************************************************************************** 
 *********************************** NAVIGATION ************************************
 ***********************************************************************************/
	#sitewrap #nav {
		/*overflow: auto;*/
	}
	
	#nav ul {
		font-family: 'PT Sans', sans-serif;
 		font-weight: 700;
		padding: 0;
		margin: 0;
		height: auto;
		min-width: 736px;
	}
		#nav ul li {
			/*text-transform: uppercase;*/
			list-style: none;
			float: left;
			margin-right: 20px;
			/*text-align: center;*/
		}
		
		#nav ul li:before {
			content: none;
		}
		
			#nav ul li a {
				/*text-transform: uppercase;*/
				display: inline-block; /* variable Breite */
				text-decoration: none;
				/*line-height: 46px;*/		
				background-color: rgba(165, 205, 50, 0.15); /* rgba(10, 104, 161, 0.15); */ 
				color: #000;
				font-size: 1em;
				padding: 5px 20px;
				line-height: 1.1em;
				height: 36px;
			}
			
			#nav > ul > li:first-child > a {
				width: 46px;
				padding: 5px 0;
				padding-top: 8px;
				/*min-width: 46px;*/
				font-size: 1.75em;
				height: 33px;
				text-align: center;
			}
			
			#nav > ul > li > a {
				width: 101px;
			}
			
			 
			#nav ul li:hover,  
			#nav ul li.aktiv,
			#nav ul li.aktiv_big,
			#nav ul li a.aktiv {
				color: #fff;
				background-color: rgba(165, 205, 50, 1); /* rgba(10, 104, 161, 1); */ 
			}
			
			#nav ul li.aktiv > a,
			#nav ul li.aktiv_big > a,
			#nav ul li:hover > a,
			#nav ul li a.aktiv,
			#nav ul li a:hover,
			.wupi #nav ul li a.home-icon.aktiv,
			.bvi #nav ul li a.home-icon.aktiv, 
			.wupi #nav ul li a.home-icon:hover,
			.bvi #nav ul li a.home-icon:hover,
			.wupi #nav ul li a:hover,
			.bvi #nav ul li a:hover,
			.wupi #nav ul li:hover > a,
			.bvi #nav ul li:hover > a {
				color: #fff;
			}
			
			#nav ul li:hover:after,
			#nav ul li.aktiv:after,
			#nav ul li.aktiv_big:after {
				border-bottom-color: rgba(165, 205, 50, 1); /* rgba(10, 104, 161, 1); */ 
			}
			
				#nav ul li ul {
					display: none;
				}
				
				#nav ul li:hover > ul { 
					display: block;
					position: absolute;
					z-index: 2000;
				}
				
				#nav ul li ul li {
					float: none;
					margin-top: 3px;
					background-color: rgba(255, 255, 255, 0.8); /* Hintergrund vom hellblau weniger transparent bei gleicher Farbe */
					/* display: inline-block; */
					width: 186px;
					height: auto;
				}
				
				#nav ul li ul li a {
					padding-right: 25px;
					margin-right: 0;
					display: block;
					color: #000;
					height: auto;
					max-width: 162px;
				}
				

	#footer ul {
		float: right;
	}
		#footer ul li {
			float: right;	
			margin-left: 25px;
		}
		
		#footer ul li:before {
			content: none;			
		}
		
		#footer ul li a {
			font-weight: 400;
		}
		
		
/*********************************************************************************** 
 ********************************** PROJEKTE ***************************************
 ***********************************************************************************/

/**************************** ÜBERSICHT ***************************/

body.projekte {
	overflow-x: hidden;
}

#sitewrap .contentwrap .projektbox.mr20 {
		margin-right: 0;
	}
	
	#sitewrap .contentwrap .projektbox {
		margin-right: 20px;
	}

#sitewrap .contentwrap.einzelprojekte {
	width: 1008px;
	padding-top: 1px;
}

.projekte_filter + div, 
.landkreis_filter + div {
	position: absolute;
	padding: 10px;
	margin-left: 20px;
	z-index: 2000;
	background-color: #fff;
	line-height: 1.5em;
}

.projekte_filter + div a,
.landkreis_filter + div a {
	/*font-weight: 400;*/
	display: block;
}

.projekte_filter + div a:hover,
.landkreis_filter + div a:hover {
	color: #000;	
}

.projekte_filter,
.landkreis_filter {
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	margin-bottom: 5px;
}

.wupi .projekte_filter,
.wupi .landkreis_filter {
	color: #a5cd32; /* #0a68a1 */
}

#sitewrap .kopf.projekte {
	margin-bottom: 20px;
	overflow: visible;
	float: left;
}
#sitewrap .kopf.projekte,
#sitewrap .kopf.projekte .content,
#sitewrap .kopf.projekte .sidebar .box {
	height: auto;
}

#sitewrap .kopf.projekte + .contentwrap {
	margin-top: 0;
}

.schlagworte_filter {
}

.schlagworte_filter .swort {
	float: left;
}

.schlagworte_filter {
    list-style: none;
    text-align: left;
    overflow: auto;
	margin: 20px 0;
}

.schlagworte_filter ul {
	margin: 0;
	padding: 0;
}
    
.schlagworte_filter li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 0.98em;
}

.schlagworte_filter li:before {
	content: none !important;
}
    
.schlagworte_filter li a {
    display: block;
    color: #000;
    font-weight: 400;
    /*font-size: 10px;*/
   	background-color: rgba(165, 205, 50, 0.15);
	text-transform: none;
	padding: 5px 10px;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.schlagworte_filter li a:hover, 
.schlagworte_filter li.active a {
    background-color: rgba(165, 205, 50, 1);
    color: #fff !important;
}
    

.copyright {
	bottom: 5px;
	color: #f6f6f6;
	position: absolute;
	right: 5px;
	text-shadow: 1px 1px 2px #666, -1px 1px 2px #666, 1px -1px 2px #666, -1px -1px 2px #666;
	z-index: 1;
	width: 45%;
	line-height: 0.8125em;
	word-wrap: break-word;
	font-size: 0.75em;
	text-align: right;
}

#sitewrap .kopf.projekt .content2_3 .galerie .img .copyright {
	width: 45%;
	bottom: 10px;
}


/**************************** EINZELSANSICHT ***************************/

#sitewrap .kopf.projekt {
	margin-bottom: -3px;
	height: 438px; /* 406px kopf + 32px h1 */
}

#sitewrap .kopf.projekt .bildunterschrift {
	bottom: 32px;
}

	#sitewrap .kopf.projekt .bildunterschrift h1 {
		position: relative;
		top: 9px;
	}
	
	/*#sitewrap .kopf.projekt .titelzeile2 {
		margin-top: 9px;
	}*/
#sitewrap .kopf.projekt .sidebar {
	word-wrap: break-word;
}	
	
#sitewrap .kopf.projekt .sidebar a.no_before {
	color: #000;
	/*font-family: 'Seravek', 'Verdana', sans-serif;*/
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-size: 0.9em;
}

#sitewrap .kopf.projekt .sidebar a:hover {
	color: #a5cd32; /* #0a68a1 */
}

	#sitewrap .kopf.projekt .content2_3 .galerie .img {
		width: 736px;
		float: left;
		position: relative;
	}
	

	
/************************** SLIDERSAMMLER *******************************/	
	#sitewrap .kopf .content .galerie .img .bildtext {
		position: absolute;
		padding: 5px;
	}
	
	#sitewrap .kopf .content .galerie .img .bildtext.text1 {
		background-color: rgba(255,255,255, 0.7);
	}
	
	#sitewrap .kopf .content .galerie .img .bildtext.text2 {
		background-color: rgba(0,0,0, 0.3);
		color: #fff;
	}
	
	#sitewrap .kopf .content .galerie .img .bildtext span.utext {
		font-weight: 700;
	}

/********************** SLIDERSAMMLER ENDE ******************************/
		
	#sitewrap .kopf.projekte .sidebar .box {
		height: auto;
	}

#sitewrap .contentwrap .projektbox {
	width: 484px;
	height: 460px;
	margin-bottom: 20px;
	float: left;
}

#sitewrap .contentwrap .projektbox .img {
	width: 484px;
	height: 300px;
	margin-bottom: 6px;
	position: relative;
}

#sitewrap .contentwrap .projektbox .img img,
#sitewrap .contentwrap .projektbox .txt {
	outline: 1px solid #f2f3f3;
}

#sitewrap .contentwrap .projektbox .txt {
	float: left;
	padding: 20px;
	width: 202px; /* (484px - 80px) / 2 */
	min-height: 118px;
	background-color: #f2f3f3;
}

#sitewrap .contentwrap .projektbox .txt p {
	margin-top: 0;
}

.galerie .navigation {
	display: none;
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
}

.galerie .navigation .icon {
	font-size: 35px;
	line-height: 400px;
	position: absolute;
	color: #fff;
	cursor: pointer;
	padding: 0 10px;
}

.galerie .navigation .icon:hover {
	color: #a5cd32; /* #0a68a1 */
}

.galerie .navigation .icon.nav_vor {
	right: 0;
}

.galerie .navigation .icon.nav_zurueck {
	left: 0;
}

#sitewrap .contentwrap .content a.zurueck {
	margin-bottom: 60px;
	display: block;
}

/*********************************************************************************** 
 ******************************* PROJEKTBÖRSE **************************************
 ***********************************************************************************/

.filter {
	padding: 20px 0;
}

.anzeigen { 
	display: inline-block;  
}


.bl_filter {
	/*padding: 10px 0;*/
	display: inline-block;
}

.bls {
	display: none;
	margin-top: 5px;
	padding: 10px 20px;
	position: absolute;
	background-color: #fff;
	z-index: 2000;
	line-height: 1.5em;
}

.bls a {
	display: block;
}

.anzeigen, .eintragen.down {
	font-family: 'PT Sans', sans-serif;
	font-weight: 700; 
}

.bls .no_entry {
	color: #ccc;
	display: inline;
}

/*********************************************************************************** 
 ********************************** KONTAKT ****************************************
 ***********************************************************************************/

	#sitewrap .contentwrap .content2_3 .inner-content.kontakt .img {
		width: 161px;
		height: 161px;
		margin-right: 20px;
		margin-bottom: 10px;
		margin-top: 3px;
		float: left;
	}
	
	#sitewrap .contentwrap .content2_3 .inner-content.kontakt .right {
		/*width: 555px;*/ /* 736 - 161 - 20 */
		float: none;
		min-height: 1px;
		margin-bottom: 20px;
	}
	
	#sitewrap .contentwrap .content2_3 .inner-content.kontakt .right h3 + p,
	#sitewrap .contentwrap .content2_3 .inner-content.kontakt .right p:first-of-type  {
		margin-top: 0;
	}
	

/*********************************************************************************** 
 *********************************** PORTAL ****************************************
 ***********************************************************************************/

.portalwrap {
	width: 988px;
	min-height: 100%;
	/*margin: 20px auto;*/
	margin: 0px auto;
}

.portalwrap .portal:first-child {
	padding-top:  2%;;	
}

.portalwrap .portal {
	width: 100%;
	height: auto;
	padding:  0.91% 0;
	/*margin: 2% 0;*/
	overflow: hidden;
}

.portalwrap .portal .left,
.portalwrap .portal .right {
	width: 44.583%; /* 218 x 480 px */
	height: 150px;
	float: left;
	padding: 2%;
}

.portalwrap .portal .left {
	font-family: 'Merriweather', serif;
    font-weight: 700;
	margin-right: 1.82%;
	font-size: 1.25em;
	line-height: 1.5em;
}

.portalwrap .portal .right {
	/*height: 218px;*/
	position: relative;
}


.portalwrap .portal .right .logo,
.portalwrap .portal .right .foerderer  {
	float: left;
	width: 48%;
	height: 100%;
	position: relative;
}

.portalwrap .portal .right .logo .img,
.portalwrap .portal .right .logo_big .img,
.portalwrap .portal .right .foerderer .img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.portalwrap .portal .right .foerderer p {
	line-height: normal;
	margin: -5px 0 5px 0;
}

.portalwrap .portal .right .foerderer {
	margin-left: 4%;
}

.portalwrap .portal .right .logo_big {
	height: 100%;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.portalwrap .portal .right .logo_big .img,
.portalwrap .portal .right .logo_big .img img,
.portalwrap .portal .right .logo .img img,
.portalwrap .portal .right .foerderer .img img {
	width: 100%;
	height: auto;
}


/*********************************************************************************** 
 ********************************* BROSCHÜREN **************************************
 ***********************************************************************************/

#sitewrap .contentwrap .content2_3 .inner-content.heft {
	margin-top: 45px;
}

.hefticon {
	background-color: #848484;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 3px;
}

.hefticon img {
	display: block;
}

h3 p {
	margin: 0;
}

/*********************************************************************************** 
 ********************************** FANCYBOX ***************************************
 ***********************************************************************************/

	.fancybox-skin {
 	  background-color: #fff !important;
 	  color: #000 !important;
 	  padding: 30px !important;
 	}
 	
 	.fancybox-close {
        background-image: url('/files/js/fancybox/close_btn_x.png') !important;
        background-size: 100% 100% !important;
        width: 30px !important;
        height: 30px !important;
        top: 4px !important;
        right: 4px !important;
    }

	#kartengrossansicht .cross {
		background: #FF1177; 
		width: 2px; 
		height: 15px; 
		position: relative;
		margin-left: 4px; 
		-moz-transform: rotate(45deg);                   /*FF*/
		-o-transform: rotate(45deg);                 /*Opera*/
		-webkit-transform: rotate(45deg);            /*Safari, Chrome */
		-ms-transform: rotate(45deg) !important;     /*IE9 */
		transform: rotate(45deg);                /*CSS3 default*/
		background-color:transparent;
		
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
		zoom: 1;
		z-index:1; /*NEEDED FOR IE8*/
		 
		z-index: 2000;
	}
	
	#kartengrossansicht .cross2 {
		background: #FF1177; 
		width: 15px; 
		height: 2px; 
		position: absolute; 
		top: 6px; 
		left: -6px;
	}
	
	#kartengrossansicht .karten-markierung {
		position: absolute; 
		width: auto; 
		height: auto; 
	}
	
	#kartengrossansicht .karten-markierung span.icon {
		font-size: 3.3em;
		display: block;
		color: #a5cd32; /* #0a68a1 */
	}
	
	#kartengrossansicht .karten-markierung .kartentext {
		position: absolute;
		left: 26px;
		/*top: 2px;*/
		margin-top: 5px;
		width: 200px;
		background-color: #fff;
		padding: 2px 4px;
	}
	
	#kartengrossansicht #ds_mapwrap {
		margin: 0 auto;
		position: relative; 
		width: 915px;
		height: auto;
	} 
	
	#kartengrossansicht .karo,
	.karo_klein {
		width: 14px;
		height: 14px;
		-moz-transform: rotate(45deg);                   /*FF*/
		-o-transform: rotate(45deg);                 /*Opera*/
		-webkit-transform: rotate(45deg);            /*Safari, Chrome */
		-ms-transform: rotate(45deg) !important;     /*IE9 */
		transform: rotate(45deg);                /*CSS3 default*/
		background-color:transparent;
		
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
		zoom: 1;
		z-index:1; /*NEEDED FOR IE8*/	
		background-color: rgba(165, 205, 50, 1);/*rgba(140, 140, 140, 1);*//*#8c8c8c;*/
	}
	
	#kartengrossansicht .karo:hover + .kartentext.invis,
	#kartengrossansicht .karten-markierung a:hover + .kartentext.invis,
	#kartengrossansicht .karten-markierung a.clicked + .kartentext.invis {
		display: block;
		z-index: 2000;
	}
	
	.karo_klein {
		width: 6px;
		height: 6px;
	}
	
/********************************************************************************** 
 ********************************** Formulare *************************************
 **********************************************************************************/ 
 
 .close_btn {
 	width: 35px;
 	height: 35px;
 	color: #FFF;
 	font-size: 22px;
 	line-height: 35px;
 	text-align: center;
 	position: absolute;
 	right: 0;
 	top: 0;
	background-color: #a5cd32; /* #0a68a1 */ 
	background-image: none;
 }
 

 
 .formular {
 	/*width: 720px;*/ /*870px; */
 	width: 96%;
 	position: relative;
 	overflow: hidden;
 	padding: 20px 25px;
 	padding-bottom: 0;
 	border: 1px solid #f3f2f2;
 	margin: 10px auto;
 	-webkit-box-shadow: 0px 3px 5px 2px #e6e6e6; /* WebKit */
	-moz-box-shadow: 0px 3px 5px 2px #e6e6e6; /* Firefox */
	box-shadow: 0px 3px 5px 2px #e6e6e6; /* Standard */
 }
 
 .formular p.formsubmit {
 	margin-bottom: 0;
 }
 	
 	.formular label,
 	label {
 		display: block;
 		line-height: 20px;
 	}
 	
 	.formular input, .formular textarea, .formular select,
 	.esuche input, .esuche textarea, .esuche select,
 	input, textarea, select {
 	    /*font-family: 'Seravek';*/
 	   	font-family: 'PT Sans', sans-serif;
 		font-weight: 400;
 	    font-size: 16px;
 	}
 	
 	.formular input.text,
 	.esuche input[type="text"],
 	input[type="text"],
 	input[type="email"] {
 		display: block;
 		width: 98%;
 		border: 1px solid #e5e5e5; /* 10% Schwarz */
 		height: 28px;
 		margin-top: 4px;
 		padding-left: 4px;
 	}
 	
 	.formular input.checkbox + label,
 	input[type="checkbox"] + label {
 	    display: inline-block;
 		width: 302px; /* 405 - 30 */
 		margin-left: 28px;
 	}
 	
 	.formular select,
 	 select {
        display: block;
        width: 98%;
        border: 1px solid #e5e5e5;
        /*height: 31px;*/
        margin-top: 4px;
        padding: 1px;
 	}
 	
 	.formular textarea,
 	textarea {
 	  width: 98%;
 	  border: 1px solid #e5e5e5; 
 	  margin-top: 4px;
 	  height: 100px;
 	}
 	
 	.formular p {
 		margin: 14px 0;
 		position: relative;
 	}
 	
 	.formular .btn,
 	.btn {
 		/*font-family: 'Seravek-Bold';*/
 		font-family: 'PT Sans', sans-serif;
 		font-weight: 700;
        width: 160px;
        padding-right: 46px;
        height: 42px;
        text-align: center;
        display: block;
        text-transform: uppercase;
        line-height: 42px;
        /* background-color: rgba(10, 104, 161, 0.15); */
       	color: #FFF;
        background: url("../design/button_hover.png") center center;
        background-size: 100% 100%;
        border: none;
        cursor: pointer;
 	}
 	
 	.formular .btn:hover,
 	.btn:hover {
 		color: #000;
 		/*background-color: rgba(10, 104, 161, 1);*/
 		background: url("../design/button.png") center center;
 		background-size: 100% 100%;
 	}

 	
 	
 	.formular hr, .esuche hr { border: #e5e5e5 1px solid; /* Schwarz 10% */ }
 	
 	.formular .allesok {
	   color: #a5cd32; /* #0a68a1 */ 
 	}

    .formular .clickbar.down.ernaehrung {
        padding-left: 30px;
    }
    
    .formular .form_warning {
    	/*color: #FF0000;*/
    	border-color: #FF0000 !important;
    }
    
    #xform-formular-projektbild {
    	position: relative;
    }
    
    
    
    
/*********************************************************************************** 
 ***************************** MEDIA QUERIES ***************************************
 ***********************************************************************************/

@media screen and (max-width: 988px) {	
	
	#sitewrap,
	#footer .footerwrap {
		width: 96%;
		padding: 0 2%;
	}
	
	#sitewrap { margin-bottom: 250px; }
	
	a.home-icon:before {
		content: "\e003";
	}
	
	/*#nav li.invis {
		display: block;
	}*/
	
	#sitewrap #nav ul.clicked > li:hover { }
	
	#sitewrap .kopf, 
	#sitewrap .kopf .content,
	/*#sitewrap .kopf .sidebar,*/
	#sitewrap .kopf,
	#sitewrap .kopf .content2_3,
	#sitewrap .contentwrap,
	#sitewrap .contentwrap .content,
	#sitewrap .contentwrap .content2_3,
	#sitewrap .contentwrap .sidebar,
	#sitewrap .contentwrap .content .inner-content,
	#sitewrap .contentwrap .content2_3 .inner-content,
	#sitewrap .kopf .content.slidewrap .img,
	.portalwrap {
		width: 100%;
	}
	
	#sitewrap #header,
	#sitewrap .kopf.projekte,
	#sitewrap .kopf.projekt,
	#sitewrap .kopf.projekt .content2_3 .galerie .img img,
	#sitewrap .kopf .img img,
	#sitewrap .kopf,
	#sitewrap .kopf .sidebar,
	#sitewrap .kopf.projekt .sidebar,
	#sitewrap .kopf.projekte .sidebar,
	#kartengrossansicht #ds_mapwrap,
	#kartengrossansicht #ds_mapwrap #ds_karte {
		width: 100%;
		height: auto;
	}
	
	#sitewrap .kopf .content2_3, 
	#sitewrap .contentwrap .content2_3 {
		margin-right: 0;
	}
	
	#sitewrap .kopf .content.slidewrap .img .copyright {
		width: 100%;
		bottom: 45px;
	}

	#sitewrap #header .logo  { 
		margin: 1% 0; 
		width: 30%;
		max-width: 190px;
		height: auto; 
	}
	#sitewrap #header .logo img { width: 100%; height: auto;}
	#sitewrap #header .titel { margin: 2% 0; width: 68%; }
	#sitewrap #header .titel h1 { font-size: 1.3em; }

	/*.galerie .navigation  {
		height: 100%;
	}*/
	
	#sitewrap .kopf.projekt { overflow: hidden; }
	#sitewrap .kopf.projekt .bildunterschrift { bottom: 50px; /* 2 Zeilen titelzeile2 */ }
	#sitewrap .kopf .content .galerie .img .bildtext { display: none; }
	
	#sitewrap .kopf .bildunterschrift, 
	#sitewrap .kopf .titelzeile2 { width: 90%; font-size: 0.8em;	}
	#sitewrap .kopf .bildunterschrift { position: static; height: auto; padding: 0; }
	#sitewrap .kopf .bildunterschrift h1 { line-height: 1.2em; }
	#sitewrap .kopf.projekt .bildunterschrift h1 { top: 0; }
	
	#sitewrap .kopf .titelzeile2 { height: 50px; /* 2 Zeilen */ }
	#sitewrap .kopf .sidebar .box { width: 96%; height: auto; padding: 2%; }
	
	#sitewrap .contentwrap .sidebar .box {
		padding: 0 2%;
		margin-right: 1%;
		margin-left: 1%; 
		width: 44%;
		float: left;
		min-height: 152px;
	}
	
	/*#sitewrap .contentwrap .projektbox.mr20,
	#sitewrap .contentwrap .projektbox { margin-right: 0; }*/
	#sitewrap .contentwrap .projektbox .img { width: 100%; height: auto; }
	#sitewrap .contentwrap .projektbox .img img { width: 100%; height: auto; }
	#sitewrap .contentwrap .projektbox .txt { width: 46%; padding: 2%; }
	#sitewrap .contentwrap .content2_3 .inner-content.kontakt .right { width: 60%; }
	
	
	/**************************** PROJEKTE ***************************************/
	
	#sitewrap .contentwrap.einzelprojekte {
		width: 117%;
	}
	
	#sitewrap .contentwrap.einzelprojekte .projektbox {
		margin-right: 1.66%;
		width: 41.67%;
		margin-bottom: 1.67%;
	}
	
	
	/**************************** FANCYBOX ***************************************/

	#kartengrossansicht #ds_mapwrap #ds_karte img { width: 100%; height: auto; }
	
	/***************************** SANDWICH MENU *********************************/
	
	#nav ul {
		height: auto;
		min-width: 140px;
		position: absolute;
		z-index: 3000;
		text-align: left;
	}
	
	#nav ul li {
		display: none;
		float: none;
		/*clear: both;*/
		text-align: left;
		margin-bottom: 3px;
		background-color: rgba(255,255,255 , 0.8);
		min-width: 120px;
		/*overflow: hidden;*/
		height: auto;
	}
	
	#nav ul li.aktiv_big:after { border-bottom-color: rgba(165, 205, 50, 0.15); /* rgba(10, 104, 161, 0.15); */  }
	#nav ul li.aktiv_big:hover:after{ border-bottom-color: rgba(165, 205, 50, 1); /* rgba(10, 104, 161, 1); */  }
	
	#nav ul li:after {
		content: none;
	}
	
	#nav > ul > li:first-child a  {
		width: 90%;
		padding: 0;
		padding-left: 10%;
		/*width: 100%;*/
		height: 46px;
		text-align: left;
		line-height: 46px;
	}
	
	
	#nav > ul > li:first-child {
		display: block;
		position: relative;
		width: 74px;
		min-width: 74px;
	}
	
	#nav ul li:first-child.dreieck_mblau:after {
		top: 0px;
		right: -46px;
	}
	
	#nav ul li:first-child:after {
		content: '';
	}
	
	#nav ul li a {
		display: block;
		width: 80%;
		padding: 5% 10%;
		/*padding-left: 10%;
		padding-right: 10%;*/
		text-align: left;
		height: auto;
	}
	
	#nav ul li ul li a {
		max-width: none;
	}
	
	#nav ul li ul li {
		width: auto;
		padding: 0 0 0 10%;
		width: 90%;
	}
	
	#nav ul li.aktiv_big {
		background-color: inherit; /* rgba(10, 104, 161, 0.15); */
	}
	
	.wupi #nav ul li a.home-icon.aktiv {
		color: rgb(165, 205, 50);
		background-color: rgba(165, 205, 50, 0.15);
	}
	
	
	#nav ul li.aktiv_big:hover {
		background-color: rgba(165, 205, 50, 1); /* rgba(10, 104, 161, 1); */ 
		color: #fff;
	}
	
	#nav ul li.aktiv_big:hover a {
		color: #fff !important;
	}
	
	#nav ul li ul,
	#nav ul li:hover ul {
		position: static;
		display: block;
		height: auto;
	}
	
	
	.noscript #nav ul:hover li,
	#nav ul.clicked li {
		display: block;
	}
	
	#sitewrap .contentwrap .projektbox { background-color: #f2f3f3; }
	#sitewrap .contentwrap .projektbox .img img { display: block; }
	#sitewrap .contentwrap .projektbox .img { margin-bottom: 0; border-bottom: 4px solid #fff; }
	
	#footer {
	    height: auto;
	    background-color: #FFF;
	    border-top: 1px solid #f7f7f7;
	    padding-bottom: 20px;
	}
	
	#footer ul {
		margin-bottom: 0;
	}
	
/****************** PORTAL **************/

	.portalwrap .portal .left,
	.portalwrap .portal .right {
		height: 168px;
	}
	/*
	.portalwrap .portal .left {
		margin-right: 2%;
	} */
	
	.portalwrap .portal .left {
		font-size: 1.2em;
		line-height: 1.4em;
	}

/****************** FOOTER **************/	
	
	#footer ul {
		width: 28%;
		padding-left: 0;
	}	
	
	.mobile #footer {
		position: static;
	}
	
	.mobile #sitewrap {
		margin-bottom: 50px;
	}
}

/*
@media screen and (max-width: 988px) and (min-width: 601px) {
	
	
	#sitewrap .contentwrap .projektbox {
		width: 49%;
	}
	
	#sitewrap .contentwrap .projektbox.mr20 {
		margin-right: 0;
	}
	
	#sitewrap .contentwrap .projektbox:nth-child(odd) {
		margin-right: 2%;
	}
	
	#sitewrap .contentwrap .projektbox .txt {
		width: 96%;
		padding: 2%;
		height: auto;
		min-height: auto;
	}
}*/


@media screen and (max-width: 600px) {
	
	body.projekte {
		overflow-x: visible;
	}
	
	#sitewrap .contentwrap.einzelprojekte {
		width: 100%;
	}
	
	body, h3 { font-size: 14px; }
	#sitewrap #header .titel h1 { font-size: 1.2em; }
	#sitewrap #header .logo { margin-top: 10px; }
	#sitewrap .kopf .bildunterschrift,
	#sitewrap .contentwrap .sidebar .box { width: 94%; }
	
	#sitewrap .kopf.projekte .sidebar { display: none; }
	
	#kartengrossansicht .karten-markierung .karo,
	#kartengrossansicht .karten-markierung .karo_klein,
	#kartengrossansicht .karten-markierung a,
	#kartengrossansicht .karten-markierung .kartentext {
		display: none;
	}
	
	#sitewrap .contentwrap.einzelprojekte .projektbox .txt { height: auto; }
	#sitewrap .contentwrap.einzelprojekte .projektbox { background-color: #f2f3f3; }
	#sitewrap .contentwrap.einzelprojekte .projektbox .img img { display: block; }
	#sitewrap .contentwrap.einzelprojekte .projektbox .img { margin-bottom: 0; border-bottom: 4px solid #fff; }
	
	#sitewrap .contentwrap.einzelprojekte .projektbox {
    	width: 100%;
    	height: auto;
	}
	
	
	#sitewrap .contentwrap.einzelprojekte .projektbox {
		width: 100%;
		height: auto;
	}
	
	.contentwrap.einzelprojekte {
		padding-bottom: 0px;
	}
	
	.portalwrap .portal .right .logo .img,
	.portalwrap .portal .right .foerderer .img, {
		width: 100%;
		float: none;
	}

	
}

@media screen and (max-width: 480px) {
	#sitewrap #header .titel { margin-top: 10px; }
	#sitewrap #header .titel h1 { font-size: 1em; }
	
	.portalwrap .portal .left,
	.portalwrap .portal .right {
		height: 120px;
		width: 100%;
		float: none;
	}
	
	.portalwrap .portal .left {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	.portalwrap .portal .right .logo .img img,
	.portalwrap .portal .right .logo_big .img img,
	.portalwrap .portal .right .foerderer .img img {
		width: 90%;
	}
	
}



		
.bmemehr
{-webkit-transition: all 0.5s ease; 

	-moz-transition: all 0.5s ease; 

	-o-transition: all 0.5s ease; 

	transition: all 0.5s ease;
}

.inner-content.heft .bmemehrtrigger {
/*	text-align: right;*/
padding-left:128px;
}

.contentwrap .yform .form-group
{
margin-bottom:10px;
}

.contentwrap .yform .btn.btn-primary
{
width:auto;
}

#socials.box img {
    display: block;
}
#socials.box img {
    padding-top: 20px;
}

#socials a {
    transition: all .6s ease;
    display: inline-block;
}

.sidebar #socials.box {
    padding: 0 20px 16px 20px;
    text-align: right;
}

.foerderDB div
{
box-sizing:border-box;
}

.foerderDB .col-md-1_2,.foerderDB .col-md-2_2,.foerderDB .col-md-1_1,.foerderDB .col-md-1_3,.foerderDB .col-md-1_4
{
padding-right:10px;
padding-left:10px;
float:left;
box-sizing:border-box;
}
.foerderDB .col-md-1_2
{
width:50%;
}


.traegeraktiv .traeger, .landaktiv .land
{
opacity:.15;
}

.landaktiv .land.aktiv,.traegeraktiv .aktiv .traeger
{
opacity:1;
}


.foerderDB .col-md-2_2,.foerderDB .col-md-1_1
{
width:100%;
}
.foerderDB p
{
margin:0;
}


.foerderDB .link a
{
color:#000;
font-weight:normal;
border-top: 1px solid #0a68a1;
display: inline-block;
width: 100%;
padding-top: 1em;
}


.foerderDB .link a:hover .spitze
{
text-decoration:underline;
color:#000;
}

.foerderDB span.spitze
{
margin-top:1.5em;
display:inline-block;
color:rgb(10, 104, 161);
font-weight:700;
}

.foerderDB h2
{
font-size:1.1em;
}
.foerderDB hr
{
height: 2px;
margin:1em 0;
}
.foerderDB .link
{
margin-bottom:1em;
}

.foerderDB .col-md-1_2:nth-child(odd)
{
clear:both;
}



.foerderDB .col-md-1_3
{
width:33.3%;
}

.foerderDB .row,.foerderDB.row
{
margin-right:-10px;
margin-left:-10px;
}
.foerderDB .clearfix:before,.foerderDB .clearfix:after,.foerderDB .row:after,.foerderDB.row:after,.foerderDB .row:before,.foerderDB.row:before
{
    content: " ";
    display: table;
    clear: both;
}

.foerderDB .col-md-1_4
{
width:25%;
}
.foerderDB h2
{
font-size:1em;
}

.foerderDB .land div,.foerderDB .traeger
{
  display: inline-block;
  align-items: center;
  justify-content: center;
  text-align:center;
  padding:5px 10px;
  margin-bottom:10px;
  border:1px solid rgb(10, 104, 161);
  margin-right:5px;
  margin-left:5px;
}
.foerderDB .land.aktiv  div,.foerderDB .aktiv  .traeger
{
position:relative;
padding-right:20px;
}

.foerderDB .land:hover div,.foerderDB .land.aktiv div,.foerderDB .traeger:hover,.foerderDB .aktiv .traeger
{
background-color: rgba(10, 104, 161, 1);
color:#fff;
}


.foerderDB .land.aktiv div:after,.foerderDB .aktiv .traeger:after
{
content:"X";
color:#fff;
position:absolute;
font-weight:normal;
font-size:.75em;
right:2px;
top:-2px;
}

.foerderDB .kats .col-md-1_2
{
margin-bottom:20px;
}

.foerderDB .kats a.aktiv
{

}

.foerderDB .kats a.aktiv .kat:before
{

content:"X";
line-height: 0.7em;
text-align:center;
color: #000;
font-weight: normal;
}

.foerderDB .kats .kat
{
margin-left:1.2em;
margin-top:5px;
margin-bottom:5px;
width:90%;
position: relative;
}

.foerderDB .kats
{
border-bottom:3px solid #0a68a1;

margin-bottom:1em;
padding:0 0 50px 0;
}
.foerderDB .kats .blaubg
{
background-color: rgba(10, 104, 161, 0.1);
padding:15px;
}

.row.kats h2
{
margin-bottom:1em;
}

.fart
{
padding: 10px 0 5px 1.5em;
position:relative;
}

.fart:before
{
font-family:'FontAwesome';
position:absolute;
left:2px;
height:1em;
width:1em;
}

.fart4:before
{
content:"\f200";
}

.fart4:before
{
content:"\f200";
}

.fart4:before
{
content:"\f200";
}


/* Darlehen */
.fart5:before
{
content:"\f15c";
}



/* darlehen mit zuschuss */
.fart6:before
{
content:"\f0c5";
}


/* Zuschuss */
.fart4:before
{
content:"\f200";
}

/* Sonstiges */
.fart9:before
{
content:"\f02c";
}


.foerderDB .traegerhilfe
{
display:none;
}

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

.foerderDB .col-md-1_2,.foerderDB .col-md-2_2,.foerderDB .col-md-1_3,.foerderDB .col-md-1_4
{
width:100%;
}
.foerderDB .kats .col-md-1_3
{
padding-bottom:1em;
}
}


.galerie .lbox
{

position: absolute;
right: 80px;
bottom: 20px;
color: #0a68a1;
background-color: RGBA(255,255,255,.8);
padding: 10px 20px;
}

ol.springer li, .datenschutz ol li
{
list-style:inherit;
}
ol.springer li:before, .datenschutz ol li:before
{
display:none;
}