/* CSS Document */

/*
	Grün: #23a137;
*/

#page1 .banner {
	background:none;
}

html { 
  background: url(../images/back_page.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

.page-2 .slider-wrapper {
	display:inherit;
}

.tx-wecmap-pi1 table, 
.tx-wecmap-pi1 table td {
	width:100%;
}
.tx-wecmap-map {
	width:100% !important;
	max-width:100% !important;
	max-height:250px!important;
	margin-bottom:10px;
}


body, header, #page1 .slider-wrapper {
	background:none;
	font-family: 'Roboto', sans-serif;
}

iframe {
    border: 0;
    max-width: 100% !important;
    margin-bottom: 1em;	
}

/*
	############################## Hover Effects ##############################
	
*/

.grid figure figcaption h2 {
	color:#23a137; /* Grün */
	text-shadow: 0px 0px 9px #FFFFFF;
}
.grid figure figcaption p {
	color:#FFFFFF;
}



/*
	############################## Navigation ##############################
	
*/


/*
.menu li a { 
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
   padding:2em 0;  
}
*/

.menu li a { 
	filter: blur(3px);
	padding:2em 0;
}
	
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	.menu li a { 
		color:#333333;
	}
}

.menu > li > a:hover {
	text-shadow:none;
	filter: blur(0px);
	color:#333333;
}

.menu > li > a:hover {
	text-shadow:none;
	color:#333333;
	background-image:url(../images/brille_menu.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100%;

	  -webkit-transition: -webkit-filter 1s ease-out;
  -moz-transition: -moz-filter 1s ease-out;
  -o-transition: -o-filter 1s ease-out;
  transition: filter 1s ease-out;
	
}

.menu li a.active {
	text-shadow:none;
	filter: blur(0px);
	color:#333333;
	background-image:url(../images/brille_menu.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100%;	
}

@media (max-width: 585px) {
	
	#page1 h1 {
		margin-bottom:20px;
	}
	
	#page1 .menu,
	.menu {
		padding:0 !important;
		float:none;
	}
	
	.menu li {
		width:100%;
		display:inline-block;
		float:none;
		padding:0;
		
	}

	.menu li a {
	   color: #FFFFFF;
	   background-color:#23a137;
	   width:100%;
	   text-align:center;
	   padding:10px;
		filter: blur(0px);
	}
	
	.menu li a.active, 
	.menu > li > a:hover {
		background-image:none;
	}
	
	.menu > li > a:hover {
		background-color:#27db43;	
	}
	
}


#content {
	background:rgba(255,255,255,0.94);
}

h4 {
	line-height:normal;
	text-transform:none;	
}

a.myButton, a:link.myButton, a:hover.myButton {
	color:#ffffff !important;
	text-decoration:none;
}

.myButton {
	background-color:#23a137; /* Grün */
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:2px 1px 9px #2f6627;
	text-align:center;
}

.myButton:hover {
	background-color:#5cbf2a;
}

.myButton:active {
	position:relative;
	top:1px;
}

/* Slider: */



.banner {
	left:570px;
}
.banner > strong {
	font-size:35px;
	line-height:normal;
	letter-spacing:normal;
}
.banner em {
	text-transform:none;
	font-style:normal;
	font-size:24px;
}

.slider-wrapper {
	padding-top:0px;
	display:none;
}

.prev-indent-bot2 {
	margin-bottom:10px !important;
}










/* Hovers */




.grid {
	padding:0px;
}

.grid figure {
	width:auto;
	margin:0px 0 10px 0;
	min-width:100% !important;
	max-width:100% !important;
}

.grid figure figcaption {
	padding:1em;
}


figure.effect-lexi {
	position:relative;
	display:block;
}

figure.effect-lexi p {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 100px 100px 0;
	width: 180px;
	text-align: right;
	opacity: 0;
	-webkit-transform: translate3d(20px,20px,0);
	transform: translate3d(20px,20px,0);
}

figure.effect-lexi figcaption::before {
	position: absolute;
	right: 20px;
	bottom: -65px;
}

a:link, a:visited {
	color:#23a137; /* Grün */
	text-decoration:none;
	font-weight:700;
}
a:hover {
	text-decoration:underline;
}

footer {
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;  
	padding:20px 0 20px 0;
	background:rgba(232,232,232,0.88);
}

#page1 h1 {
    padding: 15px 0 10px 10px;;
	float:left;
	font-size:16pt;
}

#content h1 {
    float: none;
    color: #23a137;
    padding: 0;
    margin-bottom: 15px;
}

#page1 .menu {
    padding: 40px 80px 0 0;
}

#content ul {
	list-style:square !important;
	padding-left:10px;
}