@charset "utf-8";

*, html {
	margin: 0;
	padding: 0;
	box-sizing:border-box;	
}

html {
	width: 100%;
	height: 100%;
	font-family: verdana, sans-serif;
	font-size:10pt;
	color: #000000;
	/* color:#303030; */
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

img {
	width:auto;
	height:auto;
	border:0;
}

#BlogDiv img{
	max-width:100%;
	}

p {
	margin-bottom: 1.5rem;
}

h1 {
	font-size:15pt;
	font-weight:bold;
	color: #000000;
	margin-bottom:1rem;
}

h1.blog{
	background-image: url('/img/new_design/30x30/blog.png');	
	background-repeat: no-repeat;
	padding-left: 35px;
	height:30px;
	padding-top:5px;
}

h1.kategorien{
	background-image: url('/img/new_design/30x30/kategorien.png');	
	background-repeat: no-repeat;
	padding-left: 35px;
	height:30px;
	padding-top:5px;
}

h2 {
	font-size:15pt;
	font-weight:normal;
	color: #000000;
	margin-bottom:1rem;
}

h2.neuheiten a {
	display:block;
	background-image: url('/img/new_design/30x30/neuheiten.png');	
	background-repeat: no-repeat;
	padding-left: 35px;
	height:30px;
	padding-top:3px;
	font-style:normal;
	font-size:15pt;
	font-weight:normal;
	color: #000000;
}

h2.videos a, h2.videos2 {
	display:block;
	font-size:15pt;
	font-weight:normal;
	color: #000000;
	margin-bottom:1rem;
	background-image: url('/img/new_design/30x30/video.png');	
	background-repeat: no-repeat;
	padding-left: 35px;
	height:32px;
	padding-top:3px;
	font-style:normal;
}

h2.blog{
	background-image: url('/img/new_design/30x30/blog.png');	
	background-repeat: no-repeat;
	padding-left: 35px;
	height:30px;
	padding-top:3px;
}

h2.blog a{
	font-size:15pt;
	font-weight:normal;
	color: #000000;
	margin-bottom:1rem;
	font-style:normal;
}

h2.p{
	font-family: verdana, sans-serif;
	font-size: 10pt;
	color: #000000;
	margin-left: 5px;
	margin-bottom:0px;
}

h3 {
	font-size:13pt;
	font-weight:normal;
	color: #000000;
	margin-bottom:0.4rem;
}

h4 {
	font-size:1rem;
	margin-bottom: 0.2rem;
	font-weight:bold;
}

hr{
	
   background-color: #224585; 
   border: none; 
   color: #224585; 
   height: 1px; 
	
	margin-top:10px;
	margin-bottom: 10px;

}

a:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall):not(.sale_li):not(.menuAhref):not(.inlinetext):not(.footerLink),
a:link:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall):not(.sale_li):not(.menuAhref):not(.inlinetext):not(.footerLink) {
	font-family: verdana, sans-serif;
	color: #000000;
	text-decoration: none;
	font-style: italic;
	cursor: pointer;
}

a.inlinetext{
	font-family: verdana, sans-serif;
	color: RGB(47,94,166);
	text-decoration: none;
	font-style: italic;
	cursor: pointer;
}

a:visited:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall):not(.sale_li):not(.menuAhref):not(.inlinetext):not(.footerLink) {
	font-family: verdana, sans-serif;
	color: #000000;
	text-decoration: none;
	font-style: italic;
}

a:visited.inlinetext{
	font-family: verdana, sans-serif;
	color: RGB(47,94,166);
	text-decoration: none;
	font-style: italic;
	cursor: pointer;
}

a:hover:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall):not(.sale_li):not(.menuAhref):not(.footerLink) {
	font-family: verdana, sans-serif;
	color: RGB(0,0,0);
	text-decoration: none;
	font-style: italic;
}

a:active:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall):not(.sale_li):not(.menuAhref):not(.footerLink) {
	font-family: verdana, sans-serif;
	color: RGB(0,0,0);
	text-decoration: none;
	font-style: italic;
}

.banner_container {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 2rem;
}

.banner_container source,
.banner_container img {
	max-width: 100%;
}

.specPrice {
	color: #D20A11;
}

.specPricePromo {
	color: #D20A11;
}

.oldPrice {
	text-decoration: line-through;
	color: #303030;
	font-weight: normal;
}

#couponCountDown{
	color: #D20A11;
}

.whsPrice {
	color: #7b9f00;
}

.textright {
	text-align: right;	
}


.columns_dashed {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding-top: 1rem;
	margin-bottom:1%;
	padding-bottom: 1%;
	border-bottom: 1px dotted #808080;
}

.columns_dashed:first-child {
	padding-top: 0;
}

.columns_dashed:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

/* For devices larger than 550px */
@media (min-width: 550px) {

	.columns_dashed {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: 0;
		margin-right: 4%;
		width: 48%;		
		padding-right: 4%;
		border-right: 1px dotted #808080;		
	}
	
	.columns_dashed:last-child {
		margin-right: 0;
		padding-right: 0;
		border-right: 0;	
	}
}

.similarItemsHeader {
	margin: 0;
	padding: 0.2rem;
	text-align: center;
	font-weight: bold;
	font-size: 1.1rem;
	color: #000000;
	background-color: #af8655;
}

/* sub categories with CSS3 multiple columns.*/
.subCat {
	margin: 0px 0.5% 20px;
}
.subCatHeader {
	margin: 0;
	padding: 0.5rem;
	font-weight: bold;
	font-size: 1.1rem;
	color: #000000;
	background-color: #af8655;
	cursor:pointer;
}
/* Get em size for colums */   
.subCatColumns {   
    -moz-column-width: 16em; /* Firefox */
    -webkit-column-width: 16em; /* webkit, Safari, Chrome */
    column-width: 16em;
    background-color: #efe7dd;
    margin: 0;
}
/*remove standard list and bullet formatting from ul*/
.subCatColumns ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
	text-align: left;
	white-space: nowrap;
}
/* correct webkit/chrome uneven margin on the first column*/
.subCatColumns ul li:first-child {
    margin-top:0px;
}
.subCatColumns ul li a {
	display: block;
	height: 35px;
	line-height: 35px;
	font-weight: 800;
	font-style: normal !important;
	transition: 0.3s;
}
.subCatColumns ul li a:hover {
	background-color: #af8655;
}
@media (max-width: 929px){
	.subCatColumns{
		display:none;
	}
}

.subCatContent {
	display:none;
}

/* ------------------------------------------------------------------------ */

.bbSubCats, .bbSubSort {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0px 0.5% 20px;
	margin-bottom:2px;
/* 	border: 1px solid #DEDEDE; */
}

.bbSubSort{
margin: 0px 0.5% 20px;
}

.bbSubCatsDiv, .bbSubSortDiv {
	flex: 1 1 auto;
	text-align: center;
	display: inline-block;
    min-width: 100%;
    padding: 0.5rem;
	background-color: #af8655;
/* 	border-right: 1px solid #fff; */
/* 	border-top: 1px solid #fff; */
}

.bbSubSortDiv .sortBtn {
	font-weight: bold;
	display: inline-block;
	margin: 0;
	margin-left: 1rem;
	vertical-align: middle;
	border: 1px solid #224585;
	border-radius: 2px;
}

/* For larger devices */
@media (min-width: 435px) {
	.bbSubCatsDiv, .bbSubSortDiv {
		min-width: 130px;
	}
}

