/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('/fonts/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('/fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('/fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* ################## LAYOUT ################## */

* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font:15px/1.5 'Roboto Condensed',Arial;
	font-weight: 300;
	-webkit-font-smoothing: subpixel-antialiased;
	font-smooth: auto;
	font-smoothing: subpixel-antialiased;
}


:focus {
	outline:0;
}

html {
	background-color: rgba(140, 197, 90, 0.1);
	color: #5f6976;
	min-height:100%;
	margin:0;
	/*background-image: linear-gradient(to bottom, white 10%, #ccc 90%);*/
}
body {
	color: rgba(0,0,0,0.7);
	min-height:100%;
	margin:0;
	min-height: 300px;
}
#hintergrund {
	position: fixed;
	top:0px;
	bottom: 0;
	left:0;
	right:0;
	background-image: url(/resources/hintergrund.jpg);
	background-size: cover;
}
#wrapper {
	max-width: 1200px;
	width:100%;
	margin: auto;
}
.limit {
	position: relative;
	max-width: 1200px;
	margin: auto;
	box-sizing: border-box;
	background-color: white;
}

.schutzraum {
	padding: 0;
}

#header {
	position: relative;
	width:100%;
	height:189px;
	box-sizing: border-box;
	margin-bottom: 0px;
	z-index: 2;
	overflow: hidden;
}
#header .limit {
	background-color: #8cc55a;
	padding-top: 40px;
	height: 100%;
}
#headermobil .limit {
	background-color: #8cc55a;
	padding-right: 60px;
	text-align: left;
	min-height: 130px;
}

#header img.logo {
	margin-left:20px;
	}
	
#headermobil {display: none;}

#header .sprache {
	position: absolute;
	top: 75px;
	right: 25px;
	text-align: right;
	font-size: 13px;
}
#headermobil .sprache {
	position: absolute;
	top: 70px;
	right: 50px;
	text-align: right;
}
.sprache a {
	color: black; 
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
}
.sprache a:hover {
	color: white;
	text-decoration: none;
}
/*.sprache a.contact {
	color: black;
}
.sprache a.contact:hover {
	color: #8cc55a; 
}
*/


/* Slider */

.rsGCaption {display:none}
.infoBlock  {
	display: block;
	background-color: grey;
	opacity: 0.8;
	color: white;
	position: absolute;
	bottom: 16px;
	top: auto;
	width: auto;
	padding: 2px 25px;
	font-weight: 400;
	letter-spacing: 1px;
}

.rsMinW .rsBullets {
	position: absolute;
	bottom: 15px;
	right: 25px;
	z-index: 35;
	padding-top: 4px;
	height: auto;
	opacity: 0.8;
	text-align: center;
	line-height: 6px;
	overflow: hidden;
}
.rsMinW .rsBullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	padding: 6px 0px 6px 8px;
}
.rsMinW .rsBullet span {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #CCC;
	background: rgba(255,255,255,1);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.rsMinW .rsBullet.rsNavSelected span {
	background: #8cc55a;
}


/* Breadcrumb */

#pfad {
	min-height:18px;
	font-weight: 400;
	
	min-height: 10px; 
	}
#pfad .limit {
	padding: 4px 25px 0px 25px;
	color: rgba(56,60,61,1);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.7px;
	
	
	}
#pfad .limit span {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.7px;
	}
#pfad ul, #pfad ul li {
	display: inline-block;
	font-size: 12px;
	}
#pfad ul li:last-child a {
	font-weight: 500;

	}
#pfad a {
	text-decoration: none;
	color: black;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	}
#pfad a:hover {
	color: #8cc55a;
	}
#pfad ul li a:before {
	content:"\a0 \003E \a0";
	color: #8cc55a;
	}
body#SEITE_1 #pfad { 
	min-height: 10px; 
	display: none; 
	}	
	
/* Footer */

