/*

Theme Name: pcglobal
Theme URI: http://pcglobal.org
Description: Theme Entwicklung von Tatort Web für den Internetauftritt von PC Global
Author: Thomas Röttgen
Author URI: http://tatort-web.com/
Version: 1.0
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: pcglobal

License: Thomas Röttgen - Tatort Web
License URI: http://tatort-web.com

*/

.sticky {}
.gallery-caption {}
.bypostauthor {}
.screen-reader-text {}


		@import url(//fonts.googleapis.com/css?family=Open+Sans);
/*==================================================================
							G L O B A L S  					
===================================================================*/
* 	{ margin:0; padding:0; font-family: 'Droid Sans', sans-serif; }
p 	{ margin-bottom:1.1em;  line-height: 1.6em; font-family: 'Droid Sans', sans-serif !important; }
a 	{ text-decoration:none; }
body { background:#eee; font-family: 'Droid Sans', sans-serif; }
ul li 	{ list-style-position:outside; line-height:1.5em; }


/*==================================================================
  Ü B E R S C H R I F T E N   &   T E X T F O R M A T I E R U N G				
===================================================================*/
h1 { color:#FF8400; padding-bottom:50px; font-size:2em; font-weight:bold; font-family: 'Droid Sans', sans-serif !important;}
h2 { font-size:1.4em; color:#007776; font-weight:900; padding-bottom:20px; font-family: 'Droid Sans', sans-serif !important;}
h3 { font-size:1.3em; color:#007776; font-weight:900; padding-bottom:20px; font-family: 'Droid Sans', sans-serif !important;}
h4 { color:#FF8400; font-size:1.3em; font-weight:bold; font-family: 'Droid Sans', sans-serif !important;}

/*Font Awsome*/
i.fa-angle-left, i.fa-angle-right, .wds_slideshow_dots_thumbnails_0 i { color:#ccc !important;}

strong { font-weight:900; }

.elastic-video {
	position: relative;
	padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
	overflow: hidden;	
	margin-bottom:100px;
	margin-top:-30px;
}

.elastic-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*==================================================================
				W R A P P E R   &   C O N T A I N E R 		 		
===================================================================*/
#wrapper {
	max-width:1400px;
	margin:50px auto;
	background:#fff;
	overflow:hidden;
}

#wrapper-outer {
	max-width:1500px;
	margin:50px auto;
	background:#fff;
}

.container {
	width:100%;
	margin:0 auto;
}



/*==================================================================
							H E A D E R 		 			
===================================================================*/
#header {
	clear:both;
	height:130px;
	//float:left;
	width:100%;
}

.siteTitle {
	color:#633e13; 
	font-size:2.625em; 
	margin-top:28px;
}

.siteDescription {
	color:#b07d42; 
	font-size:1.125em; 
	font-weight:normal; 
	margin-top:5px;
}

.home-logo {
	text-decoration:none;
	font-size:0.7em;
	vertical-align:baseline;
	float:left;
}

.weed-logo {
	margin-left:20px;
	padding-top:0px;
	float:left;
}

/*==================================================================
						N A V I G A T I O N S 		 			
===================================================================*/
/*==================================================
			T O P	N A V I G A T I O N		 		 		
===================================================*/
#menu-topnav {
	height:130px;
	float:right;
	vertical-align:baseline;
	display:inline;
}

.menu-topnav-container {
	//width:600px;
	vertical-align:baseline;
}

.menu-topnav-container ul {
	list-style-type:none;
	right:0;
	vertical-align:baseline;
}

.menu-topnav-container ul li {
	float:left;
	padding-left:10px;
	vertical-align:baseline;
	height:100%;
}

.menu-topnav-container ul li a {
	line-height:217px;
	vertical-align:baseline;
	color:#474747;
	font-weight:900;
	padding:5px;
}

.menu-topnav-container .current_page_item, .menu-topnav-container .current_page_parent {
	background: #fff; 
}

.menu-topnav-container .current_page_item a, .menu-topnav-container .current_page_parent a {
	border:1px solid #BCDBDA; 
	border-radius:10px;
}

.menu-topnav-container .current_page_item ul li, .menu-topnav-container .current_page_parent ul li {
	margin-left:9px;
}


/*==================================================
			M A I N    N A V I G A T I O N		 		 		
===================================================*/
#navMain {
	position:relative;
	clear:both;
	background:#474747;
	width:100%;
	margin-bottom:10px;
	height:60px;
	z-index:2;
}


#navMain ul { 
	list-style:none;
	z-index:10; 
}

#navMain li {
	height:60px;
	float:left;
	font-weight:900;   
	
}

