<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8"; 

/**********************************************************************
prodress proShop B2B 3.0c
HTML CODE &amp; CSS Copyright (C) by
prodress Software GmbH
Reiffenstuelweg 7 - 83700 Rottach-Egern
Steinbruchweg 30 - 33605 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 &amp; BACKGROUNDS
- FORMATS &amp; MISC
- FONTS &amp; ICONS
- SPECIFIC PAGE STYLES
- STRUCTURE &amp; RESPONSIVE

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

Abkürzungen:
ALA: Article List Article
CRT: Cart (articleSelect, cart &amp; confirmPuchase)
DT: DisplayText
FLT: Filter
HD: Header
MM: Megamenue
OPB: Order Progress Background
SN: Subnav more Levels
WL: Wishlist

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


/*---------- 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 {	
}

#headLogo {
	float: left;
}

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

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

#headPic img {
	width: 100%;
}

#headerTop {
	height: 40px;
}

#headerTop div {
	padding: 10px 0;
}

/*---------- COMMON CONTENT ------------------------------------------*/
#contTitle {
	margin-bottom: 7px;
}

#contBreadcrump {
	padding-bottom: 0 !important;
}

/*--- Search ---*/
#contSearch {
	text-align: center;
}

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

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

#searchInput input {
	border: none;
	padding: 0px 0px 0px 10px;
	height: 28px;
	width: 300px;
}

#searchButton {
	float: left;
	width: 55px;
	height: 28px;
}

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

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

#suggestBox {
	display: none;
	position: absolute;
	z-index: 20;
	top: 28px;
	left: 2px;
	width: 305px;
	max-height: 350px;
	overflow-y: scroll;
	border: solid 1px #999999;
	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 -------------------------------------------*/
#footService, #footLinks_1, #footLinks_2 {
	
}

#footService ul, #footLinks_1 ul, #footLinks_2 ul {
	margin: 0 auto;
}

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

#footSocial {
	
}

#footSocial img {
	width: 24px;
	height: 24px;
	margin: 10px 3px;
}

#innerFooter .firstRow {
	font-weight: bold;
	margin: 0 0 10px 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: 25% 50% 25%;
	margin: 0 auto;
	width: 100%;
}

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

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

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

#HD_persNav {
	text-align: right;
}

#HD_search {
	text-align: center;
}

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

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

#headNav&gt;li {
	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: 20px;
	height: 20px;
	border-radius: 50%;
	padding: 2px;
	top: -15px;
	left: 15px;
}

/*---------- Order Display ----------*/
/*---------- Brand Display ----------*/
/*---------- Agent Display ----------*/
#orderDisplay, #brandDisplay, #agentDisplay {
	width: 98%;
	text-align: center;
	background: #ececec;
	margin: 30px auto 0 auto;
	padding: 5px;
}

/*---------- 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&gt;a {
	display: block;
	white-space: nowrap;
	padding: 5px 10px 5px 10px;
}

.subNavAll {
}

.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 {
}

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

.megaMenu&gt;div {
	display: flex;
}

.NavCatVertical .megaMenu&gt;div {
	display: block;
}

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

.MM_col {
	
}

.MM_img {
	padding-left: 10px;
}

/*------------ Nav HeaderPic ------------*/
@media only screen and (min-width :800px) {
	.NavCatHeader {
		width: 100%;
		margin-top: 10px;
		background: none;
		z-index: 10;
	}
	.NavCatHeader .contNavCat {
		display: inline-block !important;
		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 ----------*/
.selectedFilter {
	margin-bottom: 10px !important;
}

.selectedFilter li {
	margin-right: 15px !important;
}

.filter li, .colorFilter li {
	height: 26px;
}

.colorFilter input[type=checkbox] {
	float: left;
	margin: 5px 0px 0px 0px;
}

.colorFilter .colorDisplay {
	margin: 5px 10px 0px 0px;
}

.colorFilter label {
	display: inline-block;
	overflow: hidden;
	width: 200px;
}

.colSelected {
	background: #cccccc;
}

.colSelected:hover {
	background: #999999 !important;
}

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

.FLT_colorBadge {
	display: block;
	margin-left: 10px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	border: solid 1px #ccc !important;
	background-repeat: round;
	cursor: pointer;
}

.FLT_colorName {
	cursor: pointer;
	padding-left: 10px;
}

.sizeFilter {
	display: none;
	width: 66%;
	margin-left: 30px;
}

.sizeFilter li {
	float: left;
	position: relative;
	margin: 10px 0px 0px 10px !important;
}

.sizeFilter input[type="checkbox"] {
	-moz-appearance: None;
	-webkit-appearance: none;
	width: 40px;
	height: 30px;
	background-image: none !important;
	background: #ffffff;
	border: solid 1px #000000;
	outline: none;
	vertical-align: Middle;
}

.sizeFilter input[type="checkbox"]:hover {
	background: #999999;
}

.sizeFilter input[type="checkbox"]:checked {
	background: #000000;
}

.sizeFilter input[type="checkbox"]:checked:hover {
	background: #444444;
}

.sizeFilter span {
	position: absolute;
	left: 6px;
	top: 1px;
	cursor: pointer;
}

.sizeFilter input[type="checkbox"]:checked+span {
	color: #ffffff;
}

#sortList {
	width: 150px;
	margin: 5px 0;
}

/*---------- COLORS &amp; BACKGROUNDS ------------------------------------*/
body {
	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: #000000;
	background: #ececec;
	border: solid 1px #000000;
}

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 {
	background: #ffffff url("../images/bg_header.gif") repeat-x center top;
}

#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: #f7f7f7;
}

