/* ============================================================================================================================= */
/* Body */
/* ============================================================================================================================= */
html { font-size:14px;	 }
body { 
	font-size:14px;	
	font-size:1.15em ;
	background-color:#ffffff; 	
	 }    


body  { font-size:1.15em ;
 
font-family:'opensans', sans-serif;	
line-height:1.55em; 
color:#212121; } 

p {
  margin: 0 0 0px;
}

.wrap > .endpage, .wrap > .footer { color:#212121; }      
.wrap > .endpage a, .wrap > .endpage a:hover, .wrap > .footer a, .wrap > .footer a:hover  { color:#6e1d0e; }

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

a { color:#212121 }     
a:hover { text-decoration:none; color:#212121 } 

h1 { 
	font-size:4.00em; 
	font-weight:bold;
	margin:10px 0 30px 0 } 	
h2 { 
	font-size:3.40em;     
	font-weight:bold;
	margin:10px 0 30px 0	}
h3 {
	font-size:2.60em; 
	font-weight:bold;
	margin:10px 0 20px 0	 }
h4 { 
	font-size:1.80em; 
	font-weight:bold;
	margin:10px 0 5px 0	 }

/* Container Main-Content ============================================================================================================== */
h1 { font-family:'calibri'; line-height:1.00em; text-indent:0px; color:#212121 }	
h2 { font-family:'calibri'; line-height:1.05em; text-indent:0px; color:#212121 }	
h3 { font-family:'calibri'; line-height:1.15em; text-indent:0px; color:#212121 }	
h4 { font-family:'calibri'; line-height:1.00em; text-indent:0px; color:#212121 }	

h1 small, .h1 small, h1 .small, .h1 .small { font-weight: normal; line-height: 1; vertical-align:super; font-size : 50%; color: #212121;}
h2 small, .h2 small, h2 .small, .h2 .small { font-weight: normal; line-height: 1; vertical-align:super; font-size : 50%; color: #212121;}
h3 small, .h3 small, h3 .small, .h3 .small { font-weight: normal; line-height: 1; vertical-align:super; font-size : 50%; color: #212121;}
h4 small, .h4 small, h4 .small, .h4 .small { font-weight: normal; line-height: 1; vertical-align:super; font-size : 50%; color: #212121;}


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

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

/* Container Head (Logo/Mainnavigation) ============================================================================================================= */
.topinfo { color:#000000; }
                                         
.topmenu a.ttp, .topmenu ul li a { color:#000000; outline:none }
.topmenu ul li a:hover, .topmenu a.ttp:hover { color:#ffffff; background:#000000  } 
.topmenu li.current-menu-item a  { color:#ffffff; background:#000000  } 
.topmenu li.current-menu-item a:hover  { cursor:default; color:#ffffff;   } 
.topmenu a.ttp:hover { cursor:default; }

/* === !!! LOGO ================================================================================= */


/* === !!! TOP-Navigation ================================================================================= */
ul.navbar-nav { 	
	font-family: opensans; 
	font-size: 1.00em;
	} 
/* Link Solo  */
/* --> inaktiv */
.navbar-default .navbar-nav > li > a { color:#000000;} 

/* --> inaktiv --> a:hover */
.navbar-default ul.navbar-nav > li > a:hover, 
.navbar-default ul.navbar-nav > li > a:focus { 
	color:#fcde00;
	background:#515151;
	border-radius:3px;	
	text-decoration: none;
	transition: all 0.3s ease-in 0s;   }   
	
/* --> aktiv */  
.navbar-default ul.navbar-nav > li.current-menu-item > a,
.navbar-default ul.navbar-nav > li.current-page-ancestor a, 
.navbar-default ul.navbar-nav > li.active > a:hover,
.navbar-default ul.navbar-nav > li.active > a:active,
.navbar-default ul.navbar-nav > li.active > a:focus { 
	color:#ffffff; 
	background:#515151;
	border-radius:3px;
	cursor:pointer;
	text-decoration: none;
	
	} 
/* --> 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:#515151; 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: #ae3538;  }
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .dropdown-menu > li > a:focus { 
	color: #ffffff; 
	background-color: #ae3538; }  
/* --> 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: none }

/* Modal-Image-Gallery ============================================================================================================= */
.modal-gallery .modal-content { background:rgba(255,255,255,0.87) }
.modal-gallery .modal-header .modal-title, .modal-gallery .modal-footer .modal-image-description { color:#212121; } 
.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:#212121; }
.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:#b3071b } 


.page-title { 
	background:#ffffff; 	
} 	

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

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

.blockquote-gb-open { font-family:'calibri'; color:#212121 }

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


/* === Kolumnen ================================================================================= */
.col-bg, .personal {		
	/* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:rgba(255,255,255,0.87); 	
/* TEXTFARBE FUER ALLE */	
	color:#212121;
/* 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:#212121; } 
.col-bg a { color:#b3071b; }
.col-bg a:hover { color:#b3071b; text-decoration:underline  }  

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




/* Container Footer ========================================================================================================================= */
.wrap .footer .menu li a { 
	background:#b3071b;  
	color:#fbfbe9;
	box-shadow: 0px 4px 4px -4px #000000   } 


	 
.wrap .footer .menu li a:hover { 
	background:#6e1d0e;  
	color:#fbfbe9; }
	 
.wrap .footer .menu .current-menu-item a { 
	background:#6e1d0e;  	
	color:#fbfbe9; } 
	
.wrap .footer .menu .current-menu-item a:hover { 
	background:#6e1d0e);      	
	color:#fbfbe9; }   
	


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

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

.wrappostthumbnail, .layer-bg-two { 	
	background-color:#ffffff; 	
	box-shadow:0px 0px 2px 0px #969696;}  

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

/* === Carousel ================================================================================= */
.carousel-inner > .item {
   -webkit-transition: .9s ease-in-out left;
  -o-transition: .9s ease-in-out left;
  transition: .9s ease-in-out left;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .9s ease-in-out;
    -o-transition: -o-transform .9s ease-in-out;
    transition: transform .9s ease-in-out;  
  }
}

.carousel-caption a { font-size:3.20em; font-family:'calibri'; line-height:1.00em; text-indent:0px; color:#212121 }

/* === Text-Slider ================================================================================= */
#textslider_text { color:#212121;}
.textslidernav {}
.shuffleslidernav a, .textslidernav a { background:#eeeeee; opacity:1  } 
.shuffleslidernav a.activeSlide, .textslidernav a.activeSlide { background:#dddddd; opacity:1 }
  
/* === Accordeon ================================================================================= */
.panel-default,.panel-default > .panel-heading { border:0px solid #000 }
.panel { border-radius:5px; margin-bottom:0px; 
-webkit-box-shadow: 0px 4px 4px -4px #000000; 
box-shadow: 0px 4px 4px -4px #000000 } 
.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:#ffefd6;
	background:#ffefd6;
	/* BACKGROUND FUER IE */
	color:#6e1d0e;
	border: 0px solid orange; 
	}    
.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:#6e1c0e; text-decoration:none }
.toggle .panel-title a.collapsed, .accordeon .panel-title a.collapsed { color:#6e1c0e; }
/* 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:#6e1c0e;
	text-decoration: none;
	outline:none }  
.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:#6e1d0e; }
/* 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:#ffffff;
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:#ffefd6; 
	/* 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:#6e1c0e; 	
	text-decoration:none;
	color:#ffefd6;}

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

.col-bg .panel { box-shadow:none }


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

/* ======= Tabs ============================================== */

.nav-tabs > li > a { 
	padding:0 15px 0 15px;
	outline:none;
	font-family:'opensanscondensed', arial; 	
	font-size: 1.45em; 
	line-height: 1.65em; 
	background:#6e1c0e; 	
	color:#ffefd6; 
	-webkit-transition: all .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s; 
	border:0px solid #6e1c0e;}

.nav-tabs > li {margin-bottom: 0px; border:none}


.nav-tabs > li > a:hover { 	 	
	text-decoration:none;
	border:0px solid #b3071b;
	background:#b3071b;	
	-pie-background:#b3071b;	
	color:#ffefd6; }
	
.nav-tabs > li#current > a, .nav-tabs > li#current > a:hover, .nav-tabs > li#current > a:focus { 
	background:#ffffff; 
	color:#6e1c0e;
	position: relative; 
	top:0px;
	cursor:default;
	padding:/*8px 15px 2px 15px;*/none;
	*padding:8px 15px 2px 15px;
	border:none; 
	outline:none }
	
.nav-tabs > li > a #current:hover { 
	background:#ffffff;
	color:#6e1c0e;	
	position: relative; 
	top:0px;
	padding:6px 15px 4px 15px;
	*padding:6px 15px 4px 15px;  } 
	
.wrap .main .nav-tabs > li > a, .nav-tabs > li#current > a, .nav-tabs > li#current > a:hover, .nav-tabs > li#current > 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:#ffffff;  	 		
	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:#6e1c0e;
	float:left;
	width:100%; 
	-webkit-box-shadow: 0px 4px 4px -4px #000000; 
	box-shadow: 0px 4px 4px -4px #000000 } 
 }

.tab-content h1, tab-content h2, tab-content h3, tab-content h4 { 
	color:#6e1c0e }   
	
.nav-tabs > li  { padding:8px 0px 0px 0px}	
.nav-tabs > li#current  { padding:/*0px 0px 0px 0px;*/none;}   

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

.col-bg .tab-content { box-shadow:none }     











	










.spanner { background:#ffffff; }   

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

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

.divider { border-color:#a0a0a0;} 


/* Input-Felder ========================================= */
.form_textfeld, .form_textarea, .form_textfeld_right, .form_textfeld_quiz {	
	background:#ffffff;  
/* TEXTFARBE FUER ALLE */	
	color:#3a3a3a;
  border: 1px solid #ffffff;  
}

header { 	
	background-color:#ffffff; 	
	box-shadow:0px 0px 2px 0px #969696;
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;}  
	
header.smaller { background:rgba(211,211,211,0.96);-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; }   
    
.topheader { background:#d3d3d3;
-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; }     
.gettopheader { background:#fcde00; box-shadow:none;
-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; }

/* Button to top scrolling ====================================== */
.totophidden .glyphicon { color:fff;/*rgba(0, 0, 0, 0.4);*/ /*#000000*/; }
.totophidden .glyphicon:hover {  }
a.toptofirst { color:#fff }


/* ============================================================================================================= */
/* Media Device-Queries  */ 
/* ============================================================================================================= */  
/* Responsive Styles kleiner Desktop */
@media (min-width: 768px) and (max-width: 979px) { 	}    

/* Responsive Styles Tablet: 7'' quer (), 10'' hoch () */
@media (max-width: 767px) { }    

/* Responsive Styles Smartphone + Tablet: Phone hoch (320), Phone quer (480), 7'' hoch (641) */
@media (max-width: 480px) { } 







@media (max-width: 400px) { 		 	
	.toplogo { width:60vw; vertical-align:top; border: 0px solid blue; }	
	header .navbar-default  { width:40vw;    border: 0px dotted blue; }  	
}   

@media (min-width: 401px) and (max-width:549px) {   	 	
	.toplogo { width:40vw; vertical-align:top; border: 0px solid red; } 	  
	header .navbar-default  { width:60vw; border: 0px dotted red; }  	
} 

@media (min-width: 550px) and (max-width:767px) {  /* Wechsel der navbar-default */	 	 	
	.toplogo { width:30vw; vertical-align:top; border: 0px solid red; } 	  
	header .navbar-default  { width:70vw; border: 0px dotted red; }  	
	
	
} 


/* Verhalten der Navigation */
@media (max-width: 767px) {
	header.smaller #logo { width: 100%; } 
	.toplogo img { margin-left:5px;}  
	.wrap-clearfix { width:100%; border:0px solid green; } 
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { margin:0px 10px 0 0; }  
	.navbar-default .navbar-toggle:focus { margin-top:0px; } 
	.nav-tabs > li { float:none }
	.nav-tabs > li, 
	.nav-tabs > li#current { padding: 2px 0px 0px 0px;  }  	
	.nav-tabs > li > a {padding:2px 4px; margin-right:0px; line-height:1.1em}  	
	.nav-tabs > li#current > a, 
	.nav-tabs > li#current > a:hover, 
	.nav-tabs > li#current > a:focus { padding: 2px 4px; margin-right:0px; } 
	ul.navbar-nav { font-size: 1.00em; width:auto; margin-left: 0px; }  
	.navbar-nav .dashicons  { display:none } 
	
	
	
	.story { width:100%; padding:0 0 0 0; margin:0 0 0 0; border:0px dotted #000; min-height:50px }  
	.wrap980 { width:96% } 
	.col-bg { box-shadow:none; border-radius:0; } 
	
	body * h1, body * h2, body * h3, body * h4 {  font-size: 1.3em; line-height:1.3em; }  
	.toggle .panel-title a, .accordeon .panel-title a { font-size:1em }	
	.nav-tabs > li > a { font-size:1em; padding: 6px 4px } 			 
	.panel-title { font-size:1em; } 
	.textslidernav a, .shuffleslidernav a.activeSlide, .textslidernav a.activeSlide { width:15px; height:15px; margin-right:10px }	
	
}

/* Verhalten Container */
@media (max-width: 1023px) { body { padding:0 1vw 0 1vw }.topheader .container { width:100% } }


/* Verhalten der Kolumnen */
@media (max-width: 767px) { 
	.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 { padding-bottom:8px }
	.colwrap-all img, .col-bg img { width:100% }	
	 body {padding: 117px 0vw 0 0vw;} 
	 .carousel-caption { top: 50%;}	
	 .carousel-caption a {  font-size: 2.4em;}
	 .button_dir {  padding: 7px 20px 7px 20px; font-size: 17px; }
	 .totophidden { bottom: 5%;	}   	 
} 

/* Verhalten der Kolumnen */
@media (max-width: 801px) { 
	
	 body {padding: 117px 0vw 0 0vw;} 
	 .norm980, .wrap980  { width:100% }
	 .carousel-caption { top: 50%;}	
	 .carousel-caption a {  font-size: 2.4em;}
	 .button_dir {  padding: 7px 20px 7px 20px; font-size: 17px; }
	 .totophidden { bottom: 5%;	}   	 
}