#navMain ul li:hover {
	background:#FF8400;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

#navMain li:first-child {
	border-top:none;
	font-weight:900;
}

#navMain i {
	font-size:1.4em;
}

#navMain a {
	padding-right:1em;
	padding-left:1em;
	color:white;
	text-decoration:none;
	line-height:60px;
	vertical-align:middle;
}

.nav-1-menue, .nav-2-menue, .nav-3-menue, .nav-4-menue { width:225px; border-right:1px solid #474747;}

.sub-menu .menu-item {
	position:relative;
	background:#99C9C8;
	display:none;
	//width:250px; 
	width:330px; 
}

.nav-1-menue:hover .menu-item {
	display:block;
	border-top:1px solid #fff;     
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
} 

#navMain .nav-1-sub-submenue { display:none; background:#007776; overflow:hidden; }
#navMain .nav-1-submenue:hover .nav-1-sub-submenue { display:block;}

.nav-1-sub-submenue:first-child   { 
	top:-60px; left:330px; 
}

.nav-1-sub-submenue:nth-child(2)  { 
	top:-60px; left:330px; 
}

.nav-1-sub-submenue:nth-child(3)  { 
	top:-60px; left:330px; 
}

.nav-1-sub-submenue:nth-child(4)  { 
	top:-60px; left:330px; 
}

.nav-1-sub-submenue:nth-child(5)  { 
	top:-60px; left:330px; 
}


/* Markierung der aktuellen Menueauswahl */
#navMain .current-page-ancestor, #navMain .current_page_parent, #navMain .current_page_item  {
	background: #FF8400; 
}

/*==================================================
		S I D E B A R   N A V I G A T I O N		 		 		
===================================================*/
#sidebar-wrapper {
	float:left;
	width:280px;
}

#sidebar {
	width:100%;
	margin:0; 
	padding-top:0px; 
	padding-bottom:20px;
}

#sidebar h4 {
	font-size:1.3em;
	display:block;
	padding:5px;
	color:#FF8400;
	font-weight:900;
	background:#eee;
	border-radius:10px;
	width:250px;
	margin-bottom:.3em;
	text-align:center;
}

#sidebar ul li {
	list-style:none;
	line-height:20px;
	vertical-align:middle;
	padding-top:.5em;
	padding-bottom:.5em;
	width:260px;
	text-align:center;
	margin-bottom:.5em;
	border-radius:10px;
	background:#eee;
	
}

#sidebar ul li a:before {
	content: '';
	display: block;
	height: 130px;
	width: 100%;
}

#sidebar ul li:nth-child(1) a:before {
	background: url('http://pcglobal.org/wp-content/uploads/2015/09/Vigniette_ThomasManig_02_Rohstoffabbau.png');
	background-position:center;
	background-size:120px auto;
	background-repeat:no-repeat;
}

#sidebar ul li:nth-child(2) a:before {
	background: url('http://pcglobal.org/wp-content/uploads/2015/09/Vigniette_ThomasManig_04_Produktion.png');
	background-position:center;
	background-size:120px auto;
	background-repeat:no-repeat;
}


#sidebar ul li:nth-child(3) a:before {
	background: url('http://pcglobal.org/wp-content/uploads/2015/09/Vigniette_ThomasManig_05_Vertrieb.png');
	background-position:center;
	background-size:120px auto;
	background-repeat:no-repeat;
}


#sidebar ul li:nth-child(4) a:before {
	background: url('http://pcglobal.org/wp-content/uploads/2015/09/Vigniette_ThomasManig_06_Verschrottung.png');
	background-position:center;
	background-size:120px auto;
	background-repeat:no-repeat;
}


#sidebar ul li a:hover {
	color:#FF8400;   
	//color:#007776;  
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

#sidebar ul li a {
	color:#007776;
	//color:#FF8400;   
	font-weight:900;
	font-size:1.0em;
}


#sidebar .current_page_item, #sidebar .current_page_parent {
	background: #C8E2E1; 
	//background: #ddd; 
	color:#FF8400;
	//color:#007776;
}

