@charset "utf-8";

/**********************************************************************
prodress proShop B2C 3.0e 
HTML CODE & CSS Copyright (C) by
prodress Software GmbH
Reiffenstuelweg 7 - 83700 Rottach-Egern
Gütersloher Straße 52 + 33649 Bielefeld
+49 (0) 521 / 92834-0
info@prodress.de
www.prodress.de


***********************************************************************

C O N T E N T
- GLOBAL
- COMMON HEADER
- COMMON CONTENT
- COMMON FOOTER
- NAVIGATION
- COLORS & BACKGROUNDS
- FORMATS & MISC
- FONTS & ICONS
- SPECIFIC PAGE STYLES
- STRUCTURE & RESPONSIVE
- CUSTOM MODIFICATIONS

***********************************************************************

Abkürzungen:
ALA: Article List Article
ART: Article (Checkout)
CC: Cookie Consent
CHK: Checkout (nur B2C)
CRT: Cart (articleSelect, cart & confirmPuchase, nur B2B)
DT: DisplayText
FLT: Filter
HD: Header
HD: Header
MM: Mega Menue
OPB: Order Progress Background
OT: Order Table (Account Orders)
PN: Privacy Notice
RE: Retour
WL: Wishlist

***********************************************************************

Shop B2C 2023

**********************************************************************/

/*---------- GLOBAL --------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body {
	
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*---------- COMMON HEADER -------------------------------------------*/
.CR_Header div, .CR_Header ul {
	/*border:solid 1px red;*/
	
}

#headLogo {
	float: left;
}

#headSearch {
	float: left;
	margin: 0 auto;
}

#headPic {
	width: 100%;
	margin: 0px auto 0 auto;
	max-width: 1280px;
}

#headPic img {
	width: 100%;
}

#headerTop {
	display: grid;
	grid-gap: 0px 0px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	height: 30px;
	border-bottom: solid 1px #000;
	margin-bottom: 30px;
}

#headerTop_1 {
	grid-row: 1/2;
	grid-column: 1/2;
}

#headerTop_2 {
	grid-row: 1/2;
	grid-column: 2/3;
}

#headerTop_3 {
	grid-row: 1/2;
	grid-column: 3/4;
	text-align: right;
}

#headerTop_4 {
	grid-row: 1/2;
	grid-column: 4/5;
	text-align: right;
}

#headerTop div {
	padding: 5px 0;
}

/*---------- COMMON CONTENT ------------------------------------------*/
#contTitle {
	/*border-bottom:solid 1px #181818;*/
	margin-bottom: 7px;
}

#contBreadcrump {
	/*border-bottom: solid 1px #dddddd;*/
	padding-bottom: 0 !important;
}

/*--- Search ---*/
#contSearch {
	/*text-align:center;	
	border-radius: 5px;
	border-bottom:solid 1px #dddddd;*/
	
}

#searchBox {
	position: relative;
	max-width: 370px;
	/*margin:0 auto;*/
}

#searchInput {
	float: left;
	position: relative;
	border-bottom: solid 1px #999999;
}

#searchInput input {
	border: none;
	/*border-radius: 5px;*/
	padding: 0px 0px 0px 10px;
	height: 28px;
	width: 200px;
}

#searchButton {
	float: left;
	width: 55px;
	height: 28px;
	/*border: solid 1px #000000;*/
}

#searchButton button {
	height: 100%;
	width: 50%;
	border: none;
	border-radius: 0px;
	background: transparent !important;
}

.searchSpinner {
	position: absolute;
	top: 4px;
	right: 0px;
}

#suggestBox {
	display: none;
	position: absolute;
	z-index: 20;
	top: 30px;
	left: 2px;
	width: 305px;
	max-height: 350px;
	overflow-y: scroll;
	border: solid 1px #cccccc;
	border-radius: 2px;
	padding-bottom: 5px;
}

#suggestBox li {
	display: block;
	min-height: 15px;
	padding: 5px;
	text-align: left;
	white-space: nowrap;
}

#suggestBox, #suggestBox a {
	font-size: 13px;
}

.suggestButton {
	text-align: center !important;
}

.suggestButton:hover {
	background: #ffffff !important;
}

.suggestButton button {
	text-transform: initial;
	letter-spacing: 0.05em !important;
	font-weight: bold;
	padding: 2px 9px;
	margin: 10px 0px;
}

.sugLineLeft {
	float: left;
	width: 15%;
	padding: 5px;
}

.sugLineLeft img {
	height: 40px;
	width: auto;
	border: solid 1px #cccccc;
}

.sugLineRhgt {
	float: left;
	width: 75%;
	padding: 15px 5px 0px 5px;
	overflow: hidden;
}

/*---------- COMMON FOOTER -------------------------------------------*/
#footSocial {
	width: 96%;
	max-width: 1280px;
	min-height: 100px;
	margin: 50px auto 0px auto;
	padding: 70px 0;
	text-align: center;
}

#footSocial ul {
	display: inline-block;
}

#footSocial li {
	display: block;
	float: left;
	margin: 40px 20px 0 20px;
}

#footSupport {
	width: 96%;
	max-width: 600px;
	min-height: 100px;
	margin: 0 auto;
	padding: 30px 0 40px 0;
	text-align: center;
}

.footSpTel {
	float: left;
	text-align: center;
	width: 49%;
}

.footSpTel div {
	margin: 0 auto;
}

.footSpTel p {
	margin: 5px auto 0 auto;
}

.footSpMail {
	float: right;
	text-align: center;
	width: 49%;
}

.footSpMail div {
	margin: 0 auto;
}

.footSpMail p {
	margin: 5px auto 0 auto;
}

#innerFooter {
	width: 96%;
	max-width: 1280px;
	min-height: 100px;
	margin: 0 auto;
	padding: 50px 0;
}

.footerSubline{
	font-family: "stylefont-regular", Arial, Helvetica, sans-serif;
	font-size: 36px !important;
	letter-spacing: 2px;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 0px;
	padding-bottom: 15px;
}

#footLinks_1, #footLinks_2, #footService {
	margin: 0 0 30px 25%;
}

#footLinks_1 ul, #footLinks_2 ul, #footService ul {
	
}

#footLinks_1 li, #footLinks_2 li, #footService li {
	display: block;
	margin: 0px 0px 8px 0px;
}

#footLinks_1 .firstRow, #footLinks_2 .firstRow, #footService .firstRow {
	font-size: 18px;
	font-weight: 600;
}

#footLinks_1 .firstRow, #footLinks_2 .firstRow, #footService .firstRow {
	margin: 0 0 15px 0;
}

#newsletterName, #newsletterMail {
	margin: 0 0 15px 0;
}

#footLinks_3 {
	display: grid;
	grid-gap: 0px 1%;
	grid-template-rows: auto;
	grid-template-columns: 15% 34% 15% 33%;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding: 20px 0;
}

#footLinks_3-1 {
	grid-row: 1/2;
	grid-column: 1/2;
	text-align: right;
	padding: 5px 0 0 0;
}

#footLinks_3-2 {
	grid-row: 1/2;
	grid-column: 2/3;
}

#footLinks_3-3 {
	grid-row: 1/2;
	grid-column: 3/4;
	text-align: right;
	padding: 5px 0 0 0;
}

#footLinks_3-4 {
	grid-row: 1/2;
	grid-column: 4/5;
}

#footLinks_3 li {
	display: block;
	float: left;
	margin: 0 2px 0 2px;
}

#footOfficial {
	padding: 20px 0;
}

#footText {
	text-align: right;
	padding: 20px 0;
}

#impressum {
	display: none;
	position: fixed;
	overflow-y: scroll;
	z-index: 1;
	width: 600px;
	height: 400px;
	border: solid 1px #666666;
	padding: 20px;
	top: 50%;
	left: 50%;
	margin: -300px 0 0 -300px;
}

/*---------- NAVIGATION ------------------------------------*/

/*---------- Select Nav ----------*/
.NavCatVertical {
	display: none;
}


/*---------- Head Nav ----------*/
#HD_main {
	display: grid;
	grid-gap: 0px 0px;
	grid-template-rows: auto;
	grid-template-columns: 35% 30% 35%;
	margin: 0 auto 10px auto;
	width: 100%;
}

#HD_search {
	grid-row: 1/2;
	grid-column: 1/2;
}

#HD_logo {
	grid-row: 1/2;
	grid-column: 2/3;
}

#HD_persNav {
	grid-row: 1/2;
	grid-column: 3/4;
}

#HD_persNav {
	text-align: right;
}

#HD_space {
	display: none;
}

/*----------------------------------------------------------*/
#HD_logo{
	text-align:center;
}

.HD_logo-image{
	
}

.HD_logo-image img{
	width: 240px;
	height: 40px;
}

/*----------------------------------------------------------*/
#headNav {
	float: right;
	margin: 5px 0 10px 0;
}

#headNav li {
	display: block;
	float: left;
	position: relative;
}

#headNav a {
	margin-left: 13px;
}

.CR_Header {
	height: 60px;
}

/*----------------------------------------------------------*/
#subNavPersHead {
	display: none;
	position: absolute;
	top: 25px;
	right: -35px;
	margin: 12px 0px 0px -40px;
	text-align: left;
	z-index: 20;
	border-bottom: solid 2px #000000;
}

#subNavPersHead li {
	display: block;
	clear: left;
	width: 150px;
	padding: 5px 10px 10px 10px;
	margin: 0;
}

#subNavPersHead a {
	margin: 0;
}

#subNavPersHead .firstRow {
	background: #ececec;
	white-space: nowrap;
}

#headLinkLang {
	display: block;
	margin-top: -2px;
}

.subNavLang {
	display: none;
	position: absolute;
	top: 25px;
	left: 40px;
	width: 135px;
	max-height: 220px;
	overflow-y: auto;
	background: #ffffff;
	border-bottom: solid 2px #000000;
	margin: 12px 0px 0px -40px;
	line-height: 25px;
	z-index: 20;
}

.langLink {
	float: unset !important;
	padding: 3px;
	text-align: left;
}

.langLink a {
	margin: 0 10px !important;
}

.langSelected {
	background: #ececec;
}

.cartAmount {
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	padding: 2px;
	top: -18px;
	left: 22px;
}

/*---------- Content Nav ----------*/
#contNav {
	line-height: 26px;
	margin-right: 10px;
}

#contNav ul {
	
}

#contNav li {
	display: block;
	margin-bottom: 3px;
}

#contNavPers {
	display: none;
}

#contNavPers, .contNavCat, #contNavFilt, #contNavSort {
	padding-bottom: 10px;
}

#contNavFilt {
	/*margin-top:110px;*/
	
}

.subNav {
	padding-left: 10px;
	display: none;
	border-bottom: solid 2px #000000;
	z-index: 40;
}

.subNav li, .MM_col>a {
	display: block;
	white-space: nowrap;
	padding: 5px 10px 5px 10px;
}

.subNavAll {
	/*border-bottom:solid 1px #666666;*/
	
}

.contNavFirstRow {
	font-family: "font-semibold", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*---------- Subnav More Levels ----------*/
.SN_nextLevel {
	display: none;
	border-bottom: solid 2px #000000;
	width: 100%;
	margin: 0 0 10px 10px;
}

.SN_nextLevel li {
	text-transform: none;
}

.SN_Cat {
	/*border-bottom: solid 1px #ececec;*/
	
}

/*---------- Mega Menu ----------*/
.megaMenu {
	left: -150px !important;
}

.megaMenu>div {
	display: flex;
}

.NavCatVertical .megaMenu>div {
	display: block;
}

.MM_FirstRow {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.MM_col {
	
}

.MM_img {
	padding-left: 10px;
}

/*------------ Nav ABOVE HeaderPic ------------*/
@media only screen and (min-width :800px) {
	.NavCatHeader {
		width: 100%;
		/*position: absolute;
		top: 50px;
		left: 0px;
        	margin-top:50px;*/
		padding: 10px 0;
		background: none;
		/*z-index: 10;*/
	}
	.NavCatHeader .contNavCat {
		display: inline-block;
		border: none !important;
		max-width: 1200px;
		margin: 0 auto;
	}
	.NavCatHeader .contNavCat li {
		display: block;
		position: relative;
		float: left;
		min-width: 100px;
		margin: 0 20px;
	}
	.NavCatHeader .contNavCat .contNavFirstRow {
		display: none;
	}
	.NavCatHeader .contNavCat .subNav {
		position: absolute;
		top: 30px;
		left: -15px;
		background: #ffffff;
		padding: 0px 0px 5px 0px;
	}
	.NavCatHeader .contNavCat .subNav li {
		float: none;
		margin: 0;
		text-align: initial;
	}
}

/*---------- Filter Desktop ----------*/
#FLT {
	display: block;
	text-align: right;
}

#FLT_outer {
	display: inline-block;
}

/*--- Pages ---*/
#FLT_outer .contPages {
	float: left;
}

/*--- Sort ---*/
#FLT_sort {
	float: left;
	margin-right: 10px;
}

#FLT_sortListFirstRow {
	text-transform: uppercase;
	width: 160px;
	border: solid 1px #000000;
	padding: 10px 20px;
}

#FLT_sortList {
	display: none;
	position: absolute;
	width: 180px;;
	top: 47px;
	left: -1px;
	background: #ffffff;
	border: solid 1px #000000;
	z-index: 60;
}

#FLT_sortList li {
	display: block;
	padding: 10px 10px 5px 10px;
	text-align: left;
}

#FLT_sortList li.selected, #FLTM_sortList li.selected {
	background: #a7a7a7;
}

#FLT_sortList li.selected a, #FLTM_sortList li.selected a {
	color: #ffffff;
}

#sortList {
	width: 150px;
	margin: 5px 0;
	border: solid 3px red;
}

/*--- Filter ---*/
#FLT_inner {
	float: left;
}

#FLT_openBut {
	text-transform: uppercase;
	width: 160px;
	border: solid 1px #000000;
	padding: 9px 20px;
}

.filterBut {
	width: 16px;
	height: 16px;
	margin-top: 2px;
}

#FLT_popup {
	display: flex;
	flex-direction: column;
	position: fixed;
	width: 360px;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 20;
	text-align: initial;
	background: #ffffff;
	border-left: solid 1px #dddddd;
	padding: 0;
}

#FLT_popupTop {
	flex: 0 1 0%;
	padding: 5px 30px;
	border-bottom: solid 1px #000000;
	z-index: 100;
}

.FLT_popupTopLeft {
	float: left;
	width: 9%;
}

.FLT_popupTopMid {
	float: left;
	text-align: center;
	text-transform: uppercase;
	width: 80%;
	padding-top: 5px;
}

.FLT_popupTopRight {
	float: right;
	width: 9%;
	text-align: right;
}

#FLT_popupMid {
	flex: 1 1 0%;
	overflow-y: auto;
	height: 100vh;
}

.FLT_item {
	padding: 20px;
	border-bottom: solid 1px #000000;
}

.FLT_item ul {
	display: none;
	margin-top: 15px;
	max-height: 200px;
	overflow-y: auto;
}

.FLT_item li {
	display: block;
	position: relative;
	margin-bottom: 20px;
}

.FLT_firstRowLeft {
	float: left;
	width: 75%;
	text-transform: uppercase;
	cursor: pointer;
}

.FLT_firstRowRight {
	float: right;
	width: 25%;
	cursor: pointer;
	text-align: right;
}

.FLT_label {
	position: absolute;
	top: 2px;
	left: 35px;
}

