/*
*	Fonts
*/
.z-container{
	font-family: Montserrat, Arial, Helvetica, sans-serif;
}
/*
*	Fonts
*/

/*
*	Farbkorrekturen
*/
.button:hover {
    background: #279cb4;
}

.list-reload-button {
	background-color: #279cb4;
}
/*
*	Farbkorrekturen
*/


/*
*	START Header
*/

header {
	background-color: rgba(81,81,81,.5) !important;
}
header .header, nav {
	background: rgba(0,0,0,0.5);
}
header .header {
	margin: auto auto 0px;
}
header .header .logo {
	/*margin-bottom: 14px;*/
}
header .top-links {
	border-bottom: 0;
}
.toplinks div.links div a {
	font-family: "Lato",Helvetica,Arial,sans-serif;
	color: #dadada;
	border-right: 0;
}
.toplinks div.links div a:before {
	color: #dadada;
}
nav{
	border-bottom: 3px solid #279cb4;
}
nav .nav-inner {
	border: 0;
}
#nav {
    display: none;
}
#nav > li {
	border: 0;
}
#searchText {
	background-color: hsla(0,0%,100%,.1);
	border: 0;
	color: #fff;
	border-radius: 3px;
	height: 37px;
}
input#searchText:focus {
	border: 0;
	color: #e3e3e3;
    background-color: hsla(0,0%,100%,.2);
    box-shadow: 0 0 0 2px hsla(0,0%,100%,.2);
}
.searchIconNew {
	color: hsla(0,0%,100%,.4);
	top: 5px;
}
#nav > li > a:hover, #nav > li > a:nth-child(1):hover {
	background: transparent !important;
}
#nav > li > a:before {
    content: "";
    opacity: 0;
    position: absolute;
    border-radius: 2px;
    height: 14px;
    width: 100%;
    top: 50%;
    left: 0;
    background-color: #279cb4;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
}
#nav > li:hover > a:before {
    height: calc(100% + 16px);
    margin-bottom: -23px;
    margin-top: 3px;
	opacity: 1;
}
#nav > li > a {
	font-family: "Lato",Helvetica,Arial,sans-serif;
	font-size: 20px;
	font-weight: 700;
    font-style: normal;
	letter-spacing: normal;
	text-transform: none;
	padding: 6px 2px;
}
#nav > li > a > span {
	padding: 0px 10px;
}
#nav li.drop-menu > ul:after {
    content: "";
    display: block;
    position: absolute;
    top: -11px;
    left: 14px;
    border: 6px solid transparent;
    border-bottom-width: 5px;
    border-bottom-color: #f5f5f5;
}
#nav li.drop-menu ul {
    border-radius: 2px;
    border: 1px solid hsla(0,0%,100%,.8);
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    padding: 2px 0;
    /*background: #f5f5f5;*/
	background: #fff;
	width: auto;
	min-width: 230px;
	top: 50px;
}
#nav li.drop-menu ul li a {
	border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,.03);
    padding: 10px 20px;	
	font-family: Lato;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    font-style: normal;
}
#nav li ul a span {
	font-size: 16px;
	color: #757575;
}
#nav li ul a:hover span {
	color: #323232;
}
#nav li.drop-menu ul li a:hover {
	color: #323232 !important;
    background: rgba(0,0,0,.04) !important;
}
#nav ul li {
	padding: 0px;
}
#menu .toggle:before {
	color: #dadada;
}
#menu ul.navmenu .menutop, .menutop {
	margin-top: 4px;
}
.mini-cart .basket a {
	color: #dadada;
}

.nav-inner .search-box {
	right: 230px;	
	display: none;
}
.sticky .nav-inner .search-box {
	right: 200px;	
}
.top-links .search-box,
.top-links .search-box form	{
	position: inherit;
	float: right;
}
.top-links .search-box .searchIconNew {
	right: 3px;
}
.sticky {
	padding-top: 3px;
	background: #343434;
	border-top: 0;
	z-index: 1000;
}
.sticky-nav-active .nav-inner .search-box {
	display: block;
}
.sticky-nav-active .top-links .search-box {
	display: none;
}
#menu ul.navmenu ul.submenu {
	position: absolute;
	top: 54px;
}
.top-cart-content {
	border-bottom-color: #279cb4;
}
.mini-cart .basket a:first-child:before {
	border-right: 0;
}
.mini-cart .open .basket span {
	background: transparent;
}
/*
*	ENDE Header
*/