#sidebar .current_page_item a, #sidebar .current_page_parent a {
	color:#FF8400;
	//color:#007776;
}

aside { margin:20px 0px 50px 0px; font-family: 'Droid Sans', sans-serif;}

/*==================================================
		B O T T O M   N A V I G A T I O N		 		 		
===================================================*/

#bottom_navi_wrapper {
	width:1100px;
	float:right;
}

#bottom_navi {
	width:1100px;
	margin:auto;
}


/*-----------------------*/
#bottom_navi ul li a {
	font-size:1em;
	padding-top:10px;
	font-weight:900;
	color:#007776;
}

#bottom_navi ul li {
	list-style:none;
	line-height:20px;
	vertical-align:middle;
	padding-top:.5em;
	padding-bottom:.5em;
	width:352px;
	text-align:center;
	margin-bottom:.5em;
	border-radius:10px;
	background:#fff;
	float:left;
}

#bottom_navi ul li:nth-child(1), #bottom_navi ul li:nth-child(2) {
	margin-right:20px;
}


#bottom_navi ul li a:before {
	position:relative;
	content: ' ';
	display: block;
	height: 190px;
	width: 100%;
	border:1px solid black;
	border-radius:10px;
	z-index:3;
}


#bottom_navi ul li:nth-child(1):after {
	content: 'Informieren Sie sich hier über kommende Veranstaltungen und Termine von WEED e.V.';
	display: block;
	height: 150px;
	width: 100%;
	line-height:1.3em;
	padding-top:10px;
	font-size:1em;
}

#bottom_navi ul li:nth-child(2):after {
	content: 'Unsere Publikationen und weitere Informationen finden Sie hier.';
	display: block;
	height: 150px;
	width: 100%;
	line-height:1.3em;
	padding-top:10px;
	font-size:1em;
}

#bottom_navi ul li:nth-child(3):after {
	content: 'Hier finden Sie Videos zur Lieferkette von IT-Produkten.';
	display: block;
	height: 150px;
	width: 100%;
	line-height:1.3em;
	padding-top:10px;
	font-size:1em;
}


#bottom_navi ul li:nth-child(1) a:before {
	background: url('http://www.pcglobal.org/wp-content/uploads/2015/11/calendar-660670_1920.jpg');
	background-position:center;
	background-size:360px auto;
	background-repeat:no-repeat;
	margin-bottom:15px;
	background-color:#ffffff;
}

#bottom_navi ul li:nth-child(2) a:before {
	background: url('http://www.pcglobal.org/wp-content/uploads/2015/11/information-41225_1280.png');
	background-position:center;
	background-size:180px auto;
	background-repeat:no-repeat;
	margin-bottom:15px;
	background-color:#ffffff;
}
 


#bottom_navi ul li:nth-child(3) a:before {
	background: url('http://www.pcglobal.org/wp-content/uploads/2015/11/film-596011_1280.png');
	background-position:center;
	background-size:300px auto;
	background-repeat:no-repeat;
	margin-bottom:15px;
	background-color:#ffffff;
} 



#bottom_navi ul li a:hover:before {
	content: '';
	opacity: .2;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
} 

#bottom_navi ul li:before {
	content: url(http://pcglobal.org/wp-content/uploads/2015/09/lupe.png);
	position:absolute;
	width:90px;
	margin:60px -40px;
	color:transparent;
	background:transparent;
	z-index:1;
}


#bottom_navi ul li:hover:before {
	font-size:1.8em;
	color:red;
	-moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
}

.responsive-menu-box {
	width:100% !important;
	margin:0; padding:0;
}

/*==================================================
		I M P R E S S U M   N A V I G A T I O N		 		 		
===================================================*/
#navSecondary {
	background:#303030;
	font-size:0.8em;
}

#navSecondary a {
	display:block;
	color:white;
	text-decoration:none;
	text-align:center;
	padding:1em;
}

#navSecondary a:hover {
	color:#FF8400;
}

#navSecondary ul li { list-style-type:none;}


/*==================================================
		M O B I L E   N A V I G A T I O N		 		 		
===================================================*/
#mobil-header { display:none;}

/*==================================================================
			S I D E B A R 2	 =>	 F Ö R D E R E R		 			
===================================================================*/
#sidebar2 {
	font-family: 'Droid Sans', sans-serif;
	margin:0px 0px 0px 10px;
	padding-top:20px;
	float:left;
	width:17%;
	background:#eee;
	padding:20px;
	border-radius:10px;
}