.NavCatVertical .subNavAll {
	background: #eeeeee;
}

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

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

/*------- 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 {
}

.contentBox {
}

.featureBox {
	background: transparent;
}

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

#butCollect {
	background: #ffffff;
	margin: 10px 0;
}

/*---------- Search ----------*/
#contSearch {
	background: none;
}

#searchButton {
	background: #ffffff;
}

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

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

#suggestBox {
	background: #ffffff;
}

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

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

#suggestBox li:hover {
	background: #e9f1fa;
}

/*---------- Footer ----------*/
#outerFooter {
	background: #ececec;
}

#innerFooter {
	color: #000000;
}

#innerFooter a {
	color: #707070;
}

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

/*---------- 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 {
}

#cartArticles {
	background: #ffffff;
}

#confirmArticles {
	background: #ffffff;
}

#loginBox {
	background: #ffffff;
}

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

.showPwd{
	position: absolute;
	right: 20px;
	top: 13px;
	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;
}

/*---------- FORMATS &amp; MISC ------------------------------------------*/
input, .inputStyle, select {
	border: solid 1px #999999;
	border-radius: 2px;
	padding: 5px;
}

select {
	border: solid 1px #999999;
	border-radius: 2px;
	padding: 0px 5px;
	height: 28px;
}

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

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

hr {
	border-bottom: solid 1px #dddddd;
	margin: 2px 0 8px 0;
}

/*--- Checkbox ---*/
input[type="checkbox"] {
	-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;
	padding: 0;
}

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

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

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;
}

/*--- 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: 40px;
	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;
}

.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;
}

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

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

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

/*--- Specific Formats ---*/
.contentBox {
	padding: 5px !important;
}

.featureBox {
	position: relative;
}

/*- 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;
}

.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:unset;
	width: unset;
}

.CC_analytics{
	float:unset;
	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;
}

.priceRed {
	color: #ff0000;
}

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

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

input:not([type=checkbox])[readonly] {
	background-color: #b9eafa;
}

.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: 23px;
	height: 23px;
	border: solid 1px #cccccc;
	border-radius: 50%;
}

.errorMsg, .warnMsg, .successMsg, .helpMsg {
	display:inline-block;
	padding: 5px;
	border-radius: 3px;
	font-size: 13px;
}

.smallMsg {
	max-width: 300px;
}

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

.noWrap {
	white-space: nowrap;
}

.relative {
	position: relative;
}

.clear {
	clear: both;
}


/*--- Druckausgabe ---*/

@media print{
	
	#outerHeader,
	#outerFooter,
	#contNav,
	#DT_print,
	#DT_links,
	.CRT_articleProceed,
	#CC_outer{
		display:none;
	}
	
	
}

/*---------- FONTS &amp; ICONS -------------------------------------------*/



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

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

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

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

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

@font-face {
	font-family: 'stylefont-bold';
	src: url("fonts/PlayfairDisplay/PlayfairDisplay-Bold.otf") format('opentype'),
		 url("fonts/PlayfairDisplay/PlayfairDisplay-Bold.woff") format("woff"),
		 url("fonts/PlayfairDisplay/PlayfairDisplay-Bold.woff2") format("woff2");
	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.ttf") format("truetype"),
		url("fonts/fontAwesome/fontawesome-webfont.woff2") format('woff2'),
		url("fonts/fontAwesome/fontawesome-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

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 {
	
}

h1 a {
	display: block;
	background: url(../images/logo-blackSml.png) no-repeat 0 0;
	width: 160px;
	height: 27px;
	text-indent: -99999px;
	z-index: 1;
	margin-top: 5px;
}

h2, h2 a {
	font-family: "font-semibold", Arial, Helvetica, sans-serif;
	font-size: 16px !important;
	font-weight: 600;
	margin-bottom: 10px;
}

h3, h3 a {
	font-family: "stylefont-regular", Arial, Helvetica, sans-serif;
	font-size: 24px !important;
	letter-spacing: 2px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 0px;
	padding-bottom: 15px;
	text-align: center;
	border-bottom: solid 1px #000000;
}

h4, h4 a {
	font-family: "stylefont-regular", Arial, Helvetica, sans-serif;
	font-size: 24px !important;
	letter-spacing: 2px;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 15px;
}

h5, h5 a {
	font-family: "font-semibold", Arial, Helvetica, sans-serif;
	font-size: 17px !important;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 5px !important;
}

h6, h6 a {
	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;
}

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: 12px;
	height: 12px;
	border: none;
	cursor: pointer;
	margin-bottom: 10px;
}

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

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

.closeButFilter:hover {
	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;
}

.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;
}

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

#headNav, #headNav a {
}

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

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

#innerFooter, #innerFooter a {
	font-family: "font-regular", Arial, Helvetica, sans-serif;
}