.bbSubCatsDiv a,
.bbSubCatsDiv a:link,
.bbSubCatsDiv a:visited {
	color: #000000 !important;
	font-weight: bold;
	font-style: normal !important;
}

.bbSubCatsDiv a:hover,
.bbSubCatsDiv a:active {
	color: RGB(0,0,0) !important;
}

.bbSubSortDiv,
.bbSubSortDiv a,
.bbSubSortDiv a:link,
.bbSubSortDiv a:visited {
	color: #000000 !important;
	font-weight: bold;
	font-style: normal !important;
}

.bbSubSortDiv a:hover,
.bbSubSortDiv a:hover span,
.bbSubSortDiv a:active,
.bbSubSortDiv a:active span {
	color: RGB(0,0,0) !important;
}

/* container for formated select */
.bbSubSortDiv .select-wrapper {
	display: inline-block;
	max-width: 200px;
	height: 20px;
	margin-left: 1rem;
	position: relative;
}

/* Dropdown arrow */
.bbSubSortDiv .select-wrapper .select-arrow {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 2px;
	margin: auto;
	pointer-events: none; /* clickable */
}

.bbSubSortDiv .select-wrapper .select-arrow .material-icons {
	font-weight: bold;
	font-size: 20px;
}

.bbSubSortDiv select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	padding-left: 10px;
	padding-right: 30px;
	font-weight: bold;
	color: #000000;
	background-color: #efe7dd;
	border: 1px solid #224585;
	border-radius: 4px;
	outline: none; /* Chrome  */
	cursor: pointer;
	box-sizing: border-box;
}

.bbSubSortDiv select option {
	color: #000000;
}

/* IE: no drop down arrow */
.bbSubSortDiv select::-ms-expand {
	display: none;
}

/* IE: don't change background */
.bbSubSortDiv select:focus::-ms-value {
	background-color: transparent;
}

/* ------------------------------------------------------------------------ */

.shopsearchItems {
	display: flex;
	flex-flow: row wrap;
	padding: 0 0.5% !important;
}

a.searchItem {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 200px;
	padding: 1%;
	padding: 0 0.5% 1%;
	margin-bottom: 0.5rem;
	text-align: left;
	color: #000;
	text-decoration: none;	
}

/* For larger devices */
@media (min-width: 435px) {
	a.searchItem{
		max-width: 50%;
	}
}
@media (min-width: 635px) {
	a.searchItem{
		max-width: 33.3333333333%;
	}
}
@media (min-width: 835px) {
	a.searchItem{
		max-width: 25%;
	}
}

.thumbContainer {
	position:relative;
}

.thumbContainer .imgBG {
	background-color: #fff;
	border:1px solid #000;
	border-radius: 8px;
	overflow: hidden;
	height: 138px;
	text-align: center;
}

.thumbContainer .imgBG img {
	max-width: 100%;
	max-height: 100%;
}

.label_img_sale {
/* 	width: 15%; */
	height: auto;
	position:absolute; 
	left: -6px; 
	top: -10px; 
	z-index:100; 
}

.label_img_sale_big {
/* 	width: 15%; */
	height: auto;
	position:absolute;
	left: -10px;
	top: -8px;
	z-index:100;
}

.searchItemData {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 55px;
}

.searchItemTitle {
	flex: 1;
	min-height: 20px;
	font-weight: 600;
}

.searchItemInfo {
	display: flex;
	align-items: flex-end;
}

.searchItemDesc {
	flex: 1;
}

.searchItemPrices {
	color: #000;
/* 	font-family: "Arial Black", Arial; */
	font-weight: 800;	
/* 	float: right; */
    margin-left: 5px;
    text-align: right;
}

.searchItemTaxDisclaimer {
	font-weight: normal;
	text-align: right;
	font-size: 8pt;
}

.addtocart_button_container, 
.unavailable_button_container {
	margin: 0.5rem 0 0;
}
.addtocart_button_container .btn,
.unavailable_button_container .btn,
.unavailable_button_container .btngrey {
	width: 100%;
	margin: 0;
}

.cartIconBtn {
	position: absolute;
	bottom: 1px;
	right: 1px;
	background-color: #1c3660;
	padding: 6px;
	border: 2px solid white;
	border-radius: 50%;
	color: white;
	cursor: pointer;
}

.change_wishlist {
	margin-top: 5px;
	width: 100% !important;
}

.showButtons {
	margin-top: 1rem;
}

.itemsWarningIcon {
	position: absolute;
	bottom: 1px;
	left: 1px;
	width: 30px;
}

/* ------------------------------------------------------------------------ */

#topbarproxy {
	background-color: #224585; 
	height: 41px;
}

#pagewrapper {
	width: 100%;
	max-width: 1400px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	padding: 5px;
	position: relative;
	top: -41px;
	bottom: 0px;
}

@media (max-width: 1440px) {
	#pagewrapper {
		margin: 0 20px 0 auto;;
	}
}

.box {
	background-color: white;
	padding: 0.5rem;
	margin-bottom: 1rem;
}

.box a:link:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall):not(.inlinetext),
.blogPost a:link:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall):not(.inlinetext) {
	color: #0119ff;
	text-decoration: none;
}

.box a:visited:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall):not(.inlinetext),
.blogPost a:visited:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall):not(.inlinetext) {
	color: #0119ff;
	text-decoration: none;
}

.box a:hover:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall),
.blogPost a:hover:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall) {
	color: #0119ff;
	text-decoration:underline;
}

.box a:active:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall),
.blogPost a:active:not(.btn):not(.button):not(.btngreen):not(.btnred):not(.btnsmall) {
	color: #0119ff;
	text-decoration: none;
}

/* ------------------------------------------------------------------------ */

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(224,238,238,0.7); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}


#header {
    width: 100%;
    /* min-height: 100px; */
    padding: 0;
    padding-top:65px;
	margin: auto;
	position: relative;
    padding-bottom: 0.5rem;
}

#langheader,
#mainheader {
    width: 100%;
    height: auto;
    padding: 0;
	margin: auto;
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

#langheader{
	justify-content: flex-end;
}

#mainheader{
	top:-15px;
}

#langde{
	margin-left:5px;
}

#subheader {
    width: 100%;
    height: auto;
    padding: 0;
	margin: auto;
	position: relative;	
}
    
#header_logo {
	width: auto;
	min-width: 160px;
    max-width: 408px;
    max-height: 100px;
    align-self: center;
}

#header_logo img {
	width:100%;
	height: auto;
  	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

#header_quicksearch {
	display: none;
}

#header_quicksearch > div,
#header_quicksearch > form {
	display: none;
}

#header_quicksearch_mobile > div,
#header_quicksearch_mobile > form {
	height: 30px;
	width: 100%;
	padding: 1px;
	background-color: #fff;
	border: 2px solid #224585;
	border-radius: 4px;
	display: flex;
	align-items: center;
}

#qsbutton,
#qsbutton_mobile {	
	background-image: url('/img/new_design/icons/lupe.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 33px;
	height: 20px;
	padding: 0;
	margin: 0;
	border: 0;
}

#qsinput,
#qsinput_mobile {
	height: 26px;
	margin: 0;
	padding: 0 10px;
	color: #888;
	font-size: 14px;
	border: 0;
}

#header_info, #header_info_mobil {
	height: auto;
	flex: 1;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
	white-space: nowrap;
}

#header_info_mobil{
	justify-content: center;
	margin-bottom:10px;;
}

.hd_login,
.hd_konto,
.hd_newsletter,
.hd_cart {
	height: auto;
	margin: 0;
	flex: 1;
	position: relative;
}