#sidebar2 p {
	font-family: 'Droid Sans', sans-serif;
	color:#474747;;
	font-size:.8em;
	padding-top:20px;
	padding-bottom:10px;
	text-align:justify;
	   -moz-hyphens: auto;		/* weiche Silbentrennung */
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
	hyphenate-limit-chars: auto 5;
		hyphenate-limit-lines: 2;
}

#sidebar2 img {
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
	width:80%;
}



/*==================================================================
							C L A I M		 			
===================================================================*/
#claim {
	width:1070px;
	height:750px;
	float:right;
	margin-top:70px;
}



/*==================================================================
						C O N T E N T		 			
===================================================================*/
#content {
	width:100%;
	margin:60px 0 80px;
}

/* main */
#main {
	margin-top:20px;
	background:#eee;
	color:#474747;
	padding:50px;
	margin-bottom:4em;
	width:1000px;
	float:right;
	border-radius:10px;
	min-height:655px;
}

.search-results #main, 
.search-no-results #main, 
.error404 #main								 			{ float:right; }
.search-results #sidebar, 
.search-no-results #sidebar,
.error404 #sidebar									 	{ width:20% !important; float:left; }
.page-template-template-no-sidebar-php #main				{ width:92.5% !important; }
.search-results #main article								{ padding-bottom:50px;}


#main ul {
	padding-left:20px; margin-top:-15px;
}

#main ul li {
	padding-left:5px;
}

#main a { color:#007776;} 

#main h3 { padding-bottom:50px; }


/*==================================================================
							F O O T E R	 			 			
===================================================================*/
#footer {
	background:#474747;
	clear:both;
	padding:0;
}

#footer a {
	font-size:1.5em;
}

/*==================================================================
					S E A R C H   F O R M 			 			
===================================================================*/
form label { display:none;}

/* search button */
input#searchsubmit {
  display:none;
}

#outer-searchform { width:1px; }

#searchform { 
	color:white; margin:0; padding:0; 
}
	
.fa.closebutton {
	display:none;
	cursor:pointer;
	
}

.fa.openbutton {
	cursor:pointer;
}

input[type="text"] {
	cursor:pointer;
	border:none;
    font-family: inherit;
    padding: 0.5rem;
	color:#fff;
	margin-top:1px;
	font-size:1em;
	background:grey;
	height:20px; 
}


/*==================================================================
		B R E A D C R U M P - P F A D   D A R S T E L L U N G			 			
===================================================================*/
.breadcrumb a {
	color:#474747;
}

.breadcrumb {
	float:left;
	padding-top:1em;
	font-size:.8em;
	color:#FF8400;
	padding-left:4px;
}

/*==================================================================
				C O O K I E   W A R N E R			 			
===================================================================*/
.pea_cook_wrapper {
	width:300px !important;
	padding:5px !important;
	top:1px;
	left:60% !important;
	position:fixed;
	border-radius:5px;
	z-index:2000;
}

.cli_settings_button {
	color: #FD8E17 !important;
	background-color: black !important;
	font-size:14px !important;
	margin:5px !important;
	padding:9px!important;
}

.cli-plugin-button {
	border:none !important;
	background-color: black !important;
	color: #FD8E17 !important;
}

.cli-modal-content {
	padding-bottom:50px !important;
	
}

a.cc-link.impressum,
.cc-divider {
	display:none;
}

#cc-window {
	border:1px solid #1E73BE;
}
/*==================================================================
			M E D I A   Q U E R I E S		
===================================================================*/
@media only all and (max-width: 1550px) {
	#wrapper-outer {
		margin:20px;
		padding:10px;
	}
	#main {
		width:71%;
	}
}