#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";
}

.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;
}

/*---------- 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&gt;div&gt;div {
	float: left;
	width: 49%;
	text-align: center;
}

#contIndex button {
	width: 80%;
}

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

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

.HRstopper {
	border-bottom: solid 1px #000000;
	margin: 40px 0;
}

/*---------- 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;
}

/*---------- OrderTypeSelect ----------*/
#pageOrderTypeSelect #contBreadcrump, #pageOrderTypeSelect #contTitle {
	display: none !important;
}

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

#pageOrderTypeSelect #orderDisplay {
	display: none;
}

#pageOrderTypeSelect #brandDisplay {
	display: none;
}

#ST_select {
	display: block;
	width: 100%;
	margin: 30px auto 60px auto;
}

#ST_select h5 {
	text-align: center;
	margin: 0 0 10px 0 !important;
}

#ST_selectLinks {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 0px 0px;
	margin: 20px auto 0 auto;
	width: 80%;
}

.ST_item {
	flex: 1 1 45%;
	width: auto;
	margin: 0 5px;
	min-width: 240px;
}

.ST_selectTitle {
	font-weight: bold;
	padding: 5px;
}

.ST_selectTitle a {
	font-size: 18px;
	display: inline-block;
}

.ST_selectTitle a:hover {
	color: #000000;
}

.ST_selectImg {
	width: 100%;
	padding: 10px 0px;
	text-align: center;
}

.ST_selectImg img {
	width: 100%;
}

.ST_selectText {
	min-height: 80px;
}

.ST_selectLink {
	
}

.ST_selectLink a {
	font-size: 18px;
	margin: 10px 0 0 0;
	display: inline-block;
}

.ST_selectLink a:hover {
	color: #000000;
}

/*---------- BrandSelect ----------*/
#pageBrandSelect #contBreadcrump, #pageBrandSelect #contTitle {
	display: none !important;
}

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

#pageBrandSelect #brandDisplay {
	display: none;
}

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

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

/*---------- AgentSelectCustomer ----------*/
#agentSelectCustomer #innerContent {
	grid-template-columns: 0% 100%;
}

#agentSelectCustomer #contContent {
	text-align: center;
}

#agentSelectCustomer #contContent h5 {
	margin: 30px auto 30px auto !important;
}

#agentSelectCustomer #contContent &gt; form &gt; div {
	margin-bottom: 30px !important;
}

#agentSelectCustomer #agentDisplay {
	display: none;
}

#agentSelectCustomer #contContent button {
	margin: 0 auto 30px auto !important;
}

/*---------- ArticleList ----------*/
.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 {
	position: sticky;
	position: -webkit-sticky; /* Safari */
	top: 5px;;
	z-index: 5;
	width: 100%;
	text-align: right;
}

#butCollect&gt;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: space-between;
}

.ALA_Box {
	display: grid;
	grid-gap: 0px 0px;
	grid-template-rows: auto 360px auto auto auto;
	grid-template-columns: 1fr 1fr;
}

.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;
}

.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;
}

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

.ALA_Name {
	padding: 10px 0 20px 0;
	background: #ffffff;
	height: 55px;
	overflow: hidden;
}

.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: 100%;
	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;
}

/*- Stopper -*/

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

.js-pagination-append {
	display: inline-block;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 10px 20px;
	margin-bottom: 20px;
	border: solid 1px #000000;
}

.js-pagination-append:hover {
	background: #000000;
	color: #ffffff;
}

/*---------- 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;
}

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

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

#displayPic {
	text-align: center;
}

.mainPic {
	width: 50%;
	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;
}

#DT_name {
	
}

#DT_subline {
	margin-bottom: 10px;
}

#DT_artNr {
	margin-bottom: 30px;
}

#DT_price {
	margin-bottom: 30px;
}

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

#DT_links a {
	display: inline-block;
	text-align: center;
	border: solid 1px #000000;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.DT_LinkTab {
	width: 58%;
	padding: 10px 20px;
	white-space: nowrap;
}

.DT_LinkFav {
	padding: 10px 20px;
}

#DT_links a:hover {
	background: #ececec;
	color: #000000;
}

#DT_desc {
	margin-bottom: 30px;
}

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

#DT_colors {
	margin-bottom: 30px;
}

.DT_colorName {
	text-align: initial;
	border: none !important;
	padding: 0px 0px 5px 0px;
}

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

#DT_colFlex{
	display:flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	gap: 5px;
}

	#DT_colFlex .colorBadge img{
		width: 100%;
		height: unset;
		border-radius: 0px;
		cursor: pointer;
	}

.DT_colItem{
	display:inline-block;
	flex: 0 0 auto;
	padding: 5px 5px 0 5px;
	text-align: center;
}

.DT_colImg{
	width: 50px;
	margin: 0 auto;	
}

.DT_colName{
	width: 80px;
	margin-left: 5px;
	overflow-x: hidden;
	white-space: nowrap;
	padding: 0px;
}
.DT_colName a{
	font-size: 12px;
	}

#DT_sizes {
	margin-bottom: 30px;
}

#DT_material {
	margin-bottom: 30px;
}

#DT_gpsr {
	margin-bottom: 30px;
}

/*- Featured Articles -*/ 