#header_info .hd_login,
#header_info .hd_konto,
#header_info .hd_newsletter,
#header_info .hd_cart {
	margin-left: 0.6rem;
}

#hd_lang {
	height: auto;
	margin: 0;
	margin-left: 0.6rem;
	position: relative;
}

.hd_login_icon,
.hd_konto_icon,
.hd_newsletter_icon,
.hd_cart_icon {
	height: 30px;
	flex: 0;
}

.hd_konto_icon_new{
	height:23px;
	margin-right:10px;
}

.hd_konto_icon_new a{
	height: 20px;
	margin: 1px;
}


.hd_cart_icon_container {
	position: relative;
	height: 100%;
	width: 30px;
	display: inline-block;
}

.hd_login_icon a,
.hd_konto_icon a,
.hd_newsletter_icon a,
.hd_cart_icon a {
	height: 30px;
	margin: 1px;
}

.hd_cart_count {
	width: 20px;
	height: 20px;
	z-index: 99;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: #000000;
	background-color: #8fc317;
	border: 1px solid #8fc317;
	border-radius:50%;	
	position: absolute;
	right: -15px;
	top: -3px;
}

#hd_login_menu, #hd_login_menu_mobil {
	/* width: 100%; */
	/* padding: 0.5rem 1rem; */
	padding: 20px;
	min-height: 2rem;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #224585;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);
	z-index: 999;
	display: none;
	/* display: block; */
	text-align: left;
	position: absolute;
	left: 0;
}

#hd_login_menu{
	top: 0px;
}

#hd_login_menu_mobil {
	left: 5px;
	bottom: 45px;
	position:fixed;
}

#hd_login_menuClose, 
#hd_login_menu_mobilClose {
    color: #aaaaaa;
    font-size: 20px;
    line-height: 9px;
    font-weight: bold;
    position: absolute;
    top: 5px;
    right: 5px;
}

#hd_login_menuClose:hover,
#hd_login_menuClose:focus,
#hd_login_menu_mobilClose:hover,
#hd_login_menu_mobilClose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#hd_login_menu > a, #hd_login_menu_mobil > a {
	display: block;
	margin-top: 1rem;
}

.loginShowMenu, .loginShowMenu_mobil {
	cursor: pointer;	
}



#hd_lang_button {
	height: 32px;
	padding: 3px;
	background-color: #FFFFFF;
	border: 2px solid #0119FF;
	border-radius:4px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	white-space: nowrap;
}

#hd_lang_button.flag_icon {
	height: 22px;
	display: inline-block
}

#hd_lang_button.material-icons {
	color: #D20A11;
}

#hd_lang_select {
	width: auto;
	padding: 0.5rem 1rem;
	min-height: 2rem;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #0119FF;
	z-index: 999;
	display: none;
	/* display: block; */
	text-align: left;
	position: absolute;
	left: 0;
	top: 49px;
}

.label_parts {
    color: #000;
    font-weight: bold;
    font-style: normal;
    background-color: #a3a9b2;
    border-radius: 8px;
    padding: 2px 6px;
    z-index: 100;
    font-size: 0.8rem;
    width:73px;
    text-align:center;
	position: absolute;
	top: -10px;
	right: 3px;
}

.label_parts_big {
	color: #000;
	font-weight: bold;
    font-style: normal;
	background-color: #a3a9b2;
	border-radius: 8px;
	padding: 5px 10px;
	position:absolute;
	right:0;
	top:-10px;
	z-index:100;
}



.label_sale, 
.label_eol {
    color: #000;
    font-weight: bold;
    font-style: normal;
    background-color: #a3a9b2;
    border-radius: 8px;
    padding: 2px 6px;
    z-index: 100;
    font-size: 0.8rem;
    /*width:73px;*/
    text-align:center;
	position: absolute;
	top: -10px;
	left: 3px;
}

.label_sale_big,
.label_eol_big {
	color: #000;
	font-weight: bold;
	font-style: normal;
	background-color: #a3a9b2;
	border-radius: 8px;
	padding: 5px 10px;
	position:absolute;
	right:0;
	top:20px;
	z-index:100;
}

.label_sale, 
.label_sale_big {
    background-color: #e59120;
}

.label_eol, 
.label_eol_big {
    background-color: #86a5cc;
}



.label_comingsoon,
.label_announcement,
.label_unavailable {
    color: #fff;
    font-weight: bold;
    background-color: #D20A11;
    padding: 2px 6px;
    z-index: 100;
    font-size: 0.8rem;
    width: 100%;
    text-align:center;
    position: absolute;
    bottom: 10px;
}

.label_comingsoon {
    background-color: #7B9F00;
}

.label_announcement {
    background-color: #ffac0e;
}

.wholesaleBar {
	width: 100%;
	background-color: #fff;
	color: #d20a11;
	padding: 2px 2rem;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	margin: 1rem 0;
	border-top: 1px solid #d20a11;
	border-bottom: 1px solid #d20a11;	
}



.langSwitch {
	height: 22px;
	display: inline-block;
	cursor: pointer;
}

.categoriesDiv,
.navCategoriesDiv {
	width:100%; 
	text-align: center; 
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-flow: row wrap;
}
.navCategoriesDiv {
	background-color: #efe7dd;
    margin-top: 0;
}

.category,
.navCategory {
	min-width: 200px;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 2rem;
	padding: 0.5%;
}
.navCategory {
	min-width: 94px;
	margin-bottom: 0.5rem;
	width: 50%;
}

.category:hover{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(128,128,128,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(128,128,128,1);
	box-shadow: 0px 0px 5px 0px rgba(128,128,128,1);
}

.productVideoImgFake{
	/*min-width:100%;*/
	height:100%;
	text-align:center;
	margin-bottom:10px;
	padding: 0 0.5% 1%;
}

@media (min-width: 285px) {
	.navCategory{
		width: 33.3333333333%;
	}
}

@media (min-width: 435px) {
	.category, .productVideoDiv{
		width: 50%;
	}	
	.navCategory{
		width: 25%;
	}
}
@media (min-width: 635px) {
	.category, .productVideoDiv{
		width: 33.3333333333%;
	}	
	.navCategory{
		width: 16.6666666666%;
	}
}
@media (min-width: 835px) {
	.category, .productVideoDiv{
		width: 25%;
	}	
	.navCategory{
		width: 12.5%;
	}
}
.homepageVidImgBox{
	max-width: 100%;
	text-align: center;
}

.homepageVidImg{
	border: 1px outset RGB(87,87,86);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);
	max-width:100%;
	text-align:center;
}

.catImg{
	border: 1px outset RGB(87,87,86);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);
	max-width:100%;
	text-align:center;
	position: relative;
	background-color: white;
}

.catImg80{
		height: 80px;
}

.catImg158{
	height: 158px;
}
.catImg143{
	height: 143px;
}

.catImg140{
	height: 140px;
}
.catImg76{
	height: 76px;
}

.catImg158 a,
.catImg76 a,
.catImg80 a {
	height: 100%;
	display: block;
}

.hompagePlayButton{
	max-height:30%;
	max-width:50%;
	
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	min-width: 15px;
	z-index: 1;
}

.catImg158 a img:not(.label_img_sale),
.catImg76 a img:not(.label_img_sale),
.catImg80 a img:not(.label_img_sale) {
	max-height:90%;
	max-width:100%;
	
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;	
}