@media only all and (max-width: 1400px) {
	
	#claim 				{ width:76%; height:100%; margin-bottom:1%; }
	#main 				{ width:70%; min-height:615px;}	
	#sidebar-wrapper	{ width:20%; margin-right:1%; }
	#sidebar 			{ position:relative; width:100%;  }
	ul#menu-sidebar 		{ width:100%; }
	#sidebar ul li:nth-child(1n+1):before { background-size:100% auto !important; margin:0px; padding:0px; }
	#sidebar ul li:before 	{ margin:0px; padding:0px; height:130px; }
	#sidebar h4 			{ font-size:1.2em !important; width:93% !important; margin-left:10px;  text-align:center;}
	#sidebar ul li a 		{ font-size:1.0em; }
	#sidebar ul li 			{ float:left; width:98% !important; margin-left:10px;  }
	
	
	#bottom_navi_wrapper {
		width:77.4% !important;
		padding:0; margin:0;
	}

	#bottom_navi {
		width:100% !important;
		padding:0; margin:0;
	}

	#bottom_navi ul li {
		width:31.5% !important;
	}
	/*
	#bottom_navi ul li a:before {
		background-size:100% auto !important;
		height:160px;
	}*/
	
}

@media only all and (max-width: 1250px) {

	#claim 					{ width:100%; margin-bottom:1%; }
	#content 				{ width:100%; //clear:both;}
	#main 					{ width:67%; //clear:both !important; margin-left:10px; }
	.search-results #main	{ width:67%; //clear:both !important; margin-left:10px; }

	#sidebar2				{ width:18%; //clear:both; margin-left:-0px; }
	#sidebar2 p				{ float:left; width:100%; padding-right:20px; }
	#sidebar2 img			{ float:left; width:100px; height:80px; padding:20px;}
	
	

	#sidebar2 aside {
		padding-top:100px;
		clear:both !important;
		width:90% !important;
		margin:0 auto;
	}

	
	#navMain a { font-size:.9em !important; }
	.sub-menu .menu-item {
	width:210px; 
	}
		
	.nav-1-menue, .nav-2-menue, .nav-3-menue, .nav-4-menue { width:185px; }

	.nav-3-sub-submenue:first-child   { left:210px; }

	.nav-3-sub-submenue:last-child   { left:210px; }
	#custom-header-image { display:none;}
	
	
	#bottom_navi {
		width:99% !important;
	}

	#bottom_navi ul li {
		width:31% !important;
	}
	
}


@media only all and (max-width: 1020px) { 
	#wrapper				{ margin:0;}
	#wrapper-outer 			{ margin-top:0px; margin:0; }
	#content 				{ width:100%; padding:30px; margin-top:-50px; }
	#main 					{ width:95%; padding:40px !important;}
	.search-results #main, 
	.search-no-results #main, 
	.error404 #main			{ width:95% !important; padding:40px !important; clear:both !important;}
	#header 					{ display:none; }
	#navMain				{ display:none; }
	#mobil-header			{ display:block; margin-top:5px;}
	#mobil-header img		{ width:380px !important;}
	#pfad					{ display:none; }
	#claim					{ margin-top:-10px;}
	#sidebar-wrapper 		{ width:100% !important; margin-left:-30px;}
	#sidebar 				{ max-width:650px !important; margin:0 auto !important; padding:0; }
	#sidebar aside 			{ width:100% !important; padding-top:50px; }
	#sidebar h4				{ font-size:1.2em; width:95.5% !important; }
	#sidebar ul li:nth-child(1n+1):before { background-size:130px auto !important; margin:0px; padding:0px; }
	#sidebar ul li a:before 	{ background-size:130px auto !important; margin:0px; padding:0px; }
	#sidebar ul li:before  		{ display:none; }
	#sidebar ul li 				{ line-height:20px; width:150px !important; float:left !important; }
	#sidebar ul li a 			{ font-size:.9em; }
	#sidebar2				{ width:97%; margin-left:-30px; padding-right:10px; }
	#sidebar2 p				{ width:94%;  }
	#bottom_navi			{ display:none;}

.search-results #main, .search-no-results #main 			{ float:right; }
.search-results #sidebar, .search-no-results #sidebar 	{ width:20% !important; float:left; }
.page-template-template-no-sidebar-php #main				{ width:92.5% !important; }	
	
	
	.search-results #sidebar, 
	.search-no-results #sidebar,
	.error404 #sidebar										{ width:620px !important; margin:0 auto !important; }
	.search-results #sidebar aside, 
	.search-no-results #sidebar aside,
	.error404 #sidebar aside									{ width:620px !important; padding-top:50px; margin:0 auto !important; }
	.search-results #sidebar h4, 
	.search-no-results #sidebar h4,
	.error404 #sidebar h4									{ font-size:1.2em; width:95% !important; }
	.search-results #sidebar ul li:nth-child(1n+1):before, 
	.search-no-results #sidebar ul li:nth-child(1n+1):before,
	.error404 #sidebar  ul li:nth-child(1n+1):before				{ background-size:130px auto !important; margin:0px; padding:0px; }
	.search-results #sidebar ul li a:before,
	.search-no-results #sidebar	ul li a:before,
	.error404 #sidebar ul li a:before							{ background-size:130px auto !important; margin:0px; padding:0px; }
	.search-results #sidebar ul li:before,
  	.search-no-results  #sidebar ul li:before,
	.error404 #sidebar ul li:before								{ display:none; }
	.search-results #sidebar ul li,
	.search-no-results  #sidebar ul li,
	.error404 #sidebar ul li									{ line-height:20px; width:142px !important; float:left !important; }
	.search-results #sidebar ul li a,		
	.search-no-results  #sidebar ul li  a,
	.error404 #sidebar ul li a 									{ font-size:.9em; }
	
	.sub-menu .menu-item {
		background:transparent;
		display:block;
	}
	#click-menu 			{ width:70px !important; margin-top:10px;}
	#click-menu 	img		{ width:70px !important; //height:80px;}
}