#footer {
	width:100%;
	min-height:145px;
	box-sizing: border-box;
	color: black;
	z-index: 3;
	background-color: transparent;
}
#footer .limit {
	background-color: #8cc55a;
	background-image: url(/resources/footer.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#footermain {
	position: relative;
	min-height: 120px;
	padding: 20px 80px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
#footermain div {
	padding: 10px;
	white-space: nowrap;
	flex-grow:1;
	text-align: center;
}

#footer p {
	font-weight: 400;
	margin-bottom:10px;
	line-height: 24px;
}
#footer p em {
	color: white;
}
#footer strong {
	color: white;
}
#footer a {
	text-decoration: none;
	color: black;
	font-weight: 400;
	color:rgba(56, 60, 61, 1);
}
#footer em a, #footer a em {
	color: white;
}
#footer a:hover {
	text-decoration: underline;
	color: white;
	background-color: transparent;
}

#footer a.footerimpressum {
	color: white;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0px;
	display: inline-block;
	border-bottom: 2px solid transparent;
}
#footer a.footerhome {
	color: rgba(255,255,255,0.6);
	font-weight: 300;
	margin-bottom: 12px;
	display: inline-block;
	border-bottom: 2px solid transparent;
}
#footer a.footerhome:hover {
	color: white;
}

#footer a.footerimpressum:hover {
	border-bottom: 2px solid white;
}
body#SEITE_1 #footer a.footerhome {
	color: white;
	font-weight: 700;
}
body#SEITE_1 #footer a.footerhome:hover {
	text-decoration: none;
}
body#SEITE_24 #footer a.footerimpressum{
	border-bottom: 2px solid white;
}
#footer ul li {
	list-style: none;
	padding: 12px 0 6px 0;
	padding: 0px 0 12px 0;
}
#footer ul li ul li {
	padding: 2px 0;
}
#footer ul li a {
	color: rgba(255,255,255,0.6);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.7px;
}
#footer ul li a:hover {
	text-decoration: none;
	color: rgba(255,255,255,0.6);
}
#footer ul li ul li a:hover {
	text-decoration: underline;
	color:white;
}
#footer ul li ul li a {
	color: rgba(255,255,255,0.6);
	font-weight: 300;
	text-transform: none;
}

#footer ul li a:hover {
	border:0;
	cursor: default;
} 
#footer ul li ul li a:hover {
	cursor: pointer;
	color: white;
} 
#footer ul li a.rex-current {
	border-bottom: 2px solid white;
	color: white;
	font-weight: 700;
}
#footer ul li ul li a.rex-current {
	border-bottom: 0;
	color: white;
	font-weight: 700;
	text-decoration: none;
}
#footer ul li.rex-article-4 {
	margin-bottom: 55px;
}
#footer .spalte3 {
	padding: 15px 15px;
	box-sizing: border-box;
	flex-grow:1;
	color: rgba(199,201,203,1);
	font-size:14px;
	flex-grow:1;
	column-count: 2;
	-moz-column-count: 2;
	column-gap: 25px;
	-moz-column-gap: 25px;
}

#nachoben {
display: none;
position: absolute;
top:20px;
right:20px;
border-color: #fff;
height: 15px;
width: 15px;
background: none;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
border-radius: 0;
transform: rotate(45deg);
margin: auto;
z-index: 99999;
}

/* ################## AUFKLAPPINFOS ################## */

dd { 
	display:none; 

	padding: 10px 20px;
	border-radius: 0px 0px 10px 10px ;
	}
dd.initial-open {
	display:block;
	}

dd h2 {
	margin-left:0px;
	margin-bottom: 0px;
}

.closed { 
	background:transparent; 
	border-radius: 10px;
	-webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}
