/* mystyles.css  britbee 16.01.2015   */

table tr th, table tr td {color: #7e7673;}

.referreraddress a {
    color: red;
    display: block;
    font-size: 16px;
    padding: 1em;
    text-align: center;
    text-shadow: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    background: #fe3725;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(254, 55, 37);
    color: #fff;
    text-transform: uppercase;
}
.clearcartbutton a {
    /*
    color: red;
    display: block;
    font-size: 16px;
    padding: 1em;
    text-align: center;
    text-shadow: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
    background: #fe3725;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(254, 55, 37);
    color: #fff;
    text-transform: uppercase;
    */
}

section.address {
    padding: 50px 0px;
    background: url("images/subhead-bg.jpg") repeat scroll center top transparent;
    text-align: left;
}
h4.alt {
    font-family: 'Merriweather', serif;
    font-size: 18px;
    text-transform: none;
}
.relatedproducts {
    margin-top: 40px;
}

.productSmall h5 {
    font-size: 16px;
}
/*.productSmall h5 .price {
	font-size: 18px;
}*/
.slide-description h1.identity a {
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
.background-wrapper {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.35);
    display: inline-block;
    float: left;
    clear: left;
    padding: 10px;
}
.breadcrumbs-alt {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 20px;
}
span.sale {
    background: none repeat scroll 0 0 #f34b67;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin: auto;
    min-width: inherit;
    padding: 8px 15px;
    position: absolute;
    top: initial;
    left: initial;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    z-index: 1000;
}
span.topseller:before {
    content: "TOPSELLER";
}
span.topseller {
    background: none repeat scroll 0 0 #30f315;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin: auto;
    min-width: inherit;
    padding: 8px 15px;
    position: absolute;
    top: 125px;
    left: initial;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    z-index: 1000;
}
span.empfehlenswert:before {
    content: "BESONDERS EMPFEHLENSWERT";
}
span.empfehlenswert {
    background: none repeat scroll 0 0 #2424f3;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 500;
    margin: auto;
    min-width: inherit;
    padding: 8px 15px;
    position: absolute;
    top: 150px;
    left: initial;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    z-index: 1000;
}
span.new-amount {
    /*
    color: #f34b67;
    font-size: 18px;
    font-weight: 300;
    */
}
span.old-amount {
    /*
    color: #4b4b4b;
    font-size: 15px;
    font-weight: 300;
    text-decoration: line-through;
    */
}



@media only screen and (min-width: 0) and (max-width: 640px) {
.row.page-headline h1 {
	margin-top: 20px;
	font-size: 1.5rem;
}
.slide-description h1 {
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}
.slide-description h1 a {
	position: relative;
	top: 10px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}

.slide-description h2 {
	/*background: rgba(0, 0, 0, 0.4);
	padding: 10px; */
	display: none;
}
.slide-description span.dash {
	margin-top: 0px;
}
.product-details {
	display: none;
}
input.productSubmitInput {
	font-size: 12px;
	padding: 12px 10px;
}
.breadcrumbs-container {

	margin-bottom: 0 !important;
}

}

@media only screen and (min-width: 480px) and (max-width: 640px) {
.slide-description h1 {
	
}
.slide-description h1 a {
	position: relative;
	top: 30px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}

.slide-description h2 {
	font-size: 16px;
	line-height: 16px;
	position: relative;
	width: 50%;
	top: 25px;
	/*background: rgba(0, 0, 0, 0.4);
	padding: 10px; */
	display: block;
}
.slide-description span.dash {
	position: relative;
	top: 25px;
	margin-top: 0px;
}
.hero-slider.catalogue {
    height: 294px;
}
.product-details {
	display: none;
}
}
@media only screen and (min-width: 641px) and (max-width: 1023px) {
.slide-description h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 60px;
	line-height: 62px;
	text-transform: uppercase;	
}
.slide-description h1 a {
	position: relative;
	
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}

.slide-description h2 {
	font-size: 18px;
	line-height: 18px;
	position: relative;
	width: 50%;
	/*background: rgba(0, 0, 0, 0.4);
	padding: 20px;*/
	display: block;
}
.slide-description span.dash {
	position: relative;
	
	margin-top: 0px;
}
}
@media only screen and (min-width: 641px) and (max-width: 767px) {
.hero-slider.catalogue {
    height: 294px;
}	
.slide-description h1 {
    font-size: 36px;
    line-height: 38px;
	word-break: normal;
	word-wrap: break-word;
}
.row.page-headline h1 {
	margin-top: 30px;
	font-size: 1.5rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.hero-slider.catalogue {
		height: 352px;
	}

	.slide-description h1 {
		font-size: 42px;
		line-height: 44px;
		word-break: normal;
		word-wrap: break-word;
	}

	.row.page-headline h1 {
		margin-top: 30px;
		font-size: 2rem;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
	.slide-description h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 82px;
	line-height: 84px;
	text-transform: uppercase;	
}
.slide-description h1 a {
	position: relative;
	
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}
.slide-description h2 {
	font-size: 18px;
	position: relative;
	width: 50%;
	/*background: rgba(0, 0, 0, 0.4);
	padding: 20px;*/
	display: block;
}
.row.page-headline h1 {
    margin-top: 50px;
	font-size: 42px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1799px) {
	.slide-description h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 82px;
	line-height: 84px;
	text-transform: uppercase;	
}
	.slide-description h1 a {
	position: relative;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}
	.slide-description h2 {
	font-size: 18px;
	position: relative;
	width: 50%;
	/*background: rgba(0, 0, 0, 0.4);
	padding: 20px;*/
	display: block;
}	
}
@media only screen and (min-width: 1800px) {
	.slide-description h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 98px;
	line-height: 100px;
	text-transform: uppercase;	
}
	.slide-description h1 a {
	position: relative;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
}
	.slide-description h2 {
	font-size: 22px;
	position: relative;
	width: 50%;
	/*background: rgba(0, 0, 0, 0.4);
	padding: 20px;*/
	display: block;
}			
}