.catText{
	font-family: verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: RGB(0,0,0);
	font-style: normal;	
	margin-top: 5px;
	max-width: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.catText a{
	font-family: verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: RGB(0,0,0);
	font-style: normal;	
	margin-top: 5px;
	max-width: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
}

#newProductsCount {
	width: 30px;
	height: 20px;
	z-index: 99;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
	background-color: #8fc317;
	border: 1px solid #8fc317;
	border-radius:50%;	
	float:left;
	position:relative;
	top:-37px;
	right: -130px;
}

#newProducts{
	width:100%; text-align:center; vertical-align:middle;margin-top:10px;margin-bottom:10px; display:flex;flex-flow: row wrap;
}

.newProductDiv{
	min-width:200px; height:100%;text-align:left;display: flex;flex-direction: column;flex: 1;padding: 0 0.5% 1%;
}

.simProductsContainer {
	padding: 2px;
	margin: 1rem 0;
	background-color: #efe7dd;
	border: 1px solid #ddd4c8;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.30);
}

.simProductsContainer h3 {
	margin-top: 0.5rem;
}

.simProductsFlexContainer{
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	display: flex;
	flex-flow: row wrap;
}

.simProductDiv{
	max-width: 49%;
	min-width: 100px;
	text-align: left;
	padding: 0 0.5% 1%;
	margin: 1rem 0 0;
	display: flex;
	flex-direction: column;
	flex: 1;
}


.newProImg{
	max-width:100%; max-height:50%;
	border: 1px outset RGB(87,87,86);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);
}

a.newProText, .newProText{
	font-family: verdana, sans-serif;
	font-size:10pt;
	font-weight:normal;
	font-style:normal;
	color: #000000;	
	margin-top:10px;
	max-width:100%; 
	max-height:50%;
}

a.simProText, .simProText{
	font-family: verdana, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;	
	margin: 0.2rem 0 0;
	max-width: 100%;
}

#mainVideoText {
	flex: 1;
	min-width: 350px;
}

#mainVideoText p {
	letter-spacing: 0.01em;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
}


.mainVideoIFrame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media (max-width: 200px) {
	#VideoIFrame, .VideoIFrame{
    min-width:200px; width:100%; 
   }
     
}

@media (min-width: 200px) {
	#VideoIFrame, .VideoIFrame{
     width:350px; height:197px;
   }
   
}
     
@media (max-width: 450px){
	#zs1{display:none;}
   #zs2{display:block;}
   
   #gs1{display:none;}
   #gs2{display:block;}
   
   #vk1{display:none;}
   #vk2{display:block;}
}  

@media(min-width: 450px){
 	#zs1{display:block;}
   #zs2{display:none;}
   
   #gs1{display:block;}
   #gs2{display:none;}
   
   #vk1{display:block;}
   #vk2{display:none;}
}
 
@media (min-width: 500px) {
    #VideoIFrame, .VideoIFrame{
     width:500px; height:281px;
    }
    
}

@media(max-width:550px){
    .productVideoImg{
    display:block;
    }
}

@media (min-width: 550px) {
  
    .productVideoImgFake{
    display:block;
    }
}

.VideoIFrame{
	 margin: auto;
	  position: fixed;
	  top: 0; 
	  left: 0; 
	  bottom: 0; 
	  right: 0;
	z-index:100;
	padding:10px;
	background-color:#ffffff;
}

#videoDiv{
	margin-top:10px;margin-bottom:10px;display:flex;flex-flow: row wrap;
}

#mainVideo{
	flex: 1;margin-right:10px;text-align:center;
}

#productVideos{
	width:100%; text-align:center; vertical-align:middle;margin-top:10px;margin-bottom:10px; display:flex;flex-flow: row wrap;justify-content:left;
}


.productVideoDiv{
	min-width:200px; text-align:left;display: flex;flex-direction: column;flex: 1;padding: 0 0.5% 1%;
}

.productVideoImgFake{
	border: 1px outset RGB(87,87,86);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);
	margin:0px;
	background-repeat: no-repeat;
    background-size: 100%;
    cursor:pointer;
}

.productVideoImg{
	border: 1px outset RGB(87,87,86);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);
	max-width:100%; 
}

a.productVideoText, .productVideoText{
	font-family: verdana, sans-serif;
	font-size:10pt;
	font-weight:normal;
	color: #000000;	
	margin-top:10px;
	max-width:100%; 
	max-height:50%;
	font-style:normal;
}

#noppBlog{
	width:100%; text-align:left; vertical-align:middle;margin-top:10px;margin-bottom:10px; display:flex;flex-flow: row wrap; justify-content: center; 	
	padding: 0 0.5% 1%;
}

#BlogDiv{
	min-width: 250px;/* height: 100%; */text-align: left;/* margin-right:10px; */display: flex;flex-direction: column;flex: 3;
}

.blogPost1{
	border: 1px outset RGB(87,87,86);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);
	padding:7px;
	margin-bottom:8px;
}

.blogPost3{
	border: 1px outset RGB(87,87,86);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);
	margin: 7px;
	margin-bottom: 5px;
	display: flex;
	flex-flow: row wrap;
}

.blogPost2{
	display:flex;flex-flow: row wrap;
}

.blogImg{
	flex: 1;
	max-width:270px;
	max-height:160px;
	margin-right:3px;
	/*margin-right:5%;*/
}

.blogText{
	display: flex;flex-direction: column;flex: 2;
	min-height:133px;
	max-height:150px;
	overflow: hidden;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
}

.blogText2{
	display: flex;flex-direction: column;flex: 2;
	margin: 0 3%;
	font-size: 1.1rem;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
}

.blogText2 li {
	margin: 0 1.4rem;
	padding: 0.6rem;
	padding-top: 0;
}

.blogText2 a {
	font-style: normal !important;
	color: #000000 !important;
	text-decoration: underline !important;
}

.blogImg2{
	flex: 1;
	max-width:270px;
	max-height:100%;
	padding: 0 3%;
}

.homepageVideoImgFake{
	max-width: 100%;
	max-height: 100%;
}

#newDiv {
	min-width: 244px;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex: 1;
	border: 1px outset RGB(87,87,86);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);
	margin-left: 5px;
	margin-bottom: 8px;
}

#newDivHead{
	background-color: #000000;
	background-image: url('/img/new_design/30x30/newletter_negativ.png');	
	background-position:5px 5px;
	background-repeat: no-repeat;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size:12pt;
	font-weight:bold;
	padding:5px;
	min-height:35px;
}

#newDivHead a{
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size:12pt;
	font-weight:bold;
	font-style:normal;
}

#newDivBody{	
	padding: 5%;
	padding-top: 15%;
	height: 100%;
	text-align: left;
	display: flex;
	flex-direction: column;
}

.zurueck{
	padding:15px;margin:15px;max-width:100px;text-align:center;
}

@media (min-width: 400px) {
	#header {
	    padding-left: 0.5rem;
	    padding-right: 0.5rem;
	}
	
}

@media (max-width:649px){

	#header_info{
		display:none;
	}
	
	#header_info_mobil{
		display: -webkit-flex;
		display: flex;
	}
}

@media (min-width: 650px) {
	
	#hd_lang {
		max-width: none;
	}
	
	#header_info{
		display:-webkit-flex;
		display: flex;
	}
	
	#header_info_mobil{
		display:none;
	}
}