#displayFeature{
    width: 100%;
    margin: 50px 0 0 0;
}

.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;
	}







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

.CRT_articleProceed {
	margin-bottom: 100px;
}

#DT_certificates{
}

#DT_certificatesPopup{
	display:none;
}

#DT_certificates table{
}

#DT_certificates td{
	border-top: solid 1px #dddddd;
	padding: 5px;
}

#DT_certificates td.c1{
	width: 25%;
	padding-right: 20px;
}

#DT_certificates td.c2{
	width: 70%;
}

#DT_certificates img{
	width: 100%;
}

/*----------------- Quick Order -----------------*/

.QO_notFound{
	color: #d67f84; /*- 220322 -*/
	margin: 10px auto 40px auto; /*- 220322 -*/
}

.QO_searchField{
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: 5px;
	max-width: 800px;
	background-color: #f2f1f0;
	margin: 0px auto 40px auto;
	padding: 35px 0px 30px 0px;
}

.QO_item{
	flex: 0 0 auto;
}

.QO_searchField input{
	background-color:#ffffff;
	height: 30px;
	padding: 1px 10px 3px 10px;
	text-align: left !important;
	width: 200px;
}

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

.CRT_instruction {
	margin: 40px 0;
	text-align: center;
}

.articleMatrix {
	position:relative;
	margin-bottom: 40px;
}

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

.CRT_outerTable td {
	vertical-align: top;
}

.CRT_outerTD1 {
	max-width: 15% !important;
}

.CRT_outerTD2 {
	width: 75%;
}

.CRT_outerTD3 {
	max-width: 10% !important;
}

.CRT_innerTab {
	position: relative;
	width: 100%;
}

.CRT_innerTab thead {
	position: sticky;
	top: 10px;
	width: 100%;
}

.CRT_innerTab td,
.CRT_innerTab th {
	white-space: nowrap;
	width: auto !important;
	height: 40px;
	padding: 0 5px;
}

.CRT_innerTab input[type=text] {
	max-width: 70px;
	min-width: 20px;
	width: 80%;
	text-align: right;
}

.CRT_innerTab .firstRow {
	background: #ececec;
}

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

.CRT_Col {
	
}

.CRT_innerCol td {
	vertical-align: middle;
}

.CRT_Siz {
	width: 100%;
}

.CRT_innerSiz td,
.CRT_innerSiz th {
	vertical-align: middle;
	text-align: center;
}

#pageConfirmPurchase .CRT_innerSiz td, #pageOrderSubsidiaries .CRT_innerSiz td {
	padding-left: 25px;
}

.CRT_innerSiz .firstRow {
	padding-left: 25px;
}

.CRT_Pri {
	
}

.CRT_innerPri td,
.CRT_innerPri th {
	vertical-align: middle;
}

.CRT_innerPri .firstRow {
	min-width: 20px;
}

.CRT_leftArt img {
	height: 80px;
	margin-right: 10px;
}

.CRT_rightArt .CRT_raTitle {
	margin-bottom: 5px;
}

.CRT_rightArt .CRT_raNo {
	margin-bottom: 20px;
}

.CRT_button {
	font-size: 15px;
	text-transform: initial;
	border: none;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center right;
	background-color: transparent;
	padding: 5px 20px 5px 5px;
}

.CRT_button:hover {
	font-size: 15px;
	text-transform: initial;
	border: none;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center right;
	background-color: transparent;
	padding: 5px 20px 5px 5px;
}

.CRT_button.refresh {
	background-image: url("../images/icons/ic150_refresh.svg");
}

.CRT_button.close {
	background-image: url("../images/icons/ic150_close-pale.svg");
}

.CRT_button.close:hover {
	background-image: url("../images/icons/ic150_close.svg");
}

.CRT_extrasOuter{
	display:none;
	position: absolute;
	z-index: 10;
	background-color: #ffffff;
	border:solid 1px #666666;
	padding: 5px;
}

.CRT_extrasOuter &gt; div.floatLeft{
	margin: 2px 0px 0px 4px;
}

.CRT_extrasOuter .closeBut{
	margin: 0px 5px 0px 0px;
}

.CRT_extrasTable{
	font-size: 12px !important;
	width: 98%;
	margin: 0 auto;
	border-collapse: collapse;
}

.CRT_extrasTable th{
	height: 30px;
}

.CRT_extrasTable td{
	height: unset !important;
	padding: 0px 3px 10px 3px !important;
}

.CRT_extrasTable .c-select{
	width:100%;
}

.CRT_extrasTable .js-disabled{
	text-decoration: unset;
}


.CRT_extrasInput{
	font-size: 15px !important;
	text-align: unset !important;
	width: 80px !important;
	height: 39px;
	max-width: unset !important;
	padding: 0px 5px !important;
}

.CRT_newExtra{
	font-size: 11px !important;
	height: 24px;
	margin: 3px !important;	
	padding: 0px 12px;
}

.CRT_rsn_textarea{
	font-family: "font-light", Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 200px;
	height: 40px;
	padding: 3px;
	border: solid 1px #999999;
}

.CRT_extrasOuter td{
	vertical-align: top;
}


