/* === !!! BODY ================================================================================= */
body {  
	background:#baa185 fixed; 
	        
	font-family:'segoe', sans-serif; 	
	font-size:0.95em; 
	line-height:1.30em; 
	text-indent:0.0em;
	color:#ffffff; }
	
 
/* === Linkfarben ================================================================================= */
body a { color:#ffffff;  text-decoration:none; outline:none }
body a:hover { color:#ffffff; text-decoration:underline  }
.headnavi .menu-item  a { color:;  }
.headnavi .menu-item  a:hover { color:;  }
.content-main a {  }
.content_right_sidebar a, .sidebar_right a {  outline:none } 
.content-main a:hover, .sidebar_right .panel-body a:hover {  text-decoration:underline } 

.flagscontainer { border:0px solid #fff; width:auto; height:24px; float:left; padding:0; margin:0 }
.flags { list-style: none; float:left; background: none; background:none; padding:0; margin:0 8px 0 0 }
.flagscontainer div { width:24px; height:24px;}


/* === !!! LOGO ================================================================================= */
.toplogo { margin:10px 70px 10px 42px }

/* === !!! TOP-Navigation ================================================================================= */
ul.navbar-nav { 
	padding:8px 0 8px 0; 
	float:left; 
	margin-top:0px; 
	font-family: segoelight; 
	font-size: 1.00em;} 


/* Link Solo ################## */
/* --> inaktiv */
.navbar-default ul.navbar-nav > li > a { 
	text-transform: uppercase; 
	color:#ffffff;color:#fff; 
	outline:none;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s; }
	 
/* --> inaktiv --> a:hover */
.navbar-default ul.navbar-nav > li > a:hover, 
.navbar-default ul.navbar-nav > li > a:focus { 
	color:#ffffff;background:#9e043c;   }     


.navbar-default ul.navbar-nav > li.active > 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 { 
	background:#9e043c; border-radius:3px; box-shadow: 0px 0px 1px 1px #594f3e;
	color:#ffffff; 
	cursor:default;
	text-decoration: none;  }  




/* --> aktiv  
.navbar-default .navbar-nav li.current-menu-item a { color:#9e043c; }   
.navbar-default .navbar-nav li.current-menu-item a:hover { color:#9e043c;cursor:default }   */   

/* Toplink Submenu ################## */

/* --> aktiv 
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus { color: #fff; background-color: #e7e7e7;}*/

 

.navbar-default .navbar-nav li.current-menu-ancestor a { color:#9e043c; } 



/* --> aktiv --> a:hover */   
.navbar-default .navbar-nav li.current-menu-ancestor a:hover { color:#9e043c }  
   
/* 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:#9e043c } 

/* Hintergrund Container Submenu */
.navbar-default ul.navbar-nav .dropdown-menu { background-color:#baa185 }	


/* Links im Submenu ################## */
/* --> inaktiv --> Container Submenu */
.navbar-default .navbar-nav .dropdown-menu > li > a {
  color: #ffffff;                  
  text-decoration: none; } 
.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .dropdown-menu > li > a:focus {
  color: #ffffff;                  
  text-decoration: none;
  background-color: #baa185; }   
  
/* --> aktiv --> Container Submenu */
.navbar-default .navbar-nav .dropdown-menu > li.current-menu-item > a {
  color: #baa185;                  
  text-decoration: none;
  background-color: #ffffff;
  cursor:default }    
  




	
/* === !!! SCHRIFTEN ================================================================================= */
h1 { font-family:'opensanscondensed'; font-size:4.00em; line-height:1.80em; text-indent:0.0em; color:#ffffff }	
h2 { font-family:'opensanscondensed'; font-size:1.60em; line-height:1.40em; text-indent:0.0em; color:#ffffff }	
h3 { font-family:'opensanscondensed'; font-size:1.30em; line-height:1.40em; text-indent:0.0em; color:#ffffff }	
h4 { font-family:'opensanscondensed'; font-size:1.60em; line-height:1.30em; text-indent:0.0em; color:#ffffff }	

.page-title { 
	/*background:rgba(99,99,99,0.40); 	*/
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.40)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66636363,endColorstr=#66636363);
	zoom:1;			
	 }
.page-title h3 { 
	background:rgba(99,99,99,0.40);
	line-height:1.60em; 
	text-indent:0em; color:#f29400; }
	
	
	
	
.blockquote-gb-open { font-family:'opensanscondensed'; font-size:4.00em; line-height:1.80em; text-indent:0.0em; color:#ffffff }
/* === !!! INITIALE ================================================================================= */
.initiale {display: block;float: left;font-family: 'opensanscondensed'; line-height:1em; text-indent:0em; font-size: 4.2em;margin: -8px 10px 0 0px;}


/* === !!! FARBEN LAYER (TOP-TEL, NAVI, FOOTER) ================================================================================= */
.wrap-layer1 { 
	background-color:rgba(112,9,50,1.00);
	
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff700932,endColorstr=#ff700932);
	zoom:1;
	}


header { 
	background-color:rgba(112,9,50,1.00);
	
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff700932,endColorstr=#ff700932);
	zoom:1;
	box-shadow:1px 1px 4px 1px #262626;
	}


.wrap-layer2 { 	
	background-color:rgba(79,28,28,0.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#04f1c1c,endColorstr=#04f1c1c);
	zoom:1;	
	 }

 
.wrap-footer { 
	padding:0 0 0px 0; 
	box-shadow:0px 0px 8px #000; 
	box-shadow:1px 1px 4px 1px #262626;   }
.shadow-footer { height: 140px; /*background:#4f1c1c; box-shadow:1px 1px 4px 1px #262626;*/   } 
/* === Textfarben ================================================================================= */
.top-tel { color:#ffffff; }
.headnavi .menu-item a { padding:0 8px 0 8px; border-radius:2px; 
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; }
.headnavi .menu-item a:hover { 
	color:#fff; 
	background:#9e043c;
	text-decoration:none } 
.headnavi .current-menu-item a  { 
	color:#fff; 
	background:#9e043c; 
	text-decoration:none } 
.headnavi .current-menu-item a:hover  { cursor:default }
.wrap-colorbox a {font-size: 0.70em;}
.wrap-colorbox a:hover { text-decoration:none } 





/* === Big-Slider ================================================================================= */	
.wrap-content .bigslidercontent,.wrap-content .bigslidercontent h3 {  
	color:#f29400;
	font-size:1.50em; }
.wrap-content .bigslidertext { color:; opacity:1 !important }
.bigslidercontent, .bigslidercontent h3, #wrap-bigslidernav { background-color:rgba(0,0,0,);font-size:1.50em; line-height:1.60em }
#wrap-bigslidernav, .bigslidercontent h3 { 
	background:rgba(99,99,99,0.40); 	
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.40)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66636363,endColorstr=#66636363);
	zoom:1;		  
	color:#f29400;}

.bigslidernav a { background: url(http://www.das-glueckskollektiv.de/wp-content/themes/quoby-scroll/media/background/bullets1.png) 0px -20px;} 
.bigslider_pics { 	box-shadow:1px 1px 4px 1px #262626; 	  }
#wrap-bigslidernav { 	box-shadow:1px 1px 4px 1px #262626; 	  }
.wrap-post-thumbnail {box-shadow:1px 1px 4px 1px #262626;  }



/* === Contact-Form ================================================================================= */
div.wpcf7 img.ajax-loader { width: 16px; height: 16px; }	
div.wpcf7-validation-errors { background-color:red; color:#fff; padding:8px; font-weight:bold; border-radius:4px; width:235px; border: 0px solid #f7e700; margin-top:40px; }
span.wpcf7-not-valid-tip { padding:8px; width:250px; border:none; border-radius:4px; color:#fff; background:#636363; }
div.wpcf7-mail-sent-ok { background-color:#fff; color:#636363; padding:8px; border-radius:4px; border:0px; font-weight:bold; width:235px; margin-top:40px; }
div.wpcf7 p { margin: 0em 0; }

/* === Footer-Navi ================================================================================= */
.content-footer .column-bg .divider{ border-color: ;margin: 10px 0 12px 0;}

<!--[if lt IE 9]>
	.responsivemenu { display:none }  
<![endif]-->

/* HEDGRAFIK-VERLAUF */
.headgrafik {
background: #dccebc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjY2ViYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2NlYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #dccebc 0%, #ffffff 35%, #ffffff 65%, #dccebc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dccebc), color-stop(35%,#ffffff), color-stop(65%,#ffffff), color-stop(100%,#dccebc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #dccebc 0%,#ffffff 35%,#ffffff 65%,#dccebc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #dccebc 0%,#ffffff 35%,#ffffff 65%,#dccebc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #dccebc 0%,#ffffff 35%,#ffffff 65%,#dccebc 100%); /* IE10+ */
background: linear-gradient(to right,  #dccebc 0%,#ffffff 35%,#ffffff 65%,#dccebc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dccebc', endColorstr='#dccebc',GradientType=1 ); /* IE6-8 */
}

/* === Kolumnen ================================================================================= */
.col-bg {		
	/* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:rgba(186,161,133,0.80);  
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.80)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccbaa185,endColorstr=#ccbaa185);
	zoom:1;		
/* 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:#ffffff; } 
.col-bg a { color:#ffffff; }
.col-bg a:hover { color:#ffffff;  }


.col-bg { box-shadow: 0px 0px 0px 0px #2b2b2b   }
/* === MISC ================================================================================= */
/*.wrap-shadow-down { background: }*/
.wrap-shadow-up {  background:/**/ url(http://www.das-glueckskollektiv.de/wp-content/themes/puresleben/media/background-wrapper/bg_bottom_mirror.png) repeat-x bottom; }
.wrap-shadow-none-color { width:100%; margin-bottom:0px; min-height:10px; background:; border:0px solid #000;  }

/* === Footer-Navi ================================================================================= */
.menu-footernavi-container li a { 
	background:rgba(186,161,133,0.80);  
	-pie-background:rgba(186,161,133,0.80); 
	 color:#ffffff; }
.menu-footernavi-container li a:hover { 
	background:rgba(255,255,255,1);  
	-pie-background:rgba(255,255,255,1);
	color:#baa185; 
	text-decoration:none } 
.menu-footernavi-container .current-menu-item a { background:rgba(255,255,255,1);  
	-pie-background:rgba(255,255,255,1);
	color:#baa185; 
	text-decoration:none }
.menu-footernavi-container .current-menu-item a:hover { background:rgba(255,255,255,1);  
	-pie-background:rgba(255,255,255,1);
	color:#baa185; 
	text-decoration:none }
.content-footer .column-bg .divider{ border-color: #f2e3d2;margin: 10px 0 12px 0;}

/* ============================================================================================================================= */
/* Akkordeon */
/* ============================================================================================================================= */
.panel { border-radius:5px; margin-bottom:11px } 
.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:#baa185; 	
	background:rgba(186,161,133,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbaa185,endColorstr=#ffbaa185);
	zoom:1; 
	}
   
.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:#ffffff; }
.toggle .panel-title a.collapsed, .accordeon .panel-title a.collapsed { color:#ffffff; }

/* Schriften Toggle und Accordeon; family, size, line-height */
.toggle .panel-title a, .accordeon .panel-title a { 	
	font-family:'segoelight', arial;		
	font-size: 1.35em;
	line-height: 1.80em;
	color:#ffffff; }  
	
.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:#ffffff; }
/* 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 { 
	border-radius: 5px; 	
	background:rgba(79,28,28,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4f1c1c,endColorstr=#ff4f1c1c);
	zoom:1;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-o-transition: background .5s;
	-ms-transition: background .5s;
	transition: background .5s;
	
	font-style:normal; font-weight:normal; 
	border-bottom: 1px solid #dadada  }   

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




a div.clip-header:before {content: "- "; font-weight:normal;  margin-right:6px   }
a.my-collapsed div.clip-header:before, a.collapsed div.clip-header:before, a.collapsed div.clip-header:before  {content: "+"; font-weight:normal; margin-right:6px }  

.spanner { background:rgba(255,255,255,1.00); }    
.weekday { 
	
	background:#4f1c1c; } 
	
	
	
/* ======= Tabs ============================================== */
	
.nav-tabs > li > a { 
	padding:0 5px 0 5px;
	font-family:'segoelight', arial; 	
	font-size: 1.00em; 
	line-height: 1.60em; 
	background:rgba(112,9,50,1.00);  
	-pie-background:rgba(112,9,50,1.00);
	 color:#ffffff; }

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

.nav-tabs > li > a:hover { 	 	
	text-decoration:none;
	background:rgba(255,255,255,1.00);	
	-pie-background:rgba(255,255,255,1.00);	
	color:#700932; }
	
.nav-tabs > li#current > a, .nav-tabs > li#current > a:hover, .nav-tabs > li#current > a:focus { 
	background:rgba(255,255,255,1.00); 
	-pie-background:rgba(255,255,255,1.00); 
	color:#4f4f4f;
	position: relative; 
	top:0px;
	cursor:default;	
	border:none }
	
.nav-tabs > li > a #current:hover { 
	background:rgba(255,255,255,1.00);
	-pie-background:rgba(255,255,255,1.00);
	color:#4f4f4f;	
	position: relative; 
	top:0px;
	padding:6px 15px 4px 15px;
	*padding:6px 15px 4px 15px;  } 
	
.nav-tabs > li > a, .nav-tabs > li#current > a, .nav-tabs > li#current > a:hover, .nav-tabs > li#current > a:focus {
  border-radius:2px 2px 0 0;
	-moz-border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0; 
	font-style:normal; font-weight:normal;
	-webkit-transition: background .5s;
-moz-transition: background .5s;
-o-transition: background .5s;
-ms-transition: background .5s;
transition: background .5s;
}


.tab-content {	
	background:rgba(255,255,255,1.00);  	 		
	-pie-background:rgba(255,255,255,1.00);
	background: rgba(255,255,255,0.00); 
	padding:24px 10px 20px 0px;
	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% }

.tab-content h1, tab-content h2, tab-content h3, tab-content h4 { 
	color:#ffffff }   
	
.nav-tabs > li  { padding:0px 0px 0px 0px}	
.nav-tabs > li#current  { padding:0px 0px 0px 0px}   

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

/* ============================================================================================================================= */
/* RESPONSIVE LAYOUT */
/* ============================================================================================================================= */


/* !!! 1023px ==========================================================================================================
============================================================================================================================== */
@media screen and (max-width: 1023px) {		
	/* BIG SLIDER ========================================================================================================== */
	.clearfix {width:100%; float:left; height:auto}
	header, header.smaller { height:auto; float:left }	
	
	.wrap-content { padding:0px; margin-right:0px; border:0px solid red; }	
		
	.nav-tabs > li, 
	.nav-tabs > li#current { padding: 2px 6px;  }  	
	.nav-tabs > li > a {padding:2px 6px; 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 6px; margin-right:2px; } 
	
	/*.wrap-content h1 {  font-size: 1.6em; line-height:1.6em; }*/
	
	
	 .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:auto }	
} 


/* !!! 7'' QUER 801 ==========================================================================================================
============================================================================================================================== */
@media screen and (max-width: 800px) {
	

 


}



/* !!! 10'' HOCH 768 =========================================================================================================
============================================================================================================================== */ 
@media screen and (max-width: 768px) { 	    
	/* container clearfix */
	 header #logo { width:62px; height:62px; }
	.clearfix a.toplogo { float: left;margin-left: 12vw; }	
	.toplogo { margin: auto; margin-top:10px; margin-bottom:8px;margin-left:10px; border:0px dotted #000; text-align: center; }
	 header .navbar-default, header.smaller .navbar-default { margin:39px 5vw 0 0; float:right }   	    
	.navbar-default .navbar-toggle {margin-top:0px; margin-left:5px; float:right; background:rgba(186,161,133,0.80);   }	  
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:rgba(186,161,133,0.80);   }
	
	.navbar-header { border:0px solid #000; }
	.top-navbar, .navbar-toggle { float:left; text-align:left } 
	.navbar-default .navbar-nav > li { padding:0 0 5px 0;  }
	.navbar-default .navbar-nav > li > a {font-size: 1em; text-transform: none; }
	.navbar-collapse { float:left }
	
	ul.navbar-nav { margin-top: 12px; } 	 
	
	.wrap-content { font-size:1em }
	.wrap-content h1,.wrap-content h2,.wrap-content h3,.wrap-content h4 {  font-size:1.5em } 
	
	/* die Haupt-Container */
	#first, #second, #third, #fourth,#fifth,#sixth{ width:100%; background:none; }
	#first { padding:100px 2vw 13vw 2vw}
	#second,#third,#fourth,#fifth,#sixth {  padding:51px 2vw 13vw 2vw; float:left; height:auto}  
	#second,#fourth,#sixth { background:#c3c3c3}  
	
	
	.story { border:0px dotted red; min-width:0px; width:100% }	 
	.wrap966 { width:100% }
	
    
  
  .totophidden {right:9px} 
  .totophidden .glyphicon {font-size: .7em; opacity: .7;}  
  
}



/* !!! 7'' HOCH 600 ==========================================================================================================
============================================================================================================================== */
@media screen and (max-width: 600px) {     	
	
	

	
	

	.content-footer .col-bg { height: auto; }	
	 
}



/* !!! iPhone QUER 480 =======================================================================================================
============================================================================================================================== */
@media screen and (max-width: 480px) {  	      	
	.headnavi .menu-item a { padding:0 2px 0 2px; margin:0 2px 0 0; outline:none }
	
	
	
	
	/*.col-bg h1, .col-bg h2, .col-bg h3, .col-bg h4 { font-size: 1.70em; margin-bottom:8px; }			*/
}


/* !!! HUAWEI ASCEND P7 HOCH 360 =============================================================================================
============================================================================================================================== */
@media screen and (max-width: 360px) { 		
	
	/* .wrap-content h1 {  font-size: 1.4em; line-height:1.6em; }  	*/
}   


/* !!! iPhone HOCH 320 =======================================================================================================
============================================================================================================================== */
@media screen and (max-width: 320px) { 		
	
	 
	/* .wrap-content h1 {  font-size: 1.4em; line-height:1.6em; } */
	
	/* .col-bg h1, .col-bg h2, .col-bg h3, .col-bg h4 { font-size: 1.10em; margin-bottom:8px; }	*/
}  




















/* Pad quer */
@media screen and (max-width: 1280px) {		
	#first { background:url(http://page.das-glueckskollektiv.de/wp-content/uploads/start-1280.jpg) 50% 0 no-repeat fixed;	}
	.story-first { top:71%; border:0px dotted #000; } /* Container für den Startsektor */ 
	.story-first h1 { font-size:3em; line-height:1.5em } /* Container für den Startsektor */ 
	
	#second { height:850px;	background: url(http://page.das-glueckskollektiv.de/wp-content/uploads/layer-2a-1280.jpg) 50% 0 no-repeat fixed;}
	#third { height:850px;	background: url(http://page.das-glueckskollektiv.de/wp-content/uploads/layer-3a-1280x979.jpg) 50% 0 no-repeat fixed;}
} 

 
@media screen and (max-width: 1024px) {		
	#first { background:url(http://page.das-glueckskollektiv.de/wp-content/uploads/start-1023.jpg) 50% 0 no-repeat fixed;	}
	#third { height:850px;	background: url(http://page.das-glueckskollektiv.de/wp-content/uploads/layer-3a-1040x795.jpg) 50% 0 no-repeat fixed;}
} 
 

@media screen and (max-width: 800px) {
	.wrap966 { width:100% }
	.toplogo { margin-right:17px }
	.navbar-nav > li > a { padding:10px 6px }	
	#first, #second, #third, #fourth, #fifth, #sixth, #impressum { 
		float:left; height:auto; width:100%; padding:10px;
		background:  url(http://page.das-glueckskollektiv.de/wp-content/uploads/rotrausch-dark.jpg); }   
	.story-first { width:100%; border:0px dotted #000; float: left; position: relative; margin-top: 200px;	 } /* Container für den Startsektor */ 



	
	
	.story-first h1 { font-size:6vw; line-height:1vh } /* Container für den Startsektor */  
	.story-first .col-bg {text-align:center} 
	.story { width:100% }
}

@media screen and (max-width: 768px) { 	
	.navbar-nav > li > a { padding:10px 2px }
	
}
@media screen and (max-width: 600px) { 	
	
}
@media screen and (max-width: 480px) {  	      	
	
}
@media screen and (max-width: 360px) { 	
	
} 
@media screen and (max-width: 320px) { 		
	
}