/*
*	START Artikeldetails
*/

p.addthis-share-container{
	font-size: 12px;
    margin-right: 8px;
    margin-top: 8px;
    display: inline-block;
    float: left;
}

#share img{
	display: none;
}

a.share{	
	padding: 11px 13px 9px;
    background: #fff;
    height: 42px;
    width: 42px;
    color: #000 !important;
    text-align: center;
    border: 3px solid #EFEFEF;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.addthis-share-container a:before {
    content: "\f074";
	font-family: 'FontAwesome';
	font-size: 17px;
}

.detail-data {
    clear: both;
    float: left;
    margin-top: 20px;
}

.detail-data .row h3 {
    margin: auto auto 10px;
    font-size: 15px;
    font-weight: bold;
}

.detail-data .row span:nth-of-type(4n+1), .detail-data .row span:nth-of-type(4n+2) {
    background: #f1f1f1;
}

.detail-data .row span {
    padding: 3px 6px;
}
.price-old {
	white-space: nowrap;
    text-decoration: line-through;
}
.has-discount {
	color: #a94442 !important;
}
.product-view .product-shop .UVP #old-price-48 {
	text-decoration: line-through;
	font-size: 18px;
}
#productlink-selection {
	margin-bottom: 20px;
	text-align: left;
}
#productlink-selection #productlink-attribute-desc {
	display: block;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
}
#productlink-selection #productlink-attribute-value select {
	width: 272px;
}
#tabbed-nav .z-content-inner ul {
	margin-left: 10px;
}
#tabbed-nav .z-content-inner ul li::before {
	content: "\f111"; 
	font-family: "FontAwesome";
	font-size: 6px;
	color: #279cb4;
	margin-right: 8px;
	vertical-align: middle;
}
.quantity-prices,
.pricelist-price {
	margin: 10px 0;
	font-size: 15px;
    font-weight: bold;
}
.quantity-prices table tr td:nth-child(1) {	
	text-align: left;
}
.quantity-prices table tr td:nth-child(1),
.quantity-prices table tr td:nth-child(2) {	
	padding-right: 5px;
}
/*
*	ENDE Artikeldetails
*/



/*
*	START Katalogansicht
*/
.products-grid .item .item-inner .item-info .info-inner {
	font-size: 14px;
}
.products-grid .item .item-inner .item-info .info-inner .item-title {
	margin-bottom: 0;
}
.products-grid .item .item-inner .item-info .info-inner .item-title a {
	font-weight: bold;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .item-price .price-old {
	margin-right: 5px;
}
.products-grid .item .item-inner .item-info .info-inner .item-content .item-price .price-old .price-old-text {
	display: inline;
}
.col-md-9 .products-grid #product-list div:nth-child(3n+4) .item,
.col-md-12 .products-grid #product-list div:nth-child(4n+5) .item,
.products-grid #hottopic-list div:nth-child(4n+5) .item {
	clear: both;
}
#product-list_loadingImg {
	clear: both;
    margin: 0 auto;
    display: block;
}
/* Chrome Scrollproblem lösen: Springt beim Nachladen von neuen Aritkel an das Ende der Liste */
.category-products {
	overflow-anchor: none;
}
/*
*	ENDE Katalogansicht
*/




/*
*	START Slider
*/