.FLT_firstRowRight .iconSmall {
	font-size: 25px;
}

.FLT_item li.FLT_li-color {
	float: left;
	text-align: center;
	width: 70px;
	margin: 0 0 40px 5px;
}

.FLT_label-color {
	position: absolute;
	top: 35px;
	left: 0;
	font-size: 15px;
	width: 70px;
	overflow: hidden;
}

.colorPatch {
	position: absolute;
	top: 2px;
	left: 19px;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.FLT_item li.FLT_li-size {
	float: left;
	text-align: center;
	width: 70px;
	margin: 0 0 40px 5px;
}

.FLT_label-size {
	position: absolute;
	top: 8px;
	left: 5px;
	font-size: 16px;
	width: 60px;
	overflow: hidden;
}

#FLT_popupBottom {
	flex: 0 1 0%;
	text-align: center;
	padding: 20px 30px;
	border-top: solid 1px #000000;
	background: #ececec;
	z-index: 100;
}

#FLT_apply, #FLT_clear {
	padding: 10px;
	width: 80%;
}

#FLT_apply {
	color: #ffffff;
	margin-bottom: 5px;
	background: #000000;
}

#FLT_apply:hover {
	color: #000000;
	background: #ffffff;
}

#FLT_clear {
	
}

#FLT_idleSite {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 15;
}

#FLT_active {
	margin: 0 0 30px 0;
}

#FLT_active li {
	display: block;
	float: left;
	margin: 0 20px 10px 0;
	padding: 10px 10px;
	background: #ececec;
}

#FLT_active li a {
	color: #000000 !important;
}

#FLT_active li:hover {
	background: #dddddd;
}

.FLT_lastItem {
	background: none !important;
}

.closeButFilter {
	display: inline-block;
	cursor: pointer;
	width: 12px;
	height: 12px;
	margin-left: 5px;
	background-image: url("../images/icons/ic150_close.svg");
	background-repeat: no-repeat;
	background-size: 12px;
	border: none;
}

/*---------- COLORS & BACKGROUNDS ------------------------------------*/
body {
	/*background:url(images/bg_4x4_hor-1.gif);*/
	color: #000000;
}

a {
	color: #707070;
}

a:hover {
	color: #000000;
}

.fontGreen {
	color: #51a40e !important;
}

.fontYellow {
	color: #e69d00 !important;
}

.fontRed {
	color: #c02900 !important;
}

.fontPale {
	color: #a9a9a9;
}

.bgGreen {
	background: #daf0c8 !important;
}

.bgYellow {
	background: #ffecc3 !important;
}

.bgRed {
	background: #ffdacf !important;
}

.bgLitegrey {
	background: #ececec;
}

button {
	color: #000000;
	background: #ffffff;
	border: solid 1px #000000;
}

button:hover {
	color: #ffffff;
	background: #000000;
	border: solid 1px #000000;
}

.callToAction {
	color: #ffffff !important;
	background: #000000 !important;
}

.callToAction:hover {
	color: #000000 !important;
	background: #ffffff !important;
}

input, select, .inputStyle {
	background: #ffffff;
	color: #666666;
}

#impressum {
	background: #ffffff;
	color: #181818;
}

.errorMsg {
	color: #c02900;
	background: #ecc0b4;
	border: solid 1px #c02900;
}

.warnMsg {
	color: #e69d00;
	background: #ffecc3;
	border: solid 1px #e69d00;
}

.successMsg {
	color: #51a40e;
	background: #daf0c8;
	border: solid 1px #51a40e;
}

.helpMsg {
	color: #5d85b3;
	background: #e9f1fa;
	border: solid 1px #5d85b3;
}

/*---------- Header ----------*/
#outerHeader {
	
}

#innerHeader {
	background: none;
	color: #000000;
}

#innerHeader a {
	color: #707070;
}

#innerHeader a:hover {
	color: #000000 !important;
}

/*------- Navigation -------*/
.MM_FirstRow {
	
}

.NavCatVertical .MM_FirstRow {
	color: #000000;
}

.subNavAll {
	background: #ececec;
}

.NavCatVertical .subNavAll {
	background: #eeeeee;
}

.NavCatHeader .contNavCat a {
	color: #707070 !important;
}

.NavCatHeader .contNavCat a:hover {
	color: #000000 !important;
}

/*------- Sub Menu Pers -------*/
#subNavPersHead {
	background: #ffffff;
}

#subNavPersHead button {
	font-family: "font-regular", Arial, Helvetica, sans-serif;
	background: none !important;
	border: none !important;
	color: #707070;
	font-size: 14px;
	text-transform: none;
	letter-spacing: 1.3px;
}

#subNavPersHead button:hover {
	color: #000000;
}

.cartAmount {
	color: #ffffff !important;
	background: #eb1d26;
}

/*---------- Content ----------*/
#outerContent {
	
}

#innerContent {
	
}

#contBreadcrump {
	/*background:#cccccc;*/
	
}

.contentBox {
	/*background:#d5ecf8;
	border:solid 1px #dddddd;
	border-radius:3px;*/
	
}

.featureBox {
	background: transparent;
}

#selectToCart {
	padding: 5px 10px;
	border-radius: 5px;
}

#butCollect {
	background: #ffffff;
	margin: 10px 0;
	/*border-top:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;*/
}

/*---------- Search ----------*/
#contSearchContent {
	background: none;
	/*background: #efefef;*/
}

#searchButton {
	background: transparent;
}

#searchButton button {
	color: #a9a9a9;
	background: transparent;
}

#searchButton button:hover {
	color: #000000;
}

#suggestBox {
	background: #ffffff;
}

#suggestBox a {
	color: #707070 !important;
}

#suggestBox a:hover {
	color: #000000;
}

/*#suggestBox li:hover{
		background: #faf1ea;
	}*/

/*---------- Footer ----------*/
#outerFooter {
	color: #000000;
}

#outerFooter a {
	color: #707070;
}

#outerFooter a:hover {
	color: #000000;
}

#innerFooterSocial {
	background: #faf1ea;
}

#innerFooterLinks {
	background: #ececec;
}

/*---------- Specific Page Colors ---*/

/*- Article List Article -*/
.ALA_Info, .ALA_Details {
	background: rgba(255, 255, 255, 0.7);
	color: #000000 !important;
}

.ALA_Info a, .ALA_Details a {
	color: #000000 !important;
}

.ALA_Info:hover, .ALA_Info:hover a, .ALA_Details:hover, .ALA_Details:hover a
	{
	background: #ffffff;
}

.ALA_Sizes .na {
	/*background: #aaaaaa;
	color: #ffffff;*/
	
}

#loginBox {
	background: #ffffff;
}

.showPwd{
	position: absolute;
	right: 20px;
	top: 20.5px;
	width: 16px;
	height: 16px;
	background-image: url("../images/icons/icAccEye.svg");
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	cursor:pointer;
}

.showPwd:hover{
	background-image: url("../images/icons/icAccEye.svg");
	background-color: transparent;
	border: none;
}

/*--------- Cart ---------*/
.CHK_sumProceed button {
	color: #ffffff;
	background: #000000;
}

.CHK_sumProceed button:hover {
	color: #000000;
	background: #ffffff;
}

#CHK_sumBack button {
	color: #000000;
	background: #ffffff;
}

#CHK_sumBack button:hover {
	color: #ffffff;
	background: #000000;
}

#CHK_couponProceed button {
	color: #000000;
	background: #ffffff;
}

#CHK_couponProceed button:hover {
	color: #ffffff;
	background: #000000;
}

#CHK_sumFinish button {
	color: #ffffff;
	background: #000000;
}

#CHK_sumFinish button:hover {
	color: #000000;
	background: #ffffff;
}

#CHK_sumHead, #CHK_sumTable, #CHK_sumResult, #CHK_couponContent,
	#CHK_addInfo {
	background: #ffffff;
}

/*--------- Misc ---------*/
.disabled, button:disabled, input:not([type=checkbox]):disabled, select:disabled {
	color: #999999 !important;
}

/*---------- FORMATS & MISC ------------------------------------------*/

/*--- INPUTS & FORMS ---*/
input, .inputStyle, select, textarea {
	height: 47px;
	padding: 10px;
	border: solid 1px #ececec;
}

.selectLang {
	width: 150px;
	height: 24px;
	margin-bottom: 10px;
	border-radius: 2px;
}

input[type=text]:focus, input[type=password]:focus, /*select:focus,*/
	textarea:focus {
	background: #faf1ea !important;
}

hr {
	border-bottom: solid 1px #000000;
}

hr.margin20 {
	margin: 20px 0;
}

hr.margin40 {
	margin: 40px 0;
}

/*- Input Widths -*/
.regWidth_1 {
	width: 100%;
}

.regWidth_2 {
	width: 13%;
	margin-right: 1%;
}

.regWidth_3 {
	width: 34%;
}

.regWidth_4 {
	width: 48%;
}

/*--- Checkbox ---*/
input[type="checkbox"] {
	-moz-appearance: None;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	background-image: url("../images/icons/checkbox.svg");
	background-size: 24px 48px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	outline: none;
	vertical-align: Middle;
	padding: 0;
}

input[type="checkbox"]:checked {
	background-position: 0 -24px;
}

input[type="checkbox"]:disabled {
	background-image: url("../images/icons/checkbox_disabled.svg");
	background-size: 24px 24px;
	background-position: 0 0 ;/*n*/
}

input[type="checkbox"].small {
	-moz-appearance: None;
	-webkit-appearance: none;
	width: 16px;
	height: 16px;
	background-image: url("../images/icons/checkbox.svg");
	background-size: 16px 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	outline: none;
	vertical-align: Middle;
}

input[type="checkbox"]:checked.small {
	background-position: 0 -16px;
}

input[type="checkbox"]:disabled.small {
	background-image: url("../images/icons/checkbox_disabled.svg");
	background-size: 16px 16px;
}

input[type="checkbox"].FLT_chkbx-color {
	-moz-appearance: None;
	-webkit-appearance: none;
	width: 36px;
	height: 36px;
	background-image: url("../images/icons/checkbox-2.svg");
	background-size: 36px 72px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	outline: none;
	vertical-align: Middle;
}

input[type="checkbox"].FLT_chkbx-color:checked {
	background-position: 0 -36px;
}

input[type="checkbox"].FLT_chkbx-size {
	-moz-appearance: None;
	-webkit-appearance: none;
	width: 36px;
	height: 36px;
	background-image: url("../images/icons/checkbox-2.svg");
	background-size: 36px 72px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	outline: none;
	vertical-align: Middle;
}

input[type="checkbox"].FLT_chkbx-size:checked {
	background-position: 0 -36px;
}

/*--- Radio ---*/
input[type="radio"] {
	-moz-appearance: None;
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	background-image: url("../images/icons/radio-01.svg");
	background-size: 20px 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	outline: none;
	vertical-align: Middle;
}

input[type="radio"]:checked {
	background-position: 0 -20px;
}

input[type="radio"].radio-02 {
	-moz-appearance: None;
	-webkit-appearance: none;
	width: 50px;
	height: 20px;
	background-image: url("../images/icons/radio-02.svg");
	background-size: 50px 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	border: none;
	outline: none;
	vertical-align: Middle;
}

input[type="radio"]:checked.radio-02 {
	background-position: 0 -20px;
}

/*--- Buttons ---*/
button {
	text-transform: uppercase;
	letter-spacing: 2px;
}

.buttonBig {
	min-height: 47px;
	margin: 3px;
	padding: 0px 12px;
}

.buttonMid {
	height: 30px;
	margin: 3px;
	padding: 0px 12px;
}

.buttonSmall {
	height: 24px;
	margin: 3px;
	padding: 0 12px 2px 12px;
}

.backLink {
	text-align: center;
	background: #ececec;

	/*border:solid 1px #0a6b99;
	border-radius: 5px;
	background: #a1cee4;*/
}

.backLink a {
	
}

.backLink a::before {
	font-family: 'FontAwesome';
	content: "\F100";
	font-size: 16px;
	margin-right: 5px;
}

.butIcon {
	height: 24px;
	margin: 3px;
	color: #2a4b7e;
	background: none;
	border: none;
}

.butIcon:hover {
	color: #96a4ba;
	background: none;
	border: none;
}

/*--- Modal Box ---*/
.modalBox {
	display: none;
	position: absolute;
	background: #ffffff;
	/*border: solid 1px #707070;*/
}

.modalInput {
	float: left;
	font-size: 12px;
	line-height: 10px;
}

.okBut.modalBut {
	float: left;
	margin-top: 3px;
}

.closeBut.modalBut {
	float: left;
	margin-top: 5px;
}

/*--- Custom Select ---*/
.c-select {
	display: inline-block;
	font-size: small;
	text-align: left;
	position: relative;
}

.c-select-toggle {
	border: solid 1px #000000;
	cursor: pointer;
}

.c-select-label {
	padding: 3px 15px 3px 3px;
}

.c-select-dropdown {
	display: none;
	border: solid 1px #000000;
	position: absolute;
	z-index: 99;
	background: white;
	list-style-type: none;
}

.c-select-options {
	max-height: 50vh;
	overflow-y: auto;
}

.c-select-option {
	padding: 3px 15px 3px 3px;
	white-space: nowrap;
}

.c-select-search > input {
	width: 100%;
}

.c-select-search > span {
	position: absolute;
	top: 5px;
	right: 10px;
}


/*------------ Specific Formats ------------*/
.contentBox {
	/*border: solid 1px #dddddd;
	border-radius: 2px;*/
	padding: 5px !important;
}

.featureBox {
	position: relative;
	/*padding:10px;
	border: solid 1px #dddddd;
	border-radius: 2px;
	background: #efefef;*/
}

#includeSocial {
	width: 100%;
	height: 200px;
	margin: 50px 0 0 0;
	padding: 20px;
	border: solid 1px #a7a7a7;
}

/*- COOKIE CONSENT -*/

#CC_outer{
	display:block;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	color: #ffffff;
	width: 100%;
	background: #526264;	
}

#CC_cookie{
	position: absolute;
	top: -30px;
	left: 50%;
	z-index: 99;
	transform: translate(-50%,0%);
	height: 72px;
	width: 72px;
}

#CC_inner{
	width: 96%;
	margin: 20px auto 20px auto;
	max-width: 1280px;
}
	#CC_inner a{
		color: #cccccc;
	}	
		#CC_inner a:hover{
			color: #ffffff;
		}

.CC_label{
	margin: 20px 0px 5px 0px;
}

.CC_header{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px !important;
}

.CC_text{
}

.CC_links{
	text-align: center;
	margin: 20px 0 0 0;
}

.CC_accept{
	display: inline-block;
	color: #526264 !important;
	text-transform: initial;
	letter-spacing: normal;	
	font-weight: normal;
	text-align: center;
	width: 100%;
	max-width: 275px;
	background: #ffffff;
	padding: 10px;
	margin: 5px;
	border:solid 1px #ffffff;	
}
	.CC_accept:hover{
		color: #ffffff !important;
		background: #526264;
		border:solid 1px #ffffff;
	}

.CC_openSettings{
	display: inline-block;
	color: #ffffff !important;
	text-align: center;
	letter-spacing: normal;	
	font-weight: normal;
	width: 100%;
	max-width: 275px;
	border:solid 1px #ffffff;
	padding: 10px;
	margin: 5px;	
	cursor: pointer;
}
	.CC_openSettings:hover{
	}

#CC_settings{
	display:none;
	position: relative;
	top: 0px;
	left: 0px;
	width: 80%;
	padding: 0px;
	margin: 0 auto;
	background-color: #526264;
}