@media (min-width: 930px) {
	
	#header_quicksearch {
		height: auto;
		margin: 0;
		flex: 1;
		display: flex;
		align-items: center;
		margin-left: 1rem;
	}
	
	#header_quicksearch > div,
	#header_quicksearch > form {
		height: 30px;
		width: 100%;
		padding: 1px;
		background-color: #fff;
		border: 2px solid #224585;
		border-radius: 4px;
		display: flex;
		align-items: center;
	}
	
	#header_quicksearch_mobile > div,
	#header_quicksearch_mobile > form {
		display: none;
	}
	
	#hd_login_menu > a {
		margin-top: 0.5rem;
	}
}

/* ------------------------------------------------------------------------ */

#main {
    width: 100%;
    height: auto;
    padding: 0;
}

@media (min-width: 400px) {
	#main {
	    padding: 0 0.5rem;
	}
}

/* ------------------------------------------------------------------------ */

#footer {
	padding: 0 0.5rem;
	text-align: left;
	padding-bottom: 50px;
	background-color: #224585;
	color:#dadada;
	font-weight: 600;
}

.footer_grid {
	margin-top: 0.5rem;
	padding-top: 0.5rem;
	border-top: 1px solid #303030;
	display: flex;
	flex-flow: row wrap;
	/*justify-content: space-around;*/
	justify-content: center;
	align-items: center;
}

.footer_grid > div,
.footer_grid > img {
	text-align: center;
	margin: 0.6rem;
	max-width: 200px;
}

.footer_textgrid,
#footer_info {
	padding:10px;
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
	max-width:1400px;
	margin: 0 auto;
}

.footer_box{
  flex: 1;
  min-width: 200px;
  max-width: 200px;
  margin: 5px;
	
}

.footerLink{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 200px;
	max-width: 200px;
	margin: 5px;
	color:#ffffff;
	text-decoration:none;
}

.footerLink:hover{
		color:#dadada;
	}

.footerLink img {
	max-height: 17px;
	max-width: 17px;
	vertical-align: baseline;
}

.footerDiv{
	color: #A2C5EA;
  	font-size: 1.07rem;
  	text-transform: uppercase;
  	font-weight: 600;
  	padding-top: 0;
}

/* ########################################################################################################################## */

#divCart {
 	display:none;
    width: 90%;
    max-width: 580px;
    height:auto;
    position: fixed;
    left: 5%;
    top: 0%;
    box-sizing: border-box;
    background-color:#FFF;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    padding:10px;
    z-index: 999;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 3px 3px;
	-moz-box-shadow: rgba(0,0,0,0.5) 0px 3px 3px;
	box-shadow: rgba(0,0,0,0.5) 0px 3px 3px;
}

#divCart .divCartThumbWrapper {
	display:none;	
}

/* For devices higher than 500px */
@media (min-height: 500px) {
	#divCart .divCartThumbWrapper {
		display: block;	
	}
}

/* For devices higher than 600px and max width of 399px */
@media (min-height: 600px) and (max-width: 399px) {
	#divCart {
		top: 5%;
    } 
}

/* For devices larger than 400px */
@media (min-width: 400px) {
	#divCart {
		width: 80%;
	    left: 10%;
	    top: 15%;
    }
}

/* For devices larger than 600px */
@media (min-width: 600px) {
	#divCart .btn {
    	margin-bottom: 0;
    }
}

/* For devices larger than 800px */
@media (min-width: 800px) {
	#divCart {
		width: 50%;
	    left: 0;
		right: 0;
		margin: 0 auto;
	    top: 20%;
    }
}

#divCartClose {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #646464;
}



.minusDiscount {
	color:green; 
	font-style: italic;
}

table.checkout,
table.myorders,
table.inst
{
	border-spacing: 0; 
	width:100%;
	margin-bottom: 1.5rem;
	min-width: 300px;
	
	/* TODO: testing
	word-wrap: break-word;
	table-layout: fixed;	
	*/
	
	/* word-break: break-all; */
}

table th.cell-breakWord,
table td.cell-breakWord {
	word-break: break-all;
}

table.checkout th,
table.checkout td,
table.myorders th,
table.myorders td,
table.inst th,
table.inst td  { 
	padding: 5px 10px;
}

table.checkout tbody td:first-child,
table.myorders tbody td:first-child,
table.inst tbody td:first-child {
	padding: 0;
}

@media (min-width: 550px) {
	table.checkout tbody td:first-child,
	table.myorders tbody td:first-child,
	table.inst tbody td:first-child {
		padding: 5px 10px;
	}

}

table.checkout th,
table.myorders th,
table.inst th {
/* 	background-color: #e30613; */
/* 	border: 1px solid #e30613; */
	background-color: #224585;
	border: 1px solid #224585;
	color: #FFF; 
	font-weight: bold;
/* 	text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8); */
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

table.checkout td,
table.myorders td,
table.inst td {
	border-bottom:1px solid #DEDEDE;
	text-align: right;
}

table.checkout tfoot td,
table.myorders tfoot td,
table.inst tfoot td {
	padding: 10px 10px;
}

table.checkout tfoot tr:first-child td,
table.myorders tfoot tr:first-child td,
table.inst tfoot tr:first-child td {
	border-top: 1px solid #303030;
}
table.checkout tfoot tr:last-child td,
table.myorders tfoot tr:last-child td,
table.inst tfoot tr:last-child td {
	border-bottom: 3px double #303030;
}

.cartButtonContainer {
	display: inline-block; 
	vertical-align: middle; 
	margin: 0;
	padding: 0;
}

.cartButton.btn {
	display: block; 
	width: 24px; 
	height: 24px; 
	padding: 0;
	margin-bottom: 0.8rem;
	border-radius: 4px;
}

.cartButton.btn:last-child {
	margin-bottom: 0.1rem;
}

.cartQtyInput {
	text-align: right;
	min-width: 20px;
}


.cartThumb {
	display:none;
}

@media (min-width: 550px) {
	.cartThumb {
		display:inline-block;
		min-width: 50px;
		max-width: 80px;
		width: 100%;
		height: auto;
		border: 1px solid #DEDEDE;
	}
}

#couponFormContainer > div {
	margin-bottom: 2rem;
	padding: 15px;
	border: 1px solid #DEDEDE;
	border-radius: 4px;
}

#couponFormContainer .btn {
	width: 100%;
	height: 28px;
	padding: 0 10px; 
	margin-bottom: 0;
}

.btn.checkout_proceed {
	font-family: "Arial",sans-serif;
	cursor: pointer;
	padding: 0.5rem 2rem;
	height: auto;
	background-color: #0B7C10;
	border: solid #0B7C10 1px;
	border-radius: 4px;	
}

.btn.checkout_proceed:hover {
    background-color: #3c9640;
	border: solid #3c9640 1px;
}

.review_info {
	margin: 2rem 0;
}

#completeOrder_container {
	margin: 2rem 0;
	text-align:center;
}


ul.trackingDetails {
	list-style-type:none;
	margin: 1rem 0;
	overflow-y: auto;
    overflow-x: hidden;
    max-height: 250px;
}

ul.trackingDetails li:nth-child(even)
{
/* 	background-color:rgba(116, 183, 74, 0.1); */
	background-color: #FFFFFF;
	padding:8px;
	margin-top:2px;
}

ul.trackingDetails li:nth-child(odd)
{
/* 	background-color:rgba(116, 183, 74, 0.2); */
	background-color: #EEEEEE;
	padding:8px;
	margin-top:2px;
}


.orderThumb {
	display:none;
}

@media (min-width: 550px) {
	.orderThumb {
		display:inline-block;
		min-width: 50px;
		max-width: 80px;
		width: 100%;
		height: auto;
		border: 1px solid #DEDEDE;
	}
}

.itemThumb {
	min-width: 50px;
	max-width: 80px;
	width: 100%;
	height: auto;
	border: 1px solid #DEDEDE;
}