/* Bei Sticky-Nav den Timer nach unten verschieben */
body.header-fixed-top .slider-section #layerslider .ls-circle-timer {
	bottom: 10px !important;
	top: auto;
}
.ls-inner:after {
	content: '\A';
    position: absolute;
    width: 100%; 
	height:100%;
    top:0; 
	left:0;
    background:rgba(0,0,0,0.3);
    opacity: 0.3;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.slide-desc {
	z-index: 2;
    position: absolute  !important;
    top: 45% !important;
    margin: 0 auto;
    width: 100%;
    text-align: center;
	color: #fff;
	/*text-shadow: 5px 5px #b5b5b5;*/
}
.slide-desc .slide-title {
	color: #FFF;
    margin: 0 auto;
    position: relative;
    margin-bottom: 15px;
    font-weight: 900;
	font-family: "Lato";
	text-shadow: 0 0 5px #666;
	/*white-space: nowrap;*/
    font-size: 58px;
    line-height: 54px;
}
.slide-desc .slide-sub-title {
    display: block;
    position: relative;
    /*line-height: 34px;*/
    font-size: 24px;
    font-weight: 700;
	font-family: "Montserrat";
    margin-top: 20px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    color: #ffffff;
    text-shadow: 0 0 5px #666;
}
.slide-desc .slide-link > div {
	border: 3px solid #fff;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 35px 20px;
    padding: 10px 25px;
    transition: all 0.2s linear 0s;
}
.ls-layer:hover .slide-link > div {
	color: #000;
	background: #fff;
}
.ls-s1 {
	display: relative;
	width: 100%;
	height: 100%;
	z-index: 500;
}
.ls-s1 a {
	height: 100%;
    width: 100%;
    display: block;
}

/*
*	ENDE Slider
*/




/*
*	START Footer
*/

footer {
	background: #515151;
}
footer .inner {
	margin-bottom: 20px;
}
footer #col .col-block {
	clear: both;
	float: left;
	margin-bottom: 20px;
}
footer #col .col-block .col-icon {
	float: left;
	width: 15px;
    margin-right: 20px;
}
footer #col .col-block .col-icon i,
footer #col .col-block .col-icon i:before {
	color: #fff;
	font-size: 18px !important;
	margin: 0;
}
footer #col .col-block .col-icon i.icon-phone,
footer #col .col-block .col-icon i.icon-phone:before {
	/*font-size: 24px !important;*/
}
footer #col .col-block:hover .col-icon i,
footer #col .col-block:hover .col-icon i:before {
	color: #279cb4;
}
footer #col .col-block .col-content {
	float: left;
}
footer #col .col-block .col-content h3,
footer #col .col-block .col-content h3 a {
	margin-top: 1px;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    font-style: normal;
	color: #fff;
	margin-bottom: 5px;
}
footer #col .col-block .col-content p,
footer #col .col-block .col-content a {
	font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
	color: #fff;
}
.social {
	float: right;
}
.social ul {
	margin-bottom: 0;
}
.social ul li {
	margin-right: 10px;
}
.social ul li a:focus {
	text-decoration: none;
}
.social .instagram a {
    background: #6b37c2;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block!important;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}
.social .instagram a:before {
    /*content: "\f16d";
    font-family: FontAwesome;*/
}
.social .pinterest a {
    background: #cb2027;
    font-size: 18px;
    border-radius: 3px;
    line-height: 35px;
    display: inline-block!important;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    padding: 0;
}
.social .pinterest a:before {
    content: "\f0d2";
    font-family: FontAwesome;
}
footer #col .links {
	float: right;
}
footer #col .links li {
	display: inline-block;
    margin: 0 10px;
    position: relative;
}
footer #col .links li a {
	font-size: 13px;
    line-height: 19px;
	color: #eee;
}
footer #col .links li a:hover {
	color: #fff !important;
}
/*
*	ENDE Footer
*/



/*
*	START Contentseiten
*/
.text-content ul {
	margin-left: 10px;
}
.text-content ul li::before {
	content: "\f111"; 
	font-family: "FontAwesome";
	font-size: 6px;
	color: #279cb4;
	margin-right: 8px;
	vertical-align: middle;
}
/*
*	ENDE Footer
*/



/*
*	START Warenkorb
*/
#shopping-cart-totals-table {
	margin-bottom: 10px;
}
/*
*	ENDE Warenkorb
*/