.CC_setCont{
	overflow-y: auto;
}

.CC_closeBut{
	background-image: url("../images/icons/ic150_close-wht.svg");
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	margin-bottom: 10px;
}
	.CC_closeBut:hover{
		background-image: url("../images/icons/ic150_close.svg");
		border: none;
	}

.CC_required{
	/*float:left;*/
	float:unset;
	/*width: 49%;*/
	width: unset;
}

.CC_all{
	/*float:right;*/
	float:unset;
	/*width: 49%;*/
	width: unset;
}

.CC_ads{
	
}
	.CC_ads_items{
		margin: 10px 0;
	}

.CC_left{
	float:left;
	margin: 0px 10px 0px 0px;
}

.CC_right{
	float:left;
	width: 80%;
	margin: 0px 0px 0px 0px;
}

.CC_save{
	text-align: center;
	margin-top: 10px;
}

.CC_checkbox{
	-moz-appearance: None;
	-webkit-appearance: none;
	width: 20px !important;
	height: 20px !important;
	background-image: url("images/icons/checkbox-CC.svg") !important;
	background-size:100% !important;
	background-repeat:no-repeat;
	background-position: 0 0px !important;
	border: none;
	outline: none;
	vertical-align: Middle;
}

.CC_checkbox:checked{
	background-position: 0px -20px !important;
}

.CC_checkboxRequired{
	width: 20px !important;
	height: 20px !important;
	background-image: url("images/icons/checkbox-CC.svg") !important;
	background-size:100% !important;
	background-repeat:no-repeat;
	background-position: 0 -40px !important;
	border: none;
	outline: none;
}

/*--- Recurring Formats ---*/
.spaceAbove {
	margin-top: 10px !important;
}

.spaceBelow {
	margin-bottom: 10px !important;
}

.spaceRight {
	margin-right: 5px;
}

.spaceLeft {
	margin-left: 5px;
}

.paddingOuter {
	padding: 2px;
}

.paddingInner {
	padding: 5px;
}

.paddingNone {
	padding: 0px !important;
}

.paddingTop {
	padding-top: 5px;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

.valignTop {
	vertical-align: top;
}

.valignBottom {
	vertical-align: bottom;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.cancelled {
	text-decoration: line-through;
}

.disabled, input:not([type=checkbox]):disabled, select:disabled {
	pointer-events: none;
	background-color: #eeeeee;
	border: solid 1px #cccccc;
}

.notAllowed {
	cursor: not-allowed;
}

.cursPoint {
	cursor: pointer;
}

.topEdge_1 {
	border-top: solid 1px #000000;
}

.topEdge_2 {
	border-top: solid 2px #000000;
}

.bottomEdge_1 {
	border-bottom: solid 1px #000000;
}

.bottomEdge_2 {
	border-bottom: solid 2px #000000;
}

.colorBadge {
	/*border:none !important;*/
	color: #000000 !important;
}

.colorBadge:hover {
	background: #ececec;
	color: #000000 !important;
}

.colorBadge img {
	width: 22px;
	height: 22px;
	/*border:solid 1px #cccccc;
		border-radius: 50%;*/
}

.errorMsg, .warnMsg, .successMsg, .helpMsg {
	/*max-width: 300px;*/
	display:inline-block;
	padding: 5px;
	border-radius: 3px;
	font-size: 13px;
	margin: 5px 0;
}

.smallMsg {
	max-width: 300px;
}

.noWrap {
	white-space: nowrap;
}

.hideText {
	text-indent: -99999px;
	white-space: nowrap;
	text-align: initial;
}

.relative {
	position: relative;
}

.clear {
	clear: both;
}

.priceRed {
	color: #ff0000;
}

.priceStrikethrough {
	text-decoration: line-through;
}

/*--- Specials ---*/
.bsp {
	font-family: "Courier New", "monospace";
}

/*---------- FONTS & ICONS -------------------------------------------*/

/*--- REGULAR FONT ---*/
@font-face {
	font-family: 'font-regular';
	src: url("fonts/Lato/Lato-Regular.woff2") format("woff2"),
		 url("fonts/Lato/Lato-Regular.woff") format("woff"),
		 url("fonts/Lato/Lato-Regular.otf") format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'font-light';
	src: url("fonts/Lato/Lato-Light.woff2") format("woff2"),
		 url("fonts/Lato/Lato-Light.woff") format("woff"),
		 url("fonts/Lato/Lato-Light.otf") format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'font-semibold';
	src: url("fonts/Lato/Lato-Semibold.woff2") format("woff2"),
		 url("fonts/Lato/Lato-Semibold.woff") format("woff"),
		 url("fonts/Lato/Lato-Semibold.otf") format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'font-bold';
	src: url("fonts/Lato/Lato-Bold.woff2") format("woff2"),
		 url("fonts/Lato/Lato-Bold.woff") format("woff"),
		 url("fonts/Lato/Lato-Bold.otf") format('opentype');
	font-weight: normal;
	font-style: normal;
}

/*--- STYLE FONT ---*/
@font-face {
	font-family: 'stylefont-regular';
	src: url("ffonts/PlayfairDisplay/PlayfairDisplay-Regular.woff2") format("woff2"),
		 url("fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff") format("woff"),
		 url("fonts/PlayfairDisplay/PlayfairDisplay-Regular.otf") format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'stylefont-bold';
	src: url("fonts/PlayfairDisplay/PlayfairDisplay-Bold.woff2") format("woff2"),
		 url("fonts/PlayfairDisplay/PlayfairDisplay-Bold.woff") format("woff"),
		 url("fonts/PlayfairDisplay/PlayfairDisplay-Bold.otf") format('opentype');
	font-weight: normal;
	font-style: normal;
}

/*--- if all fonts are deactivated Arial is used ---*/

/*--- FONT AWESOME ---*/
@font-face {
	font-family: 'FontAwesome';
	src: url("fonts/fontAwesome/fontawesome-webfont.woff2") format('woff2'),
		 url("fonts/fontAwesome/fontawesome-webfont.woff") format("woff"),
		 url("fonts/fontAwesome/fontawesome-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/*---- Global Font Formats  ---*/
body {
	font-family: "font-regular", Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1.3px;
	line-height: 20px;
}

a {
	font-family: "font-regular", Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1.3px;
	line-height: 20px;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1 {
	font-family: "stylefont-regular", Arial, Helvetica, sans-serif;
	font-size: 36px;
	letter-spacing: 2px;
	line-height: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 10px;
	border-bottom: solid 1px #000000;
}

.h1-style{
	font-family: "font-semibold", Arial, Helvetica, sans-serif;
	display:block;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 24px;
	font-weight:normal;
	text-align: center;
	margin-top: 8px;
}

h2, h2 a {
	font-size: unset;
	font-weight: unset;
	margin: unset;
}

.h2-style{
	display:block;
	font-size: 22px;
}

h3, h3 a {
	font-family: "stylefont-regular", Arial, Helvetica, sans-serif;
	font-size: 24px !important;
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 20px !important;
}

h4, h4 a,
h5, h5 a,
h4, h4 a,
h5, h5 a{
	font-size: unset;
	font-weight: unset;
	margin: unset;
}

p, p a {
	margin-bottom: 6px;
}

.bold {
	font-family: "font-semibold", Arial, Helvetica, sans-serif !important;
}

.italic {
	font-style: italic;
}

.fontXBig, .fontXBig a {
	font-size: 30px !important;
}

.fontBig, .fontBig a {
	font-size: 17px !important;
}

.fontMid, .fontMid a {
	font-size: 14px;
	line-height: 20px;
}

.fontSmall, .fontSmall a {
	font-size: 12px;
	line-height: 15px;
}

.fontTiny, .fontTiny a {
	font-size: 11px;
	line-height: 12px;
}

input {
	font-family: "font-regular", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
}

select {
	font-family: "font-regular", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
}

.buttonBig {
	font-family: "font-regular", Arial, Helvetica, sans-serif;
	font-size: 16px !important;
}

.buttonMid {
	font-family: "font-regular", Arial, Helvetica, sans-serif;
	font-size: 13px !important;
}

.buttonSmall {
	font-family: "font-regular", Arial, Helvetica, sans-serif;
	font-size: 11px !important;
}

.closeBut {
	background-image: url("../images/icons/ic150_close.svg");
	width: 20px;
	height: 20px;
	border: none;
	cursor: pointer;
	margin-bottom: 10px;
}

.closeBut:hover {
	background-image: url("../images/icons/ic150_close-pale.svg");
	background-color: transparent;
	border: none;
}

.editBut {
	background-image: url("../images/icons/ic150_edit.svg");
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	margin-bottom: 10px;
}

.editBut:hover {
	background-image: url("../images/icons/ic150_edit-pale.svg");
	background-color: transparent;
	border: none;
}

.okBut {
	background-image: url("../images/icons/ic150_ok.svg");
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	margin-bottom: 10px;
}

.okBut:hover {
	background-image: url("../images/icons/ic150_ok-pale.svg");
	background-color: transparent;
	border: none;
}

.delBut {
	background-image: url("../images/icons/ic150_del.svg");
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	margin-bottom: 10px;
}

.delBut:hover {
	background-image: url("../images/icons/ic150_del-pale.svg");
	background-color: transparent;
	border: none;
}

.refBut {
	background-image: url("../images/icons/ic150_refresh.svg");
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	margin: 0px 0px 10px 5px;
}

.refBut:hover {
	background-image: url("../images/icons/ic150_refresh-pale.svg");
	background-color: transparent;
	border: none;
}

.cartBut {
	background-image: url("../images/icons/ic150_cart.svg");
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	margin-bottom: 10px;
}

.cartBut:hover {
	background-image: url("../images/icons/ic150_cart-pale.svg");
	background-color: transparent;
	border: none;
}

.submitBut {
	color: #ffffff;
	width: 100%;
	margin: 0;
	background: #000000;
}

.submitBut:hover {
	color: #000000;
	background: #ffffff;
}

/*---------- Specific Page Fonts ---*/
#headerTop div {
	font-family: 'font-regular';
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
}

#headNav, #headNav a {
	/*text-transform: uppercase;*/
	
}

.cartAmount {
	font-size: 10px;
	text-align: center;
	letter-spacing: 0px;
}

.NavCatHeader {
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
}

#contBreadcrump, #contBreadcrump a {
	text-transform: uppercase;
	letter-spacing: 2px;
}

/*---------- Icons ----------*/
.iconBig {
	font-family: 'FontAwesome';
	font-size: 26px;
}

.iconMid {
	font-family: 'FontAwesome';
	font-size: 20px;
}

.iconSmall {
	font-family: 'FontAwesome';
	font-size: 15px;
}

.iconTiny {
	font-family: 'FontAwesome';
	font-size: 11px;
}

.icSearch::before {
	content: "\F002";
}

.icCart::before {
	content: "\F07A";
}

.icAccount::before {
	content: "\F007";
}

.icFav::before {
	content: "\F004";
}

.icBurger::before {
	content: "\F0C9";
}

.icList::before {
	content: "\F00B";
}

.icClose::before {
	content: "\F057";
}

.icCheck::before {
	content: "\F00C";
}

.icCancel::before {
	content: "\F00D";
}

.icEdit::before {
	content: "\F044";
}

.icOk::before {
	content: "\F013";
}

.icDelete::before {
	content: "\F00D";
}

.icArw2Up::before {
	content: "\F106";
}

.icArw2Down::before {
	content: "\F107";
}

.icArw2Right::before {
	content: "\F105";
}

.icArw2Left::before {
	content: "\F104";
}

.icArw3Left::before {
	content: "\F137";
}

.icArw3Right::before {
	content: "\F138";
}

.icArw3Top::before {
	content: "\F139";
}

.icArw3Down::before {
	content: "\F13A";
}

.icRefresh::before {
	content: "\F021";
}

.icDownld::before {
	content: "\F019";
}

.svgXXXBig {
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: 100%;
}

.svgXXBig {
	width: 30px;
	height: 30px;
}

.svgXBig {
	width: 25px;
	height: 25px;
}

.svgBig {
	width: 20px;
	height: 20px;
}

.svgMid {
	width: 16px;
	height: 16px;
}

.svgSmall {
	width: 12px;
	height: 12px;
}


/*- Payment -*/

#footLinksContent_Serv{
	display:flex;
	flex-flow:row wrap;
	justify-content: space-between;
	gap: 5px 30px;
}

.svgPayment {
	display: inline-block;
	width: 60px;
	height: 40px;
	margin: 0px auto 5px auto !important;
	background-size: 60px 80px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.svgPayment:hover {
	background-position: 0 -40px;
}

.svgGIROPAY {
	background-image: url("../images/icons/icPY_GiroPay.svg");
}

.svgSOFORT {
	background-image: url("../images/icons/icPY_Klarna.svg");
}

.svgCARD {
	background-image: url("../images/icons/icPY_MC+VIS.svg");
}

.svgPAYPAL {
	background-image: url("../images/icons/icPY_PayPal.svg");
}

.svgINVOICE {
	background-image: url("../images/icons/icPY_Rechnung.svg");
}

.svgSEPA,.svgSEPAGUARANTEED {
	background-image: url("../images/icons/icPY_SEPA.svg");
}

.svgPREPAYMENT {
	background-image: url("../images/icons/icPY_Ueberweisung.svg");
}

.icMailRv {
	display: block;
	background-image: url("../images/icons/ic150_mail-pale.svg");
}

.icMailRv:hover {
	background-image: url("../images/icons/ic150_mail.svg");
}

.icTalkRv {
	display: block;
	background-image: url("../images/icons/ic150_talk-pale.svg");
}

.icTalkRv:hover {
	background-image: url("../images/icons/ic150_talk.svg");
}

.icScFacebook {
	display: block;
	background-image: url("../images/icons/icSC_FB-blk.svg");
}

.icScFacebook:hover {
	background-image: url("../images/icons/icSC_FB-pale.svg");
}

.icScInstagram {
	display: block;
	background-image: url("../images/icons/icSC_IN-blk.svg");
}

.icScInstagram:hover {
	background-image: url("../images/icons/icSC_IN-pale.svg");
}

.icScYoutube {
	display: block;
	background-image: url("../images/icons/icSC_YT-blk.svg");
}

.icScYoutube:hover {
	background-image: url("../images/icons/icSC_YT-pale.svg");
}

.icScTwitter {
	display: block;
	background-image: url("../images/icons/icSC_TW-blk.svg");
}

.icScTwitter:hover {
	background-image: url("../images/icons/icSC_TW-pale.svg");
}

.icScPinterest {
	display: block;
	background-image: url("../images/icons/icSC_PI-blk.svg");
}

.icScPinterest:hover {
	background-image: url("../images/icons/icSC_PI-pale.svg");
}

/*---------- SPECIFIC PAGE STYLES ------------------------------------*/

/*---------- Index ----------*/
#pageIndex #contBreadcrump {
	display: none !important;
}

#pageIndex #innerContent {
	grid-template-columns: 0% 100%;
}

#contIndex {
	font-size: 16px;
	width: 61%;
	margin: 40px auto 80px auto;
}

#contIndex>div>div {
	float: left;
	width: 49%;
	text-align: center;
}

#contIndex button {
	width: 80%;
}

.featurePic {
	width: 100%;
	margin: 0 auto;
}

.featurePic img {
	width: 100%;
	height: 100%;
}

/*---------- Start Topseller ----------*/
#topsellerIndex h3 {
	margin-bottom: 20px;
}