.open { 
	background:transparent; 
	border-radius: 10px 10px 0px 0px;
	-webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

dl {
	width: auto;
	padding: 10px 0px;
	box-sizing: border-box;
	margin: 10px 160px;
}
dl.open {
	border-bottom: 1px solid #8cc55a;
}
dt {
	background-color: white;
	border: 2px solid #8cc55a;
	border-radius: 5px;
	}
dt a {
	color: #333;
	border-radius: 10px;
	display: block;
	padding: 10px 40px 7px 20px;
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
	position: relative;
	font-weight: 700;
	text-transform: uppercase;
}
dt a:hover {
	opacity: 1
	}
dt a.closed:after {
	content:"\00a0\00a0\00a0+";
	float:right;
	padding-right: 10px;
	font-size: 30px;
	line-height: 24px;
	color: #8cc55a;
	font-weight: 300;
	position: absolute;
	right:10px;
	top:9px;

}
dt a.open:after {
	content:"\00a0\00a0\00a0–";
	float:right;
	padding-right: 10px;
	font-size: 30px;
	line-height: 24px;
	color: #8cc55a;
	font-weight: 300;
	position: absolute;
	right:10px;
	top:9px;

}

/* ################## INHALT ################## */

#news-slider {
	min-height:150px;
}

#wichtigmobil {
	display: none;
}
#inhalt,
#slideshow {
	width:100%;
	min-height:90%;
	z-index:10;
	display:block;
	box-sizing: border-box;
	margin: auto;
	}
#inhalt .limit {
	background-color:white;
	box-sizing: border-box;
	background-size: cover;
	background-position: center center;
	}
#main {
	padding: 0 0 50px 0;
}
body#SEITE_1 #main {
	padding: 0;
}

#text {
	box-sizing: border-box;
	padding: 0px 25px;
/* 	background-color: rgba(255, 0, 0, 0.1); */
	flex:1;
	order:2;
}

.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.tinymcewysiwyg, p {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.7px;
	color: rgba(56,60,61,1);
}

h1 {
	-ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    font-weight:300;
	color:#8cc55a;
	font-size:36px;
	line-height:42px;
	display:block;
	margin-left:60px;
	margin-top: 60px;
	margin-bottom: 40px;
}
h2 {
	-ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
	font-weight:400;
	color: rgba(0,0,0,0.7);
	font-size:28px;
	font-weight: 300;
	line-height:38px;
	letter-spacing: 0px;
	margin-top: 12px;
	margin-bottom: 15px;
	display:block;
	margin-left:60px;
	margin-bottom: 40px;
}
h3 {
	-ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
	font-weight:300;
	color:rgba(0,0,0,0.7);
	font-size:19px;
	line-height:28px;
	font-weight: 400;
	display:block;
	letter-spacing: 0.3px;
	margin-bottom: 10px;
	margin-top: -5px;
}
#extra h3 {
	margin-bottom: 8px;
	font-weight: 300;
	letter-spacing: 0.5px;
}
h4 {
	-ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
	font-weight:400;
	color:rgba(0,68,114,1);
	font-size:15px;
	line-height:32px;
	display:block;
	letter-spacing: 1.3px;
}
#extra h4 {
	font-weight:700;
}

h5 {
	font-weight:700;
	color:#004069;
	font-size:18px;
	line-height:20px;
	display:block;
}

h6 {
	font-weight:700;
	color:rgba(0,68,114,1);
	font-size:28px;
	line-height:32px;
	display:block;
	font-family: 'Roboto Slab', Arial;
	margin-bottom:1px;
}
h6:before {
	font-weight:300;
	color:rgba(171,174,177,1);
	content:"\007C";
	margin-top:-3px;
	margin-bottom:2px;
	font-size:24px;
	line-height:29px;
	display: block;
}
h6:first-child:before {
	font-weight:300;
	color:rgba(0,68,114,1);
	content:"";
	display: inline;
}

