/******************************************************* BASICS *******************************************************************************/

*:before,
*:after 								{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }

a 										{ text-decoration: none;-webkit-transition: color 0.4s ease;-moz-transition: color 0.4s ease;-o-transition: color 0.4s ease;transition: color 0.4s ease;}
a:hover 								{ text-decoration: none;-webkit-transition: color 0.4s ease;-moz-transition: color 0.4s ease;-o-transition: color 0.4s ease;transition: color 0.4s ease;}

blockquote 								{ quotes: none; }
blockquote:before, blockquote:after 	{ content: ''; content: none; }

::selection 							{ background: rgba(126,126,126,1.00); color:#FFFFFF;}/* Safari */
::-moz-selection 						{ background: rgba(126,126,126,1.00); color:#FFFFFF; }/* Firefox */
html,
body { background: url(../images/bg_body.png) repeat; color: #333; height: 100%;margin:0px; padding:0px;font-family: 'Roboto Condensed', sans-serif;font-weight: 300; font-size:16px; line-height: 1.45;}


::-webkit-scrollbar-thumb:vertical 		{ visibility:hidden; width:0px;}
::-webkit-scrollbar-thumb:horizontal 	{ visibility:hidden; width:0px;}
::-webkit-scrollbar 					{ visibility:hidden; width:0px; }

* {
    margin: 0;
    padding: 0;
}

.row									{ padding:0px;}
.container							{ padding:0px;}

.pad0                               { padding:0px; margin:0px;}



@media all and (max-width: 699px) {
.row									{ padding: 0px;}
.container							{ padding: 0px;}
}

/****************************************************************************************************  FORM ********************************************************************************************************************************************/

.cform 									{ margin:0px; padding:0px;}
.cform input[type="text"],
.cform input[type="email"] 				{ width:100%; background:#E7E7E7; border:none; padding:8px; margin-top:2px;}
.cform input[type="password"] 			{ width:100%; background:#E7E7E7; border:none; padding:8px; margin-top:2px;}
.cform textarea 						{ width:100%; height:180px; background:#E7E7E7; border:none; padding:8px;margin-top:2px;}

.cform label 							{ color:rgba(0,0,0,1.00); font-weight:400; margin-right:0px; margin-bottom:0px; margin-top:10px; padding:0px; width:130px;} 

.cform .wpcf7 							{ margin-top:20px; margin-bottom:0px;}
.cform em { color:rgba(252,3,7,1.00);}

.cform input[type="submit"] 			{ font-size:18px; line-height:24px; color:#fff; font-weight:700; text-transform:uppercase;cursor:pointer;
									      background:#21820f;border:0px; border-color:#21820f; padding-top:6px; padding-bottom:4px; padding-left:10px; padding-right:10px;height:auto;
									      -moz-border-radius: 2px;-webkit-border-radius: 2px; -khtml-border-radius: 2px;border-radius: 3px; margin-top:0px; margin-right:0px; float:right;}										  
						
										  
										  
#submit, .wpcf7-submit:hover 			{ background:#ddd; color:#000000;}
.cform input[type="submit"]:hover 		{ background:#ddd; color:#000000;}

.captcha input[type="text"]  		    { float:left;  width:60%; margin-left:210px; margin-top:-30px; display:block; clear:both; }
.captcha label 							{ width:220px;} 

div.wpcf7-validation-errors { border: 2px solid #FF0004 !important; background: #FF0004 !important; color:rgba(255,255,255,1.00); text-align:center;}
div.wpcf7-mail-sent-ng { border: 2px solid #FF0004 !important; background: #FF0004 !important; color:rgba(255,255,255,1.00); text-align:center;}
div.wpcf7-mail-sent-ok { border: 2px solid #398f14 !important; background: #398f14 !important; color:rgba(255,255,255,1.00); text-align:center;}

@media all and (max-width: 699px) {
.cform input[type="submit"] 			{ float:nonr; width:100%; margin-top:15px; margin-bottom:0px;}		
}


/****************************************************************************************************  FORM ********************************************************************************************************************************************/




/*******************************************************  BASIC WRAPPERS ***********************************************************************/

.wrapper 								    { width:100%; height:auto; clear:both;} 
.wrapper-0 								{ height:0px; clear:both;}
.wrapper-1 								{ width:100%; height:1px; clear:both;}
.wrapper-2 								{ width:100%; height:2px; clear:both;}
.wrapper-3 								{ width:100%; height:3px; clear:both;}
.wrapper-5 								{ width:100%; height:5px; clear:both;}
.wrapper-8 								{ width:100%; height:8px; clear:both;}
.wrapper-10 							{ width:100%; height:10px; clear:both;}
.wrapper-15 							{ width:100%; height:15px; clear:both;}
.wrapper-20 							{ width:100%; height:20px; clear:both;}
.wrapper-25 							{ width:100%; height:25px; clear:both;}
.wrapper-30 							{ width:100%; height:30px; clear:both;}
.wrapper-35 							{ width:100%; height:35px; clear:both;}
.wrapper-40 							{ width:100%; height:40px; clear:both;}
.wrapper-50 							{ width:100%; height:50px; clear:both;}
.wrapper-60 							{ width:100%; height:60px; clear:both;}
.wrapper-70 							{ width:100%; height:70px; clear:both;}
.wrapper-80 							{ width:100%; height:80px; clear:both;}
.wrapper-100 							{ width:100%; height:100px; clear:both;}
.wrapper-200 							{ width:100%; height:200px; clear:both;}
.wrapper-300 							{ width:100%; height:300px; clear:both;}


/*************************************************************  BASIC TYPO ***********************************************************************/

p 										       p { margin-bottom: 1.3em;}
em 										    { }
strong									    {  }

blockquote 								{ background:#eeeeee;margin-top:20px; margin-bottom:10px; }
blockquote >h2							{ margin-top:10px; }
blockquote:before, blockquote:after 	{ content: ''; content: none; }
blockquote ol 							{ margin-left:20px; margin-top:10px; }
blockquote li 							{ line-height:28px; }

.hyphenate 								{ -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;}
.txt-justify 							{ text-align:justify;}

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  font-size: 3.157em;
}

h2 {font-size: 2.369em;}

h3 {font-size: 1.777em;}

h4 {font-size: 1.333em;}

small, .font_small {font-size: 0.75em;}


@media all and (max-width: 699px) {
    h1 {
  margin-top: 0;
  font-size: 1.5em;
}

h2 {font-size: 1.000em;}
}



/****************************************************************************************************  HEADER ********************************************************************************************************************************************/

.header-image  img { border: none; width:100%; height:auto; padding:0px; margin-top:-12px;}
.lang-selector { padding:0px; margin:0px; background: none; float:right; text-align:left; position:relative; z-index:99; }
.lang-selector li { font-size:12px; padding:0px; margin:0px; background: none; }

.fa-language {position:relative; top:16px;}

/****************************************************************************************************  HEADER ********************************************************************************************************************************************/



/****************************************************************************************************  PAGE ********************************************************************************************************************************************/


.inner { background:rgba(255,255,255,1.00); padding:25px;}
.inner h1 					{ text-transform:uppercase; font-size:26px; font-weight:600; text-align:left;}
.inner h3 					{ text-transform:uppercase; font-size:20px; font-weight:600; margin-bottom:0px; padding-bottom:4px; text-align:left;}
.inner a { color:rgba(0,0,0,1.00);}
.inner a:hover { color:#21820f;}


.inner li { list-style: none;}
.inner li:before {
    content: "-";
  
    padding-right: 0.1em;
}


.teaser img { border: none; width:100%; height:auto; padding:0px; margin:0px;}
.claim { position:absolute; bottom:50px; left:15px; background:rgba(0,0,0,0.8); text-transform:uppercase; color:rgba(255,255,255,1.00); }


.marker 							{ position:absolute; bottom:50px; margin-left:0px; margin-bottom:0px; text-align:left; z-index:999;}
.marker h1 span 					{ text-transform:uppercase; font-size:22px; color: rgba(255,255,255,1.00); background-color: rgba(0,0,0,0.8); padding: 1.15rem 20px; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone;  -o-box-decoration-break: clone;  box-decoration-break: clone;}






.sidebar { padding-left:100px; padding-top:0px; margin-top:0px;}
.sidebar h3 { padding-top:12px; margin-top:0px;}

.suppages { padding-left:50px; padding-top:0px; margin-top:58px;}
.alt { margin-top:-8px;}
.suppages ul { border:1px solid rgba(238,238,238,1.00); padding:15px; background:rgba(238,238,238,0.8);}
.suppages li { list-style: none; font-weight:300; font-size:16px; line-height:40px; border-bottom:1px solid rgba(196,195,195,0.4);}
.suppages li:last-child {  border-bottom: none;}
.suppages li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    padding-right: 0.1em;
}

.suppages h4 {text-transform: uppercase; font-weight:600; font-size:20px;}


.listing li { margin-bottom:10px;}
.listing li:before {
    content: "\f1c1";
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
}

.vorstand img { width:100%; height:auto;}
.vorstand h3 { margin-top:6px; padding-top:0px; padding-bottom:0px; margin-bottom:4px;}
.vorstand h5 { text-transform: uppercase; font-size:16px; font-weight:600; color:rgba(0,0,0,0.4);}
.member { height:485px;}
.table-responsive .left {white-space: nowrap;}



.gallerie li { list-style: none; float:left; margin-right:30px; margin-left:0px; margin-bottom:0px; margin-top:0px; padding:0px;}
.gallerie li:before { content:"";}

.news li { list-style: none; margin-bottom:10px; border-bottom:1px solid rgba(231,231,231,1.00);}
.news li:before { content:"";}
.news h2 {text-transform: uppercase; font-weight:600; font-size:18px; padding:0px; margin:0px;}
.moretag { font-weight:600;}

.home-item { margin:0px; padding:0px; text-align:center;}
.home-item img { margin:0px; padding:0px; width:355px; height:auto;}
.home-item h4 { margin-top:8px; margin-bottom:40px; padding:0px;text-transform: uppercase; font-weight:600; font-size:20px;}

.home-item img:hover {     filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .5s ease-in-out;}

.doc { border-bottom:1px solid rgba(205,205,205,1.00); border-top:1px solid rgba(205,205,205,1.00); line-height:40px; font-weight:600; margin-top:20px;}

@media all and (max-width: 699px) {
 .suppages { padding-left:15px; padding-top:0px; margin-top:0px;}
.teaser { margin-top:-22px;}
.sidebar { padding-left:20px;}
.member { height:auto; margin-bottom:10px;}
.slider { margin-top:-22px;}
.gallerie li { margin-right:10px; float:left; width:46%;}
.gallerie img { width:100%;}
.news .text-right h2 { text-align:left;} 
.home-item img { margin:0px; padding:0px; width:100%; height:auto;}
.home-item { margin-right:20px;}
}


/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.home-item img  { width:288px; height:auto;}

}



/****************************************************************************************************  FOTER ********************************************************************************************************************************************/



.footer {background: url(../images/bg_footer.png) repeat top; height:275px; color:rgba(255,255,255,1.00); padding:40px 20px; }
.footer h3 {  text-transform:uppercase; margin-left:0px; margin-bottom:8px; margin-top:0px; margin-right:0px; padding:0px; color: rgba(255,255,255,1.00); font-size:20px; font-weight:400;}
 .sep {  background: url(../images/footer_widget_sep.png) no-repeat center right;}

.spendenkonto  img { position:absolute; right:-50px; top:20px;  }

.copy { color:rgba(0,0,0,1.00); font-size:16px; font-weight:500;}
.copy a { color:rgba(0,0,0,1.00); font-size:16px; font-weight:500;}
.copy a:hover { color:#21820f;}
.footernav li { list-style: none; display:inline-block; margin-left:5px;}
.footernav a { color:rgba(0,0,0,1.00); font-size:16px; font-weight:500;}
.footernav a:hover { color:#21820f;}

@media all and (max-width: 699px) {
.footer {background: url(../images/bg_footer.png) repeat top; height:190px; color:rgba(255,255,255,1.00); padding:15px 10px; }
.sep {  background: none;}
}



/****************************************************************************************************  FOTER ********************************************************************************************************************************************/




/****************************************************************************************************  MAINNAV ********************************************************************************************************************************************/

.top-menue  {background: #333;padding:0px; width:100%; z-index:9999;}
nav {background: #333; margin:0px;padding:0px; width:100%;}


#access {clear: both;display: block;float: left;margin-left:0px;width: 100%;height:44px;padding-top:3px;padding-bottom:6px;padding-left: 0px;padding-right:0px;}
#access ul {font-size: 16px;font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;list-style: none;margin: 0px;padding-left: 0px; padding-right:0px; padding-top:4px;}
#access li {float: left;position: relative;background: url(../images/sep-nav.png); background-repeat: no-repeat;background-position: right top;}
#access a {font-size: 16px;color: #fff;display: block; margin-top:-7px; line-height:44px; height:44px; padding:0px 18px;text-decoration: none;background:none;}

#access ul ul {
	background: #333;
	display: none;
	float: left;
	position: absolute;
	top: 34px;
	left: 0;
	padding-top:5px;
	padding-bottom:0px;
	z-index: 99999;
	color:#FFF;
}

#access ul ul li {background:none;}
#access ul ul ul {left: 100%;top: 0;background:none;}
#access ul ul a {color: #fff;height: auto;line-height: 1.4em;padding: 15px 20px;width: 200px;background:none;font-size: 16px;color: #fff;display: block;	}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {background: none;color:#21820f;}
#access li:hover > a,
#access a:focus {color: #21820f;}
#access ul li:hover > ul {display: block;}
#access .current_page_item > a,
#access .current_page_ancestor > a {background: #21820f; color: #fff;}

/****************************************************************************************************  MAINNAV ********************************************************************************************************************************************/