/*----- Verfügbarkeit -----*/
.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: 0 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: 560px;
	height: 40px;
	background-color: #e4f5d9;
	border: none;
	opacity: 1.0;
	transition: opacity ease 1.0s;
	margin: 10px auto;
}

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

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

.CRT_atc-2{
	float:left;
}

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

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
	{
	-webkit-appearance: none;
	margin: 0;
}

#continuePurchase {
	padding: 5px 20px;
}

#pageArticleCollect input[type=text],
#pageCart input[type=text] {
	text-align: right;
}

/*---------- Confirm Data ----------*/
#pageConfirmData #innerContent {
	grid-template-columns: 0% 100%;
}

#pageConfirmData table {
	width: 90%;
}

#pageConfirmData td {
	padding: 3px;
}

#pageConfirmData .firstRow {
	border-bottom: solid 1px #999999;
	white-space: nowrap;
	padding-bottom: 10px;
}

#pageConfirmData .labelColumn {
	width: 15%;
}

#newAddress {
	padding: 10px 0px 10px 15px;
}

#newAddress select {
	width: calc(90% + 12px);
	height: 34px;
	margin-top: 10px;
	border-radius: 2px;
}

#newAddress input[type=text], #newAddress input[type=email], #newAddress input[type=tel]
	{
	width: 90%;
	margin-top: 10px;
	border-radius: 2px;
}

.addressFieldBox {
	float: left;
	width: 49%;
	margin-bottom: 30px;
}

#confirmDelivery {
	width: 35%;
	margin: 20px auto 0 auto;
}

#confirmDelivery input[type=radio] {
	text-align: right;
	width: 10%;
	margin: 0 0 10px 30px;
}

#confirmDelivery label {
	display: inline-block;
	width: 70%;
	margin-bottom: 10px;
}

/*---------- Subsidiaries ----------*/
#pageOrderSubsidiaries #innerContent {
	grid-template-columns: 0% 100%;
}

/*---------- Confirm Purchase ----------*/
#pageConfirmPurchase #innerContent {
	grid-template-columns: 0% 100%;
}

#confirmGrid {
	display: grid;
	grid-gap: 5px 5px;
	grid-template-rows: auto auto auto;
	grid-template-columns: 50% 50%;
}

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

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

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

#confirmAddress, #confirmPayment {
	padding: 10px 0px 10px 15px;
}

#confirmAddress select {
	width: calc(90% + 12px);
	height: 34px;
	margin-bottom: 10px;
	border-radius: 2px;
}

#confirmAddress input {
	width: 90%;
	height: 20px;
	margin-bottom: 10px;
	border-radius: 2px;
}

#receiverPostal {
	width: 25% !important;
}

#receiverCity {
	width: 60% !important;
	margin-left: 2% !important;
}

#confirmPayMethod li {
	display: block;
	margin-left: 50px;
	height: 50px;
}

#confirmPayMethod img {
	width: 52px;
	height: 39px;
	margin: 5px;
	vertical-align: middle;
}

#confirmAddressDelivery {
	text-align: left;
	margin: 20px auto 10px auto;
	width: 60%;
	min-width: 320px;
}
	#confirmAddressDelivery table {
		width: 100%;
	}

	#confirmAddressDelivery td {
		min-width: 25%;
		padding: 2px;
	}

#confirmAddressDelivery .firstRow {
	font-family: "font-semibold", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 10px;
	border-bottom: solid 1px #000000;
}

#confirmText {
	text-align: center;
}

#confirmTextArea {
	width: 90%;
	height: 150px;
	border: solid 1px #999999;
	border-radius: 2px;
}

#confirmCustomerOrderNr{
		width: 60%;
		margin: 0 auto 60px auto;
		padding: 20px 0;
		border-bottom: solid 1px #000;

}
	#confirmCustomerOrderNr label{
		display: inline-block;
		margin-bottom: 10px;
	}
	#confirmCustomerOrderNr div{
	}

#confirmCustomerSubsidiaryOrderNr{
	margin-bottom: 40px;
}
	#confirmCustomerSubsidiaryOrderNr div{
		text-align: left;
		width: 90%;
		margin: 5px auto;
		min-height: 40px;
	}
		#confirmCustomerSubsidiaryOrderNr div label{
			float: left;
			width: 65%;
		}
		#confirmCustomerSubsidiaryOrderNr div input{
			float: right;
			width: 30%;
		}

/*---------- Finish Purchase ----------*/
#pageFinishPurchase #innerContent {
	grid-template-columns: 0% 100%;
}

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

/*---------- LogIn ----------*/
#pageLogin #contBreadcrump {
}

#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;
}

.welcomeMsg {
	text-align: initial !important;
	max-width: 600px;
	margin: 0 auto;
}

.welcomeMsg .outer {
	max-width: 600px;
}

.welcomeMsg .inner {
	max-width: none;
}

.welcomeMsg h7 {
	text-align: left !important;
}

.welcomeMsg p {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 16px;
	text-align: left;
	font-weight: normal;
}

/*---------- Account ----------*/
#accountContent {
	display:flex;
	flex-flow: row wrap;
	gap: 10px;
	justify-content: space-between;
	margin:0 auto;
	width:100%;
}