@media only all and (max-width: 690px) { 
	* p, body p			{ font-size:.9em; }
	a					{ font-size:1em; }
	h1					{ font-size:1.6em !important; }
	h2, h3, h4, h5		{ font-size:1.3em; }
	#main ul li 			{ font-size:.9em;  }
	#main 				{ width:93%; padding:20px !important; min-height:100px !important;}
	.search-results #main,
	.error404 #main		{ width:94% !important; padding:20px !important; min-height:100px !important;}
	#mobil-header		{ height:70px; width:100%; padding-bottom:50px;}
	#mobil-header img	{ width:250px !important;}
	#wrapper			{ width:100% !important; margin:0 !important; padding:0 !important;}
	#wrapper-outer 		{ width:100% !important; margin:0 !important; padding:0 !important;}
	#content			{ padding:0px !important; }
	#sidebar-wrapper 	{ margin-left:-10px; }
	#sidebar 			{ width:260px !important;}
	#sidebar ul li 			{ line-height:20px; width:120px !important; }
	#sidebar aside 		{  }
	#sidebar ul li a:before { display:none; }
	#sidebar2						{ margin-left:0px !important;}
	#sidebar2 img					{ width:40%;   }
	#sidebar 						{ margin-top:-50px !important;  }
	
	
	
	.search-results #sidebar, 
	.search-no-results #sidebar,
	.error404 #sidebar				{ max-width:400px !important; margin:0 auto !important;}
	.search-results #sidebar  aside,
	.search-no-results #sidebar aside,
	.error404 #sidebar aside			{ width:330px !important; margin:0 auto;}
	.search-results #sidebar  h4,
	.search-no-results #sidebar h4,
	.error404 #sidebar h4			{ width:330px !important; margin:0 auto; background:none;}
	
	
	#click-menu 			{ width:50px !important;}
	#click-menu 	img		{ width:50px !important; //height:80px;}
	.pea_cook_wrapper 		{ width:250px !important; left:10% !important; 	}
}

@media only all and (max-width: 500px) { 
	
	#main							{	border-radius:0px; }
	#main ,	.search-results #main,
	.search-no-results #main			{ width:92% !important; }
	.search-results #sidebar,
	.search-no-results #sidebar,
	.error404 #sidebar				{ max-width:320px !important; margin:0 auto !important;}
	.search-results #sidebar  aside,
	.search-no-results #sidebar aside,
	.error404 #sidebar aside			{ width:280px !important; margin:0 auto;}
	.search-results #sidebar  h4,
	.search-no-results #sidebar h4,
	.error404 #sidebar h4			{ width:280px !important; margin:0 auto; background:none;}
	.search-results #sidebar ul li,
	.search-no-results #sidebar ul li,
	.error404 #sidebar ul li			{ line-height:20px; width:120px !important; }
	
	/* Squares im Silder */
	.wds_slideshow_dots_thumbnails_0 { width:150px !important; }
	.wds_slideshow_dots_thumbnails_0 i { margin-right:20px !important; }
}

@media only all and (max-width: 470px) { 
	#main 				{ width:91%; }
	#sidebar2 img		{ width:90%; margin:auto !important;  }
}