#topsellerGrid {
	display: grid;
	grid-gap: 0px 1.3%;
	grid-template-rows: auto;
	grid-template-columns: 24% 24% 24% 24%;
	margin: 0 auto;
	width: 100%;
}

#topseller_1 {
	grid-row: 1/2;
	grid-column: 1/2;
}

#topseller_2 {
	grid-row: 1/2;
	grid-column: 2/3;
}

#topseller_3 {
	grid-row: 1/2;
	grid-column: 3/4;
}

#topseller_4 {
	grid-row: 1/2;
	grid-column: 4/5;
}

.topseller {
	
}

.topseller img {
	width: 100%;
}

/*---------- Start Help ----------*/
#helpIndex {
	margin-top: 60px !important;
}

#helpIndex h3 {
	margin-bottom: 20px;
}

/*---------- Start ----------*/
#pageStart #contBreadcrump {
	display: none !important;
}

#pageStart #innerContent {
	grid-template-columns: 0% 100%;
}

#pageStart #headPic {
	display: block !important;
	margin: 0 auto 0 auto;
}

#pageStart #headPic img {
	height: auto !important;
}

/*---------- ArticleList ----------*/
#pageArticleList .ALA_Select input {
	display: none;
}

#pageArticleList #innerContent {
	grid-template-columns: 0% 100%;
}

.contPages {
	text-align: right;
}

.contPages ul {
	display: inline-block;
	padding: 5px;
	height: 20px;
	margin: 0 auto;
}

.contPages li {
	display: block;
	float: left;
}

.contPages li a {
	display: block;
	margin: 0 3px 0 3px;
}

#butCollect {
	display: none;
	position: sticky;
	position: -webkit-sticky; /* Safari */
	top: 5px;
	z-index: 5;
	width: 100%;
	/*border-radius: 3px;*/
	text-align: right;
}

#butCollect>div {
	width: 600px;
	margin: 0 20px 0 auto;
}

.spinner {
	background: transparent !important;
}

.spinner img {
	-webkit-animation: rotation 1.5s infinite linear;
}

@-webkit-keyframes rotation {
	from { 
		-webkit-transform:rotate(0deg);	
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}

.spinner.small {
	margin: 0 15px 0 10px !important;
	padding: 0 !important;
	transform: translate(2px, 3px);
}

.spinner.small img {
	display: block;
	width: 16px;
	height: 16px;
}

.spinner.mid {
	margin: 0 5px 0 10px !important;
	padding: 0 !important;
	transform: translate(-1px, -2px);
}

.spinner.mid img {
	display: block;
	width: 24px;
	height: 24px;
}

.spinner.big {
	margin: 0 20px 0 15px !important;
	padding: 0 !important;
	transform: translate(-4px, -5px);
}

.spinner.big img {
	display: block;
	width: 32px;
	height: 32px;
}

#ALA_outer{
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
	gap: 2%;
}

.ALA_Box {
	display: grid;
	grid-gap: 0px 0px;
	grid-template-rows: auto auto auto auto auto;
	grid-template-columns: 50% 50%;
}

.ALA_Select {
	grid-row: 1/2;
	grid-column: 1/2;
}

.ALA_Fav {
	grid-row: 1/2;
	grid-column: 2/3;
}

.ALA_artPic {
	grid-row: 2/3;
	grid-column: 1/3;
}

.ALA_Info {
	grid-row: 3/4;
	grid-column: 1/2;
}

.ALA_Details {
	grid-row: 3/4;
	grid-column: 2/3;
}

.ALA_Name {
	grid-row: 4/5;
	grid-column: 1/3;
}

.ALA_Price {
	grid-row: 5/6;
	grid-column: 1/2;
}

.ALA_Feature {
	grid-row: 5/6;
	grid-column: 2/3;
}

.ALA_Box {
	position: relative;
	width: 31.9%;
	float: left;
	margin: 0px 0px 40px 0px;
	padding: 0px !important;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	/*background-color: #f5f5f5;*/
}

.ALA_Select {
	padding: 10px 0 0 10px;
}

.ALA_Fav {
	padding: 10px 10px 0 0;
	text-align: right;
}

.ALA_artPic img {
	width: 100%;
}

.ALA_Info {
	position: relative;
	text-align: center;
	padding: 10px;
	visibility: hidden; /*- not used in B2C -*/
}

.ALA_Details {
	text-align: center;
	padding: 10px;
	visibility: hidden; /*- not used in B2C -*/
}

.ALA_Name {
	font-size: 16px;
	padding: 10px 0;
	padding-bottom: 10px;
	background: #ffffff;
	height: 53px;
	overflow: hidden;
}
	.ALA_Name a{
		font-size: 16px;
	}
	.ALA_Name .subline{
		font-size: 13px;
		margin-top: 2px;
	}

.ALA_Price {
	background-color: #ffffff;
}

.ALA_Feat {
	text-align: right;
	background-color: #ffffff;
}

#ALA_availableColors {
	display:inline-block;
	position: absolute;
	bottom: 0;
	right: 5px;
	margin: 20px auto 0 auto;
}

#ALA_availableColors li {
	display:block;
	float:left;
	margin: 0 3px;
}

#ALA_availableColors li img {
	width: 20px;
	height: 20px;
	border:solid 1px #ececec;
}

div.ALA_Select input[type="checkbox"] {
	width: 20px;
	height: 20px;
	background-size: 20px 40px;
}

div.ALA_Select input[type="checkbox"]:checked {
	background-position: 0 -20px;
}

.ALA_SizCol {
	display: none;
	position: absolute;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 2px;
	top: 10px;
	left: 10px;
	padding: 10px;
	z-index: 60;
}

.ALA_Sizes {
	
}

.ALA_Sizes td {
	min-width: 20px;
	border: solid 1px #cccccc;
	padding: 4px;
	white-space: nowrap;
}

.ALA_Sizes li {
	display: block;
	float: left;
	border: solid 1px #cccccc;
	margin: 0 2px 2px 0;
	padding: 2px 4px;
}

.ALA_Sizes .na {
	text-decoration: line-through;
	background: #aaaaaa;
	color: #ffffff;
}

.ALA_Colors {
	margin-bottom: 5px;
}

.ALA_Colors li {
	display: block;
	float: left;
}

.ALA_colorName {
	text-align: initial;
	border: none !important;
}

.ALA_colorBadge {
	padding: 5px 5px 0px 0px !important;
}

/*- Störer -*/

.ALA_stopper, .ALA_SoldOut{
	display:block;
	position:absolute;
	color: #fff;
	background: #9c1006;
	padding: 10px 25px 10px 10px;
	border-radius: 0px 0px 25px 0px;
	z-index: 50;
}

/*---------- Article Display ----------*/
#pageArticleDisplay #innerContent {
	grid-template-columns: 0% 100%;
}

#displayGrid {
	display: grid;
	grid-gap: 5px 5%;
	grid-template-rows: auto auto auto;
	grid-template-columns: 60% 35%;
}

#displayPic {
	grid-row: 1/2;
	grid-column: 1/2;
}

#displayText {
	grid-row: 1/2;
	grid-column: 2/3;
}

#displayFeature {
	grid-row: 2/3;
	grid-column: 1/3;
}

#includeSocial {
	grid-row: 3/4;
	grid-column: 1/3;
}

#displayPic {
	text-align: center;
}

.mainPic {
	width: 60%;
	height: auto;
	cursor: zoom-in;
}

#displayAddPics {
	overflow-x: hidden;
	position: relative;
	white-space: nowrap;
}

.addPicLink img, .addPicLink video {
	margin: 0 5px 5px 0;
	border: solid 1px #cccccc;
	height: 150px;
}

.selectedPic {
	border: solid 1px #000000 !important;
}

.arwLeft {
	position: absolute;
	top: calc(50% - 25px);
	left: 10px;
	background: rgba(255, 255, 255, 0.5);
	padding: 3px 5px 0px 0px;
}

.arwRight {
	position: absolute;
	top: calc(50% - 25px);
	right: 10px;
	background: rgba(255, 255, 255, 0.5);
	padding: 3px 0px 0px 5px;
}

#displayText h1 {
	border: none;
	text-align: left;
}

h1 #DT_name {
	font-size: 20px;
}
	
h1 #DT_subline {
	font-size: 15px;
	line-height: 20px;
}

#DT_name {
	font-size: 20px;
	margin-bottom: 5px;
}

#DT_subline {
	margin-bottom: 10px;
}

#DT_artNr {
	margin-bottom: 30px;
}

#DT_desc,
#DT_service,
#DT_material {
	padding: 20px 0px 20px 0px;
	border-top: solid 1px #000000;
}

#DT_desc p {
	margin-bottom: 10px;
	white-space: pre-line;
}

#DT_material p {
	margin-bottom: 10px;
}

.DT_title {
	margin: 0 0 10px 0;
}

.DT_Arw {
	margin-top: 10px;
	display: block;
}

#DT_descPopup {
	display: none;
	margin-top: 10px;
}

#DT_materialPopup {
	display: none;
	margin-top: 10px;
}

.careLabel{
	margin: 10px 10px 0px 0;
	padding: 5px 10px;
	border: solid 1px #dddddd;
	width: 50px;
	height:50px;
}

#DT_servicePopup {
	display: none;
	margin-top: 10px;
}

#DT_price {
	margin-bottom: 30px;
}

#DT_delivery {
	margin-bottom: 20px;
	color: #a9a9a9;
	white-space: pre-line;
}

#DT_links {
	margin: 0 0 20px 0;
}

#DT_links button {
	width: 100%;
	margin-top: 50px;
}

#DT_wishlist {
	margin: 0 0 20px 0;
}

#displayText h2{
	font-family: "stylefont-regular", Arial, Helvetica, sans-serif;
	font-size: 24px !important;
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 20px !important;
}

#DT_colors, #DT_sizes {
	margin-bottom: 30px;
}

#DT_colorDropdown,
#DT_sizesDropdown {
	border: solid 1px #000000;
	width: 200px;
	height: 47px;
	padding: 13px;
	margin-bottom: -1px;
	cursor: pointer;
}

#DT_colorTable,
#DT_sizesTable {
	display: none;
	max-width: 200px;
	max-height: 200px;
	overflow-y: auto;
	border: solid 1px #000000;
	margin: 7px 0 0 0;
}

#DT_colorTable li,
#DT_sizesTable li {
	display: block;
	height: 40px;
}

#DT_colorTable li {
	padding: 0px;
}

#DT_colorTable a {
	float:left;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 10px;
}

#DT_colorTable img {
	margin: 5px 10px 0 5px;
	float: left;
}

#DT_colorTable a span{
	display: inline-block;
	padding: 5px;
}

#DT_sizesTable li {
	padding: 0px;
}

#DT_sizesTable a {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 10px;
}

#DT_colorTable li.na,
#DT_sizesTable li.na {
	background: #ececec;
	cursor: not-allowed;
}

#DT_colorTable li.na a,
#DT_sizesTable li.na a {
	color: #999999;
	text-decoration: line-through;
}

#DT_sizesTable li.js-disabled {
	padding: 10px;
}

#DT_colorTable li.selected,
#DT_sizesTable li.selected {
	background: #a7a7a7;
}

#DT_colorTable li.selected a,
#DT_sizesTable li.selected a {
	color: #ffffff;
}

#displayDetails,
#displayService {
	margin: 20px 0 0 0;
}

#DT_desc div,
#DT_service div,
#DT_material div {
	cursor: pointer;
}

/*- Featured Articles -*/

#displayFeature{
    width: 100%;
    margin: 70px 0 0 0;
}
	#displayFeature.subline{
		/*- smaller minor headlines -*/
		font-family: "font-semibold", Arial, Helvetica, sans-serif;
		font-size: 17px !important;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-weight: normal;
		margin: 20px 0;
		padding-bottom: 15px;
		text-align: center;
		border-bottom: solid 1px #000000;
	}


.DT_featured{
	margin: 30px 0 0 0;
	position: relative;
}
	.DT_featured .firstRow{
		font-weight: 600;
		margin: 0 0 20px 0; 
	}


.DT_ft-articles{
    display:block;
    overflow: hidden;
    white-space: nowrap;
    margin: 0.5% 0 30px 0;
}


.DT_ft-item{ 
    display: inline-block;
	text-align:center;
}
    .DT_ft-item img{
        height: 200px;
    }

	.DT_ft-item p{
		margin-bottom: 2px;
	}

.DT_ft-articleTitle a{
    font-family: "font-semibold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}

.DT_ft-articles .arwLeft,
.DT_ft-articles .arwRight{
    z-index: 10;
    cursor: pointer;
}

#DT_together{
	
}

.DT_tog-articles {
	display:flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 0 20px;
}

.DT_tog-articles div{
	flex: 0 1 auto;
}
	.DT_tog-articles .sign img{
		width: 20px;
		height: 20px;
	}
	.DT_tog-articles strong{
		text-transform: uppercase;
	}

.DT_tog-select li{
	display:block;
	margin: 10px 0 0 0;
}
.DT_tog-select input[type=checkbox]{
	background-size: 100%;
	width: 16px;
	height: 16px;
	padding: 0;
}
	.DT_tog-select input[type=checkbox]:checked{
		background-position: 0px -16px;
	}





/*------------- Cart -------------*/
#pageArticleCollect #innerContent,
#pageCart #innerContent {
	grid-template-columns: 0% 100%;
}

#CHK_inner {
	
}

#CHK_list,
#CHK_listAddress,
#CHK_listPayment {
	float: left;
	width: 70%;
}

#CHK_info {
	float: right;
	width: 25%;
}

#CHK_sumHead {
	text-align: center;
	padding: 10px;
	border: solid 1px #000000;
}

#CHK_sumTable, #CHK_sumResult {
	padding: 5px;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

#CHK_sumTable table, #CHK_sumResult table {
	width: 100%;
}

.CHK_tableLabel {
	padding: 5px;
}

.CHK_tableAmount {
	text-align: right;
	padding: 5px;
}

.CHK_sumProceed, #CHK_sumBack {
	padding: 0;
	margin: 10px 0 0 0;
}

.CHK_sumProceed button, #CHK_sumBack button {
	width: 100%;
	margin: 0;
}

#CHK_sumFinish button {
	width: 100%;
	margin: 0;
}

#CHK_coupon {
	margin: 40px 0 40px 0;
}

#CHK_couponHead {
	text-align: center;
	padding: 10px;
	border: solid 1px #000000;
}

#CHK_couponContent {
	text-align: center;
	padding: 10px;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

#CHK_couponProceed {
	padding: 0;
	margin: 10px 0 0 0;
}

#CHK_couponProceed button {
	width: 100%;
	margin: 0;
}

#CHK_addInfo {
	margin: 20px 0 0 0;
	padding: 10px;
}

#CHK_addInfo .svgPayment {
	display: inline-block;
	width: 36px;
	height: 24px;
	margin: 0px 5px 5px 0 !important;
	background-size: 36px 48px;
	background-position: 0 -24px;
	background-repeat: no-repeat;
}

#CHK_addInfo .svgPayment:hover {
	background-position: 0 -24px;
}

/*--- Artikel Grid Start ---*/
.ART_grid {
	display: grid;
	grid-gap: 5px 5px;
	grid-template-rows: auto auto;
	grid-template-columns: 25% 42% 31%;
	margin: 0 0 20px 0;
}

.ART_pic {
	grid-row: 1/3;
	grid-column: 1/2;
}