.accItem {
	flex: 0 0 12%;
	font-size: 11px;
	text-align: center;
	min-width: 100px;
}

.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;
}

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

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

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

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

.accNavText {
	font-size: 12px;
}

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

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

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

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

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

/*---------- WishList ----------*/
#pageWishList #innerContent{
	grid-template-columns: 0% 100%;
}

#wishlistList {
	float: left;
	width: 15%;
}

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

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

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

.WL_btnAll,
.WL_btnDownload{
        margin-bottom: 10px; /*- 240313 -*/
}

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

.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 {
	max-height: 100px;
  	max-width: 100%;
}

/*---------- Account Orders ----------*/
#pageAccountOrders #contNavPers {
	display: none;
}

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

.orderTab {
	position: relative;
	width: 100%;
	min-width: 330px;
}
	.orderTab td {
		width: 33%;
		line-height: 20px;
		padding: 10px; 
	}

#searchOrders {
	
}

.searchOrdersBut {
	position: absolute;
	top: 12px;
	right: 15px;
	color: #bbbbbb;
}

/*---------- Account Retours ----------*/
#pageAccountRetour #contNav, #pageAccountRetour #contSearch, #pageAccountRetour #headPic {
	display:none;
}

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

#personalRetours td {
}

.retourTab{
	width: 100%;
	min-width:330px;
	position:relative;
}

.retourTab td {
	 width: 33%;
	line-height: 20px;
	padding: 10px 0 10px 10px;
}

.RT_backBut{
	display:inline-block;
	color: #000000;
	background: #ffffff;
	border: solid 1px #000000;
	padding: 5px 10px;
	margin: 0 auto;
}

.RT_backBut:hover {
	color: #000000;
	background: #ececec;
	border: solid 1px #000000;
}

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

#pageAccountRetourDetails .availableGreen,
#pageAccountRetourDetails .availableYellow,
#pageAccountRetourDetails .availableRed {
	border-bottom: solid 4px #999999 !important;
}

.RT_td {
}

.RT_rsn_title {
}

.RT_rsn_title a {
	font-family:"font-light", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.RT_rsn-popup {
}

.RT_rsn-popup li {
	font-family:"font-light", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.RT_rsn-popup li textarea {
	font-family:"font-light", Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #999999;
	margin: 5px;
}

/*---------- Account Einstellungen ----------*/
#pageAccountData #billingAddress {
	display: none;
}

#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;
}

/*---------- 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 &amp; Support  ----------*/

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

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

/*---------- Account Register ----------*/
#pageAccountRegister .backLink {
	display: none !important;
}

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

#pageAccountRegister #contContent div {
	width: 48%;
}

/* Hacky fix für #contContent div width.. */
#pageAccountRegister .msgContainer, #pageAccountRegister .msgContainer div {
	width: initial !important;
}

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

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

#pageContact #contContent div {
	width: 48%;
}

/* Hacky fix für #contContent div width.. */
#pageContact .msgContainer, #pageContact .msgContainer div {
	width: initial !important;
}

#contactNameOuter, #contactPhoneOuter, #contactAddressOuter,
	#contactAddress2Outer, #contactPLZOuter, #contactCityOuter {
	
}

#contactNameOuter label, #contactName2Outer label, #contactName3Outer label,
	#contactPhoneOuter label, #contactKdnrOuter label, #contactAddressOuter label,
	#contactAddress2Outer label, #contactPLZOuter label, #contactCityOuter label,
	#contactCountryOuter label, #contactUstidOuter label, #contactMailOuter label,
	#contactTextAreaOuter label, #contactPasswordOuter label,
	#contactPasswordConfirmOuter label {
	display: block;
	margin: 5px 0px -15px 10px;
}

#contactName, #contactName2, #contactName3, #contactPhone,
	#contactAddress, #contactAddress2, #contactPLZ, #contactCity {
	margin: 0px 0px 5px 5px;
	width: 90%;
}

#contactKdnrOuter, #contactCountryOuter, #contactUstidOuter {
	width: 97%;
}

#contactKdnr, #contactCountry, #contactUstid, #contactMail,
	#contactPassword, #contactPasswordConfirm {
	margin: 0px 0px 5px 5px;
	width: 90%;
}

#contactSubject {
	width: 97%;
	height: 30px;
	border-radius: 2px;
	margin: 10px 0 15px 6px;
	padding: 5px;
}

#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 &amp; RESPONSIVE ----------------------------------*/
#outerSpace {
	width: 100%;
	margin: 0 auto;
}

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

.popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #ffffff;
	padding: 10px;
	border: solid 1px #000;
	border-radius: 3px;
	z-index: 999;
}

.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: 1240px;
	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: 1240px;
}

#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;
}

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

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

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

.contPagesBot {
	grid-row: 6/7;
	grid-column: 1/3;
}

#burgerMenu, #closeMobNav {
	display: none;
}

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

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

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

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

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

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

#innerFooter {
	width: 96%;
	max-width: 1240px;
	margin: 0 auto;
}

#footService, #footLinks_1, #footLinks_2 {
	padding: 10px 0;
	margin-left: 35%;
}

#footOfficial {
	border-top: solid 1px #000000;
	padding: 20px 0;
	margin-bottom: 40px;
}

