/* 
Theme-Anpassungen by NETZdinge.de (c) 2014
*/

/**** Allgemein ***/
@charset utf-8;

html {font: normal 0.75em/1.3 'Open Sans', Arial, Helvetica, sans-serif; color:#454545;}

body {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7d8da+0,f1f1f1+12,c9c9cb+27,f1f1f1+59,ffffff+100 */
	background: #d7d8da; /* Old browsers */
	background: -moz-linear-gradient(top, #d7d8da 0%, #f1f1f1 12%, #c9c9cb 27%, #f1f1f1 59%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d7d8da 0%,#f1f1f1 12%,#c9c9cb 27%,#f1f1f1 59%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d7d8da 0%,#f1f1f1 12%,#c9c9cb 27%,#f1f1f1 59%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d8da', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background-repeat: no-repeat;
}

a {
    color: #666;
}
a:hover, a:focus {
    color: #FD7217;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #FD7217!important;}

.price {color:#FD7217;font-size: 22px;}


.btn-primary {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
	background: #EB6F24; /* Old browsers */
	background: -moz-linear-gradient(top, #EB6F24 0%, #EF821F 50%, #F3991C 51%, #F8B212 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #EB6F24 0%, #EF821F 50%, #F3991C 51%, #F8B212 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #EB6F24 0%, #EF821F 50%, #F3991C 51%, #F8B212 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB6F24', endColorstr='#F8B212',GradientType=0 ); /* IE6-9 */
	color:#000;
	border-color: #EB6F24;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
}

.btn-primary:hover, .btn-primary:focus {
    background-color: inherit;
    background-position: 0 -17px;
	border-color: #EB6F24;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #000;
    background-color: inherit;
	border-color: #EB6F24;
}




/*** header ***/
#main-wrapper.fluid header {box-shadow: none;}
header.container-block {background-color: transparent;}
#header-branding > .row #shop-nav {background-color: transparent;}
	
#main-wrapper.boxed header .container-block {background:none;}
#main-wrapper.boxed header #header-branding {
    padding: 20px 0;
}
#header-branding > .row > div {padding-left:0; padding-right:0;}
@media (max-width: 1200px) {
	#header-branding > .row {margin-left:0; margin-right:0;}
}

#header-branding > .row #shop-nav {background-color:transparent;}

#shop-nav #top-bar, #shop-nav > ul {margin-left:15px; margin-right:15px;}
header .navbar-nav.horizontal > li { float: right;}
header #top-bar {margin-bottom: 5px;}

#logo a img {
    max-height: 150px;
    width: auto;
    position: absolute;
    left: 43px;
    z-index: 9;
    top: -30px;
}


#search {margin-right:5px;}
#search .input-group-addon button, #search-form .input-group .btn {color: #FD7217;}

@media (max-width: 991px) and (min-width: 768px) {
	#search {max-width: 15em;}
	#shop-nav-xs .navbar-nav > li > a {
		padding-top: 13px;
		padding-bottom: 13px;
	} 
}
@media (max-width: 1199px) and (min-width: 768px) {
	#shop-nav-xs .navbar-nav > li > a {
		padding-top: 13px;
		padding-bottom: 13px;
	} 
}
@media (max-width: 768px) {
	/*#search input[name="qs"]:focus {min-width:180px; float:right; right:0; background-color:#fff!important;}*/
}
#haendlerbund a, #haendlerbund2 a {display:inline-block;text-align:left;}
#haendlerbund a img, #haendlerbund2 a img {height:45px; width:auto; margin-left:20px; margin-right:0;}

#header_usp { padding: 0; margin:0; margin-top: -20px;}
#header_usp ul {font-size:1.0em; list-style-type:none;}
#header_usp.line ul {padding:0 15px;}
#header_usp ul li {padding:0; display:inline-block;}
#header_usp ul li:first-child {font-size: 2.3em; font-weight: bold;text-shadow: 2px 2px 10px rgba(150, 150, 150, 1); display:block;}
#header_usp ul li:last-child span:before {content: "|"; margin-right:10px;}
#header_usp.line ul li {float:left;}
#header_usp ul li span {margin-left:8px;}
@media (max-width: 1199px) {
	#logo a img {max-height: 100px;}
	#header_usp {margin-top: -30px;}
	#header_usp ul {font-size:1.0em;}
	#header_usp ul li {display:block;}
	#header_usp ul li:last-child span:before {content: ""; margin:0;}
}
@media (max-width: 991px) {
	#header_usp ul {font-size:0.9em;}
	#logo {top: 0;}
	#logo a img {left: 15px; max-height:100px;}
}

@media (min-width: 768px) {
	#header-branding > .row #shop-nav {
		padding: 15px 0;	
		float:right;
		margin-top:0;
		margin-right: 0;
	}
}
@media (max-width: 767px) {
	#logo a img {max-height: 100px;position: relative;top: -5px; left:0; z-index: 0;}
	#shop-nav > ul {margin-right: 0;}
	#header_usp {margin-top:10px; text-align: right;}
	#header_usp ul {font-size: 0.8em; padding:0;}
	#content-wrapper {margin-top:15px;}
}