.ART_info {
	grid-row: 1/2;
	grid-column: 2/3;
}

.ART_price {
	grid-row: 1/2;
	grid-column: 3/4;
}

.ART_amount {
	grid-row: 2/3;
	grid-column: 2/3;
}

.ART_functions {
	grid-row: 2/3;
	grid-column: 3/4;
}

.ART_hr {
	border-bottom: solid 1px #ececec;
	margin: 0 0 20px 0;
}

.ART_pic {
	max-height: 260px;
}

.ART_pic img {
	max-width: 80%;
}

.ART_info {
	padding: 10px 0 10px 0;
}

.ART_amount {
	
}

.ART_amount input {
	text-align: center;
	width: 50px;
	height: 30px;
	padding: 5px;
	border: solid 1px #000000;
}

.ART_amount select {
	text-align: center;
	width: 50px;
	height: 30px;
	padding: 5px;
}

.ART_amount .refBut {
	height: 20px;
	width: 130px;
	text-transform: none;
	text-align: left;
	text-indent: 20px;
	letter-spacing: initial;
	background-repeat: no-repeat;
	margin-top: 8px;
	background-size: 16px;
	background-position: left center;
}

.ART_amount .refBut:hover {
	color: #999999;
}

.ART_price {
	text-align: right;
	padding: 30px 0 0 0;
}

.ART_sum {
	text-align: right;
}

.ART_unit {
	font-size: 12px;
	text-align: right;
}

.hideUnitPrice {
	display: none;
}

.ART_functions {
	padding: 0 0 10px 0;
}

.ART_functions .delBut {
	height: 20px;
	width: 130px;
	text-transform: none;
	text-align: left;
	text-indent: 20px;
	letter-spacing: initial;
	background-repeat: no-repeat;
	margin-top: 8px;
	background-size: 16px;
	background-position: left center;
}

.ART_functions .delBut:hover {
	color: #999999;
}

/*--- Artikel Grid End ---*/

/*----- Checkout (Address, Payment, Data) -----*/
#pageConfirmAddress #innerContent {
	grid-template-columns: 0% 100%;
}

#pageConfirmPayment #innerContent {
	grid-template-columns: 0% 100%;
}

#pageConfirmData #innerContent {
	grid-template-columns: 0% 100%;
}

#pageFinishPurchase #innerContent {
	grid-template-columns: 0% 100%;
}

#pageFinishPurchase #contContent div {
	margin-bottom: 20px;
}

#CHK_address {
	float: left;
	width: 48%;
	margin: 0 0 50px 0;
}

#CHK_delivery {
	display: none;
	float: right;
	width: 48%;
	margin: 0 0 50px 0;
}

#CHK_address li, #CHK_delivery li {
	display: block;
	margin: 0 0 10px 0;
}

#CHK_address label, #CHK_delivery label {
	display: inline-block;
	margin: 0px 0px 5px 0px;
}

#CHK_address input:not([type=checkbox]), #CHK_delivery input:not([type=checkbox]) {
	width: 100%;
}

#CHK_address select, #CHK_delivery select {
	width: 100%;
}

.CHK_RlistAddress,
.CHK_BlistAddress{
	margin-bottom: 40px;
}
	.CHK_RlistAddress li,
	.CHK_BlistAddress li{
		display:block;	
		margin: 0 0 3px 0;
		padding: 20px;
		border-bottom: solid 1px #000000;
	}

.CHK_adrHead{
}

.CHK_adrHead-radio{
	float:left;
	margin-right: 10px;
}
.CHK_adrHead-title{
	float:left;
}
.CHK_adrHead-handle{
	float:right;
}


.CHK_adrBody{
	display:none;
	width: 100%;
	padding: 10px 0px 0px 0px;
}
	.CHK_adrBody.opened{
		display:block;
	}
	.CHK_adrBody div{
		padding: 2px;
	}
		.CHK_adrBody .wdS{
			float: left;
			width: 50%;
		}
		.CHK_adrBody .wdL{
			width: 100%;
		}
		.CHK_adrBody input[type=text],.CHK_adrBody input[type=email]{
			width: 100%;
			font-size: 15px;
			padding: 20px;
		}

	.CHK_adrBody-links{
		text-align: right;
	}
		.CHK_adrBody-links .edit{
			background-image: url("images/icons/ic150_edit.svg");
			background-repeat: no-repeat;
			background-color:transparent;
			text-indent: -99999px;
			width: 20px;
			height: 20px;
			border:none;
		}
			.CHK_adrBody-links .edit:hover{
				background-image: url("images/icons/ic150_edit-pale.svg");
			}

		.CHK_adrBody-links .delete{
			background-image: url("images/icons/ic150_del.svg");
			background-repeat: no-repeat;
			background-color:transparent;
			text-indent: -99999px;
			width: 20px;
			height: 20px;
			border:none;
			margin-left: 10px;
		}
			.CHK_adrBody-links .delete:hover{
				background-image: url("images/icons/ic150_del-pale.svg");
			}


		.CHK_adrBody-links .save{
			background: #000000;
			color: #ffffff;
		}
			.CHK_adrBody-links .save:hover{
			background: #ffffff;
			color: #000000;
			}


.CHK_openBAddress{
	text-align: right;
	margin: 30px 0 0 0;
}

#CHK_billingAddress{
}


.CHK_supplier{
	float:left;
	width: 75%;
	margin: 0 auto 60px auto;
}

.CHK_supplier li{
	display: block;
	padding: 0 0 10px 0;
}

.CHK_supplier input{
	margin: 0 10px 0 0;
}


#CHK_payment {
	float: left;
	width: 48%;
	margin: 0 0 10px 0;
}

#CHK_listPaymentDetails {
	font-family: "font-regular", Arial, Helvetica, sans-serif;
	font-size: 15px;
	float: right;
	width: 48%;
	margin: 50px 0 50px 0;
}
	#CHK_payment li,
	#CHK_listPaymentDetails li {
		display: block;
		margin: 0 0 10px 0;
	}
		#CHK_payment label,
		#CHK_listPaymentDetails label {
			display: inline-block;
			margin: 0px 0px 5px 0px;
		}

		#CHK_payment input[type=text],
		#CHK_listPaymentDetails input[type=text]
			{
			width: 100%;
			padding: 10px;
			border: solid 1px #ececec;
		}

		#CHK_payment input[type=radio],
		#CHK_listPaymentDetails input[type=radio]
			{
			margin: 0 10px 0 0;
		}

		#CHK_payment select,
		#CHK_listPaymentDetails select {
			width: 100%;
			height: 50px;
			padding: 10px;
			border: solid 1px #ececec;
		}

#CHK_details {
	margin: 10px 0 0 0;
}

#CHK_detailsHead {
	text-align: center;
	padding: 10px;
	border: solid 1px #000000;
}

#CHK_detailsContent {
	padding: 10px;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

	#CHK_details h7 {
		display: block;
		margin: 0;
		padding: 0px 0px 5px 0px;
	}

	#CHK_details p {
		display: block;
		margin: 0;
	}

#CHK_paymCard,
#CHK_paymLast,
#CHK_paymPP
#CHK_paymInvoice {
	display: none;
	width: 90%;
	margin: 0px 0px 0px 10%;
}


#CHK_listPaymentDetails .c-select-toggle{
	padding:10px;
	border:solid 1px #ececec;
}

#CHK_listPaymentDetails .c-select-search input{
	padding: 10px;
	height: min-content;
	border-top: none;
	border-right: none;
	border-bottom: solid 1px #000000;
	border-left: none;
}

#CHK_listPaymentDetails .c-select-options {
  overflow-x: hidden;
}

#CHK_listPaymentDetails .c-select-option{
	font-size: 14px;
	margin: 0px;
	padding: 10px;
}

#CHK_listPaymentDetails #CHK_paymentDetails_input_phone{
	box-shadow: none;
	margin: 0px;
	padding: 10px;
	height: min-content;
}

#CHK_listPaymentDetails #CHK_paymentDetails_input_bday{
	box-shadow: none;
	margin: 0px;
	padding: 10px;
	height: min-content;
	border:solid 1px #ececec;
}

/*----- Availability -----*/
.availableGreen {
	border-bottom: solid 4px #51a40e !important;
}

.availableYellow {
	border-bottom: solid 4px #e69d00 !important;
}

.availableRed {
	border-bottom: solid 4px #c02900 !important;
}

/*----- Order Progress -----*/
.orderProgress {
	width: 80%;
	margin: 40px auto;
}

.orderProgress table {
	width: 100%;
	table-layout: fixed;
}

.orderProgress td {
	white-space: nowrap;
	padding: 3px 10px;
	overflow: hidden;
}

.orderProgress img {
	width: 36px;
	height: 12px;
}

.OPB {
	background-repeat: no-repeat;
	background-position: center center;
}

.OPB_0 {
	background-image: url("../images/icons/ordProg-00.png");
}

.OPB_1 {
	background-image: url("../images/icons/ordProg-01.png");
}

.OPB_2 {
	background-image: url("../images/icons/ordProg-02.png");
}

.OPB_3 {
	background-image: url("../images/icons/ordProg-03.png");
}

.OPB_4 {
	background-image: url("../images/icons/ordProg-04.png");
}

.OPB_5 {
	background-image: url("../images/icons/ordProg-05.png");
}

.OPB_6 {
	background-image: url("../images/icons/ordProg-06.png");
}

.OPB_7 {
	background-image: url("../images/icons/ordProg-07.png");
}

.orderMobProgress {
	width: 140px;
	margin: 10px auto;
}

.orderMobProgress td {
	padding: 2px 5px 2px 5px;
}

.OPB_selected {
	color: #ffffff;
	background: #666666;
}

.OPB_selected a {
	color: #ffffff !important;
}

/*---------- Cart Popup  ----------*/

#CRT_addtoCart{
	width: 100%;
	height: 48px;
	background-color: #e4f5d9;
	border: none;
	opacity: 1.0;
	transition: opacity ease 1.0s;
	margin: 10px auto;
	text-align: center;
}

#CRT_atc_inner{
	margin: 0 auto;
	display: inline-block;
}

.CRT_atc-1{
	float:left;
	padding: 14px 10px 0 0;
}

.CRT_atc-2{
	float:left;
}

.CRT_atc-3{
	float:left;
	padding: 14px 0 0 10px;
}

#CRT_addtoCart img{
	width: 50px;
	height: 50px;
	margin: -2px auto 0 auto;
	border: solid 3px #51a40e;
	border-radius: 30px;
}

/*---------- Account Nav ---------------*/
#accountNav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 40px;
	width: 100%;
	margin: 0 auto 30px auto;	
}

.accNavFlexItem {
	flex: 0 1 0%;
	text-align: center;
	font-size: 10px;
	min-width: 200px;
}

.accNavIcons {
	width: 40px;
	height: 40px;
	background-size: 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	display: inline-block;
}

.accNavIcons:hover {
	background-position: 0px -40px;
}

.accNavIcons.accNavIconsActive {
	background-position: 0px -80px;
}

.accNavIcons.accNavIconsActive:hover {
	background-position: 0px -120px;
}

#accNavOrdLnk {
	background-image: url("../images/icons/icAccOrd.svg");
}

#accNavRetLnk {
	background-image: url("../images/icons/icAccRet.svg");
}

#accNavPrsLnk {
	background-image: url("../images/icons/icAccPrs.svg");
}

#accNavNwlLnk {
	background-image: url("../images/icons/icAccNwl.svg");
}

#accNavFavLnk {
	background-image: url("../images/icons/icAccFav.svg");
}

.accNavTitle {
	font-family: "font-semibold", Arial, Helvetica, sans-serif;
	font-size: 15px;
}

.accNavText {
	font-size: 12px;
}

/*---------- Account Register ----------*/
#pageAccountRegister #innerContent {
	grid-template-columns: 0% 100%;
}

#pageAccountRegister #outerForm {
	width: 50%;
	margin: 0 auto;
	padding: 20px;
}

#pageAccountRegister #innerText, #pageAccountRegister #innerName,
	#pageAccountRegister #innerAddress, #pageAccountRegister #innerData,
	#pageAccountRegister #innerAgreement, #pageAccountRegister #innerSubmit
	{
	text-align: initial;
	margin: 0 0 20px 0;
}

#pageAccountRegister #innerName label, #pageAccountRegister #innerAddress label,
	#pageAccountRegister #innerData label, #pageAccountRegister #innerSubmit label
	{
	display: block;
	margin: 15px 0 5px 0;
}

#pageAccountRegister #innerAgreement label {
	margin: 15px 0 5px 10px;
}

#pageAccountRegister #innerSubmit {
	margin-top: 20px !important;
}

#pageAccountRegister input[type=text], #pageAccountRegister input[type=tel],
	#pageAccountRegister input[type=email], #pageAccountRegister input[type=password]
	{
	width: 100%;
}

#pageAccountRegister select, #pageAccountRegister textarea {
	width: 100%;
}

#regTelefonCountryCode,
#regMobilCountryCode{
	width: 100%;
}
	#regTelefonCountryCode .c-select-toggle,
	#regMobilCountryCode .c-select-toggle{
		height: 47px;
		padding: 10px;
		border: solid 1px #efefef;
	}
	#regTelefonCountryCode .iconSmall,
	#regMobilCountryCode .iconSmall{
		float:right;
	}

	#regTelefonCountryCode .c-select-dropdown,
	#regMobilCountryCode .c-select-dropdown{
		border:solid 1px #a0a0a0;
		border-radius: 3px;
	}

	#regTelefonCountryCode .c-select-option,
	#regMobilCountryCode .c-select-option{
		padding: 4px 0px 4px 8px;
		white-space: nowrap;
	}
	#regTelefonCountryCode .c-select-options,
	#regMobilCountryCode .c-select-options{
		max-height: 50vh;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#regTelefonCountryCode .js-selected,
	#regMobilCountryCode .js-selected{
		background: #e0e0e6;
	}

	#regTelefonCountryCode .icSearch,
	#regMobilCountryCode .icSearch{
		margin-top: 10px;
	}



/*---------- LogIn ----------*/
#pageLogin #contBreadcrump {
	display: none !important;
}

#pageLogin #innerContent {
	grid-template-columns: 0% 100%;
}

#loginBox {
	width: 320px;
	padding: 10px;
	margin: 50px auto;
	border: solid 1px #999999;
	border-radius: 5px;
}

#loginBox input[type=text], #loginBox input[type=password] {
	width: 95%; 
	margin: 5px;
}

#loginBox div {
	text-align: center;
}

#loginBox div a {
	margin-right: 10px;
}

/*---------- Account ----------*/
#pageAccount #innerContent {
	grid-template-columns: 0% 100%;
}

#accountContent {
	display: grid;
	grid-gap: 10px 12px;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	margin: 0 auto;
	width: 100%;
}

#accountOrders {
	grid-row: 1/2;
	grid-column: 1/2;
}

#accountRetour {
	grid-row: 1/2;
	grid-column: 2/3;
}

#accountSettings {
	grid-row: 1/2;
	grid-column: 3/4;
}

#accountNewsletter {
	grid-row: 1/2;
	grid-column: 4/5;
}

#accountWishList {
	grid-row: 1/2;
	grid-column: 5/6;
}

/*---------- Account Orders & Details----------*/
#pageAccountOrders #innerContent {
	grid-template-columns: 0% 100%;
}

#pageAccountOrdersDetails #innerContent {
	grid-template-columns: 0% 100%;
}

#accOrderList {
	margin-top: 20px;
}