#footText {
	border-top: solid 1px #000000;
	padding: 20px 0;
	margin-bottom: 40px;
	text-align: right;
}

/*---------- BREAKPOINT 1152px ----------------------------------------*/
@media only screen and (max-width :1152px) {
	/*---------- Nav Filt ----------*/
	.sizeFilter {
		width: 75%;
		margin-left: 20px;
	}

	/*---------- Article List ----------*/
	.ALA_Box {
		grid-template-rows: auto 280px auto auto auto;
	}

	/*---------- Article Display ----------*/
	#displayGrid {
		grid-gap: 5px 2%;
		grid-template-columns: 49% 49%;
	}
	.addPicLink img, .addPicLink video {
		height: 100px;
	}
}

/*---------- BREAKPOINT 1024px ----------------------------------------*/
@media only screen and (max-width :1024px) {
	.matrixInfo, .martixDetails {
		float: none;
	}

	/*---------- Confirm Data ----------*/
	#confirmDelivery {
		width: 60%;
	}

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

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

	/*---------- Nav Filt ----------*/
	.sizeFilter {
		width: 90%;
		margin-left: 0;
	}

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

	/*---------- Article List ----------*/
	.ALA_Box {
		width: 31.5%;
		grid-template-rows: auto 240px auto auto auto;
	}

	/*---------- 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;
	}
	
	#headPic {
		display: none;
	}
	#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;
	}
	.contPagesTop {
		grid-row: 5/6;
		grid-column: 1/2;
	}
	#contContent {
		grid-row: 6/7;
		grid-column: 1/2;
	}
	.contPagesBot {
		grid-row: 7/8;
		grid-column: 1/2;
	}
	#contNav {
		position: absolute;
		background: #ffffff;
		z-index: 90;
		padding: 20px 20px 20px 20px;
		width: 250px;
		border: solid 1px #666666;
		border-radius: 2px;
		line-height: 20px;
		font-size: 20px;
		left: -300px;
		transition: left ease 0.5s;
	}
	#contNav li {
		margin-bottom: 15px !important;
	}
	#contNav a {
		font-size: 20px !important;
		line-height: 20px;
	}
	.NavCatVertical {
		display: block;
	}
	.NavCatHeader {
		display: none;
	}
	#burgerMenu {
		display: block;
		width: 40%;
		font-size: 16px;
		color: #ffffff;
		text-transform: uppercase;
		text-align: center;
		margin: 0px auto 10px auto;
		padding: 10px;
		background: #000000;
		border: 1px solid #000000;
		cursor: pointer;
	}
	#burgerMenu:hover {
		background: #ffffff;
		color: #000000;
	}
	#closeMobNav {
		display: block;
		width: 60%;
		font-size: 16px;
		color: #ffffff;
		text-transform: uppercase;
		text-align: center;
		padding: 10px;
		margin: 0 auto 20px auto;
		background: #000000;
		border: 1px solid #000000;
		cursor: pointer;
	}
	#closeMobNav:hover {
		background: #ffffff;
		color: #000000;
	}
	#sortList {
		font-size: 20px;
		width: 200px;
		margin: 10px 0;
	}
	#contNavFilt {
		margin-top: 20px;
	}
	.colorFilter {
		padding: 5px 0 5px 0;
	}
	.colorFilter li {
		height: 20px;
	}
	.sizeFilter {
		width: 70%;
		margin-left: 50px;
	}
	.sizeFilter li {
		float: left;
		position: relative;
		margin: 10px 0 0px 10px !important;
	}
	.sizeFilter input[type="checkbox"] {
		width: 55px;
		height: 40px;
	}
	.sizeFilter label {
		left: 8px;
		top: 9px;
		width: 40px;
		text-align: center;
	}
	.subNav input[type=checkbox] {
		transform: scale(1.5, 1.5);
		margin-right: 10px;
	}
	#impressum {
		width: 480px;
		margin: -300px 0 0 -240px;
	}
	#HD_main {
		grid-template-columns: 29% 45% 26%;
	}
	#searchBox {
		max-width: 270px;
	}
	#searchInput input {
		width: 200px;
	}

	/*---------- Footer ----------*/
	#innerFooter {
		display: grid;
		grid-gap: 0px 0px;
		grid-template-rows: auto auto auto auto auto;
		grid-template-columns: 100%;
	}
	#footService {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#footLinks_1 {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	#footLinks_2 {
		grid-row: 3/4;
		grid-column: 1/2;
	}
	#footOfficial {
		grid-row: 4/5;
		grid-column: 1/2;
	}
	#footText {
		grid-row: 5/6;
		grid-column: 1/2;
	}
	#footOfficial {
		text-align: center;
		padding: 20px 0 0 0;
		margin: 0;
	}
	#footText {
		text-align: center;
		padding: 20px 0 0 0;
		border: none;
	}

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

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

	/*---------- Article Display ----------*/
	#displayGrid {
		display: grid;
		grid-gap: 5px 5px;
		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;
	}
	#displayArticles {
		grid-row: 4/5;
		grid-column: 1/2;
	}
	.CRT_articleProceed {
		grid-row: 5/6;
		grid-column: 1/2;
	}
	#DT_links {
		text-align: center;
	}
	.DT_LinkTab {
		width: 58%;
		padding: 10px 15px;
	}
	.DT_LinkFav {
		width: 9%;
		padding: 10px 15px;
	}

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

	/*---------- Confirm Purchase ----------*/
	#confirmGrid {
		display: grid;
		grid-gap: 5px 5px;
		grid-template-rows: auto auto auto auto;
		grid-template-columns: 100%;
	}
	#confirmArticles {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#confirmAddress {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	#confirmText {
		grid-row: 3/4;
		grid-column: 1/2;
	}
	#confirmProceed {
		grid-row: 4/5;
		grid-column: 1/2;
	}
	#confirmAddress {
		text-align: center;
	}
	#receiverPostal {
		width: 23% !important;
	}
	#receiverCity {
		width: 62% !important;
		margin-left: 2% !important;
	}

	/*---------- Contact ----------*/
	#pageContact #contContent div {
		float: unset;
		width: 98%;
	}
	#contactName, #contactMail, #contactKdnr, #contactAddress,
		#contactAddress2, #contactPLZ, #contactCity, #contactCountry,
		#contactUstid {
		width: 97%;
	}

	/*---------- Account Register ----------*/
	#pageAccountRegister #contContent div {
		float: unset;
		width: 98%;
	}
}