sup {
	font-size: 9px;
	font-weight: 400;
}
img.foto {
	width:100%;
	display: block;
	clear: both;
	position: relative;
	height: auto;

	border: 5px solid white;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	box-sizing: border-box;
}
.photogallery {
	width:154px;
	width:146px;
	height:97px;
	display: inline-block;
}
.photogallery img {
	width:154px;
	width:140px;
	height:104px;
	
	margin-right:4px;
	padding-right: 4px;
	border-right: 4px transparent solid;
	margin-bottom: 4px;
}
.fotografie {
	position: relative;
	margin: auto;
	margin-bottom: 10px;
	display: block;
	max-width: 390px;
	overflow: hidden;
}
.fotobeschreibung, .fotobeschreibung p {
	text-align: left;
	font-size: 12px;
}
.fotobeschreibung a.eventlink, .fotobeschreibung a.eventlink p {
	text-align: left;
	font-size: 18px;
	font-family: 'Coda', Arial;
	letter-spacing: 0.5px;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
}

.fotoeins .fotobeschreibung a,
.fotozwei .fotobeschreibung a,
.fotobeschreibung a {
	position: absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background-color: rgb(100,159,227);
	color: white;
	display: none;
	box-sizing: border-box;
	padding: 10px;
	max-width: 390px;
}
#text .tinymcewysiwyg .fotografie:hover > .fotobeschreibung a,
.fotografie:hover > .fotobeschreibung a {
	display: block;
	text-decoration: none;
	cursor: -webkit-zoom-in; 
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	background-color: rgba(100,159,227,0.5);
	color: white;
}
.fotografie:hover > .fotobeschreibung a.eventlink {
	font-size: 24px;
}
.fotografie:hover > .fotobeschreibung a.eventlink:hover {
	display: block;
	text-decoration: none;
	cursor: pointer;
	background-color: rgba(221,221,213,0.9);
	color: rgb(77,95,125);
}


/* ################## tinymce wysiwyg ################## */
.rahmen {
	margin-top:3px;
	border:2px solid rgba(199,201,203,1);
	padding: 15px 15px 5px 15px;
	box-sizing: border-box;
	margin-bottom: 25px;
}

.tinymcewysiwyg {
	background-color: transparent;
}

.tinymcewysiwyg.limit {
	background-color: transparent;
	padding:0 160px;
}
.tinymcewysiwyg p {
	margin-bottom: 15px;
	display: block;	
}
.tinymcewysiwyg.rahmen p {
	margin-bottom: 10px;
	display: block;	
}
body#SEITE_8 #inhalt #extra .tinymcewysiwyg p,
body#SEITE_8 #inhalt #wichtigmobil .tinymcewysiwyg p {
	color:rgba(0,68,114,1);
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 3px;
}
body#SEITE_8 #inhalt #extra .tinymcewysiwyg p strong,
body#SEITE_8 #inhalt #wichtigmobil .tinymcewysiwyg p strong {
	color:rgba(0,68,114,1);
	font-size: 12px;
}
.tinymcewysiwyg a {
	/*color:rgb(77,95,125);
	background-color: rgba(77,95,125,0.1);
	text-decoration:none;
	padding: 0 1px;	*/
	color: inherit;
	font-size: inherit;
	text-decoration: underline;
}

.tinymcewysiwyg a:hover {
	color:#8cc55a;
	/*text-decoration:none;
	background-color: rgb(77,95,125);*/
}

.tinymcewysiwyg img  {
	max-width: 100%;
}

.tinymcewysiwyg ul,.tinymcewysiwyg ol {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0px;
	padding-right:16px;
}

.tinymcewysiwyg ul li,.tinymcewysiwyg ol li {
	padding-bottom:4px;
	padding-left:15px;
	list-style:none;
	font-size: 300;
}

.tinymcewysiwyg ul li:before,.tinymcewysiwyg ol li:before {
	content:"–\a0";
	color: rgba(56,60,61,1);
	font-weight:700;
	margin-left: -15px;
	color: #8cc55a;
}
.tinymcewysiwyg p:last-child {
	margin-bottom: 0;
}