.accOrderGrid {
	display: grid;
	grid-gap: 0px 1%;
	grid-template-rows: auto;
	grid-template-columns: 36% 20% 20% 20%;
	border: solid 1px #000000;
	padding: 20px;
	margin-bottom: 20px;
}

.accOrderListOrder {
	grid-row: 1/2;
	grid-column: 1/2;
}

.accOrderListPrice {
	grid-row: 1/2;
	grid-column: 2/3;
}

.accOrderListFollow {
	grid-row: 1/2;
	grid-column: 3/4;
}

.accOrderListBut {
	grid-row: 1/2;
	grid-column: 4/5;
}

.accOrderListOrder div {
	margin-bottom: 5px;
}

.accOrderListPrice {
	text-align: center;
	padding-top: 25px;
}

.accOrderListFollow {
	text-align: center;
	padding-top: 25px;
}

.accOrderListBut {
	text-align: center;
	padding-top: 10px;
}

.accOrderListBut a {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000000;
	width: 80%;
	height: 47px;
	padding: 13px 10px 7px 10px;
	background: #ffffff;
	border: solid 1px #000000;
}

.accOrderListBut a:hover {
	background: #000000;
	color: #ffffff;
}

.orderComplete {
	color: #51a40e !important;
}

.orderInprogress {
	color: #e69d00 !important;
}

.orderProblem {
	color: #c02900 !important;
}

#OT_outer {
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding: 20px;
	margin-bottom: 20px;
}

#pageAccountOrdersDetails .accOrderGrid {
	margin-bottom: 0;
}

.OT_grid {
	display: grid;
	grid-gap: 0 0;
	grid-template-rows: auto;
	grid-template-columns: 15% 35% 10% 20% 20%;
}

.OT_product {
	grid-row: 1/2;
	grid-column: 1/2;
}

.OT_product img {
	width: 100%;
}

.OT_article {
	grid-row: 1/2;
	grid-column: 2/3;
}

.OT_ammount {
	grid-row: 1/2;
	grid-column: 3/4;
}

.OT_unit {
	grid-row: 1/2;
	grid-column: 4/5;
}

.OT_sum {
	grid-row: 1/2;
	grid-column: 5/6;
}

.OT_product {
	padding: 10px 0px 0px 10px;
	margin-bottom: 10px;
	border-top: solid 1px #ececec;
}

.OT_article {
	padding: 10px 0px 0px 10px;
	margin-bottom: 10px;
	border-top: solid 1px #ececec;
}

	.OT_article.OrderTabLastRow {
		grid-column: 1/4;
	}

.OT_article-name{
	font-size: 18px;
	line-height: 22px;	
}

.OT_ammount {
	text-align: center;
	padding: 10px 0px 0px 0px;
	margin-bottom: 10px;
	border-top: solid 1px #ececec;
}

.OT_unit {
	text-align: right;
	padding: 10px 0px 0px 0px;
	margin-bottom: 10px;
	border-top: solid 1px #ececec;
}

.OT_sum {
	text-align: right;
	padding: 10px 0px 0px 10px;
	margin-bottom: 10px;
	border-top: solid 1px #ececec;
}

.OrderTabFirstRow {
	font-weight: bold;
	border: none !important;
}

.accOrderTabBut {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	white-space: nowrap;
	color: #000000;
	height: 47px;
	padding: 12px 10px;
	margin: 0 0 5px 10px;
	background: #ffffff;
	border: solid 1px #000000;
}

.accOrderTabBut:hover {
	background: #000000;
	color: #ffffff;
}

/*---------- Account Retour & Details ----------*/
#pageAccountRetour #innerContent {
	grid-template-columns: 0% 100%;
}

#pageAccountRetourDetails #innerContent {
	grid-template-columns: 0% 100%;
}

#pageAccountRetourProceed #innerContent {
	grid-template-columns: 0% 100%;
}

#RE_list {
	float: left;
	width: 49%;
	margin-top: 20px;
}

#RE_info {
	float: right;
	text-align: center;
	width: 49%;
	background: #ececec;
	padding: 30px 20px;
	margin-top: 20px;
}

.RE_item {
	border: solid 1px #000000;
	padding: 20px;
	margin-bottom: 20px;
}

.RE_itemOrder {
	float: left;
	margin: 0 10px 10px 0;
}

.RE_itemBut {
	float: right;
}

#RE_info a, .RE_proceedBut {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #ffffff;
	padding: 10px;
	background: #000000;
	border: solid 1px #000000;
}

#RE_info a:hover, .RE_proceedBut:hover {
	background: #ffffff;
	color: #000000;
}

.RE_proceedBut {
	margin: 20px 0;
}

#RE_info p {
	margin-bottom: 20px;
}

#RE_order {
	float: left;
	width: 66%;
	margin-top: 20px;
}

#RE_detail {
	float: right;
	text-align: center;
	width: 32%;
	background: #ececec;
	padding: 30px 20px;
	margin-top: 20px;
}

.RE_orderInner {
	border: solid 1px #000000;
	padding: 20px;
	margin-bottom: 20px;
}

.RE_orderHead {
	
}

.RE_backBut {
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000000;
	text-align: center;
	padding: 10px 20px;
	background: #ffffff;
	border: solid 1px #000000;
}

.RE_backBut:hover {
	background: #000000;
	color: #ffffff;
}

.RE_orderList {
	
}

.RE_orderList li{
    display:grid;
    grid-gap:1% 1%;
    grid-template-rows:auto auto; 
    grid-template-columns: 10% 90px auto;
    
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid 1px #ececec;
}

.RE_listChkbx{
    grid-row:1 / 3;
    grid-column:1 / 2;
}

.RE_listImg{
    grid-row:1 / 3;
    grid-column:2 / 3;
}
.RE_listInfo{
    grid-row:1 / 2;
    grid-column:3 / 4;
}
.RE_listSelect{
    grid-row:2 / 3;
    grid-column:3 / 4;
  }

.RE_listChkbx{
        display: flex; 
        justify-content: left;
        align-items: center; 
    }
    .RE_listImg img{
        width: 100%;
    }
    .RE_listInfo{
    }
		.RE_listInfo input{
			text-align: center;
			width: 50px;
			height: 30px;
			padding: 5px;
			border: solid 1px #000000;
		}

	.RE_amountLink{
		display: inline-block;
		border: solid 1px #000000;
		width: 50px;
		height: 30px;
		text-align: center;
		padding: 4px 0;
	}
	.RE_amount{
		display:none;
		position: relative;
		padding: 0;
		background: #ffffff;
	}
		.RE_amount ul{
			display:block;
			position: absolute;
			width: 50px;
			top: -30px;
			left: 62px;
			border: solid 1px #000000;
			background: #ffffff;
		}
		.RE_amount li{
			display: block;
			margin: 0;
			padding: 4px 0 5px 0;
			border: none;
			text-align: center;
			cursor: pointer;
		}
			.RE_amount li:hover{
				background: #ececec;
			}

.RE_listSelbxFirstrow{
    float: right;
    border:solid 1px #000000;
    width: 100%;
    max-width: 250px;
    margin-top: 10px;
    padding: 12px;
}

.RE_listSelbx{
    display:none;
    position: absolute;
    width: 100%;
    max-width: 250px;
    top: 100%;
    left: 0;
    z-index: 50;
    background: #fff;
    outline:solid 1px #000000;
}
    .RE_listSelbx ul li{
        display:block;
        margin: 0;
        padding: 7px 15px;
        border:none;
    }

.RE_listSelbx ul li:hover{
            /*background: #ececec;*/
      }

      .RE_listSelbxClose{
          text-align: right;
      }
          .RE_listSelbxClose span{
              display: block;
              padding-top: 5px;
          }

          .RE_listSelbxClose:hover{
              background:#ffffff !important;
          }

      .RE_listSelbx ul li textarea{
          font-family: "font-regular", Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #707070;
          letter-spacing: 1px;
          width: 100%;
          height: 70px;
          border: solid 1px #000000;
          margin: 10px 0 10px 0;
          padding: 5px;
      }

.RE_listSelbx ul li input[type=radio]{
	float: left;
	margin-right: 10px;
}

.RE_listSelbx ul li label{
	float: left;
	width: 85%;
}

.RE_SelbxClose{
	display: inline-block;
	border: solid 1px #000;
	padding: 4px 5px;
}


.RE_proceedInner {
	padding: 20px;
}

.RE_proceedHeadLeft {
	float: left;
	width: 60%;
}

.RE_proceedHeadRight {
	float: right;
	width: 35%;
}

.RE_proceedList li {
	display: grid;
	grid-gap: 1% 1%;
	grid-template-rows: auto;
	grid-template-columns: 15% 40% 30%;
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #ececec;
}

.RE_proceedImg {
	grid-row: 1/2;
	grid-column: 1/2;
}

.RE_proceedInfo {
	grid-row: 1/2;
	grid-column: 2/3;
}

.RE_proceedReason {
	grid-row: 1/2;
	grid-column: 3/4;
}

.RE_proceedImg img {
	width: 60%;
}

.RE_proceedInfo {
	
}

.RE_proceedReason {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

/*---------- Account Einstellungen ----------*/
#pageAccountData td {
	vertical-align: top;
	padding: 2px;
}

#personalData, #accountAddresses {
	width: 70%;
}

#personalData table {
	border-bottom: solid 1px #dddddd;
	width: 100%;
}

#personalData .column_1 {
	width: 30%;
}

#personalData .column_2 {
	
}

#personalData .column_3 {
	width: 15%;
}

#receiverAddress table, #billingAddress table {
	width: 100%;
	margin-bottom: 20px;
}

#receiverAddress .column_1, #billingAddress .column_1 {
	width: 90%;
	padding-bottom: 5px;
}

#receiverAddress .column_2, #billingAddress .column_2 {
	width: 25%;
}

#receiverAddress, #billingAddress {
	width: 70%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #dddddd;
}

#receiverAddress select, #billingAddress select {
	width: calc(90% + 12px);
	height: 24px;
	margin-bottom: 10px;
	border-radius: 2px;
}

#receiverAddress input, #billingAddress input {
	width: 90%;
	height: 14px;
	margin-bottom: 10px;
	border-radius: 2px;
}

/*---------- WishList ----------*/
#wishlistList {
	float: left;
	width: 15%;
}

#wishlistArticles {
	float: right;
	width: 80%;
}

#wishlistTitelLeft {
	float: left;
	margin: 6px 30px 0 0;
}

#wishlistTitelRight {
	float: left;
	position: relative;
}

.wishlistRowGrid {
	display: grid;
	grid-gap: 5px 5px;
	grid-template-rows: auto;
	grid-template-columns: 15% 40% 10% 15% 20%;
}

.WL_pic {
	grid-row: 1/2;
	grid-column: 1/2;
}

.WL_name {
	grid-row: 1/2;
	grid-column: 2/3;
}

.WL_singlePr {
	grid-row: 1/2;
	grid-column: 3/4;
}

.WL_icons {
	grid-row: 1/2;
	grid-column: 4/5;
}

.WL_last {
	grid-row: 1/2;
	grid-column: 5/6;
}

.WL_pic img {
	height: 100px;
}

/*---------- Account Change Password ----------*/
#pageAccountPasswd #billingAddress {
	display: none;
}

#accountPasswd {
	margin: 0 auto;
	width: 70%;
}

#inputOldPwd label, #inputNewPwd label, #inputNewPwd2 label {
	display: block;
	margin: 5px 0 5px 0;
}

/*---------- Forgotten Password ----------*/
#pageForgottenPasswd #contBreadcrump {
	display: none !important;
}

#pageForgottenPasswd #innerContent {
	grid-template-columns: 0% 100%;
}

/*---------- Hilfe & Support  ----------*/

/*---------- Log Out  ----------*/
#pageAccountLogout #contBreadcrump {
	display: none !important;
}

#pageAccountLogout #innerContent {
	grid-template-columns: 0% 100%;
}

/*---------- Contact ----------*/
#pageContact .backLink {
	display: none !important;
}

#pageContact #innerContent {
	grid-template-columns: 0% 100%;
}

#pageContact #outerForm {
	width: 50%;
	margin: 0 auto;
	padding: 20px;
}

#pageContact #innerText, #pageContact #innerName, #pageContact #innerData,
	#pageContact #innerMessage, #pageContact #innerAgreement, #pageContact #innerSubmit
	{
	text-align: initial;
	margin: 0 0 20px 0;
}

#pageContact input[type=text], #pageContact input[type=tel],
	#pageContact input[type=email], #pageContact input[type=password],
	#pageContact select {
	width: 100%;
}

#pageContact textarea {
	width: 100%;
	height: 100px;
}

#contactTextArea {
	width: 97%;
	height: 130px;
	border: solid 1px #999999;
	border-radius: 2px;
	margin: 0px 0px 5px 5px;
}

/*---------- Error Pages ----------*/
#pageError #innerContent {
	grid-template-columns: 0% 100%;
}

#errorText {
	max-width: 700px;
	margin: 0 auto;
}

#errorImage {
	max-width: 400px;
	margin: 0 auto 100px auto;
}

/*---------- Index ----------*/
#pageIndex #contBreadcrump {
	display: none !important;
}

/*---------- Static Sites ----------*/

/*---------- STRUCTURE & RESPONSIVE ----------------------------------*/
#outerSpace {
	width: 100%;
	margin: 0 auto;
}

#outerHeader, #outerContent, #outerFooter {
	width: 100%;
	margin: 0 auto;
}

.CRT_popup {
	display: none;
	position: absolute;
	padding: 5px;
	border: solid 1px #000;
	border-radius: 3px;
	pointer-events: none;
	z-index: 90;
}

.CRT_popup + .CRT_popup {
	margin-top: 32px;
}

.CRT_error {
	color: #c02900;
	background: #ecc0b4;
}

.CRT_warning {
	color: #e69d00;
	background: #ffecc3;
}

/*---------- Header ----------*/
#innerHeader {
	width: 96%;
	max-width: 1280px;
	margin: 0 auto;
}

/*---------- Content ----------*/
#innerContent {
	display: grid;
	grid-gap: 0px 0px;
	grid-template-rows: auto auto auto auto auto auto;
	grid-template-columns: 20% 80%;
	margin: 0 auto;
	width: 96%;
	max-width: 1280px;
}

#contTitle {
	grid-row: 1/2;
	grid-column: 1/3;
}

#contBreadcrump {
	grid-row: 2/3;
	grid-column: 1/3;
}

#contSearch {
	grid-row: 3/4;
	grid-column: 1/3;
}

#contNav {
	grid-row: 5/6;
	grid-column: 1/2;
}

#contContent {
	grid-row: 5/6;
	grid-column: 2/3;
}

#burgerMenu, #closeMobNav {
	display: none;
}

/*---------- Footer ----------*/
#innerFooter {
	display: grid;
	grid-gap: 0px 0px;
	grid-template-rows: auto auto auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

#footLinks_1 {
	grid-row: 1/2;
	grid-column: 1/3;
}

#footLinks_2 {
	grid-row: 1/2;
	grid-column: 3/5;
}

#footService {
	grid-row: 1/2;
	grid-column: 5/7;
}

#footLinks_3 {
	grid-row: 2/3;
	grid-column: 1/7;
}

#footOfficial {
	grid-row: 3/4;
	grid-column: 1/4;
}

#footText {
	grid-row: 3/4;
	grid-column: 4/7;
}