/*=============================================*/

/* @media only screen and (min-width: 0) and (max-width: 640px) {
	.slide-description .identity a {
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	font-family: "Montserrat";
	font-size: 24px;
	line-height: 24px;
}
.slide-description h1 a, .slide-description h2 a {
	color: #fff;
}
.slide-description h1 a {
	font-size: 24px;
	line-height: 100%;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.slide-description h2 {
	background: rgba(0, 0, 0, 0.4);
	padding: 10px;
}
span.dash {
	margin-bottom: 5px;
	margin-top: 5px;
}
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
	.slide-description .identity a {
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	font-family: "Montserrat";
	font-size: 42px;
	line-height: 42px;
}
.slide-description h1 a, .slide-description h2 a {
	color: #fff;
}
.slide-description h1 a {
	font-size: 36px;
	line-height: 100%;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 30px;
	text-transform: uppercase;
	
}
.slide-description h2 {
	background: rgba(0, 0, 0, 0.4);
	padding: 20px;
}
span.dash {
	margin-bottom: 20px;
	margin-top: 20px;
}
}

@media only screen and (min-width: 641px) and (max-width: 1023px){
	
.slide-description h1 a, .slide-description h2 a {
	color: #fff;
}
.slide-description h1 a {
	font-size: 76px;
	line-height: 78px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.slide-description h1 {
	margin-top: 50px;
}
.slide-description h2 {
	background: rgba(0, 0, 0, 0.4);
	padding: 20px;
}
span.dash {
	margin-bottom: 20px;
	margin-top: 20px;
}
.slide-description h1.identity a {
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	font-family: "Montserrat";
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 0px !important;
	margin-top: 0px;
}
.slide-description h1.identity {
	margin-top: 50px;
}	
}

@media only screen and (min-width: 1024px) and (max-width: 1399px) {

.slide-description h1 a, .slide-description h2 a {
	color: #fff;
}
.slide-description h1 a {
	font-size: 80px;
	line-height: 100%;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 30px;
	margin-top: 150px;
	text-transform: uppercase;
}
.slide-description h2 {
	background: rgba(0, 0, 0, 0.4);
	padding: 20px;
}
.slide-description .identity a {
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
	font-family: "Montserrat";
	font-size: 80px;
	line-height: 80px;
}
.slide-description h1.identity {
	margin-top: 150px;
}	
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {}

/*
section.shopbycategory img a:hover { 
	background: url(/_assets/img/gallery/gallery-8.jpg);
	transition: all 0.3s ease-out;
}

section.shopbycategory .image a {
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0; left: 0;
	height: 100%; width: 100%;
	z-index: 0;
	transition: all 0.3s ease-out;
}
				
section.shopbycategory a:before {
	content: "";
	border: 4px transparent double;
	top: 0; left: 0;
	position: absolute;
	width: 100%; height: 100%;
	transition: all 0.2s ease-out;
}
					
section.shopbycategory a:hover:before {
	border-color: #FFF;
	top: 10px; left: 10px;
	width: calc(100% - 20px); height: calc(100% - 20px);
}
				
				
section.shopbycategory .image a:hover  {
	opacity: 0.5;
	-webkit-transform: scale3d(1.05,1.05,1.05);
}
section.shopbycategory h3.catalogue-title { 
	position: relative;
	z-index: 1000;
	color: #fff;
}
.productItem .image, .productItemLast .image {
    padding: 60px;
}		
*/

/*********    Lightbox responsive & prev next labels  ***/
/**** closelabel.gif ist img element, gesteuert via scripts.js ***/

#outerImageContainer {
	max-width: 90%;
	overflow: hidden;
	height: auto !important;
	font-size: 0 !important;
}

#imageDataContainer {
	max-width: 90%;
	overflow: hidden;
}

#lightboxImage {
	max-width: 100%;
}

#prevLink{ left: 0; float: left;}
#nextLink{ right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover, #prevBLink:hover, #prevBLink:visited:hover, #prevBLink { background: url(images/prevlabel.gif) left 15% no-repeat !important; }
#nextLink:hover, #nextLink:visited:hover,#nextBLink:hover, #nextBLink:visited:hover, #nextBLink { background: url(images/nextlabel.gif) right 15% no-repeat !important; }


/********* Fix für nav.top-bar Höhe   ***********************/

nav.top-bar {
	min-height: 84px;
}

li.toggle-topbar.menu-icon {
	position: absolute;
	top: 22.5px !important;
}