b,strong,.tinymcewysiwyg b,.tinymcewysiwyg strong,.tinymcewysiwyg a b,.tinymcewysiwyg a strong,.tinymcewysiwyg b a,.tinymcewysiwyg strong a {
	font-weight:700;
	font-style:normal;
	letter-spacing: 0.6px;
	color: rgba(75,78,80,1);
}

.tinymcewysiwyg k,.tinymcewysiwyg em {
	/*color: rgba(0,68,114,1); */
	font-style:normal;
	font-weight: 300;
	line-height: 26px;
}

.tinymcewysiwyg k b,
.tinymcewysiwyg k strong,
.tinymcewysiwyg em b,
.tinymcewysiwyg em strong,
.tinymcewysiwyg b k,
.tinymcewysiwyg strong k,
.tinymcewysiwyg b em,
.tinymcewysiwyg strong em {
	color: rgb(100,159,227);
	font-style:normal;
	font-weight:500;
}

.tinymcewysiwyg table {
	width:100%;
	display: block;
	border-top:1px solid #8cc55a;
	border-collapse: collapse;
	margin-top: 20px;
}
.tinymcewysiwyg table tbody,
.tinymcewysiwyg table tbody tr {
	width:100%;
}
.tinymcewysiwyg table tr {
	display: table-row;
}
.tinymcewysiwyg table td {
	width:100%;
	padding: 10px;
	vertical-align: top;
	text-align: left;
	border-bottom:1px solid #8cc55a;
	display: table-cell;
}
.tinymcewysiwyg table td:first-child {
	letter-spacing: normal;
	white-space: nowrap;
	/*background-color: rgba(140, 197, 90, 0.2);*/
	width:auto;
	text-align: left;
	font-weight: 500;
}

body#SEITE_7 .tinymcewysiwyg table td {
	/*width:50%;*/
}

s, strike, del { 
	font-size: inherit;
	font-weight: inherit;
	color:red !important; 
	text-decoration: none;
}

/* ################## TITEL und TEXT ################## */
.titel_text {
	margin: 0;
	padding-bottom: 5px;
	display: block;
	max-width: 860px;
	width:100%;
}
.titel {
	width:25%;
	min-width: 285px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.titel1 {
	text-transform: uppercase;
	color: #0068AC;
	font-size: 24px;
}
.titel2 {
	text-transform: uppercase;
	font-size: 18px;
}
.text {
	width:75%;
	max-width: 575px;
	display: inline-block;
}


/* ################## PROJEKT REFERENZ ################## */

.projekt-referenz {
	display: flex;
	width:100%;
	max-width: 640px;
	margin: 0 auto 25px auto;
	box-sizing: border-box;
}
.projekt-referenz .foto {
	width:24%;
	margin-right: 2%;
}
.projekt-referenz .foto img {
	width:100%;
	height:auto;
}
.projekt-referenz .text {
	width:74%;
	font-size: 14px;
}
.projekt-referenz .text p {
	margin-bottom: 0;
}
.projekt-referenz .grau {
	color: #aaa;	
}
.hidden { 
	display:none; 
}
.info {
	margin-top:-25px;
	background-color: #f6f6f6;
	padding: 10px 0 5px 0;
	margin-bottom: 25px;
}
.info .projekt-referenz {
	margin-bottom: 0px;
}
#sprechblase:after {  
      content: ' ';  
      position: absolute;  
      width: 0;  
      height: 0;  
      left: 34px;  
      top: 120px;  
      border: 15px solid;  
      border-color: #fff transparent transparent #fff;  
      }
/* ################## MODULE ################## */

.trennlinie {
	width:100%;
	border-bottom:1px dotted #fff;
	display:block;
	clear:both;
}

.clearfix:before,.clearfix:after {
	content:"";
	display:table;
}

.clearfix:after {
	clear:both;
}

.map_canvas { display:block; position:relative; width: 100%; height: 240px;}
.maphide {display: none;}