/* ============================================================================================================================= */
/* Body */
/* ============================================================================================================================= */

body { 		
  font-size:1.00em ;
  background-color:#565656; 	
 }    



.wrap > .top, .wrap > .main, .wrap > .footer, .wrap > .endpage  { 
  font-size:1.00em ;   
  font-family:'droidsans', sans-serif;	
  line-height:1.45em; 
  color:#ffffff; 
} 

.wrap > .endpage, .wrap > .footer { color:#ffffff; }      
.wrap > .endpage a, .wrap > .endpage a:hover, .wrap > .footer a, .wrap > .footer a:hover  { color:#b71717; }

.wrap > .main  {text-indent:0px;	}  

.wrap * h1 { 
	font-size:2.20em; 
	font-weight:normal;
	margin:0px 0 13px 0 } 	
.wrap * h2 { 
	font-size:2.00em; 
	font-weight:normal;
	margin:0px 0 5px 0	}
.wrap * h3 {
	font-size:1.80em; 
	font-weight:normal;
	margin:0px 0 5px 0	 }
.wrap * h4 { 
	font-size:1.60em; 
	font-weight:normal;
	margin:0px 0 5px 0	 }

.wrap .impress { font-size:1.10em }

.bigslider_pics { font-size:0.875em;}  /*reset font-size */	  
.wrap a { color:#ae3538; }
.wrap a:hover { color:#ae3538; text-decoration:underline  } 

/* Container Head (Logo/Mainnavigation) ============================================================================================================= */
.topinfo { color:#565656; }
                                         
.topmenu a.ttp, .topmenu ul li a { color:#565656; outline:none }
.topmenu ul li a:hover, .topmenu a.ttp:hover { color:#ffffff; background:#dddddd  } 
.topmenu li.current-menu-item a  { color:#ffffff; background:#dddddd  } 
.topmenu li.current-menu-item a:hover  { cursor:default; color:#ffffff;   } 
.topmenu a.ttp:hover { cursor:default; }
.logo { margin:42px 20px 30px 40px }

.navbar-nav {	
	font-size:1.20em;
	
	margin-top:40px; 
	font-family: droidsans; 	
	float:left;  
}
/* Link Solo  */
/* --> inaktiv */
.navbar-default .navbar-nav > li > a { color:#c1c1c1; } 
/* --> inaktiv --> a:hover */
.navbar-default ul.navbar-nav > li > a:hover { color:#e5651c }     
/* --> aktiv */   
.navbar-default .navbar-nav li.current-menu-item a { color:#ffffff; } 
/* --> aktiv --> a:hover */   
.navbar-default .navbar-nav li.current-menu-item a:hover { color:#ffffff }
/* Toplink Submenu ################## */
/* --> aktiv */   
.navbar-default .navbar-nav li.current-menu-ancestor a { color:#ffffff; } 
/* --> aktiv --> a:hover */   
.navbar-default .navbar-nav li.current-menu-ancestor a:hover { color:#ffffff }   
/* Sublink current open */	
.navbar-default ul.navbar-nav > .open > a, 											
/* Sublink current open hover */
.navbar-default ul.navbar-nav > .open > a:hover, 								
/* Sublink current open focus */
.navbar-default ul.navbar-nav > .open > a:focus { 
	background:none; color:#ffffff }
/* Hintergrund Container Submenu */
.navbar-default ul.navbar-nav .dropdown-menu { background-color:#ffffff }
/* Links im Submenu ################## */
/* --> inaktiv --> Container Submenu */
.navbar-default .navbar-nav .dropdown-menu > li > a { 
	color: #444444;  }
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .dropdown-menu > li > a:focus { 
	color: #ffffff; 
	background-color: #493700; }  
/* --> aktiv --> Container Submenu */
.navbar-default .navbar-nav .dropdown-menu > li.current-menu-item > a { 
	color: #ffffff; 
	background-color: #db0132; }	
.navbar-nav > li > .dropdown-menu { margin-top:0px; } 

ul.navbar-nav li a:before { background: #ffffff }

/* Modal-Image-Gallery ============================================================================================================= */
.modal-gallery .modal-content { background:#474747 }
.modal-gallery .modal-header .modal-title, .modal-gallery .modal-footer .modal-image-description { color:#ffffff; } 
.modal-image-description { font-size:0.8em; line-height:1em }
.modal-gallery .modal-footer a.modal-preview-link, .modal-gallery .modal-footer a.modal-next-link, .modal-gallery .modal-header button.close { color:#ffffff; }
.modal-gallery .modal-footer a.modal-preview-link:hover, .modal-gallery .modal-footer a.modal-next-link:hover, .modal-gallery .modal-header button.close:hover  { color:#fc9264 } 

/* Container Main-Content ============================================================================================================== */
h1 { font-family:'gentium'; line-height:1.10em; text-indent:0px; color:#ddac61 }	
h2 { font-family:'gentium'; line-height:1.15em; text-indent:0px; color:#dd901c }	
h3 { font-family:'gentium'; line-height:1.20em; text-indent:0px; color:#dbbc20 }	
h4 { font-family:'gentium'; line-height:1.25em; text-indent:0px; color:#b71616 }	

.page-title { 
	background:#000000; 	
} 	

.wrap .page-title h1 { color:#ffffff; }

/* === INITIALE + BLOCKQUOTE + LISTE============ */
.initiale { font-family:'gentium'; color:#ddac61 }

.blockquote-gb-open { font-family:'gentium'; color:#ddac61 }

/*.sidebar_right div.contentlist ul { margin: 11px 0 15px 1px; } */


/* === Kolumnen ================================================================================= */
.1735-in {}
.col-bg, .personal {		
	/* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:#474747; 	
/* TEXTFARBE FUER ALLE */	
	color:#ffffff;
/* BERECHNUNG FUER IE */	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
/* BORDERRADIUS FUER ALLE AUSSER IE */
	border-radius:2px 5px 5px 5px;
	-webkit-border-radius:2px 5px 5px 5px;
	-moz-border-radius:2px 5px 5px 5px;
	}
.col-bg h1, .col-bg h2, .col-bg h3, .col-bg h4 { color:#dd3333; } 
.col-bg a { color:#fc9264; }
.col-bg a:hover { color:#fc9264; text-decoration:underline  }  

.col-bg { box-shadow: 0px 4px 8px -4px #2b2b2b   }



/* Container Footer ========================================================================================================================= */
.wrap .footer .menu li a { 
	background:#8dae3f;  
	color:#ffffff;
	box-shadow: 0px 4px 8px -4px #2b2b2b   } 


	 
.wrap .footer .menu li a:hover { 
	background:#f39d43;  
	color:#000000; }
	 
.wrap .footer .menu .current-menu-item a { 
	background:#ffffff;  	
	color:#8dae3f; } 
	
.wrap .footer .menu .current-menu-item a:hover { 
	background:#ffffff);      	
	color:#8dae3f; }   
	


/* === !!! FARBEN LAYER (TOP-TEL, NAVI, FOOTER) ================================================================================= */
.layer-bg-one {
	background-color:#c4c4c4; 	
	box-shadow: 0px 0px 0px 0px #969696; }

.layer-bg-logo { 
	background-color:#8c1c1c;    	
}


.wrappostthumbnail, .layer-bg-two { 	
	background-color:#444444; 	
	box-shadow:0px 0px 1px 1px #7f7f7f;}  
 	 


/* === Tooltip ================================================================================= */
.tooltip-inner {   
  color:#ffffff;   
  background:#474747;    }	
.tooltip.bottom .tooltip-arrow { display:none; }




 

/* === Big-Slider ================================================================================= */	
.wrap .bigslidercontent {  color:#ffffff;   }
.wrap .bigslidercontent h3 {  position: absolute; bottom: 30px; color:#ffffff; font-size:2.10em; line-height:1.60em;  }
.wrap .bigslidertext { color:; }

#wrap-bigslidernav, .bigslidercontent h3 { 
	background:#000000; 	
	color:#ffffff;}  
.bigslidercontent a h3 { transition: all 0.3s ease-in 0s;	}
.bigslidercontent a h3:hover { color:#dd3333 }

.bigslidernav a {background:#eeeeee;}	
.bigslidernav a.activeSlide { background:#dddddd; }	 
.bigslider_pics { box-shadow:0px 0px 1px 1px #7f7f7f; 	  }
#wrap-bigslidernav { box-shadow:0px 0px 1px 1px #7f7f7f; 	  }


/* === Text-Slider ================================================================================= */


#textslider_text { color:#ffffff;}
.textslidernav {display:none;}
.shuffleslidernav a, .textslidernav a { background:#eeeeee; opacity:1  } 
.shuffleslidernav a.activeSlide, .textslidernav a.activeSlide { background:#dddddd; opacity:1 }
  

/* === Text-Slider ================================================================================= */
/* ======= Tabs ============================================== */
.nav-tabs > li > a {   	
	font-family:'droidsans', arial; 	
	font-size: 1.05em; 
	line-height: 1.60em; 
	background:#e5651c;  
	-pie-background:#e5651c;
	 color:#ffffff; 
	 -webkit-transition: all .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s; }




.nav-tabs > li > a:hover { 	 	
	text-decoration:none;
	background:#58585a;	
	-pie-background:#58585a;	
	color:#ffffff; }
	
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { 
	background:#686868; 
	color:#444444;
	position: relative; 
	top:0px;
	cursor:default;   	
	border:none }
	
.nav-tabs > li > a .active:hover { 
	background:#686868;
	color:#444444;	
	position: relative; 
	top:0px; } 
	
.wrap .main .nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-radius:2px 7px 0 0;
	-moz-border-radius:2px 7px 0 0;
	-webkit-border-radius:2px 7px 0 0; 
	font-style:normal; font-weight:normal;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}


.tab-content {	
	background:#686868;  	 		
	padding:8px 10px 20px 10px;
	border:none;  
	-moz-border-radius:0 2px 2px 2px;
	-webkit-border-radius:0 2px 2px 2px;
	border-radius:0 2px 2px 2px;
	margin:0px 0 20px 0;
	color:#ffffff;
	float:left;
	width:100%; 
	-webkit-box-shadow: 0px 4px 8px -4px #2b2b2b; 
	box-shadow: 0px 4px 8px -4px #2b2b2b } 
 }

.tab-content h1, tab-content h2, tab-content h3, tab-content h4 { 
	color:#ffffff }   
	
   

.tab-content img { max-width:100%; float:left; margin:0px 8px 0 0 } 


.nav-tabs > li  {	border:0px solid #000; 
	padding:0px 3px 0px 0px;
	*padding:0px 3px 0px 0px;
	margin: 0 0 0 0;
	}	
.nav-tabs > li.active  {padding:0px 3px 0px 0px; }

.nav-tabs > li > a { 
	padding:0px 16px 0px 16px;   
	margin:0px 0px 0px 0px;
}  

.nav-tabs > li > a, .nav-tabs > li.active > a { border:0px solid blue }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a .active:hover {    	
	margin:0px 0px 0px 0px; 	
}	




/* Akkordeon ============================================================================================================================= */
.panel { border-radius:3px; margin-bottom:11px; 
-webkit-box-shadow: 0px 4px 8px -4px #2b2b2b; 
box-shadow: 0px 4px 8px -4px #2b2b2b } 
.panel-group .panel { border-radius: 3px;margin-bottom: 11px; }   
.toggle .panel-heading, .accordeon .panel-heading { border-radius: 3px; }  
.panel-default > .panel-heading + .panel-collapse .panel-body { 
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background:#ffffff;
	background:#ffffff;
	/* BACKGROUND FUER IE */
	color:#58585a; 
	}    
.accordeon .panel-heading { border-top-left-radius: 3px;  border-top-right-radius: 3px;  border-bottom-left-radius: 0; border-bottom-right-radius: 0; }  
.toggle .panel-title a.my-collapsed, .accordeon .panel-title a.my-collapsed { color:#e5651c; }
.toggle .panel-title a.collapsed, .accordeon .panel-title a.collapsed { color:#e5651c; }
/* Schriften Toggle und Accordeon; family, size, line-height */
.toggle .panel-title a, .accordeon .panel-title a { 	
	font-family:'droidsans', arial;		
	font-size: 1.15em; 	
	line-height: 2.00em;
	color:#e5651c; }  
.toggle .panel-heading, .accordeon .panel-heading { 
	 padding: 0 0 0 0; }  
.toggle .panel-body, .accordeon .panel-body { padding:6px 6px 10px 10px }
.toggle .panel-body { 
	color:#58585a; }
/* Linkeigenschaften Header in Toggle und Accordeon */
.toggle > .panel-title a, .toggle .panel-title a:hover, .accordeon > .panel-title a, .accordeon .panel-title a:hover { text-decoration:none } 
/* Grundzustand: Panel geschlossen */	
a.my-collapsed div.clip-header, a.collapsed div.clip-header, a.collapsed div.clip-header { 
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	border-radius: 3px; 	
	background:#ffffff;
font-style:normal; font-weight:normal }   

/* Aktion: Panel geöffnet */  
a div.clip-header {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding:0 8px 0 8px;
	background:#ffffff; 
	/* BACKGROUND FUER IE */
	font-style:normal;  font-weight:normal} 

/* Aktion: Mouseover Header */
a.my-collapsed div.clip-header:hover, a.collapsed div.clip-header:hover, a.collapsed div.clip-header:hover  {
 	background:#e5651c; 	
	text-decoration:none;
	color:#ffffff;}

a div.clip-header:before { 
	content: "\2212"; font-family:'mistral-icon'; margin-right:4px; line-height: 2.00em; font-weight:normal;   }

a.my-collapsed div.clip-header:before, a.collapsed div.clip-header:before  { 
	content: "\2b"; font-family:'mistral-icon'; margin-right:4px; line-height: 2.00em; font-weight:normal;  }  




/* Akkordeon ============================================================================================================================= */
.tab-content h1, tab-content h2, tab-content h3, tab-content h4 { 
	color:#ffffff }












.spanner { background:#686868; }    


 


.button_dir, .button_dir_small, .button-link, .col-bg .button-link, .colwrap-all a.button-start, .da-slide .da-link { 
	background:#000000;
	color:#000000;
	-webkit-transition: background .2s;
  -moz-transition: background .2s;
  -o-transition: background .2s;
  -ms-transition: background .2s;
  transition: background .2s; 	} 

.button_dir, .button_dir_small { 
	transition: all 0.1s ease-in 0s;
	box-shadow:0px 4px 8px -4px #2b2b2b;
	 }
  
.button_dir:hover, .button_dir_small:hover { 
box-shadow:none; 
background:#000000; 
color:#000000; }
	
.button-link:hover, .colwrap-all a.button-start:hover, .da-slide .da-link:hover {
background:#000000;
color:#000000;}

.divider { border-color:#000000;} 


/* Input-Felder ========================================= */
.form_textfeld, .form_textarea, .form_textfeld_right, .form_textfeld_quiz {	
	background:#000000;  
/* TEXTFARBE FUER ALLE */	
	color:#000000;
  border: 1px solid #000000;  
	box-shadow:0px 4px 8px -4px #2b2b2b  ;
   	
   }

















/* Personal ============================================= */ 
.personal:hover, .personal:hover h4, .personal:hover a, .personal:hover a:hover { 
	color:#474747;  background:#fc9264 }




/* ============================================================================================================================= */
/* RESPONSIVE LAYOUT */
/* ============================================================================================================================= */
@media screen and (max-width: 1023px) {		
	.wrap966 { width:97%; }	
	.wrapmaincontent { padding:0px; margin-right:0px; border:0px solid red; }	
	.content_right_sidebar { width:100% }
	.wrap-one_third_bg .column-bg-wrapper img { max-width: 10%}  	  	
	.wrap-post-thumbnail { margin:0 30px 0px 0; }	
		
	.colwrap-1, .colwrap-1-bg,.colwrap-2,.colwrap-2-bg,.colwrap-3,.colwrap-3-bg,.colwrap-4,.colwrap-4-bg,.colwrap-5,.colwrap-5-bg,.colwrap-6,.colwrap-6-bg,
	.colwrap-5-6, .colwrap-5-6-bg,.colwrap-4-5, .colwrap-4-5-bg,.colwrap-3-4,.colwrap-3-4-bg,.colwrap-2-3,.colwrap-2-3-bg,.colwrap-3-5, .colwrap-3-5-bg,
	.colwrap-2-5, .colwrap-2-5-bg { width:100% !important; }	
	.colwrap-1-bg,.colwrap-2-bg,.colwrap-3-bg,.colwrap-4-bg,.colwrap-5-bg,.colwrap-6-bg,.colwrap-5-6-bg,.colwrap-4-5-bg,.colwrap-3-4-bg,.colwrap-2-3-bg,.colwrap-3-5-bg,.colwrap-2-5-bg { background: none; }	
	.col-bg { width:auto; min-height:80px; float:left; }	
	.padding-1, .padding-2, .padding-3, .padding-4, .padding-5, .padding-6, .padding-5-6, .padding-4-5, .padding-3-4, .padding-2-3, .padding-3-5, .padding-2-5 {  width:100%; padding:2% }	
	.colwrap-all img, .col-bg img { width:100% }	
		
	.sidebar_right {width:100%;float: left; padding-left: 0%;min-height:20px; margin-top:0; background: none;	} 

	.wrap .footer .col-bg { height: auto; }	 
		
	.nav-tabs > li, 
	.nav-tabs > li#current { padding: 8px 2px 2px 2px;  }  	
	.nav-tabs > li > a {padding:2px 2px 2px 2px; margin-right:2px; line-height:1.1em}  	
	.nav-tabs > li#current > a, 
	.nav-tabs > li#current > a:hover, 
	.nav-tabs > li#current > a:focus { padding: 2px 2px 2px 2px; margin-right:2px; } 
	.bigslidercontent h3 { margin:auto; text-align:center; margin: 8% 0% 0% 2%;  font-size: 1em;}		
	.wrapmaincontent h1 {  font-size: 1.6em; line-height:1.6em; }
} 


/* !!! 7'' QUER 801 */
@media screen and (max-width: 800px) {
	.topinfo { height:auto; padding: 0 2% 0 10% }
	.nav > li > a { padding:0px 0px }
	ul.navbar-nav { float: left; font-size: 1.00em; margin-top: 93px; } 
	.nav-tabs > li > a { padding:2px 2px 2px 2px }
	.claim h1 {  font-size: 1.6em; line-height:1em; }
	.bigslidercontent h3 { margin:auto; text-align:center; margin: 8% 0% 0% 2%;  font-size: 1em;}		
	.wrapmaincontent h1 {  font-size: 1.6em; line-height:1.6em; }  	
}


/* !!! 10'' HOCH 768 */ 
@media screen and (max-width: 768px) { 	    
	.topinfo { height:auto; padding: 0 2% 0 10% }
	ul.navbar-nav { float: left; font-size: 1.00em; margin-top: 0px; }    	    
	
	.navbar-default .navbar-toggle { 
		margin-top: 12%;	
		margin-bottom: 11%;	
		float:right; 
		background:#c1c1c1;
		color:red}   
	
	.navbar-default .navbar-toggle:hover { background-color:#ffffff; }
	
	   
	ul.navbar-nav li a:before { background:none }
	
	
	.navbar-default .navbar-toggle .icon-bar { 
		background-color:#ffffff; }	
	
	.navbar-default ul.navbar-nav .dropdown-menu { 
		border:0px solid #000; background:none; margin-left: 8%; }
	
	.top-navbar, .navbar-toggle { float:left; text-align:left } 
	.logo { margin: auto; margin-top:10px; margin-right:20px; margin-bottom:8px; border:0px dotted #000; text-align: center; width:170px; margin-left: 1%; } 
	.bigslidercontent h3 {margin: 16% 0 0 4%; font-size: 1.3em;}
	
	.wrap .page-title h1 { font-size:18px }  
	
	.wrap > .main { padding: 0 5px 0 5px; }
}


/* !!! 7'' HOCH 600 */
@media screen and (max-width: 600px) {     	
	.topinfo { height:auto; padding: 0 2% 0 10% }
	.bigslidercontent h3 { margin:auto; text-align:center; margin: 8% 0% 0% 2%;  font-size: 1em;}	
	.page-title { padding-top:8px; padding-bottom:8px; padding-left:8px; padding-right:8px; margin: 7% 2% 0 0; border-radius:6px }
	.page-title h1 { font-size: 1.5em; line-height: 1.5em;}
	.wrapmaincontent h1 {  font-size: 1.6em; line-height:1.6em; }
}


/* !!! iPhone QUER 480 */
@media screen and (max-width: 480px) {
	.topinfo { height:auto; padding: 0 2% 0 2% }
	.topinfo, .topinfo a { height:auto; font-size:1em }      	
	.bigslidercontent h3 { margin:auto; text-align:center; margin: 7% 0% 0% 2%;  font-size: 0.85em;}
	.page-title { padding:8px; margin: 34% 2% 0 0; border-radius:6px }
	.page-title h1 { font-size: 1.3em; line-height: 1.3em;}
	.page-title h3 { font-size: 1.3em; line-height: 1.3em;}	
	.wrap * h1 {  font-size: 1.6em; line-height:1.6em; }  	
}


/* !!! iPhone HOCH 320 */
@media screen and (max-width: 320px) { 		
	.menu-topnavi-container { float:left }	
	.bigslidercontent h3 { margin:auto; text-align:center; margin: 4% 0% 0% 2%;  font-size: 0.7em;}
	h1, .page-title h1 { font-size: 1.4em; line-height: 1.0em;} 
	h2 { font-size: 1.2em; line-height: 1.0em;}   
	h3 { font-size: 1.0em; line-height: 1.0em;}
	.content-main { margin-top:0px }
	 
	.wrapmaincontent h1 {  font-size: 1.4em; line-height:1.6em; }  	
}      
  
span.wpcf7-list-item input[type="radio"], span.wpcf7-list-item input[type="checkbox"]  { position: relative; margin: 0 .7em 0 0; }