.show_on_wide {
	width: 0;
}

.show_on_wide > div {
	display: none;	
}

@media (min-width: 550px) {
	.show_on_wide {
		width: auto;
	}
	.show_on_wide > div {
	display: inline-block;	
}
}

#smallloader {
	width:100%;
	height: 5em;
	text-align:center;
 	display:none;
 }


.smallloader_icon,
.smallloader_icon:after {
	border-radius: 50%;
	width: 5em;
	height: 5em;
	z-index:10002;
}
.smallloader_icon {
	margin: 0 auto;
	font-size: 10px;
	border-top: 0.6em solid rgba(64,64,65, 0.2);
	border-right: 0.6em solid rgba(64,64,65, 0.2);
	border-bottom: 0.6em solid rgba(64,64,65, 0.2);
	border-left: 0.6em solid #404041;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}



.ordersview {
	display: flex;
 	flex-wrap: wrap;
}

.ordersview > div {
	flex: 1;
	margin: 0 0.5rem;
}

.ordersview #details_container {
	display:none; 
	border:1px solid #DEDEDE;
	border-radius: 4px;
	padding:5px;
}



.manuallink {
	width: 100%;
	margin: 0;
	margin-bottom: 2rem;
	background-image: url('/img/external/pdf_download.png');
	background-repeat: no-repeat;
	background-size: auto 2rem;
	background-position: 3%;
	padding-left: 2.5rem !important;
	text-shadow: none;
	white-space: normal;
	height: auto;
}
	

#popup {
	display: none; /* Hidden by default */
    z-index: 999999; /* Sit on top */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#popupContainer {
	background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    min-height: 50px;
    max-width: 550px;
    /* min-width: 250px; */
    position: relative;
}
#popupClose {
    color: #aaaaaa;
    font-size: 28px;
    line-height: 13px;
    font-weight: bold;
    position: absolute;
    top: 5px;
    right: 5px;
}

#popupClose:hover,
#popupClose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
		
#popupContent .center {
	text-align: center;
}
#popupContent input[type="button"] {
	margin-bottom: 0.5rem;
}
#popupContent .popupMainContent {
	margin: 2rem 0;
}


/* smallLoader */
#smallloader {
	width:100%;
	height: 5em;
	text-align:center;
 	display:none;
 }


.smallloader_icon,
.smallloader_icon:after {
	border-radius: 50%;
	width: 5em;
	height: 5em;
	z-index:10002;
}
.smallloader_icon {
	margin: 0 auto;
	font-size: 10px;
	border-top: 0.6em solid rgba(64,64,65, 0.2);
	border-right: 0.6em solid rgba(64,64,65, 0.2);
	border-bottom: 0.6em solid rgba(64,64,65, 0.2);
	border-left: 0.6em solid #404041;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	}
}
@keyframes load8 {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	}
}
/* EOF smallLoader */

/* ########################################################################################################################## */

/* Debug */
#debugger {
	background-color:#FFF; 
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
	position:relative;
	box-shadow:0px 0px 15px #000;
	padding:15px;
	margin-bottom:15px;
}

#debugger pre {
	font-family: Courier;
	font-size:12px;
}

/* ########################################################################################################################## */

/* Message boxes */
.info_msg, 
.notice_msg, 
.success_msg, 
.warning_msg, 
.error_msg {
	border: 1px solid;
	margin: 1rem 0;
	padding: 1rem;
	border-radius: 4px;
}

.info_msg:first-child, 
.notice_msg:first-child, 
.success_msg:first-child, 
.warning_msg:first-child, 
.error_msg:first-child {
	margin-top: 0;
}

.info_msg p, 
.notice_msg p, 
.success_msg p, 
.warning_msg p, 
.error_msg p {
	margin-bottom: 0.5rem;
}

.info_msg,
.notice_msg {
	color: #00529B; 
	background-color: #BDE5F8;
}
.success_msg {
	color: #2C7635;
	background-color: #DFF0D4;
}
.warning_msg {
	color: #9F6000;
	background-color: #FEEFB3;
}
.error_msg {
	color: #990000;
	background-color: #ffcccc;
}

/* EOF Message boxes */

/* Form elements */
input {
  line-height: normal;
}

fieldset {
	padding: 0;
	border-width: 0;
}

label,
legend {
	display: block;
	margin-left: .2rem;
	margin-bottom: .2rem;
	font-weight:bold;
}

label.inlinelabel  {
	display: inline-block;
	margin: 0;
	font-weight:bold;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="file"],
textarea,
select {
	width: 100%;
	padding: .2rem;
	margin-bottom: 1rem;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: none;
	box-sizing: border-box;
}

textarea {
	min-height: 5rem;
}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #646464;
  outline: 0;
}

input[type="checkbox"], 
input[type="radio"] {
    display: inline;
    padding: 0;
	box-sizing: border-box;
	/* vertical-align: text-bottom; */
}
/* EOF Form elements */

/* Buttons */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button,
.btn,
.btngreen, 
.btnred,
.btngrey {
	display: inline-block;
	height: 2.2rem;
	padding: 0 2rem;	
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	line-height: 2.2rem;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	background-color: #D20A11;
	border: solid #D20A11 1px;
	border-radius: 4px;
	cursor: pointer;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 1rem;
	font-family:'Roboto Condensed', sans-serif !important;
	/* text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8); */
}