/*---------- BREAKPOINT 640px ----------------------------------------*/
@media only screen and (max-width :640px) {
	#HD_main {
		display: grid;
		grid-gap: 0px 0px;
		grid-template-rows: auto auto;
		grid-template-columns: 50% 50%;;
		margin: 0 auto;
		width: 97%;
	}
	#HD_logo {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#HD_search {
		grid-row: 2/3;
		grid-column: 1/3;
	}
	#HD_persNav {
		grid-row: 1/2;
		grid-column: 2/3;
	}

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

	/*- Cookie Privacy -*/
	#outerPrivacyNotice {
		max-height: 210px;
	}
	#PN_left {
		width: 65%;
	}
	#PN_right {
		width: 30%;
	}
	
/*---------- Confirm Data ----------*/
	
	#confirmCustomerSubsidiaryOrderNr{
	margin-bottom: 40px;
}
	#confirmCustomerSubsidiaryOrderNr div{
		text-align: left;
		width: 90%;
		margin: 5px auto;
		min-height: 40px;
	}
		#confirmCustomerSubsidiaryOrderNr div label{
			display: block;
			float: unset;
			width: unset;
			margin-bottom: 5px;
		}
		#confirmCustomerSubsidiaryOrderNr div input{
			float: unset;
			width: unset;
			margin-bottom: 10px;
		}
	
	
}

/*---------- 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 {
		width: 100%;
		height: 100px;
		text-align: center;
	}
	#headerTop div {
		float: unset;
	}
	#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;
	}
	#impressum {
		width: 280px;
		margin: -300px 0 0 -160px;
	}
	#footService, #footLinks_1, #footLinks_2 {
		margin-left: 25%;
	}
	#outerPrivacyNotice {
		max-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%;
	}
	#butCollect&gt;div {
		width: 100%;
		margin: 0 auto;
	}

	/*-------- Confirm Purchase --------*/
	#receiverPostal {
		width: 23% !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: 100%;
	}
	#accountWishList {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	#accountOrders {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	#accountSettings {
		grid-row: 3/4;
		grid-column: 1/2;
	}
	#accountHelp {
		grid-row: 4/5;
		grid-column: 1/2;
	}
	#accountBackStart {
		grid-row: 5/6;
		grid-column: 1/2;
	}

	/*---------- 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%;
	}
	.articleItem {
		width: 42%;
		padding-bottom: 44% !important;
	}
	#searchBox {
		max-width: 290px;
	}
	#searchInput input {
		width: 220px;
	}
	#searchButton {
		width: 50px;
	}
	#suggestBox {
		width: 225px;
	}
	.sugLineLeft {
		width: 20%;
	}
	.sugLineRhgt {
		width: 65%;
	}
}

/*---------- 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;
}

.c-select {
	display: inline-block;
	font-size: unset;
	text-align: left;
	position: relative;
}

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

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

.c-select-dropdown {
	display: none;
	border: solid 1px #000000;
	position: absolute;
	z-index: 70;
	background: #ffffff;
	list-style-type: none;
	min-width: 100%;
}

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


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

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

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

/*---------- 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;
}

/*---------- lightbox.js ----------------------------------------*/
.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%;
}

.js-upload {
	display: block;
	border: 1px solid #333333;
	background-color: #dddddd;
	text-align: center;
	padding: 15px 30px;
}

/*---------- SS ----------------------------------------*/
.linebreak {
	white-space: pre-line;
}

.pdBrackList {
	counter-reset: list;
}

.pdBrackList&gt;li {
	list-style: none;
}

.pdBrackList&gt;li:before {
	content: "(" counter(list) ") ";
	counter-increment: list;
}

.pdSingleBrackList {
	counter-reset: list;
}

.pdSingleBrackList&gt;li {
	list-style: none;
}

.pdSingleBrackList&gt;li:before {
	content: counter(list) ") ";
	counter-increment: list;
}
</pre></body></html>