/*
*	START Media Queries
*/
@media(min-width:1200px){    
	header .top-links #col {
		z-index: 1000;
	}
	header .header .logo {
		z-index: 1;
		position: relative;
	}
	
	nav, .nav-inner {
		height: auto;
	}
	#nav {
		display: block;
	}
	#menu {
		display: none;
	}
	.search-box {
		margin-top: 0;
	}
	.top-cart-contain {
		margin: 0;
		top: -10px;
	}
	.sticky {
		padding-top: 5px;
	}
	.sticky #menu ul {
		margin-bottom: 0;
	}
	.sticky #menu .toggle {
		position: relative;
		top: -5px;
	}
	.sticky #menu ul.navmenu ul.submenu {
		top: 44px;
	}
	.sticky .nav-inner .search-box #searchText {
		width: 167px;
		float: right;
	}
}
@media(max-width:1199px){
	.nav-inner .search-box {
		display: block;
	}
	.top-links .search-box {
		display: none;
	}
	.nav-inner .search-box {
		/*top: 7px;*/
	}
	.top-cart-contain {
		margin-top: 0;
	}
	nav, 
	.nav-inner {
		height: auto;
	}
	.sticky {
		padding-top: 0;
	}
	#productlink-selection #productlink-attribute-value select {
		border: 1px solid #333;
	}
	#menu ul.navmenu ul.submenu {
		max-height: 60vh;
		overflow-y: scroll;
	}
	.sticky-nav-active #menu ul.navmenu ul.submenu {
		max-height: 75vh;
	}
	.sticky .nav-inner .search-box {
		right: 230px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media(min-width:992px){
	body.header-fixed-top header {
		position: fixed;
		z-index: 9999;
		width: 100%;
	}
	/* Bei Sticky-Nav die oberen zwei Bereiche ausblenden */
	body.header-fixed-top.sticky-nav-active header .top-links,
	body.header-fixed-top.sticky-nav-active header .header {
		position: relative;
		display: none;
	}
	.sticky {
		height: auto;
	}	
}
@media(max-width:991px){
	.nav-inner .search-box,
	.sticky .nav-inner .search-box {
		right: 80px;
		/*top: 7px;*/
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.nav-inner {
		margin-bottom: 0;
	}
	.top-cart-contain {
		/*top: -12px;*/
	}
	.nav-inner .search-box {
		margin-top: 8px;
	}
	.sticky {
		padding-top: 0;
	}
	.sticky #menu ul.navmenu ul.submenu {
		top: 52px;
	}
}
@media(min-width:768px){
	header .top-links {
		background: transparent;
		position: absolute;		
		margin-top: 5px;
		z-index: 2;
	}
}
@media (max-width: 767px) {
    .slide-desc .slide-title {
		font-size: 36px !important;
		/*font-size: 24px !important;*/
	}
	.slide-desc .slide-sub-title {
		font-size: 24px;
		/*font-size: 16px !important;
		line-height: 14px;*/		
	}    
	.top-cart-contain {
		margin-top: -3px;
	}
	#menu ul.navmenu ul.submenu {
		top: 49px;
	}
	#layerslider,
	#layerslider img	{
		height: 200px !important;
	}
}
@media (max-width: 480px) {
	
}
@media (min-width: 320px) and (max-width: 479px) {
	.slider-section {
		margin-top: 0px;
	}
	header .header, nav {
		width: 100%;
	}
	nav {
		padding: 0 10px;
	}
	.top-cart-contain {		
		margin-right: 20px;
	}
	.slide-desc {
		top: 30% !important;
		/*top: 5% !important;*/		
	}
	#productlink-selection {
		margin-bottom: 10px;
	}
	#productlink-selection #productlink-attribute-value select {
		width: 320px !important;
		max-width: 100%;
	}
	.nav-inner .search-box {
		top: 0px !important;
		right: 55px !important;
	}
	.nav-inner {
		overflow: visible;		
	}
	
	.top-cart-content ul.mini-products-list {
		margin-bottom: 0;
	}
	.top-cart-content ul.mini-products-list > div > div:nth-child(5) {
		display: none;
	}
}
/*
*	ENDE Media Queries
*/