input[type="submit"].btnsmall,
input[type="reset"].btnsmall,
input[type="button"].btnsmall,
button.btnsmall,
.btnsmall {
	display: inline-block;
	height: 1.6rem;
	padding: 0 .6rem;	
	text-align: center;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.6rem;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	background-color: #808080;
	border: solid #808080 1px;
	border-radius: 4px;	
	cursor: pointer;
	box-sizing: border-box;
	width: auto;
	/* text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8); */
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button,
.btn,
input[type="submit"].btnsmall,
input[type="reset"].btnsmall,
input[type="button"].btnsmall,
button.btnsmall,
.btnsmall {
	background-color: #224585;
	border: solid #224585 1px;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover,	
.btn:hover,
input[type="submit"].btnsmall:hover,
input[type="reset"].btnsmall:hover,
input[type="button"].btnsmall:hover,
.btnsmall:hover,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button:focus,
.button:focus,	
.btn:focus,
input[type="submit"].btnsmall:focus,
input[type="reset"].btnsmall:focus,
input[type="button"].btnsmall:focus,
.btnsmall:focus {
	background-color: #224585;
	border: solid #224585 1px;
	text-decoration: none;
}

input[type="submit"].btngreen,
input[type="reset"].btngreen,
input[type="button"].btngreen,
button.btngreen,
.btngreen {
	color: #fff;
	background-color: #7b9f00;
	border: solid #7b9f00 1px;
}

input[type="submit"].btnred,
input[type="reset"].btnred,
input[type="button"].btnred,
button.btnred,
.btnred {
	color: #fff;
	background-color: #D20A11;
	border: solid #D20A11 1px;
}

input[type="submit"].btngrey,
input[type="reset"].btngrey,
input[type="button"].btngrey,
button.btngrey,
.btngrey {
	color: #fff;
	background-color: #b0b0b0;
	border: solid #b0b0b0 1px;
}

input[type="submit"].btngreen:hover,
input[type="reset"].btngreen:hover,
input[type="button"].btngreen:hover,
input[type="submit"].btngreen:focus,
input[type="reset"].btngreen:focus,
input[type="button"].btngreen:focus,
button.btngreen:hover,
button.btngreen:focus,
.btngreen:hover,
.btngreen:focus {
	background-color: #7b9f00;
	border: solid #7b9f00 1px;
	text-decoration: none;
}

input[type="submit"].btnred:hover,
input[type="reset"].btnred:hover,
input[type="button"].btnred:hover,
input[type="submit"].btnred:focus,
input[type="reset"].btnred:focus,
input[type="button"].btnred:focus,
button.btnred:hover,
button.btnred:focus,
.btnred:hover,
.btnred:focus {
	background-color: #D20A11;
	border: solid #D20A11 1px;
	text-decoration: none;
}

input[type="submit"].btngrey:hover,
input[type="reset"].btngrey:hover,
input[type="button"].btngrey:hover,
input[type="submit"].btngrey:focus,
input[type="reset"].btngrey:focus,
input[type="button"].btngrey:focus,
button.btngrey:hover,
button.btngrey:focus,
.btngrey:hover,
.btngrey:focus {
	background-color: #b0b0b0;
	border: solid #b0b0b0 1px;
	text-decoration: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input.button,
input.submit,
input.btn,
input.btngreen,
input.btnred,
input.btngrey,
input.btnsmall {
	line-height: normal;
}

a.button,
a.btn,
a.btngreen,
a.btnred,
a.btngrey,
a.btnsmall {
	color: #fff;
	text-decoration: none;
}


@media (min-width: 550px) {
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button,
	.btn {
		width: auto;
	}
}
/* EOF Buttons */

/* Skeleton */
.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box; 
  }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
  margin-bottom:1%;
}

.column .fieldviews,
.columns .fieldviews {
	font-weight: bold;
	margin-bottom: 0.5rem;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    /* width: 85%; */
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {

.infobox {
    margin-top:0;
}

.labelright {
	text-align: right;
}

.column .fieldviews,
.columns .fieldviews {
	margin-bottom: inherit;	
}


  .container {
    width: 100%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }
    
    .columns.narrow {
		margin-left:1%;
	}	
	.columns.narrow:first-child {
		margin-left:0;
	}

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }
  
  
  .three.columns.narrow           { width: 24.25%;          }
  .mini.columns.narrow			  { width: 8.0833333333%;  }
  

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

/* Self Clearing Goodness */
.container:after,
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* EOF Skeleton */


/* CSS3 - Hover Background Bounce */	
[class^="hvr-"] {
	margin: .4em;
	padding: 1em;
	cursor: pointer;
	background-color: #FF9800;
	border-radius: 3px;
	text-decoration: none;
	color: #FFF;
	/* Prevent highlight colour when element is tapped */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-size:16px;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}


.hvr-bounce-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #003399;
	background-color: #0B7C10;
	border-radius: 3px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
	color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.bbimg{
	 margin: auto;
	  position: fixed;
	  top: 0; 
	  left: 0; 
	  bottom: 0; 
	  right: 0;
	display:none;
	z-index:100;
	padding:10px;
	background-color:#ffffff;
}

/* ########################################################################################################################## */

.slickItemContainer {
 	width: 498px;
 	flex: 1;
 	display: flex;
 	margin-right:1px;
 }
 .slickItem {
 	position:relative;
 	border:1px solid #DEDEDE;
    flex: 1;
 }
 
 .slickItemBlue {
    position:relative;
    border:1px solid #0a2e74;
    flex: 1;
}

.slickItemRed {
    position:relative;
    border:1px solid #ec2028;
    flex: 1;
}

@media only screen and (max-width:550px)
{
    .maxWidthClass{width:550px;}
}

@media only screen and (min-width:550px)
{
    .maxWidthClass{max-width:100%;}
}

.toolTipLink {
 position: relative;
 color: #5aa4d7;
}
.toolTipLink span {
 display: none;
 position: absolute;
 bottom: 15px;
 left: 5px;
 max-width:500px;
 min-width: 100px;
 padding: 10px;
 background-color: #20375d;
 border-radius: 20px;
 box-shadow: 0px 0px 10px #555;
 border-color: #c5dbec;
 color: #ffffff;
 font: bold 12px arial;
}
.toolTipLink:hover span {
 display: block;
}

.overview_lists{
	text-align:left; 
	list-style-type: none; 
	font-weight:bold;
	font-size: 10pt;
	padding-left: 5px;
}

.overview_lists li{
	line-height: 25px;

	}

#ProAddSparPartsPopUp{
	position: fixed;
	top:0px;
	height:100%;
	overflow:scroll;
	display: block;
	z-index:100;
}

/* item image Popup */
#bigPicOverlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(224,238,238,0.7);
	z-index: 1000;
	cursor: pointer;
}
#bigPicLoader {
	position: fixed;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-height: 95vh;
	max-width: 95vw;
}
#bigPicContainer {
	position: fixed;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-height: 95vh;
	max-width: 95vw;
	padding: 10px;
	background: white;
	box-shadow: 0 0 10px #000;
}
#bigPicContainer img.bigPic {
	max-height: 80vh;
	max-width: 80vw;
}
.bigPicNavi, .bigPicNaviClose {
	color: #999;
	background: rgba(255,255,255,0.5);
	cursor: pointer;
	/* font-weight:bold; */
    position: absolute;
	z-index:2300;
}
.bigPicNavi:hover, .bigPicNaviClose:hover{
	color:#000000;
}
.bigPicNavi{
	font-size: 60px;
	width: 60px;
	top:45%;
}
.bigPicNaviClose {
	font-size: 40px;
	width: 40px;
    top: 0;
    right: 0;
}


.text {
  width: 100%;
  text-align: center;
  margin-top: 10%;
  font-size: 3em;
  color: #f1f1f1;
  font-weight: 800;
}

#page_go-to-top_bt {
	height: 1.9rem;
	display: none;
	position: fixed;
	bottom: 0;
	right: 30px;
	z-index: 99999;
}

.menu-tab {
  width: 90px;
  height: 54px;
  position: fixed;
  z-index: 1500;
  top: 0px;
  left: 0px;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
  display:none;
  /*end of div*/
}

.menu-tab2, .menu-tab3 {
  width: 50px;
  position: relative;
  z-index: 1500;
  bottom: 3px;
  left: 0px;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
  /*end of div*/
}

.menu-tab div, .menu-tab2 div, .menu-tab3 div {
  width: 33px;
  height: 4px;
  background-color: #000000;
  display: block;
  margin: 5px 28px;
  transition: all 0.6s ease-in-out;
}

.menu-tab2 div{
	background-color: #000000;
	width: 28px;
  	height: 4px;
  	margin: 4px 28px;
	
}

.menu-tab3 div{
	background-color: #000000;
	width: 20px;
  	height: 3px;
  	margin: 3px 28px;
	
}

.menu-tab div:nth-child(1) {
  margin-top: 10px;
}

.menu-tab.active {
  left: 150px;
  transition: all 600ms ease-in-out;
  /*background-color: rgba(255, 255, 255, 0.2);*/
  
}
.menu-tab.active #one {
  -webkit-transform: translateY(9px) rotate(-135deg);
          transform: translateY(9px) rotate(-135deg);
  transition: all 0.6s ease-in-out;
  background-color: #000000;
}
.menu-tab.active #two {
  opacity: 0;
  transition: 0.4s ease;
}
.menu-tab.active #three {
  -webkit-transform: translateY(-9px) rotate(-45deg);
          transform: translateY(-9px) rotate(-45deg);
  transition: all 0.6s ease-in-out;
  background-color: #000000;
}
/*end of menu-tab*/