/*---------- BREAKPOINT 1280px ----------------------------------------*/
@media only screen and (max-width :1280px) {
	#headerTop {
		display: grid;
		grid-gap: 0px 0px;
		grid-template-rows: auto;
		grid-template-columns: 50% 50%;
		height: 30px;
		border-bottom: solid 1px #000;
		margin-bottom: 20px;
	}
	#headerTop_1 {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#headerTop_2 {
		display: none;
		/*grid-row: 1 / 2;
		grid-column: 2 / 3;*/
	}
	#headerTop_3 {
		display: none;
		/*grid-row: 1 / 2;
		grid-column: 3 / 4;
        
        text-align: right;*/
	}
	#headerTop_4 {
		grid-row: 1/2;
		grid-column: 2/3;
		text-align: right;
	}
}

/*---------- BREAKPOINT 1152px ----------------------------------------*/
@media only screen and (max-width :1152px) {
	/*---------- Article Display ----------*/
	.addPicLink img, .addPicLink video {
		height: 100px;
	}
}

/*---------- BREAKPOINT 1024px ----------------------------------------*/
@media only screen and (max-width :1024px) {
	.inVis_1024 {
		display: none;
	}
	.matrixInfo, .martixDetails {
		float: none;
	}
	#displayGrid {
		grid-gap: 5px 2%;
		grid-template-columns: 49% 49%;
	}
	#searchInput input {
		width: 160px;
	}

	/*---------- Cart ----------*/
	#CHK_info {
		width: 35%;
	}
	#CHK_list, #CHK_listAddress, #CHK_listPayment {
		width: 60%;
	}
	.ART_amount .refBut {
		width: 20px;
		text-indent: -9999px;
	}

	/*---------- Contact & Account ----------*/
	#pageContact #outerForm, #pageAccountRegister #outerForm {
		width: 75%;
	}
	#personalData, #receiverAddress, #billingAddress {
		width: 100%;
	}
	#accountContent {
		display: grid;
		grid-gap: 10px 12px;
		grid-template-rows: auto auto;
		grid-template-columns: 1fr 1fr 1fr;
		margin: 0 auto;
		width: 100%;
	}
	#accountOrders {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#accountRetour {
		grid-row: 1/2;
		grid-column: 2/3;
	}
	#accountSettings {
		grid-row: 2/3;
		grid-column: 2/3;
	}
	#accountNewsletter {
		grid-row: 1/2;
		grid-column: 3/4;
	}
	#accountWishList {
		grid-row: 2/3;
		grid-column: 1/2;
	}
}

/*---------- BREAKPOINT 960px ----------------------------------------*/
@media only screen and (max-width :960px) {
	#innerContent {
		grid-template-columns: 20% 80%;
	}
	.resp_02 {
		display: none;
	}

	/*---------- Specific Page BP 960 ----------*/

	/*---------- Article List ----------*/
	.ALA_Box {
		width: 31.5%;
	}

	/*---------- Article Display ----------*/

	/*---------- Account Einstellungen ----------*/
	#receiverAddress, #billingAddress {
		width: 100%;
	}

	/*---------- Wishlist Einstellungen ----------*/
	.wishlistRowGrid {
		display: grid;
		grid-gap: 5px 5px;
		grid-template-rows: 25px auto;
		grid-template-columns: 20% 50% 20%;
	}
	.WL_pic {
		grid-row: 1/3;
		grid-column: 1/2;
	}
	.WL_name {
		grid-row: 1/3;
		grid-column: 2/3;
	}
	.WL_singlePr {
		grid-row: 1/2;
		grid-column: 3/4;
	}
	.WL_icons {
		grid-row: 2/3;
		grid-column: 3/4;
	}
	.WL_last {
		display: none;
	}
	#wishlistList {
		width: 20%;
	}
	#wishlistArticles {
		width: 75%;
	}
}

/*---------- BREAKPOINT 800px ----------------------------------------*/
@media only screen and (min-width :801px) {
	.vis_800 {
		display: none;
	}
}

@media only screen and (max-width :800px) {
	.inVis_800 {
		display: none !important;
	}

	/*--------------- Header ---------------*/
	#headerTop {
		margin-bottom: 10px;
	}
	#innerHeader {
		margin: 0 auto 0px auto;
	}
	#headPic {
		display: none;
	}
	#HD_main {
		grid-template-rows: auto;
		grid-template-columns: 50px auto 40px 70px;
		width: 98%;
	}
	#HD_space {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#HD_logo {
		grid-row: 1/2;
		grid-column: 2/3;
	}
	#HD_search {
		grid-row: 1/2;
		grid-column: 3/4;
	}
	#HD_persNav {
		grid-row: 1/2;
		grid-column: 4/5;
	}

	h4, h4 a {		
		font-size: unset;
		line-height: unset;
		font-weight: unset;
		margin: unset;
		padding: unset;
	}
	#headNav {
		float: unset;
	}
	#HD_space {
		display: block;
	}
	#HD_search {
		text-align: right;
	}
	#searchIconMob {
		margin: 5px 0 0 0;
	}
	#searchCloseMob {
		float: right;
		padding: 5px 0 0 0;
	}
	#contSearchContent {
		display: none;
		position: absolute;
		top: 40px;
		left: 0px;
		width: 98%;
		background: #efefef;
		/*background: #ffffff;
        border: solid 1px #000000;*/
		z-index: 20;
	}
	#searchBox {
		width: 98%;
		max-width: initial;
	}
	#searchInput {
		width: 80%;
		/*border:none;*/
	}
	#searchInput input {
		width: 100%;
		background: none;
	}

	/*--- Navigation ---*/
	#contNav {
		position: absolute;
		background: #ececec;
		width: 360px;
		top: 40px;
		left: -370px;
		font-size: 18px;
		line-height: 40px;
		z-index: 20;
		transition: left ease 0.5s;
	}
	#contNav li {
		
	}
	#contNav a {
		font-size: 18px !important;
		line-height: 20px;
	}
	.contNavCat li {
		border-bottom: solid 1px #707070;
		padding: 10px 0 10px 50px;
	}
	.NavCatVertical {
		display: block;
	}
	.NavCatHeader {
		display: none;
	}
    
    
    #contNavPers li{
        border-bottom:solid 1px #707070;
        padding: 10px 0 10px 50px;
    }
    
    #contNavMobLang li{
        border-bottom:solid 1px #707070;
        padding: 10px 0 10px 50px;
    }
    
/*---------- SubNav ----------*/
	
	.subNav,
	ul.subNavLang{
		border-bottom: none;
	}
	
		.subNav li,
		#subNavPers li{
			border-top: solid 1px #707070;
			border-bottom: none !important;
		}
			.subNav .subNavAll,
			#subNavPers li:first-child,
			ul.subNavLang li:first-child{
				border-top: none;
			}

/*---------- Nav Next Level ----------*/

	.subNavNxtLvl{
		display:none;
		background: rgba(0,0,0,0.05);
		border-bottom: none;
		width: initial;
		margin: 0 0 10px 10px;
	}
	.subNavNxtLvl .subNavAll{
		background: transparent;
	}

/*---------- Nav Lang ----------*/
	
	
	#headLinkLang {
		display: none;
	}
	.subNavLang {
		display: inline-block;
		position: static;
		width: 100%;
		max-height: none;
		background: none;
		border-bottom: solid 2px #000000;
		margin: 12px 0px 0px 0px;
		line-height: 25px;
	}
	.langLink {
		padding: 10px 0 20px 50px !important;
	}
	#burgerMenu {
		display: block;
		position: absolute;
		top: 45px;
		width: 24px;
		height: 24px;
		margin-left: 10px;
		background-image: url("../images/icons/ic150_burger.svg");
		background-repeat: no-repeat;
		background-size: 100%;
		cursor: pointer;
		/*- hide Text -*/
		text-indent: -99999px;
		white-space: nowrap;
		text-align: initial;
	}
	#burgerMenu:hover {
		background-image: url("../images/icons/ic150_burger-pale.svg");
	}
	#closeMobNav {
		display: block;
		text-align: right;
		border-bottom: solid 1px #707070;
		padding: 5px 20px 5px 50px;
	}
	.closeMobBut {
		display: inline-block;
		cursor: pointer;
		width: 16px;
		height: 16px;
		background-image: url("../images/icons/ic150_close.svg");
		background-repeat: no-repeat;
		background-size: 16px;
		border: none;
	}
	#contNavPers {
		display: block !important;
	}
	#subNavPers button {
		font-family: "font-regular", Arial, Helvetica, sans-serif;
		background: none !important;
		border: none !important;
		color: #707070;
		font-size: 18px;
		line-height: 20px;
		text-transform: none;
		letter-spacing: 1.3px;
	}
	#subNavPers button:hover {
		color: #000000;
	}

	/*--------------- Content ---------------*/
	#innerContent {
		display: grid;
		grid-gap: 0px 0px;
		grid-template-rows: auto auto auto auto auto auto auto;
		grid-template-columns: 100% !important;
		margin: 0 auto;
		width: 96%;
		max-width: 1200px;
	}
	#burgerMenu {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#contTitle {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	#contBreadcrump {
		grid-row: 3/4;
		grid-column: 1/2;
	}
	#contSearch {
		grid-row: 4/5;
		grid-column: 1/2;
	}
	#contContent {
		grid-row: 6/7;
		grid-column: 1/2;
	}

	/*--------------- Footer ---------------*/
	#innerFooter {
		display: grid;
		grid-gap: 0px 0px;
		grid-template-rows: auto auto auto auto auto auto;
		grid-template-columns: 100%;
		/*max-width: 350px;
    text-align: center;*/
		width: 100%;
		padding: 0px 0 50px 0px;
		border-top: solid 1px #707070;
	}
	#footLinks_1 {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#footLinks_2 {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	#footService {
		grid-row: 3/4;
		grid-column: 1/2;
	}
	#footLinks_3 {
		grid-row: 4/5;
		grid-column: 1/2;
	}
	#footOfficial {
		grid-row: 5/6;
		grid-column: 1/2;
	}
	#footText {
		grid-row: 6/7;
		grid-column: 1/2;
	}
	#footLinks_1, #footLinks_2, #footService {
		margin: 0;
	}
	#footLinksContent_1, #footLinksContent_2, #footLinksContent_3-2, #footLinksContent_3-4 {
		display: none;
		width: 100%;
	}
	#footLinksContent_Serv {
		display: flex;
		justify-content: center;
		gap: 5px 20px;
		width: 50%;
		margin: 0 auto;
		padding: 10px 0 10px 0 !important;
	}
	#footLinks_1 .firstRow, #footLinks_2 .firstRow, #footService .firstRow,
		#footLinks_3-1, #footLinks_3-3 {
		width: 100%;
		background: #dddddd;
		border-bottom: solid 1px #707070;
		margin: 0;
		padding: 10px 15% 10px 15% !important;
	}
	#footLinks_1 li, #footLinks_2 li, #footService .newsletContent {
		width: 100%;
		padding: 10px 0px 10px 15%;
		border-bottom: solid 1px #707070;
	}
	#footLinks_1 a, #footLinks_2 a, #footService a, #footLinks_3 a {
		font-size: 18px;
	}
	#footOfficial {
		padding: 20px 0 10px 0;
	}
	#footText {
		text-align: center;
		padding: 0 0 20px 0;
	}
	#footLinks_3 {
		display: grid;
		grid-gap: 0px 1%;
		grid-template-rows: auto auto auto auto;
		grid-template-columns: 100%;
		border-top: none;
		border-bottom: none;
		padding: 0;
	}
	#footLinks_3-1 {
		grid-row: 1/2;
		grid-column: 1/2;
		text-align: initial;
		padding: 2px;
	}
	#footLinks_3-2 {
		grid-row: 2/3;
		grid-column: 1/2;
		text-align: initial;
	}
	#footLinks_3-3 {
		grid-row: 3/4;
		grid-column: 1/2;
		text-align: initial;
		padding: 2px;
	}
	#footLinks_3-4 {
		grid-row: 4/5;
		grid-column: 1/2;
		text-align: initial;
	}
	#footLinksContent_3-2, #footLinksContent_3-4 {
		padding: 10px 15% 50px 15%;
	}
	#footLinks_3 li {
		margin: 5px !important;
	}
	#impressum {
		width: 480px;
		margin: -300px 0 0 -240px;
	}

	/*---------- Specific Page BP 800 ----------*/

	/*---------- Article List ----------*/

	/*---------- Article Display ----------*/
	#displayGrid {
		display: grid;
		grid-gap: 5px 0;
		grid-template-rows: auto auto auto auto;
		grid-template-columns: 100%;
	}
	#displayPic {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#displayText {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	#displayFeature {
		grid-row: 3/4;
		grid-column: 1/2;
	}
	#includeSocial {
		grid-row: 4/5;
		grid-column: 1/2;
	}
	
	#displayText {
		width: 80%;
		margin: 0 auto;
	}
	
	#DT_links {
		text-align: center;
	}
	.DT_LinkTab {
		width: 58%;
		padding: 10px 15px;
	}
	.DT_LinkFav {
		width: 9%;
		padding: 10px 15px;
	}

	/*---------- Account Overview ----------*/
	#accountContent {
		display: grid;
		grid-gap: 10px 12px;
		grid-template-rows: auto auto auto;
		grid-template-columns: 1fr 1fr;
		margin: 0 auto;
		width: 100%;
	}
	#accountOrders {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#accountRetour {
		grid-row: 1/2;
		grid-column: 2/3;
	}
	#accountWishList {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	#accountSettings {
		grid-row: 2/3;
		grid-column: 2/3;
	}
	#accountNewsletter {
		grid-row: 3/4;
		grid-column: 1/2;
	}

	/*---------- Account Orders ----------*/
	.accOrderGrid {
		grid-template-rows: auto auto;
		grid-template-columns: 33% 33% 33%;
	}
	.accOrderListOrder {
		grid-row: 1/2;
		grid-column: 1/4;
	}
	.accOrderListPrice {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	.accOrderListFollow {
		grid-row: 2/3;
		grid-column: 2/3;
	}
	.accOrderListBut {
		grid-row: 2/3;
		grid-column: 3/4;
	}
	.OT_grid {
		display: grid;
		grid-gap: 0 0;
		grid-template-rows: auto auto;
		grid-template-columns: 20% 23% 33% 22%;
	}
	.OT_product {
		grid-row: 1/3;
		grid-column: 1/2;
	}
	.OT_article {
		grid-row: 1/2;
		grid-column: 2/4;
	}
	.OT_ammount {
		grid-row: 2/3;
		grid-column: 2/3;
	}
	.OT_unit {
		grid-row: 2/3;
		grid-column: 3/4;
	}
	.OT_sum {
		grid-row: 1/3;
		grid-column: 4/5;
	}
	.OT_product {
		padding-top: 10px;
	}
	.OT_article {
		
	}
	.OT_article.OrderTabFirstRow {
		grid-row: 1/2;
		grid-column: 2/3;
	}
	.OT_article.OrderTabLastRow {
		grid-row: 2/3;
		grid-column: 1/5;
		text-align: center;
		border: none;
	}
	.OT_ammount {
		border-top: none;
	}
	.OT_ammount.OrderTabFirstRow {
		display: none;
	}
	.OT_ammount.OrderTabFinalRow {
		display: none;
	}
	.OT_ammount.OrderTabLastRow {
		grid-row: 1/2;
		grid-column: 2/3;
		border-top: solid 1px #ececec;
	}
	.OT_unit {
		border-top: none;
	}
	.OT_unit.OrderTabFirstRow {
		grid-row: 1/1;
		grid-column: 3/4;
	}
	.OT_unit.OrderTabFinalRow {
		grid-row: 1/2;
		grid-column: 2/4;
		border-top: solid 1px #ececec;
	}
	.OT_unit.OrderTabLastRow {
		grid-row: 1/2;
		grid-column: 3/4;
		border-top: solid 1px #ececec;
	}
	.OT_sum {
		
	}

	/*---------- Account Retour ----------*/
	#RE_detail, #RE_order {
		float: unset;
		width: 98%;
	}

	/*---------- Wishlist ----------*/
	.wishlistRowGrid {
		grid-template-columns: 20% 45% 15% 7% 7% 1%;
	}

	/*---------- Cart & Checkout  ----------*/
	.orderProgress {
		width: 98%;
	}
	.ART_pic img {
		width: 70%;
	}
	.ART_amount .refBut {
		width: 130px;
		text-indent: 20px;
	}
	#CHK_info {
		float: unset;
		width: 98%;
	}
	#CHK_list, #CHK_listAddress, #CHK_listPayment {
		float: unset;
		width: 98%;
	}
	#CHK_address, #CHK_delivery, #CHK_payment, #CHK_listPaymentDetails {
		float: unset;
		width: 80%;
		margin: 0 auto 30px auto;
	}
	#CHK_paymCard, #CHK_paymLast, #CHK_paymPP, #CHK_paymInvoice {
		display: none;
		width: 98%;
		margin: 0px;
	}

	/*---------- Contact  ----------*/
	#pageContact #contContent div, #pageAccountRegister #contContent div {
		float: unset;
		width: 96%;
	}
	
	#regTelefonCountryCode,
	#regTelefonCountryCode .c-select-toggle,
	#regMobilCountryCode,
	#regMobilCountryCode .c-select-toggle{
		width: 100% !important;
	}
	
	
}

