/* === !!! BODY ================================================================================= */
body { 
	background:#232323 ;	        
	font-family:'droidsans', sans-serif; 	
	font-size:0.85em; 
	line-height:1.45em; 
	text-indent:0.0em;
	color:#ffffff; } 	
	
::selection {background: #c4231d; color:#ffffff;}
::-moz-selection {background: #c4231d; color:#ffffff;}
 
/* === Linkfarben ================================================================================= */
body a { 
	color:#ffffff;  
	text-decoration:none; outline:none;
	-webkit-transition: color .5s;
  -moz-transition: color .5s;
  -o-transition: color .5s;
  -ms-transition: color .5s;
 	transition: color .5s;}
body a:hover { color:#c4231d; text-decoration:none  }  
body a:visited { text-decoration:none  }  
body a:active { text-decoration:none  }
body a:focus { text-decoration:none  }
.headnavi .menu-item  a { color:;  }
.headnavi .menu-item  a:hover { color:;  }
.content-main a {  }
.content_right_sidebar a, .sidebar_right a {  outline:none } 

/* === !!! LOGO ================================================================================= */
.logo { margin:10px 20px 30px 40px}
.claim { margin: 72px 0px 0px 0px; border: 0px solid #000; float: left; }
.claim h1 { font-size:2.0em }

/* === !!! TOP-Navigation ================================================================================= */
.menu-mainnavigation-container { float:left; width: 100%; border:0px solid yellow;}

.menu-mainnavigation-container ul#menu-mainnavigation, 
.subnavi-categories ul {
	font-family: yanonekaffeesatz; 
	font-size: 1.40em;
	line-height:1.05em;
	}

.menu-mainnavigation-container ul#menu-mainnavigation { 
	padding:12px 0 0px 0; 
	float:left; 
	margin-top:10px;
	margin-left:15px;	
	text-transform:uppercase} 

.subnavi-categories ul {
  padding:0px 0 8px 0;   
}

/* === Link Solo ================================================================================= */
/* --> inaktiv */
.menu-mainnavigation-container  > li > a { color:#ffffff; outline:none } 
/* --> inaktiv --> a:hover */
.menu-mainnavigation-container  > li > a:hover { color:#d6d6d6 }     
/* --> aktiv */   
.menu-mainnavigation-container li.current-menu-item a,
.menu-mainnavigation-container li.current-menu-item a:hover, 
.menu-mainnavigation-container li.current-post-ancestor a,  
.menu-mainnavigation-container li.current-category-ancestor a  { 
	color:#c4231d; } 
/* --> aktiv --> a:hover */   
.menu-mainnavigation-container li.current-menu-item a:hover, .navbar-default li.current-post-ancestor a:hover { color:#c4231d }    
  
/* === SUBNAVIGATION KATEGORIEN ================================================================================= */
.subnavi-categories {border:0px solid orange; float:left; margin-left:35px }
.subnavi-categories ul.menu li { margin: 0 10px 0 0; }
.menu a { 
	color:#ffffff; outline:none;
	font-family: yanonekaffeesatz; 
	font-size: 1.40em;
	line-height:1.05em;
	-webkit-transition: color .5s;
  -moz-transition: color .5s;
  -o-transition: color .5s;
  -ms-transition: color .5s;
 	transition: color .5s; 	} 	
.menu a:hover {
	color:#c4231d;
	text-decoration:none;	}

  
.menu li.current-menu-item a, .menu li.current-menu-item a:hover, .menu li.current-post-ancestor a, .menu li.current-post-ancestor a:hover {
	color: #c4231d; 
	outline:none;  }

/* === Tag-Links Artikel ================================================================================= */
.entry-meta .tag-links a:hover {
	background-color:#c4231d; 	
	color:#ffffff; }
.entry-meta .tag-links a:hover:before { border-right-color: #c4231d; } 

/* === PAGINATION ================================================================================= */
.paging-navigation {
	/* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:rgba(89,89,89,0.85);  
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.85)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8595959,endColorstr=#d8595959);
	zoom:1;
	/* BERECHNUNG FUER IE */	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
/* BORDERRADIUS FUER ALLE AUSSER IE */
	border-radius:2px 2px 2px 6px;
	-webkit-border-radius:2px 2px 2px 6px;
	-moz-border-radius:2px 2px 2px 6px;
	box-shadow: 0px 2px 4px -1px #2b2b2b;	
	float:left; 
	width:100%;
	margin:auto;
	text-align:center;
	cursor:default}  
	
.loop-pagination { font-size:1.40em; } 

.loop-pagination a, .loop-pagination a:hover { text-decoration:none } 

.loop-pagination span.current { 
	color: #ffffff; 
	background: #c4231d; 	 
	padding:0 4px 0 4px;  
	border-radius:4px;
	cursor:default;
} 
.loop-pagination a.page-numbers { padding:0 8px 0 8px; }

.loop-pagination a.page-numbers:hover { 
	border-radius:4px;
	padding:0 8px 0 8px;
	text-decoration:none; 
	background: #ffffff;
	color: #c4231d;   	
	} 

.loop-pagination a.prev {	margin-right:20px; } 
	
.loop-pagination a.next {	margin-left:20px; 	}
	
.loop-pagination a.prev, .loop-pagination a.next  { 
	border-radius:0px;
	background:none; 
	color:#ffffff }

.loop-pagination a.prev:hover, .loop-pagination a.next:hover  { 
	background:none; 
	color:#c4231d; }



/* === !!! SCHRIFTEN ================================================================================= */
h1 { font-family:'yanonekaffeesatz';	font-size:2.60em; line-height:1.85em; text-indent:0.0em; color:#ffffff;  }	
h2 { font-family:'yanonekaffeesatz'; font-size:2.30em; line-height:1.30em; text-indent:0.0em; color:#ffffff }	
h3 { font-family:'yanonekaffeesatz'; font-size:1.60em; line-height:1.70em; text-indent:0.0em; color:#ffffff }	
h4 { font-family:'yanonekaffeesatz'; font-size:1.40em; line-height:2.00em; text-indent:0.0em; color:#dd9933 }	

.h1-logo { margin:0px 0 0px 0; font-size:4em; text-indent:.3em; line-height: 1.4em; }
.content_right_sidebar h4 { 
	padding-left:10px;
	margin-top:0px; 	
	color:#ffffff;   	
	background:rgba(196,35,29,0.85);  
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.85)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8595959,endColorstr=#d8595959);
	zoom:1;	
	margin-bottom:10px;
	border-radius:2px 2px 2px 6px;
	-webkit-border-radius:2px 2px 2px 6px;
	-moz-border-radius:2px 2px 2px 6px;
	background:#c4231d	} 

h4 .fa-suitcase, h4 .fa-search, h4 .fa-tag, h4 .fa-caret-right { line-height:1em; top:3px; margin-right:8px; }










.content_right_sidebar .colwrap-all h2, .panel-title h2 { 
	margin-top:0px; 	
	color:#ffffff;   	
	background:none;  
	margin-bottom:0px;
	border-radius:none;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	background:none;
	font-size: 1.80em;
	line-height: 1.70em;
	text-indent: 0.0em; } 
	
.content_right_sidebar .colwrap-all .crowdfunding h2  { line-height: 1.20em; }	
	
.content_right_sidebar .colwrap-all h2 .fa, .socialsidebar h2 .fa  { 	 
	padding:4px 6px 4px 6px;
	top:1px; 
	margin:6px 2px 0 0px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:#c4231d;	
	color:#ffffff; 
	text-shadow: none /*0px 1px 1px #000000*/;
	}
.panel-title h2 .fa { top: 4px; margin-right: 3px; }

.page-title h3 { font-size:2.0em; color:; line-height:2.2em }
.page-title { 
	background:rgba(0,0,0,); 	
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0,endColorstr=#0);
	zoom:1;			
	 }

p {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 1.45em; 
}	
	
	
	
#menu-mainnavigation li a, #subnavi li a { text-shadow:1px 1px 1px #2f2e2e }
#menu-mainnavigation li a:hover, #subnavi li a:hover { color:#c4231d }

/* === !!! FARBEN LAYER (TOP-TEL, NAVI, FOOTER) ================================================================================= */
.wrap-layer1 { 
	padding-bottom:0px; border:0px dotted #fff;
	background-color:rgba(35,35,35,0.30);
	box-shadow: 0px 0px 1px 1px #000000;
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.30)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c232323,endColorstr=#4c232323);
	zoom:1;
	}

.wrap-layer2 { 	
	background-color:rgba(35,35,35,0.85);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.85)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8232323,endColorstr=#d8232323);
	zoom:1;	
	box-shadow:0px 0px 1px 1px #000000;
	 }

 
.wrap-footer { 
	padding:0 0 0px 0;	
	height: 150px;
	box-shadow:0px 0px 1px 1px #000000;   }

.wrap-mainnavigation {float:left; border:0px dotted grey; width:66%}

/* === SEARCH ================================================================================= */ 
input.search-field {
	background: #c4231d url(https://wp-themes.com/wp-content/themes/twentyeleven/images/search.png) no-repeat 9px center; 
	font-family:yanonekaffeesatz;	
	line-height:1.05em; 
	}

/* === Kolumnen ================================================================================= */
 
.col-bg {		
	/* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:rgba(89,89,89,0.85);  
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.85)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8595959,endColorstr=#d8595959);
	zoom:1;		
/* TEXTFARBE FUER ALLE */	
	color:#ffffff;
/* BERECHNUNG FUER IE */	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
/* BORDERRADIUS FUER ALLE AUSSER IE */
	border-radius:2px 2px 2px 6px;
	-webkit-border-radius:2px 2px 2px 6px;
	-moz-border-radius:2px 2px 2px 6px;
	}
.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; text-decoration:none  }  
.col-bg { box-shadow: 0px 2px 4px -1px #2b2b2b   }
.col-bg:hover {	background: rgba(70,70,70,0.85); }	

.sidebar_right .col-bg {
-webkit-transition: background 300ms;
  -moz-transition: background 300ms;
  -o-transition: background 300ms;
  -ms-transition: background 300ms;
 	transition: background 300ms; } 


.sidebar_right .col-bg:hover { background: rgba(70,70,70,0.85); cursor:default  }

/* === PLAYER ================================================================================= */ 
.mejs-container .mejs-controls { 	
	box-shadow: 0px 2px 4px -1px #2b2b2b;
	box-shadow:0px 1px 2px -1px #2b2b2b;	
	/* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:rgba(89,89,89,0.85);  
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.85)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8595959,endColorstr=#d8595959);
	zoom:1;		
	/*
	background: rgba(153,28,34,1) !important;
	background: rgba(210,38,46,1) !important;
	background: -moz-linear-gradient(top, rgba(210,38,46,1) 0%, rgba(153,28,34,1) 100%) !important;
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,38,46,1)), color-stop(100%, rgba(153,28,34,1))) !important;
	background: -webkit-linear-gradient(top, rgba(210,38,46,1) 0%, rgba(153,28,34,1) 100%) !important;
	background: -o-linear-gradient(top, rgba(210,38,46,1) 0%, rgba(153,28,34,1) 100%) !important;
	background: -ms-linear-gradient(top, rgba(210,38,46,1) 0%, rgba(153,28,34,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(210,38,46,1) 0%, rgba(153,28,34,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2262e', endColorstr='#991c22', GradientType=0 ) !important;   
	*/
}


.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #c4231d !important;
} 




/* === Download-Button & Info-Button ================================================================================= */
a.download-button { 	 	
	text-shadow:none;
	/*background:url(https://www.hoerspielbox.de/wp-content/themes/quoby/media/background/bg-download.png);*/ 
	background:#c4231d;
	color:#ffffff;
	-webkit-transition: color .5s;
  -moz-transition: color .5s;
  -o-transition: color .5s;
  -ms-transition: color .5s;
 	transition: color .5s;
	-webkit-transition: background .5s;
  -moz-transition: background .5s;
  -o-transition: background .5s;
  -ms-transition: background .5s;
 	transition: background .5s;	 	
	 }
	 
a.download-button:hover { 	 
	text-decoration:none;
	text-shadow:none;  
	background: #ffffff;  
	color:  #c4231d; 
	box-shadow:none;
	text-decoration:none;
	
} 	  
	 
	 
a.info-button { 
	 color:  #ffffff; 	
	text-shadow:none/*0px 1px 1px #000000*/;
	/* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:rgba(89,89,89,0.85);  
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.85)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8595959,endColorstr=#d8595959);
	zoom:1;	
	-webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  -ms-transition: background-color .5s;
 	transition: background-color .5s;  
 	box-shadow:0px 1px 2px -1px #2b2b2b;
 	 	 
	 }

a.download-button, a.info-button, .btn  { 
	float:right;
	text-decoration:none;
	border: 0px solid #000;
	padding: 8px 50px 8px 50px;
	width:100%;
	text-align:center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	font-family: yanonekaffeesatz; 
	font-size:1.40em;  	
	
}

a.info-button:hover { 	 
	text-decoration:none;
	text-shadow:none;  
	background: #c4231d;  
	color:  #ffffff; 
	box-shadow:none;
	text-decoration:none;
	
} 

a.download-button:active, a.info-button:active { 	 
	text-decoration:none;
	text-shadow:none; 	
} 

a.download-button:visited, a.info-button:visited { 	 
	text-decoration:none;  	 	
} 


/* Link-Definitionen für Tag Cloud */  
a.current-tag { 
	text-decoration:none;
	color:#c4231d; }  
a.current-tag:hover {    
	text-decoration:none;
	color:#c4231d; }  
	





/* === Tag-Cloud ================================================================================= */
.tagcloud a { 
-webkit-transition: text-decoration .5s;
  -moz-transition: text-decoration .5s;
  -o-transition: text-decoration .5s;
  -ms-transition: text-decoration .5s;
 	transition: text-decoration .5s; }
.tagcloud a:hover { text-decoration:underline }


/* === Modal-Button und Modal ================================================================================= */  

.btn, .btn-default {
	background:89,89,89,0.85);  
  background:#c4231d;
	color:#ffffff; 
	-webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  -ms-transition: background-color .5s;
 	transition: background-color .5s;	
 	-webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -o-transition: color 200ms;
  -ms-transition: color 200ms;
 	transition: color 200ms;	 
} 

a.btn-primary {
	width:100%;  
	margin-top:15px;
	background:89,89,89,0.85);  
  background:#c4231d;
	color:#ffffff; 
	-webkit-transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  -ms-transition: background-color .5s;
 	transition: background-color .5s;	
 	-webkit-transition: color 200ms;
  -moz-transition: color 200ms;
  -o-transition: color 200ms;
  -ms-transition: color 200ms;
 	transition: color 200ms;	 
} 

.btn:hover,
.btn:focus,
.btn-default:hover,
.btn-default:focus,
a.btn-primary:hover,
a.btn-primary:focus,
a.btn-primary:active,
a.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color:#c4231d;
	background:#ffffff;   
  border-color: none;  
}
a.btn-primary:active,
a.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: orange;
  border-color: orange;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}   

.modal-content { background:#c4231d } 
.modal-body a { font-size:12px; line-height: 1em; }  
.modal-body a:hover { text-decoration:underline }


.wrap-social-buttons { margin:auto; text-align:center; width:120px; }
.wrap-social-button { border:0px solid #fff; float:left; padding  } 

.share-social-footer { float:left; margin: 11px 0 0 0; width:30px; height:30px; border-left:0px solid #000  }
.share-facebook-footer { background:url(https://www.hoerspielbox.de/wp-content/themes/quoby/media/background/social_facebook.png) }
.share-facebook-footer:hover { background:url(https://www.hoerspielbox.de/wp-content/themes/quoby/media/background/social_facebook_active.png) }

.share-social { float:left; margin: 8px 4px 8px 4px; width:32px; height:32px;  }
.share-facebook { background:url(https://www.hoerspielbox.de/wp-content/themes/quoby/media/background/social_facebook_active.png) }
.share-facebook:hover { background:url(https://www.hoerspielbox.de/wp-content/themes/quoby/media/background/social_facebook_active.png) }
.share-twitter { background:url(https://www.hoerspielbox.de/wp-content/themes/quoby/media/background/social_twitter_active.png) }  
.share-twitter:hover { background:url(https://www.hoerspielbox.de/wp-content/themes/quoby/media/background/social_twitter_active.png) }
.share-google { background:url(https://www.hoerspielbox.de/wp-content/themes/quoby/media/background/social_google_active.png) } 
.share-google:hover { background:url(https://www.hoerspielbox.de/wp-content/themes/quoby/media/background/social_google_active.png) }

.share-facebook, .share-twitter, .share-google {	
	-webkit-transition: background 300ms;
  -moz-transition: background 300ms;
  -o-transition: background 300ms;
  -ms-transition: background 300ms;
 	transition: background 300ms; }    

.wrap-player { width:100%; height:auto; float:left; padding:5px 0 20px 0; clear:both }
.wrapinfosound { 
	border-radius:4px; 
	margin:0 0 8px 0; 
	padding:5px;
	box-shadow:0px 1px 2px -1px #2b2b2b;
	-webkit-transition: background 300ms;
  -moz-transition: background 300ms;
  -o-transition: background 300ms;
  -ms-transition: background 300ms;
 	transition: background 300ms; } 
.wrapinfosound:hover { background: rgba(35,35,35,0.4); cursor:default }
 
.fixedheight-button  { height:40px; }
.fixedheight-text  { height:130px; padding:0 5px 0 5px }



/* ============================================================================================================================= */
/* RESPONSIVE LAYOUT */
/* ============================================================================================================================= */
@media screen and (max-width: 1023px) {		
	ul#menu-topnavigation li a { font-size:1.05em }
	ul#menu-mainnavigation li a, #subnavi li a { font-size:1.40em }
	.wrap966 { width:97%; }	
	.wrap-content { 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;	} 

	.content-footer .col-bg { height: auto; }	 
	
	.nav-tabs > li, 
	.nav-tabs > li#current { padding: 0px 0px 0px 0px;  }  	
	.nav-tabs > li > a {padding:2px 2px 2px 2px; margin-right:2px; line-height:1.1em; font-size:1.4em}  	
	.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; } 
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { padding: 2px 2px 2px 2px; }
	.bigslidercontent h1 { margin:auto; text-align:center; margin: 8% 0% 0% 2%;  font-size: 1em;}		
	.wrap-content h1 {  font-size: 1.6em; line-height:1.6em; } 
	
	.wrap-search { float:left } 
	input.search-field, input.search-field:focus  { width:730px; margin-top: 0px; margin-bottom: 8px; }
} 


/* !!! 7'' QUER 801 */
@media screen and (max-width: 800px) { 	
	ul#menu-topnavigation li a { font-size:1.05em }
	ul#menu-mainnavigation li a, #subnavi li a { font-size:1.40em }
	.wrap-search { float:left } 
	input.search-field, input.search-field:focus  { width:701px; margin-top: 0px; margin-bottom: 8px; }			 	
}


/* !!! 10'' HOCH 768 */ 
@media screen and (max-width: 768px) { 	    
	ul#menu-topnavigation li a { font-size:1.05em }
	ul#menu-mainnavigation li a, #subnavi li a { font-size:1.40em }
	.wrap-mainnavigation {width:100%}
	.menu-mainnavigation-container ul#menu-mainnavigation, .subnavi-categories { margin-left:4px; padding:0 0 0 0 }
	
	#menu-mainnavigation li a, #subnavi li a {	}  	
	ul.menu li { margin: 0 8px 0 0; } 	 
	ul#menu-mainnavigation { margin:8px 0 8px 6px }	
	.wrap-search { float:left } 
	input.search-field, input.search-field:focus  { width:540px; margin-top: 0px; margin-bottom: 8px; }	
	
	.content_right_sidebar h4 { font-size:1.8em }	
	
	.menu-topnavi-container { float:left }	
	.bigslidercontent h1 { 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;}   
	.content_right_sidebar h3 {}
	.h1-logo { margin-top:0px; text-indent:.1em }
	.content-main { margin-top:15px }
	 
	.wrap-content h1 {  font-size: 1.4em; line-height:1.6em; }
	h4 .fa-archive, h4 .fa-search, h4 .fa-tag, h4 .fa-arrow-right {margin-right: 2px; }
	.content_right_sidebar .colwrap-all h2 { margin: 0 0 10px 0; line-height:20px; }  	
	.content_right_sidebar .colwrap-all h2 span { padding: 4px; top: 3px;margin-bottom: 10px;}	
	a.download-button, a.info-button { padding: 8px 10px 8px 10px; }
	.sidebar_right { margin-top: 8px; } 
}


/* !!! 7'' HOCH 600 */
@media screen and (max-width: 600px) {     	
	ul#menu-topnavigation li a { font-size:1.05em }
	ul#menu-mainnavigation li a, #subnavi li a { font-size:1.00em }
	.wrap-mainnavigation {width:100%}
	.menu-mainnavigation-container ul#menu-mainnavigation, .subnavi-categories { margin-left:4px; padding:0 0 0 0 }
	
	#menu-mainnavigation li a, #subnavi li a {	}  	
	ul.menu li { margin: 0 8px 0 0; } 	 
	ul#menu-mainnavigation { margin:8px 0 8px 6px }	
	.wrap-search { float:left } 
	input.search-field, input.search-field:focus  { width:425px; margin-top: 0px; margin-bottom: 8px; }	
	
	.content_right_sidebar h4 { font-size:1.8em }	
	
	.menu-topnavi-container { float:left }	
	.bigslidercontent h1 { 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;}   
	.content_right_sidebar h3 {}
	.h1-logo { margin-top:8px; text-indent:.1em }
	.content-main { margin-top:15px }
	 
	.wrap-content h1 {  font-size: 1.4em; line-height:1.6em; }
	h4 .fa-archive, h4 .fa-search, h4 .fa-tag, h4 .fa-arrow-right {margin-right: 2px; }
	.content_right_sidebar .colwrap-all h2 { margin: 0 0 10px 0; line-height:20px; }  	
	.content_right_sidebar .colwrap-all h2 span { padding: 4px; top: 3px;margin-bottom: 10px;}	
	a.download-button, a.info-button { padding: 8px 10px 8px 10px; }
	.sidebar_right { margin-top: 8px; } 
}


/* !!! iPhone QUER 480 */
@media screen and (max-width: 480px) {
	ul#menu-topnavigation li a { font-size:1.05em }
	ul#menu-mainnavigation li a, #subnavi li a { font-size:1.00em }
	.nav-tabs > li > a {padding:2px 2px 2px 2px; margin-right:2px; line-height:1.1em; font-size:1.2em} 
	.wrap-mainnavigation {width:100%}
	.menu-mainnavigation-container ul#menu-mainnavigation, .subnavi-categories { margin-left:4px; padding:0 0 0 0 }
	#menu-mainnavigation li a { text-transform:uppercase}
	#menu-mainnavigation li a, #subnavi li a {  }  	
	ul.menu li { margin: 0 8px 0 0;font-size:1em; } 	 
	ul#menu-mainnavigation { margin:8px 0 8px 6px }	
	.wrap-search { float:left;} 
	input.search-field, input.search-field:focus  { width:268px; margin-top: 0px; margin-bottom: 8px; }
		
	.content_right_sidebar h4 { font-size:1.8em }
	
	
	.menu-topnavi-container { float:left }	
	.bigslidercontent h1 { 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;}   
	.content_right_sidebar h3 {}
	.h1-logo { margin-top:8px; text-indent:.1em; font-size:14vw }
	.content-main { margin-top:15px }
	 
	.wrap-content h1 {  font-size: 1.4em; line-height:1.6em; }
	h4 .fa-archive, h4 .fa-search, h4 .fa-tag, h4 .fa-arrow-right {margin-right: 2px; }
	.content_right_sidebar .colwrap-all h2 { margin: 0 0 10px 0; line-height:20px; }  	
	.content_right_sidebar .colwrap-all h2 span { padding: 4px; top: 3px;margin-bottom: 10px;}	
	a.download-button, a.info-button { padding: 8px 10px 8px 10px; }
	.sidebar_right { margin-top: 8px; } 	
}


/* !!! iPhone HOCH 320 */
@media screen and (max-width: 320px) { 		
	.wrap-mainnavigation {width:100%}
	.menu-mainnavigation-container ul#menu-mainnavigation, .subnavi-categories { margin-left:4px; padding:0 0 0 0 }
	#menu-mainnavigation li a { text-transform:uppercase}
	#menu-mainnavigation li a, #subnavi li a { }  	
	ul.menu li { margin: 0 8px 0 0; } 	 
	ul#menu-mainnavigation { margin:8px 0 8px 6px }	
	.wrap-search { float:left } 
	input.search-field, input.search-field:focus  { width:232px; margin-top: 0px; margin-bottom: 8px; }
	
	
	.content_right_sidebar h4 { font-size:1em }
	
	
	.menu-topnavi-container { float:left }	
	.bigslidercontent h1 { 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;}   
	.content_right_sidebar h3 { font-size: 1.4em; line-height: 1.4em; margin-bottom: 10px;}
	.h1-logo { margin-top:8px; text-indent:.1em; font-size:14vw }
	.content-main { margin-top:15px }
	 
	.wrap-content h1 {  font-size: 1.4em; line-height:1.6em; }
	h4 .fa-archive, h4 .fa-search, h4 .fa-tag, h4 .fa-arrow-right {margin-right: 2px; }
	.content_right_sidebar .colwrap-all h2 { margin: 0 0 10px 0; line-height:20px;  }  	
	.content_right_sidebar .colwrap-all h2 span { padding: 4px; top: 3px;margin-bottom: 10px;}	
	a.download-button, a.info-button { padding: 8px 10px 8px 10px; }
	.sidebar_right { margin-top: 8px; }
}