.menu-hide {
  width: 220px;
  left: -220px;
  height: 100vh;
  position: fixed;
  z-index: 10;
  top: 0px;
  transition: all 0.6s ease-in-out;
  overflow-y: scroll;
  scrollbar-color: rgba(25,49,83, 0.4) rgb(25,49,83, 0.3) ;
  scrollbar-width: thin;
  z-index:1400;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /*end of nav*/
}

.menu-hide::-webkit-scrollbar {
	background-color: rgb(25,49,83, 0.2);
	width:7px;
}

.menu-hide::-webkit-scrollbar-thumb {
	background-color: rgba(25,49,83, 0.3);
}

.menu-hide nav {
	background-color: rgba(255, 255, 255, 1);
  /*end of ul*/
}
.menu-hide nav ul li  {
  height: 35px;
  list-style-type: none;
  text-align: left;
  line-height: 35px;
  transition: all 0.5s ease;
  overflow: hidden;
  /*text-overflow: ellipsis;*/
  white-space: nowrap;
  padding-left: 30px;
  font-style: normal;
  font-weight: bold;
  color: #ffffff;
  cursor:pointer;
}

.menu-hide nav .specialSaleNavCss {
	text-align:left; 
	vertical-align:middle; 
	padding:10px; 
	font-weight:bold; 
	font-size: 17px;
	margin-bottom:0px;
	cursor:pointer; 
	text-decoration:none;
}

.menu-hide nav ul li:hover:not(.not_class), 
.menu-hide nav #catPp:hover, 
.menu-hide nav #catPp2:hover, 
.menu-hide nav #brandPp:hover, 
.menu-hide nav #zuPp:hover, 
.menu-hide nav .specialSaleNavCss:hover,
.menu-hide .linkAktiv, .menu-hide .linkAktiv a{
  background-color: RGB(25,49,83);
  color: #ffffff;
  transition: all 0.5s ease;
}

.menu-hide nav ul li:hover:not(.not_class) a, 
.menu-hide nav #catPp:hover a, .menu-hide nav #catPp:hover span,
.menu-hide nav #catPp2:hover a, .menu-hide nav #catPp2:hover span,
.menu-hide nav #brandPp:hover a, .menu-hide nav #brandPp:hover span,
.menu-hide nav #zuPp:hover a, .menu-hide nav #zuPp:hover span, 
.menu-hide nav .specialSaleNavCss:hover a {
  color: #ffffff;
}

.menu-hide nav ul li a, .menuAhref {
  /* padding: 15px 25px; */
  text-decoration: none;
  color: #000000;
  font-weight: 800;
  font-style: normal;
  /*Link ausweiten*/ 
  height:100%;
  width:155px;
  display:inline-block;
}


@media (max-width: 650px){	
	.menu-hide nav ul li {
		height: 50px;
		line-height: 50px;
	}
	
	.menu-hide::-webkit-scrollbar {
		display: none;	
	}
	
	.menu-hide {
		width: 300px;
		left: -300px;
		scrollbar-width: none /*thin*/;
	}
	
	.menu-hide nav ul li a, .menuAhref {
		width:200px;

	}
	
	.menu-tab.active {
		left: 220px;
	}
}

@media (max-width: 1239px){
	.menu-hide {
		width: 270px;
		left: -270px;
	}
	
	.menu-hide nav ul li a, .menuAhref {
	width:200px;

	}
	
	.menu-tab.active {
		left: 200px;
	}
}

@media (min-width: 1600px){
	.menu-hide {
		width: 270px;
		left: -270px;
	}
	
	.menu-hide nav ul li a, .menuAhref {
	width:200px;

	}
	
	.menu-tab.active {
		left: 200px;
	}
}

/*end of menu-hide*/
.menu-hide.show {
  left: 0px;
  background-color: #ffffff;
  transition: all 0.6s ease-in-out;
}

.menufooter{
	width:100%;
	position:fixed; 
	bottom: 0px; 
	background-color: #ffffff;
	height:40px;
	padding:5px;
	box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.30);;
	display:none;
	z-index:1300;
	background-color: rgb(239, 231, 221);
}

.menu-hide nav ul li a.sale_li{
	font-family: verdana, sans-serif;
	color: #ff0000;
	text-decoration: none;
	font-style: italic;
	cursor: pointer;
	font-size:10pt;
	font-weight:bold;
}

.menu-hide nav ul li a.sale_li:hover{
	font-family: verdana, sans-serif;
	color: #881C1C;
	text-decoration: none;
	font-style: italic;
	font-size:10pt;
	font-weight:bold;
}

@media (max-width: 650px){
	.menufooter{
		display:block;
	}
	
	.hd_konto_icon_new{
		display:none;
	}
}

@media (max-width: 1120px) {

	.menu-tab{
		display:none;
	}
}

#storeData{
	margin-bottom: 20px;
	display:flex;
	justify-content: space_between;
	flex-wrap: wrap;
}

#storeImg{
	min-width:400px;
	width: 50%;
	
	border: 3px solid #FFFFFF;
box-shadow: 0px 0px 8px #181818;

margin: 5px;
padding: 3px;
}

#storeTime{
	min-width:250px;
	max-width:330px;
	padding: 4rem;
	padding-right:0px;
	width: 50%;
}

.marquee {
	width: 100%;
	height: 30px;
	margin: 5px auto;
	overflow: hidden;
	position: relative;
	border: 0px;
	border-radius: 15px;
	background-color: #d20a11;
}

.marquee div {
	display: block;
	width: 200%;
	height: 100%;
	position: absolute;
	margin: 0;
	animation: marquee 15s linear infinite;
}

.marquee span {
	float: left;
	width: 50%;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	font-size: 1.5rem;
	color: #fff;
	text-shadow: 1px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}

@keyframes marquee {
	0% { left: 0; }
	100% { left: -100%; }
}

@media (max-width: 600px){
	.marquee div {
		width: 300%;
		animation: marquee_150 15s linear infinite;
	}

	@keyframes marquee_150 {
		0% { left: 0; }
		100% { left: -150%; }
	}
}

@media (max-width: 400px){
	.marquee div {
		width: 400%;
		animation: marquee_200 15s linear infinite;
	}

	@keyframes marquee_200 {
		0% { left: 0; }
		100% { left: -200%; }
	}
}

#marketingdiv {
    position: fixed;
    max-height: 100vh;
    z-index: 1900;
    top: 15vh;
    right: 0;
   /* width: 60vw; */ /* Führt bei einem PNG Bild dazu, das das Bild zu weit rechts eingeblendet wird. Beim SVG war es korrekt *schulternzuck* */
    max-width: 300px;
    background-color: rgba(255,255,255,0.75);
    border: 1px solid #000000;
    border-right: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

@media only screen and (min-height: 500px)
{
    #marketingdiv {
        top: 35vh;
    }
}

@media only screen and (min-height: 700px)
{
    #marketingdiv {
        top: 45vh;
    }
}

@media only screen and (min-width: 1200px)
{
    #marketingdiv {
        max-width: 400px;
    }
}

#marketingdiv .banner {
    max-width: inherit;
    max-height: inherit;
}

#marketingdiv .close_button {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 10%;
    cursor: pointer;
}

.delivery_time_info{
	font-size: smaller;
	padding-top: 15px;
}

.conBtn{
	background-color: #F5F5F4;
	border-color: #F5F5F4;
	color: #224482;
}

.conBtn:hover{
	background-color: #ededed;
	border-color: #ededed;
	color: #668EC9;
}