/*---------- BREAKPOINT 640px ----------------------------------------*/
@media only screen and (max-width :640px) {
	/*---------- Header ----------*/
	/*---------- Footer ----------*/
	.footSpTel, .footSpMail {
		float: unset;
		width: 96%;
	}

	/*---------- Cart ----------*/
	.ART_amount .refBut {
		width: 20px;
		text-indent: -9999px;
	}

	/*---------- Specific Page BP 640 ----------*/
	#outerPrivacyNotice {
		height: 220px;
	}
	#PN_left, #PN_right {
		float: unset;
		width: 98%;
		text-align: center;
	}

	/*- Confirm Data -*/
	.addressFieldBox {
		width: 90%;
		margin: 0 0 30px 20px;
	}

	/*---------- Account Retouren ----------*/
	#RE_list {
		float: unset;
		text-align: center;
		width: 98%;
	}
	#RE_info {
		float: unset;
		text-align: center;
		width: 98%;
	}
	.RE_itemOrder {
		float: unset;
	}
	.RE_itemBut {
		float: unset;
	}
}

/*---------- BREAKPOINT 600px ----------------------------------------*/
@media only screen and (min-width :601px) {
	.vis_600 {
		display: none;
	}
}

@media only screen and (max-width :600px) {
	.inVis_600 {
		display: none !important;
	}
	.resp_01 {
		display: none;
	}

	/*---------- Header ----------*/
	#outerHeader {
		background-size: 100% 20%;
	}
	#headerTop {
		grid-template-rows: auto;
		grid-template-columns: 100%;
		margin-bottom: 10px;
	}
	#headerTop_1 {
		display: none;
		/*grid-row: 1 / 2;
		grid-column: 1 / 2;
        
        text-align: center;*/
	}
	#headerTop_2 {
		display: none;
		/*grid-row: 1 / 2;
		grid-column: 2 / 3;*/
	}
	#headerTop_3 {
		display: none;
		/*grid-row: 1 / 2;
		grid-column: 3 / 4;
        
        text-align: right;*/
	}
	#headerTop_4 {
		grid-row: 1/2;
		grid-column: 1/2;
		text-align: center;
	}
	#subNavPersHead {
		margin: 12px 0px 0px -100px;
	}
	#subNavPersHead li {
		display: block;
		clear: left;
		padding: 10px 10px 10px 20px;
		border-bottom: solid 1px #181818;
		width: 130px;
	}
	#subNavPersHead a {
		margin: 0;
	}

	/*---------- Footer ----------*/
	#footSocial li {
		margin: 40px 10px 0 10px;
	}
	#footSocial .svgXXXBig {
		width: 45px;
		height: 45px;
	}
	#impressum {
		width: 280px;
		margin: -300px 0 0 -160px;
	}

	/*------------- Specific Page BP 600 -------------*/
	#outerPrivacyNotice {
		height: 280px;
	}

	/*---------- Start Topseller ----------*/
	#topsellerGrid {
		grid-gap: 0px 1.3%;
		grid-template-rows: auto auto;
		grid-template-columns: 50% 50%;
	}
	#topseller_1 {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#topseller_2 {
		grid-row: 1/2;
		grid-column: 2/3;
	}
	#topseller_3 {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	#topseller_4 {
		grid-row: 2/3;
		grid-column: 2/3;
	}

	/*---------- Article List ----------*/
	.ALA_Box {
		width: 46.9%;
	}
	
	#ALA_outer {
	  gap: 5%;
	}
	
	#butCollect>div {
		width: 100%;
		margin: 0 auto;
	}

	/*---------- Cart ----------*/
	.ART_grid {
		display: grid;
		grid-gap: 5px 5px;
		grid-template-rows: auto 40px 40px;
		grid-template-columns: 44% 54%;
		margin: 0 0 10px 0;
	}
	.ART_pic {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	.ART_info {
		grid-row: 1/2;
		grid-column: 2/3;
	}
	.ART_price {
		grid-row: 2/4;
		grid-column: 2/3;
	}
	.ART_amount {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	.ART_functions {
		grid-row: 3/4;
		grid-column: 1/2;
	}
	.ART_price {
		padding: 0;
	}

	/*-------- Confirm Purchase --------*/
	#receiverPostal {
		width: 22% !important;
	}
	#receiverCity {
		width: 61% !important;
		margin-left: 2% !important;
	}

	/*---------- Account Overview ----------*/
	#accountContent {
		display: grid;
		grid-gap: 10px 12px;
		grid-template-rows: auto auto auto auto auto;
		grid-template-columns: auto;
		margin: 0 auto;
		width: 90%;
	}
	#accountOrders {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#accountRetour {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	#accountWishList {
		grid-row: 3/4;
		grid-column: 1/2;
	}
	#accountSettings {
		grid-row: 4/5;
		grid-column: 1/2;
	}
	#accountNewsletter {
		grid-row: 5/6;
		grid-column: 1/2;
	}

	/*---------- Account Orders ----------*/
	.accOrderGrid {
		grid-template-rows: auto auto auto;
		grid-template-columns: 50% 50%;
	}
	.accOrderListOrder {
		grid-row: 1/2;
		grid-column: 1/4;
	}
	.accOrderListPrice {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	.accOrderListFollow {
		grid-row: 2/3;
		grid-column: 2/3;
	}
	.accOrderListBut {
		grid-row: 3/4;
		grid-column: 1/3;
	}
	.accOrderListPrice {
		padding: 20px 0;
	}
	.accOrderListFollow {
		padding: 20px 0;
	}
	.accOrderListBut {
		text-align: center;
		padding: 10px 0;
	}
	.accOrderListBut a {
		width: 50%;
	}
	.OT_grid {
		display: grid;
		grid-gap: 0 0;
		grid-template-rows: auto auto auto;
		grid-template-columns: 25% 45% 30%;
	}
	.OT_product {
		grid-row: 1/4;
		grid-column: 1/2;
	}
	.OT_article {
		grid-row: 1/2;
		grid-column: 2/3;
	}
	.OT_ammount {
		grid-row: 2/3;
		grid-column: 2/3;
	}
	.OT_unit {
		grid-row: 3/4;
		grid-column: 2/3;
	}
	.OT_sum {
		grid-row: 1/4;
		grid-column: 3/4;
	}
	.OT_product {
		padding-top: 10px;
	}
	.OT_product.OrderTabFirstRow {
		
	}
	.OT_product img {
		width: 100%;
	}
	.OT_article {
		
	}
	.OT_article.OrderTabFirstRow {
		
	}
	.OT_article.OrderTabFinalRow {
		text-align: center;
	}
	.OT_ammount {
		
	}
	.OT_ammount.OrderTabFirstRow {
		
	}
	.OT_unit {
		text-align: center;
	}
	.OT_unit.OrderTabFirstRow {
		display: none;
	}
	.OT_unit.OrderTabFinalRow {
		grid-row: 1/2;
		grid-column: 1/3;
		text-align: right;
	}
	.OT_unit.OrderTabLastRow {
		grid-row: 1/2;
		grid-column: 1/3;
		text-align: right;
	}
	.OT_sum {
		
	}

	/*---------- Wishlist Einstellungen ----------*/
	.wishlistRowGrid {
		display: grid;
		grid-gap: 5px 5px;
		grid-template-rows: 4fr 1fr 1fr;
		grid-template-columns: 40% 55%;
	}
	.WL_pic {
		grid-row: 1/3;
		grid-column: 1/2;
	}
	.WL_name {
		grid-row: 1/2;
		grid-column: 2/3;
	}
	.WL_singlePr {
		grid-row: 2/3;
		grid-column: 2/3;
	}
	.WL_icons {
		grid-row: 3/4;
		grid-column: 2/3;
	}
	.WL_last {
		display: none;
	}
	#wishlistList {
		float: none;
		width: 99%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: solid 1px #dddddd;
	}
	#wishlistArticles {
		float: none;
		width: 100%;
	}
	.WL_pic img {
		height: 150px;
	}
	.WL_icons, .WL_singlePr {
		text-align: left !important;
	}
}

/*---------- BREAKPOINT 450px ----------------------------------------*/
@media only screen and (max-width :450px) {
	
	#outerHeader {
		background-size: 100% 23%;
	}
	
	.svgBig {
		width: 25px;
		height: 25px;
	}
	
	#HD_main {
		grid-template-rows: auto;
		grid-template-columns: 50px auto 40px 80px;
		width: 98%;
	}
	
	#searchInput {
		width: 70%;
	}
    
/*--- Article List ---*/
	
	.articleItem {
		width: 42%;
		padding-bottom: 44% !important;
	}
	
/*-- Checkout Confirm & Address --*/

	.CHK_adrBody .wdS{
		float: unset;
		width: 100%;
	}
}

/*---------- CUSTOM MODIFICATIONS -------------------------------------------*/

/*---------- JPR ----------------------------------------*/
.mainPic {
	width: 50%;
	margin: auto;
	white-space: nowrap;
	overflow: hidden;
	position: relative
}

.invis {
	visibility: hidden;
}

.offscreen {
	position: absolute;
	left: -100%;
}

.js-slideshow-slides-container img, .js-slideshow-slides-container video
	{
	max-width: 100%;
	max-height: 100%;
}

table {
	border-collapse: separate;
	border-spacing: 0px;
}


/*---------- Javascript ----------------------------------------*/
.js-toggle, .js-toggle-close, .js-category-toggle, .js-header-toggle,
	.js-img-swap, .js-filter-toggle {
	cursor: pointer;
}

.js-drag {
	cursor: move;
}

.js-hidden {
	display: none !important;
}

.js-active {
	display: block !important;
}

.js-active-menu {
	left: 0px !important;
}

.js-toggle-icArw::before {
	content: "\F107";
}

.js-toggled .js-toggle-icArw::before {
	content: "\F106";
}

.js-select-option {
	cursor: default;
}

.js-select-option:hover {
	background: #ececec;
}

.js-selected {
	background: #808080;
}

.js-selected:hover {
	background: #999999;
}

.js-disabled {
	text-decoration: line-through;
	color: #cccccc !important;
}

/*---------- slider.js / slideshow.js ----------------------------------------*/
.slideshow-container {
	white-space: nowrap;
	overflow: hidden;
	position: relative
}

.slider, .js-lightbox-slider {
	position: relative;
}

.js-slider-container {
	display: inline-block;
}

.js-slideshow-slides-container {
	height: 100%;
}

.js-slider-next {
	display: none;
}

.js-slider-prev {
	display: none;
}

/*---------- zoombox.js ----------------------------------------*/
.js-zoombox-lens {
	background: rgba(255, 255, 255, 0.5);
	border: 2px solid #333;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.js-zoombox {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 500px;
	overflow: hidden;
}

.js-zoombox-title {
	position: relative;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.75);
	color: #ffff;
	text-align: center;
}

.js-zoombox-img {
	position: absolute;
	top: 0;
	left: 0;
}

.js-lightbox {
	display: none;
	position: fixed;
	top: 3%;
	right: 3%;
	bottom: 3%;
	left: 3%;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 99;
	border: solid 1px #dddddd;
}

.js-lightbox-z-in {
	text-indent: -99999px;
	width: 40px;
	height: 40px;
	background-image: url("../images/icons/ic150_plus.svg");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border: none;
}

.js-lightbox-z-in:hover {
	text-indent: -99999px;
	width: 40px;
	height: 40px;
	background-image: url("../images/icons/ic150_plus-pale.svg");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border: none;
}

.js-lightbox-z-in:disabled {
	visibility: hidden;
}

.js-lightbox-z-out {
	text-indent: -99999px;
	width: 40px;
	height: 40px;
	background-image: url("../images/icons/ic150_minus.svg");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border: none;
}

.js-lightbox-z-out:hover {
	text-indent: -99999px;
	width: 40px;
	height: 40px;
	background-image: url("../images/icons/ic150_minus-pale.svg");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border: none;
}

.js-lightbox-z-out:disabled {
	visibility: hidden;
}

.js-lightbox-zoom-container .js-toggle-close {
	padding-top: 0;
	text-indent: -99999px;
	width: 40px;
	height: 40px;
	background-image: url("../images/icons/ic150_close.svg");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border: none;
}

.js-lightbox-zoom-container .js-toggle-close:hover {
	text-indent: -99999px;
	width: 40px;
	height: 40px;
	background-image: url("../images/icons/ic150_close-pale.svg");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border: none;
}

.js-lightbox-slideshow-container {
	height: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.js-lightbox-slideshow-slides-container-outer {
	height: 80%;
	width: 100%;
	margin: auto;
	white-space: nowrap;
	overflow: hidden;
}

.js-img-container, .js-img-container-abs {
	display: inline-block;
	height: 100%;
	width: 100%;
	position: relative;
}

.js-img-container-abs img {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.js-lightbox-zoom-container {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 99;
}

.js-lightbox-zoom-container button {
	padding: 5px;
	margin: 0.5px;
}

.js-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgb(0, 0, 0, 0.3);
	overflow: hidden;
	transition: 0.25s;
}

.js-overlay-content {
	transform: translate(-50%, -50%);
	display: inline-block;
	position: relative;
	top: 50%;
	left: 50%;
}

#preload-overlay {
	display: block;
}

/*---------- SS ----------------------------------------*/
.linebreak {
	white-space: pre-line;
}

.pdBrackList {
	counter-reset: list;
}

.pdBrackList>li {
	list-style: none;
}

.pdBrackList>li:before {
	content: "(" counter(list) ") ";
	counter-increment: list;
}

.pdSingleBrackList {
	counter-reset: list;
}

.pdSingleBrackList>li {
	list-style: none;
}

.pdSingleBrackList>li:before {
	content: counter(list) ") ";
	counter-increment: list;
}