/* === !!! hintergrund, seitenfarben, logo, design, schriften, kolumnen, tabs, navigation, slider === */
 
 
 
 
 
 
 


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

body {
		
	font-size:1.05em ;
	background-color:#6e90a6; 	
	 }    


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

.wrap > .endpage, .wrap > .footer { color:#000000; }      
.wrap > .endpage a, .wrap > .endpage a:hover, .wrap > .footer a, .wrap > .footer a:hover  { color:#f39d43; }

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

.wrap * h1 { 
	font-size:2.30em; 
	font-weight:normal;
	margin:0px 0 0px 0 } 	
.wrap * h2 { 
	font-size:2.00em; 
	font-weight:normal;
	margin:0px 0 6px 0	}
.wrap * h3 {
	font-size:1.70em; 
	font-weight:normal;
	margin:0px 0 0px 0	 }
.wrap * h4 { 
	font-size:1.40em; 
	font-weight:normal;
	margin:0px 0 12px 0	 }

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

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

/* Container Head (Logo/Mainnavigation) ============================================================================================================= */
.topinfo { color:#ffffff; }
                                         
.topmenu a.ttp, .topmenu ul li a { color:#ffffff; outline:none }
.topmenu ul li a:hover { color:#f39d43;  } 
.topmenu a.ttp:hover, .topmenu li.current-menu-item a  { color:#f39d43; } 
.topmenu li.current-menu-item a:hover  { color:#f39d43;   } 
.logo { margin:50px 120px 37px 40px }

.navbar-nav {	
	font-size:1.45em;
	
	margin-top:41px; 
	font-family: opensanscondensed; 	
	float:left;  
}
/* Link Solo  */
/* --> inaktiv */
.navbar-default .navbar-nav > li > a { color:#6e90a6; } 
/* --> inaktiv --> a:hover */
.navbar-default ul.navbar-nav > li > a:hover { color:#f39d43 }     
/* --> aktiv */   
.navbar-default .navbar-nav li.current-menu-item a { color:#f39d43; } 
/* --> aktiv --> a:hover */   
.navbar-default .navbar-nav li.current-menu-item a:hover { color:#f39d43 }
/* Toplink Submenu ################## */
/* --> aktiv */   
.navbar-default .navbar-nav li.current-menu-ancestor a { color:#f39d43; } 
/* --> aktiv --> a:hover */   
.navbar-default .navbar-nav li.current-menu-ancestor a:hover { color:#f39d43 }   
/* 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:#f39d43 }
/* 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: #f39d43;  }
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .dropdown-menu > li > a:focus { 
	color: #ffffff; 
	background-color: #f39d43; }  
/* --> aktiv --> Container Submenu */
.navbar-default .navbar-nav .dropdown-menu > li.current-menu-item > a { 
	color: #ffffff; 
	background-color: #f39d43; }	
.navbar-nav > li > .dropdown-menu { margin-top:0px; } 

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

/* Modal-Image-Gallery ============================================================================================================= */
.modal-gallery .modal-content { background:#ffffff }
.modal-gallery .modal-header .modal-title, .modal-gallery .modal-footer .modal-image-description { color:#898989; } 
.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:#898989; }
.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:#f39d43 } 

/* Container Main-Content ============================================================================================================== */
h1 { font-family:'opensanscondensed'; line-height:1.40em; text-indent:0px; color:#ffffff }	
h2 { font-family:'opensanscondensed'; line-height:2.00em; text-indent:0px; color:#ffffff }	
h3 { font-family:'opensanscondensed'; line-height:1.50em; text-indent:0px; color:#ffffff }	
h4 { font-family:'opensanscondensed'; line-height:1.20em; text-indent:0px; color:#ffffff }	

.page-title { 
	background:rgba(255,255,255,0.80); 	
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.80)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);
	zoom:1;	} 	

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

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

.blockquote-gb-open { font-family:'opensanscondensed'; color:#ffffff }

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


/* === Kolumnen ================================================================================= */
.1735-in {}
.col-bg, .personal {		
	/* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:rgba(255,255,255,1.00);  
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1;		
/* TEXTFARBE FUER ALLE */	
	color:#898989;
/* 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:#898989; } 
.col-bg a { color:#f39d43; }
.col-bg a:hover { color:#f39d43; text-decoration:underline  }  

.col-bg { box-shadow: 0px 4px 4px -4px #686868   }



/* Container Footer ========================================================================================================================= */
.wrap .footer .menu li a { 
	background:rgba(243,157,67,1);  
	-pie-background:rgba(243,157,67,1); 
	 color:#ffffff;
	 box-shadow: 0px 4px 4px -4px #686868   } 
	 
.wrap .footer .menu li a:hover { 
	background:rgba(110,144,166,1);  
	-pie-background:rgba(110,144,166,1);
	color:#ffffff; }
	 
.wrap .footer .menu .current-menu-item a { 
	background:rgba(110,144,166,1);  
	-pie-background:rgba(110,144,166,1);
	color:#ffffff; } 
	
.wrap .footer .menu .current-menu-item a:hover { 
	background:rgba(110,144,166,1);  
	-pie-background:rgba(110,144,166,1);
	color:#ffffff; }   
	


/* === !!! FARBEN LAYER (TOP-TEL, NAVI, FOOTER) ================================================================================= */
.layer-bg-one { 
	background-color:rgba(110,144,166,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6e90a6,endColorstr=#ff6e90a6);
	zoom:1; 
	box-shadow: 0px 0px 2px 0px #969696; }

.layer-bg-logo { 
	background-color:rgba(255,255,255,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1; 
}


.wrappostthumbnail, .layer-bg-two { 	
	background-color:rgba(221,221,221,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdddddd,endColorstr=#ffdddddd);
	zoom:1;	
	box-shadow:0px 0px 2px 0px #000000;}  
 	 


/* === Tooltip ================================================================================= */
.tooltip-inner {   
  color:#898989;   
  background:rgba(255,255,255,1);
}	
.tooltip.bottom .tooltip-arrow { display:none; }




 

/* === Big-Slider ================================================================================= */	
.wrap .bigslidercontent {  color:#f39d43;   }
.wrap .bigslidercontent h3 {  position: absolute; bottom: 30px; color:#f39d43; font-size:3.20em; line-height:1.60em;  }
.wrap .bigslidertext { color:; }
/*.bigslidercontent, #wrap-bigslidernav { background-color:rgba(0,0,0,); }*/
#wrap-bigslidernav, .bigslidercontent h3 { 
	background:rgba(255,255,255,0.80); 	
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.80)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);
	zoom:1;		  
	color:#f39d43;}


.bigslidernav a { background: url(/wp-content/themes/mistral/media/slider/bullets-grey.png) 0px -41px;}  
.bigslider_pics { box-shadow:0px 0px 2px 0px #000000; 	  }
#wrap-bigslidernav { box-shadow:0px 0px 2px 0px #000000; 	  }


/* === Text-Slider ================================================================================= */
#textslider_text { color:#898989;}
.shuffleslidernav a, .textslidernav a { background:#f39d43; opacity:1  } 
.shuffleslidernav a.activeSlide, .textslidernav a.activeSlide { background:#6e90a6; opacity:1 } 






	
/* Akkordeon ============================================================================================================================= */
.panel { border-radius:5px; margin-bottom:11px; 
-webkit-box-shadow: 0px 4px 4px -4px #686868; 
box-shadow: 0px 4px 4px -4px #686868 } 
.panel-group .panel { border-radius: 5px;margin-bottom: 11px; }   
.toggle .panel-heading, .accordeon .panel-heading { border-radius: 5px; }  
.panel-default > .panel-heading + .panel-collapse .panel-body { 
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background:#ffffff;
	background:rgba(255,255,255,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1;
	color:#898989; 
	}    
.accordeon .panel-heading { border-top-left-radius: 5px;  border-top-right-radius: 5px;  border-bottom-left-radius: 0; border-bottom-right-radius: 0; }  
.toggle .panel-title a.my-collapsed, .accordeon .panel-title a.my-collapsed { color:#6e90a6; }
.toggle .panel-title a.collapsed, .accordeon .panel-title a.collapsed { color:#6e90a6; }
/* Schriften Toggle und Accordeon; family, size, line-height */
.toggle .panel-title a, .accordeon .panel-title a { 	
	font-family:'opensanscondensed', arial;		
	font-size: 1.45em; 	
	line-height: 1.65em;
	color:#6e90a6; }  
.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:#898989; }
/* 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: 5px; 	
	background:rgba(255,255,255,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1;
	font-style:normal; font-weight:normal }   

/* Aktion: Panel geöffnet */  
a div.clip-header {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding:0 8px 0 8px;
	background:rgba(255,255,255,1.00); 
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1;
	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:rgba(243,157,67,1.00); 	
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff39d43,endColorstr=#fff39d43);
	zoom:1;
	text-decoration:none;
	color:#ffffff;}

a div.clip-header:before { 
	content: "\2212"; font-family:'mistral-icon'; margin-right:4px; line-height: 1.65em; 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: 1.65em; font-weight:normal;  }  




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












.spanner { background:rgba(255,255,255,1.00); }    


 


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

.button_dir, .button_dir_small { box-shadow:0px 4px 4px -4px #686868  ; }
  
.button_dir:hover, .button_dir_small:hover { box-shadow:none; background:#6e90a6; color:#fff }
	
.button-link:hover, .colwrap-all a.button-start:hover, .da-slide .da-link:hover {background:#6e90a6;}

.divider { border-color:#ffffff;} 


/* Input-Felder ========================================= */
.form_textfeld, .form_textarea, .form_textfeld_right, .form_textfeld_quiz {	
  /* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:rgba(255,255,255,1.00);  
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1;		
/* TEXTFARBE FUER ALLE */	
	color:#898989;
  border: 1px solid #686868;  
	box-shadow:0px 4px 4px -4px #686868  ;
   	
   }

















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




/* ============================================================================================================================= */
/* 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: 8%;	
		margin-bottom: 8%;	
		float:right; 
		background:#f39d43; 
		color:red}   
	
	.navbar-default .navbar-toggle:hover { background-color:#f39d43; }
	
	   
	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:8.5% 0 8% 10%; border:0px dotted #000; text-align: center; width:170px; } 
	.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; }  	
}