@media (max-width: 660px) {
	#haendlerbund2 a.faircommerce {display:none!important;}
}

/***** Content *****/
@media (min-width: 768px) {
	#main-wrapper.fluid #content-wrapper > .container > .container-block {padding: 5px 20px;}
	#main-wrapper.fluid #content-wrapper .container-block.beveled {
		border-radius: 20px;
		-webkit-box-shadow: 0 0 5px 1px rgba(67,67,67,0.10);
    	box-shadow: 0 0 5px 1px rgba(67,67,67,0.10);
	}
	
	#main-wrapper.fluid #content-wrapper .container-block.beveled > .row {
		-webkit-box-shadow: inset 4px 4px 15px 2px rgba(243,243,243,1),  inset -4px -4px 15px 2px rgba(243,243,243,1);
		-moz-box-shadow: inset 4px 4px 15px 2px rgba(243,243,243,1),  inset -4px -4px 15px 2px rgba(243,243,243,1);
		box-shadow: inset 4px 4px 15px 2px rgba(243,243,243,1),  inset -4px -4px 15px 2px rgba(243,243,243,1);
		padding: 35px 25px 25px;
		border-radius: 15px;
	}
}

#content img {max-width:100%!important; height: auto!important;}

/***** Boxen ****/
aside .panel,
section.panel {
    border-radius: 15px;
	border-width: 2px;
	-webkit-box-shadow: 0 0 5px 1px rgba(67,67,67,0.10);
    box-shadow: 0 0 5px 1px rgba(67,67,67,0.10);
}
aside .panel-heading,
section.panel-heading {border-radius: 15px 15px 0 0; margin: 3px 3px 0;}
aside .box-body,
section.box-body {
	border-radius: 0 0 15px 15px; 
	margin: 0 3px 3px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f1f1f1+25,f1f1f1+25,f1f1f1+100 */
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 25px, #f1f1f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#f1f1f1 25px,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7f7f7 0%,#f1f1f1 25px,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
aside .box-body .nav > li {border-bottom: 1px dashed #999;}
aside .box-body .nav > li:last-child {border: none;}

/**** Artikellisten ***/
.row.gallery .product-wrapper {border:none;}
.row.gallery .product-wrapper .product-cell {
	border: 1px solid #ddd;
	border-radius: 15px;
	border-width: 2px;
	-webkit-box-shadow: 0 0 5px 1px rgba(67,67,67,0.10);
    box-shadow: 0 0 5px 1px rgba(67,67,67,0.10);
	
}
.pagination > li > a, .pagination > li > span {
    color: #FD7217;
    background-color: #fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #FD7217;
    border-color: #FD7217;
    cursor: default;
}

/**** Artikeldetails */
.image-gallery ul.image-thumbs li.active {
    border-color: #FD7217;
}

/**** Footer ***/
#footer .container-block, #footer.container-block,
#footer #copyright .container-block, #footer #copyright.container-block {
    background: none;
}

#footer > .container > .container-block.beveled {
    border-radius: 20px;
    -webkit-box-shadow: 0 0 5px 1px rgba(67,67,67,0.10);
    box-shadow: 0 0 5px 1px rgba(67,67,67,0.10);
	background-color: #fff;
	padding: 5px;
}
	
#footer > .container > .container-block.beveled > div{
	-webkit-box-shadow: inset 4px 4px 15px 2px rgba(243,243,243,1),  inset -4px -4px 15px 2px rgba(243,243,243,1);
	-moz-box-shadow: inset 4px 4px 15px 2px rgba(243,243,243,1),  inset -4px -4px 15px 2px rgba(243,243,243,1);
	box-shadow: inset 4px 4px 15px 2px rgba(243,243,243,1),  inset -4px -4px 15px 2px rgba(243,243,243,1);
    border-radius: 15px;
	padding:25px;
}

#footer .panel-heading {padding: 10px 0; margin-bottom: 0;}
#footer .nav-list a {padding: 4px 15px 1px 0;}
#footer .panel a {color: #666;}
#footer .panel a:hover {color: #333;}