/* (C) 2017 visionsactivemedia.de */

/* start of changes for API-Modules */
/* @import "/templates/motoin/api_bundle.css"; */
/* end of changes for API-Modules */

@font-face {
	font-family: 'CoolveticaRg-Regular';
	font-display: block;
	src: url('webfonts/coolvetica.eot?') format('eot'), url("webfonts/coolvetica-4d21d7bc6410eae70d4abb6f200e6dc6.eot") format('embedded-opentype'), url("webfonts/coolvetica-c24d48f9963e9ba8e0c9a789e3969e1b.woff") format('woff'), url("webfonts/coolvetica-5e5953dc92d315051506a58b5f2f2445.ttf") format('truetype');
}

@font-face {
	font-family: 'CoolveticaRg-Italic';
	font-display: block;
	src: url('webfonts/coolvetica-italic.eot?') format('eot'), url("webfonts/coolvetica-italic-277c9885c08af750e7e54a9f8a665999.eot") format('embedded-opentype'), url("webfonts/coolvetica-italic-8801b304bec6f4e87e3bba7adae67b0e.woff") format('woff'), url("webfonts/coolvetica-italic-206066d66a8748c9b6154618dc26150c.ttf") format('truetype');
}

:root {
  --fa-width: auto;
}

/*-------------------*/
/*----- general -----*/
/*-------------------*/
* {
	border: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.body-no-scroll {
	overflow: hidden;
	scrollbar-width: none;
}

.html-no-scroll {
	overflow: hidden;
	scrollbar-width: none;
}

/*----- Überschriften -----*/
h1 {
	font-size: 30px;
	color: #999;
	margin-bottom: 12px;
	font-weight: normal;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 21px;
	color: #FF7300;
	margin-top: 30px;
	margin-bottom: 12px;
}

h3,
.h3 {
	font-size: 15px;
	color: #999;
	margin-top: 24px;
	margin-bottom: 12px;
}

h3 strong {
	font-weight: bold;
}

h4,
.h4 {
	font-size: 15px;
	color: #FF7300;
	margin-top: 24px;
	margin-bottom: 12px;
}

h5,
h6 {
	font-size: 15px;
	color: #444444;
	margin-top: 24px;
	margin-bottom: 12px;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	font-weight: bold;
}

.startpage-headline {
	border-bottom: 1px solid #CCC;
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	padding: 0 0 8px 0;
	margin: 0 0 36px 0;
	font-size: 18px;
	display: inline-block;
	text-align: center;
}

.bg-grey .startpage-headline,
.bg-darkgrey .startpage-headline {
	color: #CCC;
	border-color: #767676;
}

.content h2 {
	margin-top: 60px;
	font-size: 24px;
}

.content h2:first-of-type {
	margin-top: 48px;
}

.col_l h2:first-of-type {
	margin-top: 0;
}

.content h3,
.content .col_l h3 {
	margin-top: 32px;
	font-size: 18px;
	color: #000;
	margin-bottom: 8px;
}

.content p {
	margin: 0 0 18px 0;
}

.coid-202 .col_l h3,
.coid-16 h2 {
	margin-top: 24px;
}

.coid-7 h3,
.coid-7 .col_l h3 {
	color: #999;
}

.content.coid-7 h2:first-of-type {
	margin-top: 12px;
}

/*----- fehlermeldungen -----*/
.unallowed {
	margin-bottom: 24px;
}

.messages i,
.unallowed i {
	margin-right: 8px;
}

.messages .messageStackError,
.messages .messageStackWarning,
.messages .messageStackSuccess,
.unallowed,
.freeshipping {
	padding: 12px;
	border-radius: 4px;
}

.messages .messageStackError {
	background: #f7d9d9 none repeat scroll 0 0;
	border: 1px solid #c00;
	color: #c00;
}

.messages .messageStackWarning {
	background: #f7d9d9 none repeat scroll 0 0;
	border: 1px solid #c00;
	color: #c00;
}

.messages .messageStackSuccess {
	background: #e2f3d6 none repeat scroll 0 0;
	border: 1px solid #559600;
	color: #559600;
}

.messages tr.msg-fix {
	margin-bottom: 12px;
	padding: 0 !important;
	display: block;
	background: inherit;
    border: inherit;
    color: inherit;
}

.messages td.msg-fix {
	width: 100%;
	display: block;
}

.messages h3 {
	color: #000;
	padding: 0 0 12px;
	margin: 0;
}

.messages .messageStackError h3 {
	color: #c00;
}

.messages .messageStackSuccess h3 {
	color: #559600;
}

.messages .messageStackError a {
	color: #000;
	text-decoration: underline;
}

.messages .messageStackError a:hover {
	color: #666;
	text-decoration: none;
}

.unallowed {
	background: #ffffde none repeat scroll 0 0;
	border: 1px solid #C38C14;
	color: #C38C14;
}

.freeshipping {
	background: #fad7ba none repeat scroll 0 0;
	border: 1px solid #ff7300;
	color: #ff7300;
}

.fa-freeshipping:before {
	content: "\f0d1";
}

/*----- listen -----*/
ul>li,
ol>li {
	margin: 4px 0;
	list-style: none;
}

ul,
ol {
	margin: 0 0 12px 0;
}

ul>li>a,
ol>li>a {
	text-decoration: none;
}

.herroeping {
	line-height: 1.8rem;
}

ul.ordered_list {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 24px;
}

ul.ordered_list li::before {
	display: inline-block;
	content: "\25AA";
	width: 12px;
	margin-left: -12px;
}



.info-box .widecontent_list {
	margin: 0;
}

.widecontent_list li {
	margin-bottom: 0 !important;
}

.main-wrapper li,
.widecontent_list li {
	padding-left: 12px;
}

.ordering_big li {
	padding-left: 0;
}

.main-wrapper li:before,
.widecontent_list li:before {
	content: "\25AA ";
	font-size: 18px;
	margin: 0 6px 0 -12px;
}

.ordering_big li:before,
.coid-7000 .col-9-5 li:before {
	content: "\25AA ";
	font-size: 18px;
	margin: 0 6px 0 4px;
}

ol.withformats>li {
	counter-increment: item;
	display: table;
	padding-left: 0;
}

.withformats>li:before {
	content: "(" counters(item, ")", decimal) ") ";
	font-size: inherit;
	margin: 0;
	padding: 0 6px 0 0;
	display: table-cell;
}

.withformats h3 {
	margin-top: 24px !important;
}

ul.ordering_big,
.coid-7000 .col-9-5 ul {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 0 0 36px 0;
}

.coid-7000 .col-9-5 ul {
	margin: 24px 0;
}

.ordering_big li,
.coid-7000 .col-9-5 li {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	padding: 6px;
	margin: 0;
}

.ordering_big li:hover,
.ordering_big li:focus,
.coid-7000 .col-9-5 li:hover,
.coid-7000 .col-9-5 li:focus {
	border: 1px solid #CCC;
	background: #e6e6e6;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#FFF, #e6e6e6);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFF, #e6e6e6);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFF, #e6e6e6);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFF, #e6e6e6);
	/* Standard syntax */
}

.ordering_big a,
.ordering_big a:hover,
.ordering_big a:focus,
.coid-7000 .col-9-5 li a,
.coid-7000 .col-9-5 li a:hover,
.coid-7000 .col-9-5 li a:focus {
	color: #000;
	text-decoration: underline;
}

.products_list .button {
	float: left;
	margin-right: 12px;
}

.columns {
	-moz-column-gap: 24px;
	-webkit-column-gap: 24px;
	column-gap: 24px;
	-moz-column-rule: 0px solid #fff;
	-webkit-column-rule: 0px solid #fff;
	column-rule: 0px solid #fff;
	-moz-column-count: 4;
	-webkit-column-count: 4;
	column-count: 4;
	width: 100%;
	-moz-column-fill: auto;
	column-fill: auto;
}

#c-22 .columns,
#c-1256 .columns,
#c-2185 .columns,
#c-23 .columns {
	-moz-column-count: inherit;
	-webkit-column-count: inherit;
	column-count: inherit;
}

#c-26 .columns,
#c-40 .columns {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

#header .top-nav #c-26 .columns {
	max-height: 600px;
}

#header .top-nav #c-40 .columns {
	max-height: 300px;
}

.manufacturer-wrapper .columns {
	-moz-column-count: 6;
	-webkit-column-count: 6;
	column-count: 6;
	max-height: 500px;
}

.columns ul,
.columns li,
.manufacturer-wrapper .columns ul ul ul {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.manufacturer-wrapper .columns ul,
.manufacturer-wrapper .columns li {
	-webkit-column-break-inside: unset;
	page-break-inside: unset;
	break-inside: unset;
}

.columns ul>li {
	margin: 0;
}

.overview-links {
	margin: 24px 0;
}

#login-panel .overview-links {
	margin: 24px 0 36px 0;
}

.overview-links li {
	margin: 0;
}

.overview-links a {
	padding: 12px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid #CCC;
}

.overview-links li:last-child a {
	border-bottom: 0px;
}

.overview-links a::after {
	content: ' \f061';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 15px;
	display: inline-block;
	padding: 0 0 0 8px;
	color: #ff7300;
}

.overview-links a:hover,
.overview-links a:focus {
	text-decoration: none;
	background: #EEE;
	color: #666;
}

/*----- text -----*/
p {
	margin: 0 0 12px 0;
}

.content p:last-child {
	margin: unset;
}

.small {
	font-size: 11px;
}

.big {
	font-size: 15px;
}

.text_must {
	color: #999;
	font-size: 11px;
}

.header-wrapper .big {
	color: #FFF;
	font-size: 36px;
	line-height: 36px;
	font-family: "CoolveticaRg-Regular", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.with-background .big {
	background: #fff none repeat scroll 0 0;
	color: #000;
	font-size: 36px;
	line-height: 36px;
	z-index: 3;
	top: 86px;
	left: 24px;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.15);
	font-family: "CoolveticaRg-Regular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 4px 16px 7px;
	position: absolute;
}

.with-background .small {
	background: #ff7300 none repeat scroll 0 0;
	color: #000;
	font-size: 15px;
	line-height: 19px;
	z-index: 2;
	top: 56px;
	left: 48px;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.15);
	font-family: "Arial Black", "Arial Bold", Arial, Helvetica, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 16px 6px;
	position: absolute;
}

.with-background.new .small {
	box-shadow: none;
	text-transform: uppercase;
	color: white;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	padding: 0.15em .5em 0.2em .5em;
	letter-spacing: 0.1em;
	font-weight: 500;
	font-size: 16px;
}

.with-background.new .big {
	box-shadow: none;
	text-transform: none;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	padding: 0.15em .5em 0.2em .5em;
	letter-spacing: 0.06em;
	font-weight: bold;
	font-size: 38px;
	top: 79px;
	margin: 0 !important;
	color: black !important;
}

.with-background.new .info {
	position: absolute;
	top: 230px;
	margin: 0 !important;
	font-size: 20px !important;
}

.coid-97 .big {
	font-size: clamp(22px, 6vw, 36px);
}

hr {
	border-top: 1px solid #CCC;
	margin: 48px 0;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

/*----- formulare -----*/
input,
textarea {
	border: 1px solid #CCC;
	padding: 8px 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-radius: 4px;

}

input::placeholder {
	color: #999;
	opacity: 1;
}

input[type="image"],
input[type="submit"],
input[type="button"] {
	border: 0px;
	cursor: pointer;
	-webkit-appearance: none;
}

input[type="image"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="image"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
	border: 0px;
	-webkit-appearance: none;
}

select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	border: none;
	color: #000;
	outline: none;
	width: 100%;
	padding: 8px 28px 8px 12px;
	text-overflow: "";
	border: 1px solid #CCC;
	background: #FFF url("img/bottom_icon_64-879f0f26c72af819fb3f58539c2f1cca.png") no-repeat center right;
	background-size: contain;
	border-radius: 4px;
}

select[size] {
	padding: 0;
}

select:hover,
select:focus,
input:hover,
input:focus {
	border: 1px solid #999;
}

input[type="image"]:hover,
input[type="image"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	border: 0px;
}

/* This hides dropdown button arrow in IE */
select::-ms-expand {
	display: none;
}

/* This hides focus around selected option in FF */
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
	display: none;
}

option {
	background: #FFF;
	border: 0px solid #CCC;
	padding: 4px 6px;
}

select[size] option {
	padding: 4px 8px;
}

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	width: auto;
	float: left;
	margin-right: .75em;
	background: transparent;
	border: none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
	background: transparent;
	position: relative;
	visibility: hidden;
	margin: 0 -13px 0 0;
	padding: 0;
}

input[type='checkbox']+label,
input[type='radio']+label {
	cursor: pointer;
}

input[type='checkbox']:checked+label:before,
input[type='checkbox']:not(:checked)+label:before,
input[type='radio']:checked+label:before,
input[type='radio']:not(:checked)+label:before {
	content: ' ';
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 4px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: white;
	margin-right: 8px;
}

input[type=radio]:checked+label:before,
input[type=radio]:not(:checked)+label:before {
	border-radius: 30px;
}

input[type='checkbox']:hover+label:before,
input[type='radio']:hover+label:before {
	background: #ddd;
	box-shadow: inset 0 0 0 3px white;
}

input[type='checkbox']:checked+label:before,
input[type='radio']:checked+label:before {
	background: #000;
	box-shadow: inset 0 0 0 3px white;
	border: 1px solid #000000;
}

input[type='checkbox']:checked+label,
input[type='radio']:checked+label {
	font-weight: bold;
	color: #000;
}

.content_gradient_box table input[type='checkbox']:checked+label,
.content_gradient_box table input[type='radio']:checked+label {
	font-weight: normal;
}

input[type='checkbox'][disabled]+label,
input[type='checkbox'][readonly]+label,
input[type='radio'][disabled]+label,
input[type='radio'][readonly]+label {
	color: #B2B2B2 !important;
}

input[type='checkbox'][disabled]+label:before,
input[type='checkbox'][readonly]+label:before,
input[type='radio'][disabled]+label:before,
input[type='radio'][readonly]+label:before {
	background: #B2B2B2 !important;
	box-shadow: inset 0 0 0 3px #E6E6E6;
	border: 1px solid #E6E6E6;
}

#formfunctions1 .validation-advice {
	background: #ffebeb none repeat scroll 0 0;
	border: 1px solid #c00;
	color: #c00;
	font-weight: bold;
	height: 38px;
	left: 245px;
	padding: 5px;
	position: absolute;
	top: 70px;
	width: 204px;
	z-index: 1;
}

#formfunctions1 label.error,
.formfunctions1 label.error {
	background: #f5cccc none repeat scroll 0 0;
	border: 1px solid #cc0000;
	color: #b8211d;
	padding: 3px 5px 2px;
}

#formfunctions1 input.error,
#formfunctions1 select.error,
#formfunctions1 textarea.error,
.formfunctions1 input.error {
	border: 1px solid #cc0000 !important;
	box-shadow: 0 0 3px 0 rgba(180, 0, 0, 0.7) !important;
}

#formfunctions1 input.success,
#formfunctions1 select.success,
#formfunctions1 textarea.success,
.formfunctions1 .success {
	border: 1px solid #9c0 !important;
}

#formfunctions1 input.validation-failed,
#formfunctions1 textarea.validation-failed,
#formfunctions1 select.validation-failed,
.formfunctions1 .validation-failed {
	border: 1px solid #e3a198 !important;
}

#formfunctions1 p {
	position: relative;
}

.form-layout p {
	position: relative;
}

.content_gradient_box #formfunctions1 input:not([type='submit']),
.content_gradient_box #formfunctions1 select,
.content_gradient_box #formfunctions1 textarea,
#formfunctions1 input:not([type='submit']),
#formfunctions1 select,
#formfunctions1 textarea,
.form-layout input:not([type='submit']),
.form-layout select,
.form-layout textarea {
	font-size: 15px;
	padding: 6px 12px;
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

.form-contact #titel {
	width: auto;
}

.form-layout .small {
	color: #666;
}

#formfunctions1 #cheaper p.hiddenfields {
	margin: 0;
	padding: 10px 0 0;
}

#formfunctions1 #cheaper p {
	padding: 10px 0 0;
}

.content_gradient_box #formfunctions1 select {
	height: auto;
	padding: 4px 5px;
}

#formfunctions1 textarea {
	height: 200px;
	padding: 4px 5px;
}

#formfunctions1 select#subject {
	font-weight: bold;
}

.content_gradient_box #formfunctions1 input:focus,
.content_gradient_box #formfunctions1 select:focus,
.content_gradient_box #formfunctions1 textarea:focus,
#formfunctions1 input:focus,
#formfunctions1 select:focus,
#formfunctions1 textarea:focus {
	border-color: #000;
}

.content_gradient_box #formfunctions1 {
	padding: 10px;
}

/* div.yes {
	width: 760px;
} */

.frame_hidden.yes {
	display: none;
}

.frame_hidden {
	display: block;
}

.page_hidden {
	display: none;
}

.page_hidden.yes {
	display: block;
}

#cheaper label,
.form-layout label {
	display: block;
}

#cheaper textarea,
.form-layout textarea {
	height: 100px;
	padding: 4px 5px;
	width: 630px;
}

.cheaper_productdetails {
}

.form-layout .cheaper_productdetails {
	margin-bottom: 36px;
}

.cheaper_productdetails .image {
	height: 75px;
	padding: 0;
}

.cheaper_productdetails img {
	max-height: 75px;
	max-width: 75px;
}

.cheaper_productdetails p {
	margin: 5px 0 0;
	padding: 0;
}

.cheaper_productdetails h3 {
	margin: 5px 0 0;
	padding: 0;
}

.panel input[type="text"],
.panel input[type="password"] {
	width: 300px;
	margin: 4px 0;
}

.contactBlock {
	margin: 36px 0 24px 0;
}

#kontaktFrage .contact_list {
	margin: 0 0 48px 0;
}

.contactBlock h4 {
	margin-top: 12px;
}

.col.contactBlockLeft {
	padding: 0 0 0 60px !important;
}

.col.contactBlockRight {
	border-right: 1px solid #CCC;
	padding: 0 60px 0 0 !important;
}

.contactBlockLeft p {
	margin: 0;
}

.contactBlockLeft p a {
	color: black;
}

.contactBlockLeft p a:hover,
.contactBlockLeft p a:focus {
	color: #ff7300;
}

.contactBlockLeft strong {
	display: block;
	margin-top: 4px;
	font-size: 18px;
}

#popup_content #kontaktFrage .col-12 {
	padding: 0 12px;
}


/*----- Produkterinnerung -----*/

#reminder-form {
	background: #E8E8E8;
}

#reminder-form input.reminder_form {
	width: 100%;
	max-width: 340px;
}

#reminder-form p {
	margin-right: 0;
}

.remind_productdetails {
	background: #FFF;
	height: 480px;
}

:is(.xs, .sm, .md) .remind_productdetails {
	height: auto;
}

.reminder_text {
	font-weight: bold;
	font-size: 15px;
}

.remind_productdetails .image img {
	max-width: 240px;
	max-height: 240px;
}

#reminder-success {
	font-size: 15px;
	padding: 12px 24px;
	width: auto;
	border: 0px;
}

/*----- buttons -----*/
.button {
	border-radius: 4px;
	padding: 8px 18px;
	color: #FFF !important;
	font-weight: bold;
	background: #FF7300;
	font-size: 13px;
	display: inline-block;
}

.button.btn_big {
	font-size: 15px;
	padding: 12px 24px;
}

.button.btn_small,
#header-admin .button {
	padding: 6px 12px;
	border-radius: 2px;
}

a.button,
.button:hover,
.button:focus {
	text-decoration: none;
	cursor: pointer;
}

.button:hover,
.button:focus {
	background: #be4e00;
}

input[type="submit"] {
	cursor: pointer;
	width: auto;
}

.cart_code input[type="submit"] {
	cursor: pointer;
	width: auto;
}

.button.btn_lightgrey {
	color: #565656 !important;
	background: #E8E8E8;
}

.button.btn_lightgrey:focus,
.button.btn_lightgrey:hover {
	background: #CCC;
}

.button.btn_grey {
	color: #666 !important;
	background: #E8E8E8;
}

.button.btn_grey:focus,
.button.btn_grey:hover {
	background: #CCC;
}

.button.btn_darkgrey {
	background: #666;
}

.button.btn_darkgrey:hover,
.button.btn_darkgrey:focus {
	background: #333;
}

.button.btn_green {
	background: #6FC234;
}

.button.btn_green:hover,
.button.btn_green:focus {
	background: #559600;
}

.button.btn_blue {
	background: #019ae0;
}

.button.btn_blue:hover,
.button.btn_green:focus {
	background: #019ae0;
}

.button.btn_white {
	background: #FFF;
	color: #000 !important;
}

.button.btn_white:hover,
.button.btn_white:focus {
	background: #000;
	color: #FFF !important;
}

.button.btn_dhl {
	background: #ffe74e;
	color: #C30003 !important;
}

.button.btn_dhl:hover,
.button.btn_dhl:focus {
	background: #ffd200;
}

.round-button {
	border-radius: 4px 4px 4px 4px;
}

.round-button-left {
	border-radius: 4px 0 0 4px;
}

.round-button-right {
	border-radius: 0 4px 4px 0;
}

.button_right {
	text-align: right;
	margin-bottom: 12px;
}

.button_left {
	float: left;
}

.mar_r {
	margin-right: 4px;
}

.button-wishlist {
	background-color: unset;
	color: #FF7300;
	font-size: 30px;
	cursor: pointer;
}

/*----- links -----*/
a {
	color: #FF7300;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #FF9640;
	text-decoration: underline;
}

a.big_link,
a.more_big {
	color: #ff7300;
	font-weight: bold;
	font-size: 15px;
}

a.big_link:after,
a.more_big:after {
	content: ' \f061';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 15px;
	display: inline-block;
	padding: 0 0 0 4px;
	color: #ff7300;
}

a.text_link,
ul.top-nav li a.text_link {
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #ff7300;
	font-size: 13px;
	font-weight: normal;
	padding-top: 2px;
}

.navi_content_header h3 {
	padding-right: 12px;
}

a.text_link:hover,
a.text_link:focus,
ul.top-nav li a.text_link:hover,
ul.top-nav li a.text_link:focus {
	color: #FF9640;
	text-decoration: underline;
}

/*----- over -----*/
.over,
.clickover {
	position: relative;

}

.over.open,
.clickover.open {
	color: #000;
}

.over .content,
.clickover .content {
	visibility: hidden;
	background: #FFF;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
	padding: 12px;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 0;
	height: auto;
	width: auto;
	overflow: hidden;
}

.over.open .content,
.clickover.open .content {
	opacity: 1;
	height: auto;
	visibility: visible;
}

.top-nav .over .content {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: inherit;
	padding: 0;
}

#header .over .content,
#header .clickover .content,
#header-small .clickover .content {
	position: absolute;
}

/* ----- sticky ----- */
.sticky {
	width: 100%;
	background: #FFF;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	position: fixed;
	padding: 0;
	z-index: 3000;
	top: 0;
	left: 0;
}

.sticky.not-sticky,
.not-sticky {
	position: static;
}

.sticky.not-sticky+#content {
	padding-top: 0;
}

.sticky+#content {
	padding-top: 128px;
}

#header.sticky,
#header-small.sticky {
	-webkit-animation: slide-navi-down 0.25s ease-in-out;
	-moz-animation: slide-navi-down 0.25s ease-in-out;
	animation: slide-navi-down 0.25s ease-in-out;
}

@keyframes slide-navi-down {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(-100%);
		transform: translateY(0);
	}
}

/* ----- to top ----- */
.totop {
	width: 36px;
	height: 36px;
	position: fixed;
	padding: 12px;
	z-index: 2999;
	bottom: 45px;
	right: 45px;
	display: none;
	font-size: 36px;
}

/*------------------*/
/*----- header -----*/
/*------------------*/
#header {
	width: 100%;
}

.fixed #header {
	position: fixed;
	z-index: 1000;
}

#header.sticky .container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#header.sticky #header-logo {
	order: 1;
}

#header.sticky .navigation-bar {
	order: 2;
}

#header.sticky .navbar-left {
	order: 3;
}

#header.sticky .navbar-right {
	order: 4;
}

/*----- header-mobile -----*/
#header-mobile {
	width: 100%;
	background: #262626;
}

/*----- header-admin -----*/
#header-admin {
	width: 100%;
	background: #262626;
	color: #FFF;
	position: relative;
	z-index: 5;
}

#header-admin .container>.col {
	padding-top: 9px;
	text-align: center;
}

#header-admin .container>.col:first-of-type {
	padding: 0;
	text-align: left;
}

#header-admin .container>.col:last-of-type {
	text-align: right;
	padding-top: 4px;
}

#header-admin i,
#header-admin .button {
	line-height: 14px;
}

/*----- header -----*/


/*----- ssl -----*/
#ssl {
	width: 280px;
}

:is(.xs, .sm, .md, .lg) #ssl {
	width: 100%;
	margin-bottom: 18px;
}

#ssl .ssl-message i {
	margin-right: 3px;
}

/*----- login, cart, wishlist -----*/
#account form {
	border-bottom: 1px solid #e6e6e6;
	margin: 0px 0 8px 0;
}

#cart table {
	border-top: 1px solid #e6e6e6;
	padding: 8px 0 0 0;
	margin: 16px 0 0 0;
}

#account p {
	margin-bottom: 8px;
}

#account li {
	margin: 0;
}

#account li a {
	border-bottom: 1px solid #e6e6e6;
	padding: 8px 12px;
	margin: 0 -12px;
	display: block;
}

#account li a:hover,
#account li a:focus {
	background: #e6e6e6;
	color: #000;
}

/* cart */
.added-to-cart h4 {
	color: #6FC234;
	padding: 12px 0 24px 0;
}

.premiumcart {
	margin: 12px 0 24px 0;
}

.premiumcart strong {
	font-size: 15px;
	line-height: 21px;
}

.premiumcart.premiumyes strong,
.premiumcart.premiumyes span {
	color: #559600;
}

.premiumcart.premiumno strong,
.premiumcart.premiumno span {
	color: #d20000;
}

.checkout_buttons .float_left {
	margin-right: 80px;
}

.checkout_buttons .float_left:last-child {
	margin-right: 0;
}

/*----- navigation -----*/
/* main */
.navigation-bar {
	width: 100%;
	height: 40px;
	position: relative;
	top: 0;
	z-index: 9;
	background: #444444;
}

.menue-infos {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.menue-icons {
	padding-top: 6px;
}

ul.top-nav {
	margin: 0px;
	padding: 0px;
}

.top-nav li.CatLevel1 {
	list-style: none;
	margin: 0;
}

.top-nav li .image {
	display: none;
	height: 100px;
	width: 100%;
	margin-bottom: 8px;
}

.top-nav li .image {
	-webkit-transition: all 0.25s 0s ease-in-out 0s;
	-moz-transition: all 0.25s 0s ease-in-out;
	transition: all 0.25s 0s ease-in-out;
}

.top-nav li a:hover .image,
.top-nav li a:focus .image {
	-webkit-transform: scale(1.2) translateY(-2%);
	transform: scale(1.2) translateY(-2%);
}

.top-nav li img {
	max-height: 100px;
	max-width: 100px;
}

.top-nav #c-22 .CatLevel2 .image,
.top-nav #c-1256 .CatLevel2 .image,
.top-nav #c-2185 .CatLevel2 .image {
	display: inline-block;
}

.top-nav #c-22 .CatLevel2,
.top-nav #c-1256 .CatLevel2,
.top-nav #c-2185 .CatLevel2 {
	float: left;
	padding: 0 12px;
	width: 20%;
	height: 180px;
}

.top-nav #c-22 .CatLevel2:nth-child(5n+5),
.top-nav #c-1256 .CatLevel2:nth-child(5n+5),
.top-nav #c-2185 .CatLevel2:nth-child(5n+5) {
	padding: 0 0 0 12px;
}

.top-nav #c-22 .CatLevel2:nth-child(5n+1),
.top-nav #c-1256 .CatLevel2:nth-child(5n+1),
.top-nav #c-2185 .CatLevel2:nth-child(5n+1) {
	padding: 0 12px 0 0;
}

.top-nav #c-22 .CatLevel2 a,
.top-nav #c-1256 .CatLevel2 a,
.top-nav #c-2185 .CatLevel2 a {
	text-align: center;
	border-top: 0px;
}

.top-nav #c-23 .CatLevel2 {
	float: left;
	padding: 0 12px;
	width: 25%;
	margin-top: 0;
	margin-bottom: 12px;
}

.top-nav #c-23 .CatLevel2:nth-child(-n+4) {
	min-height: 160px;
}

.top-nav #c-23 .CatLevel2:nth-child(n+5) {
	min-height: 280px;
}

.top-nav #c-23 .CatLevel2:nth-child(n+9) {
	min-height: 90px;
}

.top-nav #c-23 .CatLevel2:nth-child(n+10) {
	min-height: 30px;
}

.top-nav #c-23 .CatLevel2:nth-child(4n+4) {
	padding: 0 0 0 12px;
}

.top-nav #c-23 .CatLevel2:nth-child(4n+1) {
	padding: 0 12px 0 0;
}

.top-nav #c-23 .CatLevel2:nth-child(13) {
	padding: 0 12px;
}

.top-nav #c-23 .CatLevel2:nth-child(15) {
	padding: 0 0 0 12px;
}

:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(1),
:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(2),
:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(3),
:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(4) {
	min-height: 170px;
}

:lang(ru) .top-nav #c-23 .CatLevel2:nth-child(5),
:lang(ru) .top-nav #c-23 .CatLevel2:nth-child(6),
:lang(ru) .top-nav #c-23 .CatLevel2:nth-child(7),
:lang(ru) .top-nav #c-23 .CatLevel2:nth-child(8) {
	min-height: 300px;
}

:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(5),
:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(6),
:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(7),
:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(8) {
	min-height: 310px;
}

:lang(ru) .top-nav #c-23 .CatLevel2:nth-child(n+10) {
	min-height: 70px;
}

:lang(ru) .top-nav #c-23 .CatLevel2:nth-child(n+10) {
	min-height: 50px;
}



.remainder-nav ul {
	display: none;
}

.gifts-nav ul {
	display: none;
}

.whatsnew-nav ul {
	display: none;
}

ul.remainder-nav,
ul.whatsnew-nav {
	margin-bottom: 0;
}

#header.sticky .top-nav li.CatLevel1 {
	margin-top: 0;
}

.top-nav .navigation_content li.CatLevel1,
.top-nav .free_content li.CatLevel1 {
	float: none;
	margin: 0 0 4px 0;
}

.top-nav li.over {
	position: static;
}

.top-nav .open {
	z-index: 2999;
}

.top-nav .over .small,
.top-nav .over .products_count {
	font-size: 11px;
	font-weight: normal;
	color: #999;
	display: none;
}

.top-nav .over .content .small,
.top-nav .over .content .products_count {
	display: inline;
	white-space: nowrap;
}

.top-nav #c-22 .CatLevel2 a .small,
.top-nav #c-1256 .CatLevel2 a .small,
.top-nav #c-2185 .CatLevel2 a .small {
	display: inline;
	white-space: normal;
}

#c-1948,
.top-nav>#c-499 {
	display: none;
}

.top-nav a:not(.button):not(.text_link) {
	display: block;
	padding: 12px 12px 8px 12px;
	margin: 0 4px;
	font-weight: bold;
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
	height: 40px;
	/* border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent; */
}

#header.sticky .top-nav>li.CatLevel1>a {
	color: #000;
	font-size: 13px;
	height: 45px;
	margin: 0;
}

#header.sticky .top-nav li.CatLevel1.open>a {
	color: #ff7300;
	height: 46px;
	border-radius: 0;
	padding: 12px 12px 8px 12px;
}

#header.sticky .top-nav li.CatLevel1.Current.closed>a {
	color: #ff7300;
	height: 45px;
	border-radius: 0;
	background: #e8e8e8;
	margin-top: -1px;
	padding: 12px 12px 8px 12px;
	border-color: #e8e8e8;
}

#c-new>a,
#header.sticky #c-new>a {
	color: #6FC234;
}

#c-sale>a,
#header.sticky #c-sale>a {
	color: #FF7300;
}

#c-brands>a,
#header.sticky #c-brands>a {
	color: #38a4d9;
}

#c-brands>a,
#header.sticky #c-brands>a {
	color: #38a4d9;
}

.top-nav a:hover,
.top-nav a:focus,
#c-new a:hover,
#c-new a:focus,
#c-sale a:hover,
#c-sale a:focus,
#c-brands a:hover,
#c-brands a:focus {
	color: #FF7300;
}

.top-nav .content h3 {
	margin: 0 0 12px 0;
	font-size: 15px;
	color: #999;
}

/* .top-nav .open > a:not(.button), .top-nav .CurrentParent > a:not(.button), .top-nav CatLevel1.Current > a:not(.button), .top-nav .CurrentParent.closed a:not(.button), .top-nav .Current.closed a:not(.button) { */
.top-nav .navigation_content ul li a,
.top-nav .open>a:not(.button),
.top-nav .CurrentParent>a:not(.button),
.top-nav .CatLevel1.Current>a:not(.button) {
	padding: 12px 12px 8px 12px;
	color: #FF7300;
	font-weight: bold;
/* 	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC; */
	background: #FFF;
	/* height: 40px; */
}

.top-nav .content li {
	float: none;
	padding: 0;
}

.top-nav .content li:first-child {
	margin: 0;
}

.top-nav .content li a,
.top-nav .CatLevel1 .content li a,
.top-nav .content li.column-list ul li a,
.manufacturer-categories .level0 a,
.manufacturer-categories .level1 a {
	color: #000;
	background: none;
	border: 0px solid #CCC;
	border-top: 1px solid #CCC;
	border-radius: 0px;
	margin: 0 0 4px 0;
	padding: 4px 0 4px 0;
	height: auto;
	font-size: 15px;
	font-weight: bold;
}

.manufacturer-categories .level1 a {
	border-top: 0px solid #CCC;
	font-size: 13px;
	padding: 2px 0 2px 0;
}

.manufacturer-categories .columns li a {
	display: block;
	width: 100%;
}

.top-nav .content li li {
	padding: 0;
}

.top-nav .content li li a,
.top-nav .CatLevel1 .content li li a,
.manufacturer-categories .level2 a {
	color: #333;
	font-size: 13px;
	padding: 0;
	border: 0px solid #CCC;
	font-weight: normal;
}

.top-nav .content li.CurrentParent a,
.top-nav .content li.Current a,
.top-nav .content li.CurrentParent li.Current a,
.top-nav .content li li.Current a,
.top-nav .content li.CurrentParent li.CurrentParent a {
	color: #FF7300;
}

.top-nav .content li.CurrentParent li a {
	color: #333;
}

.top-nav .content li a:hover,
.top-nav .content li a:focus,
.top-nav .content li.CurrentParent li a:focus,
.top-nav .content li.CurrentParent li a:hover,
.top-nav .content li li a:hover,
.top-nav .content li li a:focus,
.top-nav>a:hover,
.top-nav>a:focus,
.manufacturer-categories a:hover,
.manufacturer-categories a:focus {
	color: #FF7300 !important;
	text-decoration: none;
}

#header .top-nav .CatLevel1.over .content {
	top: 40px;
	position: absolute;
	width: 984px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

#header .top-nav .columns {
	max-height: 500px;
}

#header.sticky .top-nav .CatLevel1.over .content {
	top: 46px;
}

#c-sale .CatLevel1>ul,
#c-gifts .CatLevel1>ul,
#c-new .CatLevel1>ul {
	display: none;
}

.nav-background {
	-o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
	-ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
	background-color: #fff;
	width: 100%;
	left: 0;
	top: 40px;
	position: absolute;
	z-index: 2000;
	visibility: hidden;
	opacity: 0;
}

.nav-background.open::after {
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	display: block;
	height: 100%;
	background-color: #EEE;
	z-index: 1;
}

.nav-background.onlywhite.open::after {
	background-color: #FFF;
}

.nav-background.open {
	opacity: 1;
	visibility: visible;
}

#header.sticky .nav-background {
	top: 46px;
}

.navigation-bar ul.top-nav,
#navigation-small ul.top-nav {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

ul.top-nav li a:not(.button):not(.text_link) {
	text-decoration: none;
	display: block;
}

.navi_content_header {
	margin-bottom: 12px;
}

.navi_content_header a,
.navi_content_header h3 {
	display: inline;
	vertical-align: middle;
}

.navi_content_header h3 {
	display: inline;
	margin-right: 12px;
}

.top-nav .navigation_content {
	float: left;
	width: 80%;
	width: calc(80% - 24px);
	padding: 24px 24px 24px 0;
	background: #FFF;
}

#c-sale .col,
#c-gifts .col,
#c-new .col {
	padding: 0 24px;
}

#c-sale .col:first-child,
#c-gifts .col:first-child,
#c-new .col:first-child {
	padding-left: 0px;
}

#c-sale .col:last-child,
#c-gifts .col:last-child,
#c-new .col:last-child {
	padding-right: 0px;
}

.top-nav #c-brands .navigation_content {
	text-align: center;
	padding-right: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.top-nav #c-brands .content .navigation_content h3 {
	font-size: 24px;
	color: #999;
	margin-bottom: 12px;
	font-weight: normal;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
}

.free_content {
	float: left;
	width: 20%;
	width: calc(20% + 24px);
}

.quicklink_content {
	float: left;
	width: 100%;
	padding: 24px 0 24px 24px;
	background: #EEE;
}

.brands_content {
	float: left;
	width: 100%;
	padding: 24px;
	background: #FFF;
}

.additional_content {
	float: left;
	width: 80%;
	padding: 24px;
	background: #FFF;
}

.additional_content a {
	border-top: 0px !important;
}

.best_categories {
	margin-top: 36px;
}

.top-nav #c-26 .navigation_content,
.top-nav #c-40 .navigation_content {
	width: 40%;
	width: calc(40% - 12px);
}

.top-nav #c-26 .free_content,
.top-nav #c-40 .free_content {
	width: 60%;
	width: calc(60% + 12px);
}

.top-nav #c-26 .brands_content,
.top-nav #c-40 .brands_content {
	width: 66.6667%;
	width: calc(66.6667% - 20px);
}

.top-nav #c-26 .quicklink_content,
.top-nav #c-40 .quicklink_content {
	width: 33.3333%;
	width: calc(33.3333% + 20px);
}

.top-nav #c-sale .navigation_content,
.top-nav #c-gifts .navigation_content,
.top-nav #c-new .navigation_content {
	width: 20%;
}

.top-nav #c-sale .free_content,
.top-nav #c-gifts .free_content,
.top-nav #c-new .free_content {
	width: 80%;
}

.top-nav #c-sale .additional_content,
.top-nav #c-gifts .additional_content,
.top-nav #c-new .additional_content {
	width: 75%;
	width: calc(75% - 24px);
}

.top-nav #c-sale .quicklink_content,
.top-nav #c-gifts .quicklink_content,
.top-nav #c-new .quicklink_content {
	width: 25%;
	width: calc(25% + 24px);
}

/* sub */
.sub-nav .small,
.sub-nav .Current .small,
.sub-nav .CurrentParent .small {
	font-weight: normal;
	color: #999;
}

.sub-nav,
.sub-nav a,
#spec_filter,
.category-box a {
	color: #666;
	text-decoration: none;
}

.sub-nav .small,
.sub-nav a .small,
#spec_filter .small,
.category-box a .small {
	color: #999;
}

.sub-nav a:hover,
.sub-nav a:focus,
#spec_filter a:hover,
#spec_filter a:focus,
.category-box a:hover,
.category-box a:focus {
	color: #FF9640;
}

.sub-nav .content {}

.sub-nav .Current>a,
.category-box a.current {
	color: #FF7300;
	font-weight: bold;
}

.sub-nav .CurrentParent>a {
	font-weight: bold;
}

.sub-nav .CatLevel2 {
	margin-left: 18px;
}

.sub-nav .CatLevel3 {
	margin-left: 18px;
}

.manufacturer-categories .sub-nav .CatLevel2 {
	margin-left: 0;
}

.manufacturer-categories .sub-nav .CatLevel3 {
	margin-left: 0;
}

.manufacturer-categories .sub-nav.brand-nav .CatLevel3 {
	margin-left: 0;
}

.sub-nav .CatLevel0 {
	display: none;
}

.sub-nav .CatLevel0.Current {
	display: block;
}

.sub-nav .CatLevel0.Current .CatLevel1>ul {
	display: none;
}

.sub-nav .CatLevel1.CurrentParent {
	display: block;
}

.sub-nav .CatLevel1.CurrentParent .CatLevel2 {
	display: block;
}

.sub-nav .CatLevel1.CurrentParent .CatLevel2.SubMenue ul {
	display: none;
	margin: 0;
}

.sub-nav .CatLevel1.CurrentParent .CatLevel2.Current {
	display: block;
}

.sub-nav .CatLevel1.CurrentParent .CatLevel2.Current.SubMenue ul {
	display: block;
}

.sub-nav .CatLevel1.CurrentParent .CatLevel2.CurrentParent {
	display: block;
}

.sub-nav .CatLevel1.CurrentParent .CatLevel2.CurrentParent.SubMenue ul {
	display: block;
}

.sub-nav.brand-nav li {
	display: block;
}

.sub-nav.brand-nav .CatLevel3 {
	margin-left: 36px;
}

/*--- Teaser ---*/
.teaser_box {
	display: block;
	position: relative;
	overflow: hidden;
}

.teaser_mini {
	height: 135px;
}

.teaser_small {
	height: 180px;
	max-width: 300px;
}

.teaser_medium {
	height: 240px;
}

.teaser_large {
	height: 360px;
	margin-bottom: 24px;
}

.teaser_box a.teaser_link,
.top-nav .teaser_box a.teaser_link {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0px;
}

.teaser_text {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #FFF;
	color: #000;
	padding: 8px 12px;
}

.teaser_image {
	display: block;
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: cover;
	transition: all ease-in-out 0.2s;
}

a:hover .teaser_image,
a:focus .teaser_image {
	transform: scale(1.05);
}

#startpage-categories-teaser .teaser_text {
	color: #FFF;
	background-color: #FF7300;
	font-size: 18px;
	font-weight: normal;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
}

#startpage-categories-teaser .teaser_text::after {
	color: #FFF;
}

.teaser_list {}

.panel .teaser_list {
	width: 50%;
}

.teaser_list li {}

.teaser_list a {
	display: block;
	color: #000;
	border-top: 1px solid #CCC;
	margin: 0 0 4px 0;
	padding: 4px 0 4px 0;
	font-size: 15px;
	font-weight: bold;
}

.teaser_list a:hover,
.teaser_list a:focus,
a:hover .teaser_text,
a:focus .teaser_text {
	text-decoration: none;
	color: #FFF;
	background: #FF7300;
}

.teaser_list a::after,
.teaser_text::after,
.contact_list a::after,
.contact_list span::after,
.text_link.icon-arrow-right::after {
	content: '\f061';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 15px;
	display: inline;
	color: #FF7300;
	margin-left: 6px;
}

.contact_list a::after,
.contact_list span::after {
	display: inline-block;
}

a:hover .teaser_text::after,
a:focus .teaser_text::after {
	color: #FFF;
}

.teaser_block {
	margin-bottom: 36px;
}

.teaser_product {
	background: #FFF;
	border: 1px solid #EEE;
	padding: 12px;
}

.teaser_product a {
	padding: 0 !important;
	margin: 0 !important;
	height: auto !important;
}

.teaser_product .product-wrapper {
	height: auto;
	margin: 0;
}

.teaser_product .price {}

#c-sale .teaser_product,
#c-gifts .teaser_product {
	width: 50%;
	width: calc(50% - 12px);
	float: left;
}

#c-sale .teaser_product:first-of-type,
#c-gifts .teaser_product:first-of-type {
	margin-right: 12px;
}

#c-sale .teaser_product:last-of-type,
#c-gifts .teaser_product:last-of-type {
	margin-left: 12px;
}

.teaser_text_campaign {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding: 0 12px 12px 12px;
}

/*--- Filter ---*/
.filter-wrapper {}

.filter-content {
	display: none;
	padding-bottom: 12px;
}

.filter-content label {
	font-size: 14px;
}

.showfilter {
	cursor: pointer;
}

.showfilter::after {
	content: '\f078';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 15px;
	display: inline-block;
	color: #CCC;
	float: right;
}

.filter-active .filter-content,
.filter-open .filter-content {
	display: block;
}

.filter-open .showfilter::after,
.filter-active .showfilter::after {
	content: '\f077';
}

.filter-wrapper>.col {
	padding: 0;
	width: 100%;
}

.filter-icon {
	text-align: right;
	cursor: pointer;
	line-height: 32px;
}

.filter-icon i {
	font-size: 22px;
}

#spec_filter.toggled {
	display: block !important;
}

.filter-wrapper>#spec_filter {
	margin-bottom: 24px;
}


#spec_filter h4,
.category-box h4 {
	color: #000;
	font-family: "Arial Black", "Arial Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	margin: 12px 0 12px;
	text-decoration: none;
	text-transform: uppercase;
}

.filter-title {
	color: #000;
	font-family: "Arial Black", "Arial Bold", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 0;
}

#spec_filter h4 {
	margin: 0;
	padding: 12px 0;
}

#spec_filter .category,
#spec_filter .feature {
	border-top: 1px solid #CCC;
	margin: 0;
	padding: 0;
}

.category-box {
	border-top: 1px solid #CCC;
	margin: 36px 0 0 0;
	padding: 12px 0 0 0;
	clear: both;
}
#spec_filter .feature:first-of-type {
	border: unset;
	padding-top: 0;
	margin-top: 0;
}
#spec_filter .feature:first-of-type h4 {
	padding-top: 0;
	margin-top: 0;
}

.col12.category-box {
	border-top: 0px;
}

.category-box {
	margin: 0;
}

#spec_filter>div:first-of-type {
	margin: 0;
}

#spec_filter div.content {
	border-top: 0px solid #CCC;
	margin: 0;
	padding: 0;
}

.feature label.flag {
	right: inherit;
	top: inherit;
	display: block;
	position: relative;
	margin: 4px 0;
}

.feature label.flag span {
	display: inline-block;
	min-width: 25px;
	text-align: center;
}

.feature label.flag span.small {
	min-width: auto;
}


#manu_filter .small,
#sizes_filter .small,
.sub-nav .small {
	float: right;
	margin-right: 10px;
}

.sub-nav .small {
	margin-right: 0;
}

/* Active */
.filter-and-sort {
	padding: 8px 12px;
	padding-right: 36px;
    border-radius: 4px;
    background: #444444;
    color: white;
    display: inline-block;
	cursor: pointer;
	position: relative;
	margin-bottom: 6px;
	margin-right: 6px;
}
.filter-and-sort:hover {
	background: #5a5a5a;
}
.filter-and-sort .icon {
	position: absolute;
	right: 12px;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 1px; /* center the icon */
}
.filter-and-sort .icon i {
	font-size: 18px;
}

.filters__active-label {
	margin: 0 6px 0 0;
}

.filters__active-label,
.filters__active-items {
	display: inline-block;
}

:is(.xs, .sm, .md, .lg) .filters__active-items {
    width: calc(100% + 48px);
    scrollbar-width: none;
    display: flex;
    justify-self: center;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
	white-space: nowrap;
	margin: 0 -18px;
	padding: 0 18px;
}

.filters__active-items a {
	padding: 8px 12px;
	border-radius: 4px;
	background: #E8E8E8;
	color: #666;
	border: 1px solid #E8E8E8;
	display: inline-block;
	margin-bottom: 6px;
	margin-right: 6px;
}

.filters__active-items a.filters__remove-link {
	background: #FFF;
	border: 1px solid #CCC;
}

.filters__active-items i {
	margin: 0 0 0 6px;
	color: #999;
}

.filters__active-items a:hover,
.filters__active-items a:focus {
	text-decoration: none;
	color: #000;
	background: #FFF;
	border: 1px solid #999;
}

/* Color */
#pfcat_38 form div {
	width: 34px;
	display: inline-block;
	min-height: 1px;
	position: relative;
	text-align: center;
	margin: 0 8px 12px 0;
}

#pfcat_38 label {
	margin: 0;
}

#pfcat_38 label span {
	display: block;
}

#pfcat_38 label:before {
	top: 0px;
	width: 32px;
	height: 32px;
	margin: 0 0 4px 0;
	top: 0;
}

#pfilter_261+label:before {
	background-color: white;
}

#pfilter_262+label:before {
	background-color: black;
}

#pfilter_263+label:before {
	background-color: darkgrey;
}

#pfilter_264+label:before {
	background-color: saddlebrown;
}

#pfilter_265+label:before {
	background-color: royalblue;
}

#pfilter_266+label:before {
	background-color: darkturquoise;
}

#pfilter_267+label:before {
	background-color: red;
}

#pfilter_268+label:before {
	background-color: orange;
}

#pfilter_269+label:before {
	background-color: yellow;
}

#pfilter_270+label:before {
	background-color: green;
}

#pfilter_271+label:before {
	background-color: hotpink;
}

#pfilter_272+label:before {
	background: #777;
	background: -moz-linear-gradient(top, #777 0%, #D3D3D3 100%);
	background: -webkit-linear-gradient(top, #777 0%, #D3D3D3 100%);
	background: linear-gradient(to bottom, #777 0%, #D3D3D3 100%);
}

#pfilter_273+label:before {
	background: #C6920D;
	background: -moz-linear-gradient(top, #C6920D 0%, #E0D2B4 100%);
	background: -webkit-linear-gradient(top, #C6920D 0%, #E0D2B4 100%);
	background: linear-gradient(to bottom, #C6920D 0%, #E0D2B4 100%);
}

#pfilter_274+label:before {
	background: #8e402a;
	background: -moz-linear-gradient(top, #8e402a 0%, #f0b7a1 100%);
	background: -webkit-linear-gradient(top, #8e402a 0%, #f0b7a1 100%);
	background: linear-gradient(to bottom, #8e402a 0%, #f0b7a1 100%);
}

#pfilter_275+label:before {
	background: #ffffff;
	background: -webkit-linear-gradient(top left, #ffffff 0%, #ffffff 10%, #e8e8e8 10%, #e8e8e8 20%, #ffffff 20%, #ffffff 30%, #e8e8e8 30%, #e8e8e8 40%, #ffffff 40%, #ffffff 50%, #e8e8e8 50%, #e8e8e8 60%, #ffffff 60%, #ffffff 70%, #e8e8e8 70%, #e8e8e8 80%, #ffffff 80%, #ffffff 90%, #e8e8e8 90%, #e8e8e8 100%);
	background: -o-linear-gradient(top left, #ffffff 0%, #ffffff 10%, #e8e8e8 10%, #e8e8e8 20%, #ffffff 20%, #ffffff 30%, #e8e8e8 30%, #e8e8e8 40%, #ffffff 40%, #ffffff 50%, #e8e8e8 50%, #e8e8e8 60%, #ffffff 60%, #ffffff 70%, #e8e8e8 70%, #e8e8e8 80%, #ffffff 80%, #ffffff 90%, #e8e8e8 90%, #e8e8e8 100%);
	background: linear-gradient(to bottom right, #ffffff 0%, #ffffff 10%, #e8e8e8 10%, #e8e8e8 20%, #ffffff 20%, #ffffff 30%, #e8e8e8 30%, #e8e8e8 40%, #ffffff 40%, #ffffff 50%, #e8e8e8 50%, #e8e8e8 60%, #ffffff 60%, #ffffff 70%, #e8e8e8 70%, #e8e8e8 80%, #ffffff 80%, #ffffff 90%, #e8e8e8 90%, #e8e8e8 100%);
}

/* Preis */
#price_filter {
	margin-top: 4px;
}

#price_filter #price-min,
#price_filter #price-max,
#price_filter #price {
	margin: 12px 0;
	max-width: 30%;
	border-radius: 4px;
}

#price_filter .selected {
	color: #000;
	font-weight: bold;
	border: 1px solid #000;
}

#price-range {
	border: 1px solid #CCC !important;
	background: #FFF;
	height: 10px;
	position: relative;
	margin: 24px 0 0 0;
}

#price-range .ui-slider-range {
	border: 0;
	background: #555;
	height: 10px;
	top: -1px;
}

#price-range .ui-slider-handle {
	border: 0;
	background: #ccc;
	height: 18px;
	width: 18px;
	border: 1px solid #ccc;
	margin-top: -1px;
}

#price-range .ui-slider-handle:hover,
#price-range .ui-slider-handle:focus {
	background: #FFF;
}

/* Manufacturer */
.manufilter-wrapper {
	position: relative;
}

.manufilter-wrapper #manufilter {
	font-size: 16px;
}

.manufilter-wrapper:before {
	font-family: "Font Awesome 7 Pro";
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	content: "\f002";
	color: #999;
	font-size: 16px;
	padding-right: 10px;
	position: absolute;
	top: 9px;
	right: 0;
}

#manufilter,
#pfilter_sizes select {
	width: 100%;
	margin: 0 0 8px 0;
}

#manu_filter .rd_inl,
#sizes_filter .rd_inl {
	max-height: 200px;
	overflow-y: scroll;
}

/* Rating */
#rating-range .far {
	color: #CCC;
	font-size: 15px;
}

#rating-range .fas {
	color: #f5b400;
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(#fef500, #DE9F04);
	background: -o-linear-gradient(#fef500, #DE9F04);
	-webkit-background-clip: text;
	display: inline-block;
	font-size: 15px;
}

/*-------------------*/
/*----- content -----*/
/*-------------------*/
#content {
	width: 100%;
	background: #FFF;
}

#content #main {
	padding-bottom: 48px;
}

.fixed #content {
	margin-top: 125px;
}

/*----- breadcrumb -----*/
#breadcrumb {
	margin-bottom: 24px;
    width: 100%;
	position: relative;
}

#breadcrumb a, #breadcrumb .no-link {
	color: black;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin-right: 12px;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb span:first-of-type a {
	margin-left: 0;
}

#breadcrumb span:last-of-type a, #breadcrumb .no-link:last-of-type {
	font-weight: bold;
	margin-right: 0;
}

#breadcrumb .arrow-right-icon {
	font-size: 14px;
	color: black;
	margin-right: 12px;
}

.breadcrumb-list {
	width: 100%;
	scrollbar-width: none;
    display: flex;
    justify-self: center;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
}

.breadcrumb-list > * {
	display: inline-block;
	white-space: nowrap;
}

.mobile-breadcrumb #breadcrumb {
	margin-bottom: 0;
	height: 32px;
	display: flex;
	align-items: center;
	background-color: #444444;
}

:is(.xs, .sm, .md) .breadcrumb-list {
	padding: 0 24px;
}

.mobile-breadcrumb #breadcrumb a, .mobile-breadcrumb #breadcrumb .no-link, .mobile-breadcrumb #breadcrumb .arrow-right-icon {
	color: white;
}

.mobile-breadcrumb #breadcrumb .gradient-left::before {
	content: "";
	height: 100%;
	width: 60px;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), #444444);
}

.mobile-breadcrumb #breadcrumb .gradient-right::after {
	content: "";
	height: 100%;
	width: 60px;
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #444444);
}

/*----- promotions -----*/
.ribbon-general {
	position: relative;
	text-align: center;
	color: white;
	padding: 8px 15px 9px 15px;
	z-index: 5;
}

.ribbon-general a:hover span,
.ribbon-general a:hover,
.ribbon-general a:focus span,
.ribbon-general a:focus {
	text-decoration: none !important;
	box-shadow: none;
}

.ribbon-general .close-ribbon {
	color: #999;
	cursor: pointer;
}

.ribbon-general.closed {
	display: none;
}

.ribbon-general.open {
	display: block;
}

/* ribbon - newsletter */
.ribbon-newsletter {
	background: #161616;
	font-size: 14px;
}

.ribbon-newsletter .content .link {
	color: #FF7300;
}

/* ribbon - whatsapp */
.ribbon-whatsapp {
	background: #25D366;
	font-size: 14px;
}

.ribbon-whatsapp .close-ribbon {
	color: #008531;
	cursor: pointer;
}

.ribbon-whatsapp a {
	color: #000000;
	font-weight: bold;
}

.ribbon-whatsapp .whatsapp-logo {
	color: #000;
}

/* ribbon - summer sale */
.ribbon-summer-sale {
	background: black;
	font-size: 14px;
}

.ribbon-summer-sale a {
	color: #ff7300;
	font-weight: bold;
}

.ribbon-summer-sale .close-ribbon {
	color: white;
	opacity: 0.5;
}

/* ribbon - halloween */
.ribbon-halloween {
	background: black;
	font-size: 14px;
}

.ribbon-halloween a {
	color: #ff7300;
	font-weight: bold;
}

.ribbon-halloween .close-ribbon {
	color: white;
}

/* ribbon - Advent */
.ribbon-advent {
	background: #ab0202;
	font-size: 14px;
}

.ribbon-advent a {
	color: #fff;
	font-weight: bold;
}

.ribbon-advent .close-ribbon {
	color: white;
}

/* ribbon - wsv */
.ribbon-wsv {
	background: #0F4A83;
	font-size: 14px;
}

.ribbon-wsv a {
	color: #ffffff;
	font-weight: bold;
}

.ribbon-wsv .close-ribbon {
	color:#ffffff;
}

/* ribbon - silvester */
.ribbon-silvester {
	background: #d69f2f;
	font-size: 14px;
}

.ribbon-silvester a {
	color: #000;
	font-weight: bold;
}

.ribbon-silvester .close-ribbon {
	color:#000;
}

/* ribbon - black week */
.ribbon-blackweek {
	background: black;
	font-size: 14px;
}

.ribbon-blackweek a {
	color: #ff7300;
	font-weight: bold;
}

.ribbon-blackweek .close-ribbon {
	color: white;
}

/* Special Promotionbox */
.ribbon-shipping {
	background: #ffa930;
	background-size: cover;
	font-size: 14px;
}

.ribbon-shipping .content .text {
	color: black;
}

.ribbon-shipping .content .text .code {
	color: white;
	font-weight: bold;
	background-color: #6fc234;
	padding: 0.3em 0.5em 0.3em 0.5em;
}

.ribbon-shipping a.btn_close {
	color: black;
}

/* Ostern Promotionbox */
.ribbon-easter {
	background: #ffa71a;
	color: white;
	font-size: 14px;
}

.ribbon-easter a {
	color: black;
	font-weight: bold;
}

.ribbon-easter .close-ribbon {
	color: black;
}

.ribbon-easter .content .text .code {
	padding: 4px 8px;
	background: #ff7300;
	color: white;
	font-weight: bold;
}

/* Herbst Promotionbox */
.ribbon-autumn {
	background: #914f00;
	color: white;
	font-size: 14px;
}

.ribbon-autumn a.btn_close {
	color: white;
}

.ribbon-autumn .content .text {
	color: white;
}

.ribbon-autumn .content .text .code {
	padding: 4px 8px;
	background: #ff7300;
	color: #FFF;
	font-weight: bold;
}

/* PayPal 0%-Finanzierung Promotionbox */
#promotionsPaypal {
	background: #0087ce;
	background-size: cover;
	font-size: 14px;
}

#promotionsPaypal .content .text {
	color: white;
}

#promotionsPaypal .content .text .code {
	color: white;
	font-weight: bold;
	background-color: #ff7300;
	padding: 0.3em 0.5em 0.3em 0.5em;
}

#promotionsPaypal a.btn_close {
	color: white;
}

/* Shipping Xmas */
#promotionsShippingXmas {
	background: #7A0203;
	background-size: cover;
	font-size: 14px;
}

#promotionsShippingXmas .content .text {
	color: white;
}

#promotionsShippingXmas .content .text .code {
	color: white;
	font-weight: bold;
	background-color: #ff7300;
	padding: 0.3em 0.5em 0.3em 0.5em;
}

#promotionsShippingXmas a.btn_close {
	color: white;
}

/* Shipping Xmas */
#promotionsShippingXmas {
	background: #7A0203;
	background-size: cover;
	font-size: 14px;
}

#promotionsShippingXmas .content .text {
	color: white;
}

#promotionsShippingXmas .content .text .code {
	color: white;
	font-weight: bold;
	background-color: #ff7300;
	padding: 0.3em 0.5em 0.3em 0.5em;
}

#promotionsShippingXmas a.btn_close {
	color: white;
}

/* Silvester */
#promotionsSilvester {
	background: black;
	background-size: cover;
	font-size: 14px;
}

#promotionsSilvester .content .text {
	color: #ff7300;
}

#promotionsSilvester .content .text .code {
	color: white;
	font-weight: bold;
	background-color: #ff7300;
	padding: 0.3em 0.5em 0.3em 0.5em;
}

#promotionsSilvester a.btn_close {
	color: white;
}


/*----- main -----*/
#main {
	background: #FFF;
}

#content.category #main,
#content.manufacturer #main,
#content.search #main,
#content.coid-97 #main,
#content.coid-99 #main,
#content.coid-100 #main,
#content.coid-1003 #main,
#content.coid-1004 #main,
#content.coid-1005 #main
 {
	padding-top: 24px;
}

#main .container, #main .big-container {
	background: #FFF;
	/* border-radius: 8px; */
}

#content.content #main .container {
	min-height: 480px;
}

.col .container,
#main .col .container {
	background: none;
	border-radius: 0px;
}

/*------------------*/
/*----- footer -----*/
/*------------------*/
#footer {
	width: 100%;
	color: #FFF;
	background-color: #161616;
}

#footer .line {
	height: 1px;
	width: 100%;
	background-color: #363636;
}

#footer .seperator {
	height: 100%;
	width: 1px;
	background-color: #363636;
}

#footer h4 {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	margin: 0 0 12px 0;
	display: inline-block;
}

#footer p,
#footer ul {
	margin: 0;
}

/*----- footer-contact -----*/
#footer-contact {
	background: #161616;
}

#footer-contact>.container>.col-6:first-child {
	border-right: 1px solid #565656;
}

#footer-call h4,
#footer-newsletter h4 {
	font-size: 21px;
}

#footer-call span {
	display: block;
	color: #FF7300;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 30px;
}

#footer-call span:before {
	content: ' ';
	background: #0CF;
}

#footer-call p a {
	color: white;
}

#footer-call p a:hover,
#footer-call p a:focus {
	color: #FF7300;
}

#footer-contact p {
	margin: 0 0 8px 0;
}

#footer-newsletter .mail,
#newsletter_layer .mail {
	color: #000 !important;
	font-size: 18px;
	line-height: 18px;
	padding: 8px 12px 8px 12px;
}

/*----- footer-service -----*/
#footer-service {
	background: #161616;
}

#footer-payment {
	min-width: 312px;
}

#footer-logos>div {
	z-index: 1;
}

#MyCustomTrustbadge {
	width: 180px;
	height: 90px;
}

#idealoReviews {
	position: relative;
	width: 160px;
	height: 92px;
}

#topshop img {
	width: auto;
	height: 100px;
}

#pciseal img {
	height: 92px
}

#geizhalslogo img {
	/* height: 42px; */
}

#bde_shopreview {
	width: 88px;
	color: #FFF !important;
	background: none !important;
}

#bde_shopreview .rs,
#bde_shopreview .rs span {
	background-image: url("img/billiger_star-5ca229509dfe3e23a35ae88b823d279c.png") !important;
}

#kununu, #kununu img {
	height: 100px;
}

/*----- footer-bottom -----*/
#footer-bottom {
	background: #161616;
	color: #666;
}

#footer-bottom a {
	color: #666;
	text-decoration: none;
}

#footer-bottom a:hover,
#footer-bottom a:focus {
	color: #999;
	text-decoration: underline;
}

/*----------------*/
/*----- cols -----*/
/*----------------*/
.bg-grey {
	background-color: #565656 !important;
}

.bg-darkgrey {
	background-color: #262626 !important;
}

/*----------------------------*/
/*----- category listing -----*/
/*----------------------------*/

.categories .swiper-container {
	width: calc(100% - 24px);
	height: 146px;
	position: unset;
}

.categories .swiper-wrapper {
	margin: 0;
}

.categories {
	margin: 0;
}

.categories h2,
.categories h3 {
	margin: 0;
	font-size: 13px;
	font-weight: normal;
}

.categories .picture,
.categories .text,
.categories .text h2,
.categories .text h3 {
	display: table;
	width: 100%;
}

.categories .picture {
	min-width: 70px;
}

.categories .picture a,
.categories .text a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.categories .picture img {
	max-width: 90px;
	max-height: 90px;
}

.categories .text {
	text-align: center;
	text-overflow: ellipsis;
	height: 28px;
	margin: 12px 0 0 0;
}

.categories .picture a {
	height: 70px;
	width: 70px;
}

.categories .text a {
	text-decoration: none;
	color: #999;
}

.categories .swiper-slide {
	margin: 0;
	padding: 12px 0 0 0;
	border-right: 1px solid #CCC;
}

.categories .swiper-slide:last-of-type {
	border-right: 0px;
}

.categories {
	position: relative;
}

.categories .swiper-btn {
	height: 100%;
}

.categories .swiper-btn.btn-right::before {
	content: none;
	height: 146px;
	width: 120px;
	position: absolute;
	top: 0;
}

.categories .swiper-btn.btn-right.swiper-button-disabled::before {
	content: none;
	background: none;
}

.categories .swiper-btn.btn-right::before {
	content: '';
	height: 146px;
	width: 120px;
	position: absolute;
	top: 0;
	right: 0;
	background: rgb(255, 255, 255, .75);
	background: -webkit-linear-gradient(right, rgb(255, 255, 255) 60px, rgb(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(right, rgb(255, 255, 255) 60px, rgb(255, 255, 255, 0) 100%);
	background: linear-gradient(to left, rgb(255, 255, 255) 60px, rgb(255, 255, 255, 0) 100%);
}

.categories .current {
	background: #CCCCCC;
	background: -moz-linear-gradient(top, #CCCCCC 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #CCCCCC 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #CCCCCC 0%, #ffffff 100%);
}

.categories .current a,
.categories .swiper-slide:hover a,
.categories .swiper-slide:focus a {
	color: #FF7300;
}

.categories .current a {
	font-weight: bold;
}

#startCategoriesSwiper .swiper-container {
	height: 172px;
}

#startCategoriesSwiper .swiper-wrapper,
#startSaleSwiper .swiper-wrapper,
#manufacturer-top .swiper-wrapper,
.custom-product-swiper .swiper-wrapper {
	justify-content: flex-start;
}

#startCategoriesSwiper .categories .text a {
	color: #CCC;
}

#startCategoriesSwiper .picture a {
	width: 120px;
	height: 120px;
}

#startCategoriesSwiper .swiper-slide {
	border-color: #767676;
	min-width: 240px;
}

#startCategoriesSwiper .swiper-btn {
	color: #CCC !important;
}

#startCategoriesSwiper .swiper-button-disabled {
	color: #767676 !important;
}

#startCategoriesSwiper .swiper-btn.btn-right::before {
	height: 172px;
	width: 150px;
	background: rgb(86, 86, 86, .75);
	background: -webkit-linear-gradient(right, rgb(86, 86, 86) 60px, rgb(86, 86, 86, 0) 100%);
	background: -o-linear-gradient(right, rgb(86, 86, 86) 60px, rgb(86, 86, 86, 0) 100%);
	background: linear-gradient(to left, rgb(86, 86, 86) 60px, rgb(86, 86, 86, 0) 100%);
}

/* CUSTOM CATEGORY SWIPER */
.custom-category-swiper .swiper-container {
	height: 172px;
}

.custom-category-swiper .swiper-wrapper {
	justify-content: flex-start;
}

.custom-category-swiper .categories .text a {
	color: #ccc;
}

.custom-category-swiper .picture a {
	width: 120px;
	height: 120px;
}

.custom-category-swiper .swiper-slide {
	border-color: #767676;
	min-width: 240px;
}

.custom-category-swiper .swiper-btn {
	color: #ccc !important;
}

.custom-category-swiper .swiper-button-disabled {
	color: #767676 !important;
}

.custom-category-swiper .swiper-btn.btn-right::before {
	height: 172px;
	width: 150px;
	background: rgb(86,86,86,.75);
    background: -webkit-linear-gradient(right,rgb(86,86,86) 60px,rgb(86,86,86,0) 100%);
    background: -o-linear-gradient(right,rgb(86,86,86) 60px,rgb(86,86,86,0) 100%);
    background: linear-gradient(to left,rgb(86,86,86) 60px,rgb(86,86,86,0) 100%);
}

.custom-category-swiper .container {
	padding: 60px 0;
}

/* VOUCHER STARTPAGE */
.voucher-startpage {
	height: 260px;
	background-color: black;
}

.voucher-startpage.halloween {
	background-color: #1a0c00;
}

.voucher-startpage .container {
	height: 100%;
	width: 100%;
	display: flex;
	justify-items: center;
	align-items: center;
}

.voucher-startpage .list {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
}

.voucher-startpage .element {
	height: 170px;
	list-style: none;
	margin: 0;
	text-align: center;
}

.voucher-startpage .element .discount {
	color: white;
	text-align: center;
	font-size: 26px;
	font-style: italic;
}

.voucher-startpage .element .discount .number {
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	letter-spacing: .075em;
	font-size: 70px;
	font-weight: bold;
	display: block;
}

.voucher-startpage .element .code-box {
	background-color: #ff7300;
	padding: .5em 1em;
	font-size: 20px;
	color: white;
	font-weight: bold;
	margin-top: 10px;
}

.code-box {
	background-color: #ff7300;
	padding: .4em 0.7em;
	font-size: 20px;
	color: white;
	font-weight: bold;
	margin-top: 10px;
}

.code-box-green {
	background-color: #6fc234;
	padding: .4em 0.7em;
	font-size: 20px;
	color: white;
	font-weight: bold;
	margin-top: 10px;
}

.voucher-startpage .element .code-box .code {
	font-size: 12px;
	vertical-align: middle;
}

#startManufacturers {
	margin: 0;
}

/*---------------------------*/
/*----- product listing -----*/
/*---------------------------*/

.lazy-hidden {
	background: transparent url("img/ajax-loader-a3b8c3aafe7d74dda3e8335191acc208.png") no-repeat 50% 50%;
}

.listing-headline {
	color: #FF7300;
	line-height: 32px;
	margin-bottom: 16px;
}

.product-categories .header-image {
	/* height: 320px; */
	background-size: cover;
	border-radius: 0;
	margin-bottom: 24px;
	position: relative;
}

.product-categories .header-image h1 {}

.header-text {
	color: #ffffff;
	background: #4f4f4f;
	font-size: 15px;
	font-weight: bold;
}

#popup_content {
	/* overflow: clip; */
}

#popup_content .header-wrapper {
	width: 100%;
	margin: 0;
	display: inline-block;
}

#popup_content .header_wrapper {
	margin-bottom: 36px;
}

#popup_content .header-wrapper.coid,
#popup_content .header_wrapper {
	border-radius: 0 0 0 0;
}

#popup_content .header-image {
	height: auto;
}

.header-headline {
	background: -webkit-linear-gradient(#B7B7B7, #FFF 36px);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#B7B7B7, #FFF 36px);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#B7B7B7, #FFF 36px);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#B7B7B7, #FFF 36px);
	/* Standard syntax */
	padding: 12px 24px;
	color: #999;
	font-size: 30px;
	font-weight: normal;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
}

.header-headline.col-12 {
	margin: 0 0 24px -12px;
	width: 984px;
}

/* REMAINDERS & NEW */
.coid-99 #beforemain.landing-page-header.sale,
.coid-100 #beforemain.landing-page-header.sale {
	background: #FF7300 url("img/sale_start_bg-594dfb0e8d951e43fa0fc69bd95e46a6.jpg") no-repeat center;
	background-size: cover;
}

.coid-99 .with-image .wrapper,
.coid-100 .with-image .wrapper {
	height: auto;
}

.coid-99 .with-image .small,
.coid-100 .with-image .small {
	background: #FF7300 none repeat;
	color: white;
}

.coid-99 .contentSaleImage,
.coid-100 .contentSaleImage {
	min-height: 300px;
	/* background: url("img/remainders-db9ac10060978245b2680060b5ca55f0.png") no-repeat right 50%; */
}

.coid-97 .with-image {
	background: url("img/new-background-6c7774c3c216166dc38eb62802b34e61.jpg") no-repeat top;
}

.coid-97 #beforemain {
	background-color: #444444;
}

.coid-97 .with-image .container {
	/* background: url("img/new-625edde2eefb745012cae8c4f688fb0b.png") no-repeat right;
	background-position-x: calc(100% - 24px); */
}

@media screen and (max-width: 960px) {
	.coid-97 .with-image .container {
		background-image: none;
	}
	
}

.contentpage-headline {

}

.contentpage-headline .sub.box h3 {
	margin: 0 0 0 0.5em;
	margin-left: 2em;
	padding: 0.12em 0 0.16em 0;
	display: inline;
	line-height: 1.3;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.contentpage-headline .sub.box.white h3 {
	background-color: #fff;
	box-shadow: 0.5em 0 0 #fff, -0.5em 0 0 #fff;
}

.contentpage-headline .sub.box.orange h3 {
	background-color: #ff7300;
	box-shadow: 0.5em 0 0 #ff7300, -0.5em 0 0 #ff7300;
}

.contentpage-headline .sub.box.green h3 {
	background-color: #6FC234;
	box-shadow: 0.5em 0 0 #6FC234, -0.5em 0 0 #6FC234;
}

.contentpage-headline .sub h3 {
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: white;
	letter-spacing: 0.1em;
	font-weight: 500;
}

.contentpage-headline .main {
	z-index: 2;
	/* margin-top: 0.21%; */
}

.contentpage-headline .main.box h2 {
	margin: 0 0 0 0.4em;
	padding: 0.12em 0 0.16em 0;
	display: inline;
	line-height: 1.4;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.contentpage-headline .main.box.white h2 {
	background-color: white;
	box-shadow: 0.4em 0 0 #fff, -0.4em 0 0 #fff;;
	/* padding */
}

.contentpage-headline .main.box.orange h2 {
	background-color: #ff7300;
	box-shadow: 0.4em 0 0 #ff7300, -0.4em 0 0 #ff7300;
	/* padding */
}

.contentpage-headline .main.box.green h2 {
	background-color: #6FC234;
	box-shadow: 0.4em 0 0 #6FC234, 0.4em 0 0 #6FC234;
	/* padding */
}

.contentpage-headline .main h2 {
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: black;
	letter-spacing: 0.06em;
}

@-moz-document url-prefix() { 
	.contentpage-headline .mainh2 {
		letter-spacing: 0.02em;
	}
}

@media not all and (min-resolution:.001dpcm) { 
	@supports (-webkit-appearance:none) and (stroke-color:transparent) { 
		.contentpage-headline .mainh2 {
			letter-spacing: 0.02em;
		}
	} 
}

.coid-1004 .contentpage-headline {
	
}

.fullwidth {
	margin: 36px 0;
}

#startNewSwiper.fullwidth {
	margin: 0;
}

#startHighlightsHeadline.fullwidth,
#startNewHeadline.fullwidth {
	margin-bottom: 0;
	padding: 24px 0 0 0;
}

#beforemain,
#startFeatured {
	margin: 0;
}

.with-image .wrapper {
	max-width: 1920px;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	position: relative;
}

.with-header .wrapper {
	height: 180px;
}

.with-image .wrapper {
	height: 180px;
}



#startSale {
	background: #ff7300 url("img/sale_start_bg-594dfb0e8d951e43fa0fc69bd95e46a6.jpg") no-repeat center;
	background-size: cover;
	text-align: center;
	padding: 36px 0 72px 0;
}

#contentSale {
	text-align: center;
	padding: 40px 0;
}

#startSale h2,
#contentSale h2 {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	font-size: clamp(100px, 30vw, 200px);
	line-height: .75;
	text-transform: uppercase;
	color: #e73900;
	display: inline-block;
	margin: 0;
	position: relative;
}

#startSale #startSaleText #startSaleHeadline,
#contentSale #contentSaleText #contentSaleHeadline {
	margin-top: -16px;
    position: relative;
}

#startSaleText .saleSave {
	top: 48px;
	left: auto;
	margin-left: 72px;
	position: absolute;
	display: inline-block;
}

#startSaleText .flag {
	top: 0;
	right: 0;
}

#contentSale .flag {
	top: -12px;
	right: -90px;
}

#startSale #startSaleText h3,
#contentSale h3,
#startSale h4,
#contentSale h4 {
	margin: 0 !important;
	padding: 0 !important;
}

#startSale #startSaleText h3 span,
#contentSale h3 span {
	font-family: 'Arial Black', 'Arial Bold', Arial, sans-serif;
	font-size: clamp(22px, 5vw, 30px);
	line-height: 40px;
	padding: 0 18px;
	text-transform: uppercase;
	color: #000;
	background: #FFF;
	display: inline-block;
	margin: 0;
}

#startSale #startSaleSwiper h3 a,
#startSaleSwiper.campaign h3 a {
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #FFF;
}

#startSale h4 span,
#contentSale h4 span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	padding: 0 12px;
	color: #FFF;
	background: #000;
	padding: 0 18px;
	display: inline-block;
	margin: 0;
}

#contentSale.french h2 span,
#contentSale.portuguese h2 span,
#contentSale.spanish h2 span,
#contentSale.polish h2 span,
#contentSale.spanish h2 span {
	font-size: 160px;
}

#contentSale.russian h2 span {
	font-size: 96px;
}

#contentSale.italian h3 span {
	font-size: 21px;
}

#startSale {
	margin: 0 0 36px 0;
}

#startSaleHeading {
	margin-bottom: 0;
}

#startSale #startSaleText #startSaleHeadline {
	top: 127px;
}

#startSale h2 {
	font-size: 360px;
	line-height: 360px;
}

#startSale h4 {
	font-size: 15px;
	line-height: 24px;
}

#startSale #startSaleText h3 {
	font-size: 48px;
	line-height: 60px;
	padding: 0 24px;
}

#startSaleText .saleSave {
	top: 24px;
}

#startSale .flag.round-big {
	width: 110px;
	height: 110px;
}

#startSale .flag.round-big .round {
	font-size: 30px;
}

#startSale .flag.round-big .round span {
	font-size: 13px;
	line-height: 13px;
}

#startSale.french h2 {
	font-size: 260px;
	line-height: 300px;
}

#startSale.french #startSaleText #startSaleHeadline {
	top: 112px;
}

#startSale.japanese h2 {
	font-size: 300px;
	line-height: 320px;
}

#startSale.portuguese h2 {
	font-size: 240px;
	line-height: 300px;
}

#startSale.portuguese #startSaleText #startSaleHeadline {
	top: 108px;
}

#startSale.portuguese #startSaleText h3 {
	font-size: 40px;
	line-height: 48px;
}

#startSale.spanish h2 {
	font-size: 210px;
	line-height: 300px;
}

#startSale.russian h2 {
	font-size: 110px;
	line-height: 300px;
}

#startSale.spanish #startSaleText #startSaleHeadline {
	top: 109px;
}

#startSale.spanish #startSaleText h3 {
	font-size: 40px;
	line-height: 48px;
}

#startSale.polish h2 {
	font-size: 180px;
	line-height: 300px;
}

#startSale.polish #startSaleText #startSaleHeadline {
	top: 163px;
}

#startSale.polish #startSaleText h3 {
	font-size: 40px;
	line-height: 48px;
}

@media screen and (min-width: 1328px) {

	#contentSale.french h2,
	#contentSale.portuguese h2 {
		font-size: 200px;
	}

	#contentSale.italian h3 {
		font-size: 24px;
	}

	#contentSale.spanish h2,
	#contentSale.polish h2 {
		font-size: 180px;
	}

	#startSale #startSaleText #startSaleHeadline {
		top: 152px;
	}

	#startSale h2 {
		font-size: 450px;
		line-height: 450px;
	}

	#startSale h4 {
		font-size: 21px;
		line-height: 36px;
	}

	#startSale #startSaleText h3 {
		font-size: 60px;
		line-height: 80px;
		padding: 0 36px;
	}

	#startSaleText .saleSave {
		top: 30px;
	}

	#startSale .flag.round-big {
		width: 150px;
		height: 150px;
	}

	#startSale .flag.round-big .round {
		font-size: 44px;
	}

	#startSale .flag.round-big .round span {
		font-size: 15px;
		line-height: 15px;
	}

	#startSale.french h2,
	#startSale.portuguese h2,
	#startSale.japanese h2 {
		font-size: 360px;
		line-height: 400px;
	}

	#startSale.french #startSaleText #startSaleHeadline,
	#startSale.portuguese #startSaleText #startSaleHeadline,
	#startSale.japanese #startSaleText #startSaleHeadline {
		top: 147px;
	}

	#startSale.portuguese h2 {
		font-size: 320px;
		line-height: 400px;
	}

	#startSale.portuguese #startSaleText #startSaleHeadline {
		top: 138px;
	}

	#startSale.portuguese #startSaleText h3 {
		font-size: 48px;
		line-height: 60px;
	}

	#startSale.spanish h2 {
		font-size: 280px;
		line-height: 400px;
	}

	#startSale.russian h2 {
		font-size: 160px;
		line-height: 400px;
	}

	#startSale.spanish #startSaleText #startSaleHeadline {
		top: 141px;
	}

	#startSale.spanish #startSaleText h3 {
		font-size: 42px;
		line-height: 54px;
	}
}


/* PROMOTION BANNER STARTPAGE */
.promotion-banner {
	height: 420px;
	background: #0f4a85 url("../../media/content/images/startpage-slider-desktop-winter-sale-2024-89e411e0a52ad152d27d6c5e9123649e.jpg");
	background-position: center;
	background-repeat: no-repeat;
}

.promotion-banner a {
	height: 100%;
	width: 100%;
	display: block;
}

/* PRODUCT CAROUSEL */
.custom-product-swiper {
	padding: 60px 0;
}

.custom-product-swiper.brands {
	padding: 0 0 20px 0;
}

.custom-product-swiper .product-wrapper .price {
	top: unset !important;
	height: unset;
	margin: unset;
}

.custom-product-swiper .product-wrapper .price .ShopPriceCur {
	position: unset !important;
}

.custom-product-swiper .products .swiper-slide {
	border: 0px !important;
	min-width: 210px;
}

.custom-product-swiper .swiper-btn {
	color: #FFF !important;
}

.custom-product-swiper .swiper-button-disabled {
	color: rgb(255, 255, 255, 0.25) !important;
}

.custom-product-swiper .swiper-btn.btn-right::before {
	background: none;
}

.custom-product-swiper .products .picture {
	min-width: 150px;
}

.custom-product-swiper .products .picture a {
	height: 150px;
	width: 150px;
}

.custom-product-swiper .products .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.custom-product-swiper .product-wrapper {
	height: unset;
	margin: 20px 0 0 0;
	width: 170px;
}

.custom-product-swiper .flag {
	top: 0;
	right: 0;
}

.custom-product-swiper .price {
	margin-bottom: 30px;
}

.custom-product-swiper .price .save_percent {
	display: block;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.custom-product-swiper .price>.productOldPrice {
	margin-bottom: unset;
}

.custom-product-swiper .price .ShopPriceCur {
	top: unset !important;
	bottom: unset !important;
	margin-top: unset;
}

.custom-product-swiper .price .onlyOldPrice .ShopPriceCur {
	top: unset !important;
	bottom: unset !important;
	margin-top: 20px;
}

.custom-product-swiper .price .ShopPriceCur .shopprice .shopprice_p1 {
	font-size: 36px;
}

.custom-product-swiper .price .ShopPriceCur .shopprice .shopprice_dp,
.custom-product-swiper .price .ShopPriceCur .shopprice .shopprice_p2,
.custom-product-swiper .price .ShopPriceCur .shopprice_cur.shopprice_curright {
	font-size: 22px;
	vertical-align: 9px;
}

.custom-product-swiper .price .onlyOldPrice .ShopPriceCur .shopprice span,
.custom-product-swiper .price .onlyOldPrice .ShopPriceCur .shopprice_cur.shopprice_curright {
	font-size: 12px;
	vertical-align: unset;
}

/* autumn */
.custom-product-swiper.autumn {
	background-color: #ffaa00;
}

.custom-product-swiper.autumn .swiper-btn {
	color: #000000 !important;
}

.custom-product-swiper.autumn .swiper-button-disabled {
	color: rgb(000, 000, 000, 0.25) !important;
}

.custom-product-swiper.autumn .price,
.custom-product-swiper.autumn .price .onlyOldPrice .ShopPriceCur,
.custom-product-swiper.autumn .price .ShopPriceCur .shopprice .shopprice_dp,
.custom-product-swiper.autumn .price .ShopPriceCur .shopprice .shopprice_p1,
.custom-product-swiper.autumn .price .ShopPriceCur .shopprice .shopprice_p2,
.custom-product-swiper.autumn .price .ShopPriceCur .shopprice_cur.shopprice_curright,
.custom-product-swiper.autumn .price .onlyOldPrice .ShopPriceCur .shopprice span,
.custom-product-swiper.autumn .price .onlyOldPrice .ShopPriceCur .shopprice_cur.shopprice_curright {
	color: #000000 !important;
}

.custom-product-swiper.autumn .price .save_percent {
	color: #000000;
}

.custom-product-swiper.wintersale .price,
.custom-product-swiper.wintersale .price .onlyOldPrice .ShopPriceCur,
.custom-product-swiper.wintersale .price .ShopPriceCur .shopprice .shopprice_dp,
.custom-product-swiper.wintersale .price .ShopPriceCur .shopprice .shopprice_p1,
.custom-product-swiper.wintersale .price .ShopPriceCur .shopprice .shopprice_p2,
.custom-product-swiper.wintersale .price .ShopPriceCur .shopprice_cur.shopprice_curright,
.custom-product-swiper.wintersale .price .onlyOldPrice .ShopPriceCur .shopprice span,
.custom-product-swiper.wintersale .price .onlyOldPrice .ShopPriceCur .shopprice_cur.shopprice_curright {
	color: white !important;
}

.custom-product-swiper.wintersale .price .save_percent {
	color: white;
}

.with-image {
	background-color: #333;
}

.without-header {
	background-color: #CCC;
}

.with-header {
	background: #333;
}

.with-slider {
	background: #FFF;
}

.without-header .container,
.with-header .container {
	height: 180px;
}

.manufacturer .without-header {
	background: none;
	height: 120px;
}

.manufacturer .without-header .container {
	height: auto;
}

.manufacturer .without-header .logo {
	justify-content: flex-start;
}

.manufacturer .without-header .brand-logo img {
	max-height: 100%;
	max-width: 160px;
}

.brand-logo img {
	max-height: 100px;
	max-width: 300px;
}

.manufacturer-product {
	position: absolute;
	
	top: 0;
	right: 0;
}

.manufacturer-product img {
	height: 180px;
}

@media screen and (max-width: 1200px) {
	/* .manufacturer-product {
		right: -180px;
	} */
}

.div-break {
	position: relative;
}

#beforemain .content_header h1,
#beforemain .no_content_header h1 {
	color: #FFF;
	margin-top: 36px;
}

:is(.xs, .sm) #beforemain .content_header h1,
:is(.xs, .sm) #beforemain .no_content_header h1 {
	font-size: 24px;
}

#beforemain .content_header p {
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
}

#beforemain .header_wrapper {
	height: 100%;
	width: 100%;
}

#beforemain .content_header,
#beforemain .no_content_header {
	height: 100%;
	width: 50%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

:is(.xs, .sm) #beforemain .content_header,
:is(.xs, .sm) #beforemain .no_content_header {
	width: 100%;
}

#beforemain .content_header h1:first-of-type,
#beforemain .no_content_header h1:first-of-type {
	margin: 0;
}

#beforemain .content_header p,
#beforemain .no_content_header p {
	margin-top: 6px;
}

/* 
========================================
========== STARTPAGE SECTION ===========
========================================
*/
.startpage-header a {
	display: block;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 100%;
	padding-top: 28.125%;
}

:is(.xs, .sm) .startpage-header a {
	padding-top: unset;
	height: 134vw;
	background-size: cover;
}

.startpage-header .infos {
	padding-left: 4.5vw;
}

:is(.xs, .sm) .startpage-header .infos {
	padding-left: 6vw;
	padding-right: 6vw;
	padding-bottom: 6vw;
}

.startpage-header .infos .headline {
	margin-left: 1.5vw;
}

:is(.xs, .sm) .startpage-header .infos .headline {
	margin-left: unset;
}

.startpage-header .infos .headline .sub {
	display: inline-block;
	margin-left: 2vw;
	z-index: 1;
}

:is(.xs, .sm) .startpage-header .infos .headline .sub {
	margin-left: unset;
}

.startpage-header .infos .headline .sub .box h3 {
	margin: 0;
	padding: 0.12em 0 0.16em 0;
	display: inline;
	line-height: 1.3;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.startpage-header .infos .headline .sub .box.white h3 {
	background-color: #fff;
	box-shadow: 0.5em 0 0 #fff, -0.5em 0 0 #fff;
}

.startpage-header .infos .headline .sub .box.orange h3 {
	background-color: #ff7300;
	box-shadow: 0.5em 0 0 #ff7300, -0.5em 0 0 #ff7300;
}

.startpage-header .infos .headline .sub .box.xmas h3 {
	background-color: #59020f;
	box-shadow: 0.5em 0 0 #59020f, -0.5em 0 0 #59020f;
}


.startpage-header .infos .headline .sub .box.red h3 {
	background-color: #7a0203;
	box-shadow: 0.5em 0 0 #7a0203, -0.5em 0 0 #7a0203;
}

.startpage-header .infos .headline .sub h3 {
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	font-size: 1.5vw;
	text-transform: uppercase;
	color: white;
	letter-spacing: 0.1em;
	font-weight: 500;
}

:is(.xs, .sm) .startpage-header .infos .headline .sub h3 {
	font-size: 4vw;
}

.startpage-header .infos .headline .main {
	display: inline-block;
	z-index: 2;
	margin-top: 0.21%;
}

.startpage-header .infos .headline .main .box h2 {
	margin: 0;
	padding: 0.12em 0 0.16em 0;
	display: inline;
	line-height: 1.4;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.startpage-header .infos .headline .main .box.white h2 {
	background-color: white;
	box-shadow: 0.4em 0 0 #fff, -0.4em 0 0 #fff;;
	/* padding */
}

.startpage-header .infos .headline .main .box.orange h2 {
	background-color: #ff7300;
	box-shadow: -0.3em 0 0 #ff7300;
	/* padding */
}

.startpage-header .infos .headline .main h2 {
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	font-size: 3.8vw;
	color: black;
	letter-spacing: 0.06em;
}

:is(.xs, .sm) .startpage-header .infos .headline .main h2 {
	font-size: 9vw;
}

@-moz-document url-prefix() { 
	.startpage-header .infos .headline .main h2 {
		letter-spacing: 0.02em;
	}
}

@media not all and (min-resolution:.001dpcm) { 
	@supports (-webkit-appearance:none) and (stroke-color:transparent) { 
		.startpage-header .infos .headline .main h2 {
			letter-spacing: 0.02em;
		}
	} 
}

.startpage-header .infos .headline .main .box.uppercase h2 {
	text-transform: uppercase;
}

.startpage-header .infos .headline .main h2 .star {
	font-size: 2vw;
	color: #c6c6c6;
	vertical-align: super;
}

.startpage-header .infos .code {
	display: inline-block;
}

.startpage-header .infos .code .box {
	display: inline-block;
	margin-left: -1.4vw;
}

.startpage-header .infos .code .box.orange {
	background-color: #ff7300;
}

.startpage-header .infos .code .box.green {
	background-color: #6fc234;
}

.startpage-header .infos .code .box .text {
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	font-size: 2vw;
	text-transform: uppercase;
	color: white;
	letter-spacing: 0.06em;
	margin: 0;
	padding: 0.3em 0.6em;
}

.startpage-header .infos .button {
	top: unset !important;
	margin: 0 !important;
	position: unset !important;
}

/*
========== LANDINGPAGE SUMMER SALE ===========
*/
.landing-page-summer-sale .landing-page-header {
	height: 220px !important;
}

:is(.xxl, .plus, .xplus, .max) .landing-page-summer-sale .landing-page-header .wrapper {
	height: 220px !important;
	height: calc(100% + 48px) !important;
}

:is(.xs, .sm, .md, .lg, .xl) .landing-page-summer-sale .landing-page-header .wrapper {
	height: 220px !important;
}

.landing-page-summer-sale .landing-page-header .headline {
	color: white !important;
	text-align: center;
}

.landing-page-summer-sale .landing-page-header .headline .main,
.landing-page-summer-sale .landing-page-header .headline .sub {
	color: white !important;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
	display: block;
	letter-spacing: 0.08em;
	line-height: 1;
}

html[lang=ru] .landing-page-summer-sale .landing-page-header .headline .main,
html[lang=ru] .landing-page-summer-sale .landing-page-header .headline .sub,
html[lang=ru] .landing-page-summer-sale .landing-page-header .headline .main .number {
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
}

.landing-page-summer-sale .landing-page-header.russian .headline .main,
.landing-page-summer-sale .landing-page-header.russian .headline .sub {
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
}

.landing-page-summer-sale .landing-page-header .headline .main {
	--font-size: 65px;
	font-size: var(--font-size);
}

.landing-page-summer-sale .landing-page-header .headline .sub {
	--font-size: 30px;
	font-size: var(--font-size);
	margin-top: -5px;
}

:is(.sm, .md, .lg, .xl) .landing-page-summer-sale .landing-page-header .headline .main {
	--font-size: 50px;
	font-size: var(--font-size);
}

:is(.sm, .md, .lg, .xl) .landing-page-summer-sale .landing-page-header .headline .sub {
	--font-size: 22px;
	font-size: var(--font-size);
	margin-top: -5px;
}

:is(.xs) .landing-page-summer-sale .landing-page-header .headline .main {
	--font-size: 48px;
	font-size: var(--font-size);
}

:is(.xs) .landing-page-summer-sale .landing-page-header .headline .sub {
	--font-size: 20px;
	font-size: var(--font-size);
	margin-top: 0px;
}

.landing-page-summer-sale .landing-page-header .headline .sub .icon {
	margin-left: 12px;
}

/* code to copy */
.landing-page-summer-sale .landing-page-header .text-code {
	background: #00a9b3;
    padding: 0.6em 0.9em;
    font-size: 16px;
    color: white;
    display: inline-flex;
    align-items: center;
	color: white;
	cursor: pointer;
}

.landing-page-summer-sale .landing-page-header .text-code .highlight {
	font-size: 30px;
	margin-left: 0.8vw;
	font-weight: bold;
}

:is(.xs, .sm, .md, .lg, .xl) .landing-page-summer-sale .landing-page-header .text-code {
    font-size: 12px;
}

:is(.xs, .sm, .md, .lg, .xl) .landing-page-summer-sale .landing-page-header .text-code .highlight {
	font-size: 24px;
}

.landing-page-summer-sale .landing-page-header .copy-info {
	color: white;
	height: 32px;
}

.landing-page-summer-sale .landing-page-header .headline-image img {
	width: 340px;
}

:is(.xs, .sm, .md, .lg, .xl) .landing-page-summer-sale .landing-page-header .headline-image img {
	width: 280px;
}

/*
========== LANDINGPAGE EASTER ===========
*/

.landing-page-easter #beforemain {
	background: #f8a406 url("../../media/content/images/landingpage-header-easter-6bbfba9f4f48d912f99b51254c1e3b8f.jpg") no-repeat center center;
	background-size: cover;
}

.landing-page-easter .landing-page-header {
	height: 260px !important;
	overflow: hidden;
}

:is(.xxl, .plus, .xplus, .max) .landing-page-easter .landing-page-header .wrapper {
	height: 260px !important;
}

:is(.xs, .sm, .md, .lg, .xl) .landing-page-easter .landing-page-header .wrapper {
	height: 260px !important;
}

.landing-page-easter .landing-page-header.easter .wrapper {
	position: relative;
	z-index: 1;
}

.landing-page-easter .landing-page-header .headline-image.easter-headline {
	width: 100%;
	height: 100%;
	max-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.landing-page-easter .landing-page-header .headline-image.easter-headline img {
	display: block;
	width: auto;
	height: 80%;
	max-width: 360px;
	object-fit: contain;
	margin: 0 auto;
}

@media (max-width: 991px) {
	.landing-page-easter .landing-page-header {
		height: 260px !important;
	}

	.landing-page-easter .landing-page-header .wrapper {
		height: 260px !important;
	}

	.landing-page-easter .landing-page-header .headline-image.easter-headline img {
		max-width: 300px;
	}
}

@media (max-width: 575px) {
	.landing-page-easter .landing-page-header {
		height: 260px !important;
	}

	.landing-page-easter .landing-page-header .wrapper {
		height: 260px !important;
	}

	.landing-page-easter .landing-page-header .headline-image.easter-headline img {
		max-width: 220px;
	}

}

/*
========== LANDINGPAGE HALLOWEEN ===========
*/

.landing-page-halloween {
	background-color: black !important;
}

.landing-page-halloween #main {
	background: none;
}

.landing-page-halloween #beforemain {
	background: unset;
	background-size: unset;
}
.landing-page-halloween .landing-page-header {
	height: 220px !important;
}

:is(.xxl, .plus, .xplus, .max) .landing-page-halloween .landing-page-header .wrapper {
	height: 220px !important;
	height: calc(100% + 48px) !important;
}

:is(.xs, .sm, .md, .lg, .xl) .landing-page-halloween .landing-page-header .wrapper {
	height: 220px !important;
}

.landing-page-halloween .landing-page-header .headline {
	color: white !important;
	text-align: center;
}

.landing-page-halloween .landing-page-header .headline .main,
.landing-page-halloween .landing-page-header .headline .sub {
	color: white !important;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
	display: block;
	letter-spacing: 0.08em;
	line-height: 1;
}

html[lang=ru] .landing-page-halloween .landing-page-header .headline .main,
html[lang=ru] .landing-page-halloween .landing-page-header .headline .sub,
html[lang=ru] .landing-page-halloween .landing-page-header .headline .main .number {
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
}

.landing-page-halloween .landing-page-header.russian .headline .main,
.landing-page-halloween .landing-page-header.russian .headline .sub {
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
}

.landing-page-halloween .landing-page-header .headline .main {
	--font-size: 65px;
	font-size: var(--font-size);
	color: #ff7300 !important;
}

.landing-page-halloween .landing-page-header .headline .sub {
	--font-size: 30px;
	font-size: var(--font-size);
	margin-top: -5px;
}

:is(.sm, .md, .lg, .xl) .landing-page-halloween .landing-page-header .headline .main {
	--font-size: 50px;
	font-size: var(--font-size);
}

:is(.sm, .md, .lg, .xl) .landing-page-halloween .landing-page-header .headline .sub {
	--font-size: 22px;
	font-size: var(--font-size);
	margin-top: -5px;
}

:is(.xs) .landing-page-halloween .landing-page-header .headline .main {
	--font-size: 48px;
	font-size: var(--font-size);
}

:is(.xs) .landing-page-halloween .landing-page-header .headline .sub {
	--font-size: 20px;
	font-size: var(--font-size);
	margin-top: 0px;
}

.landing-page-halloween .landing-page-header .headline .sub .icon {
	margin-left: 12px;
}

/* code to copy */
.landing-page-halloween .landing-page-header .text-code {
	background: #6FC234;
    padding: 0.6em 0.9em;
    font-size: 16px;
    color: white;
    display: inline-flex;
    align-items: center;
	color: white;
	cursor: pointer;
}

.landing-page-halloween .landing-page-header .text-code .highlight {
	font-size: 30px;
	margin-left: 0.8vw;
	font-weight: bold;
}

:is(.xs, .sm, .md, .lg, .xl) .landing-page-halloween .landing-page-header .text-code {
    font-size: 12px;
}

:is(.xs, .sm, .md, .lg, .xl) .landing-page-halloween .landing-page-header .text-code .highlight {
	font-size: 24px;
}

.landing-page-halloween .landing-page-header .copy-info {
	color: white;
	height: 32px;
}

.landing-page-halloween .landing-page-header .headline-image img {
	height: 100%;
	padding-right: 3vw;
}

/* 
========================================
========== SALE SECTION ===========
========================================
*/

.startpage-sale-section .sale-background {
	background-image: url("../../media/content/images/sale-background-desktop-2f2f3e908ea7ff33f2e756e71cde1c60.webp") !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.startpage-sale-section a {
	color: white !important;
}

.startpage-sale-section a:hover {
	text-decoration: none;
}

.startpage-sale-section .percentage-discount {
	background-color: #000;
	width: 140px;
	height: 140px;
  	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
    top: 10%;
    right: -12%;
	flex-direction: column;
}

.startpage-sale-section .percentage-discount .save-up-to {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0em;
	text-transform: uppercase;
	display: block;
	line-height: 1em;
}

.startpage-sale-section .percentage-discount .percentage {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 42px;
	font-weight: 900;
	line-height: 1em;
	letter-spacing: -0.1em;
	display: block;
}

.startpage-sale-section .headline h3,
.startpage-sale-section .headline h4 {
	font-size: unset;
    color: unset;
    margin-top: unset;
    margin-bottom: unset;
}

.startpage-sale-section .headline {
	text-align: center;
	position: relative;
}

.startpage-sale-section .headline .big-headline {
	
}

.startpage-sale-section .headline .big-headline h3 {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #E73900;
	font-size: clamp(80px, 36vw, 360px);
    line-height: clamp(80px, 36vw, 360px);
	margin-bottom: 0;
	margin-left: -0.1em;
	display: inline-block;
	position: relative;
}

.startpage-sale-section .headline .box-headline {
	top: 44%;
    position: absolute;
    width: 100%;
}

.startpage-sale-section .headline .box-headline h4 {
	font-family: 'Arial Black', 'Arial Bold', Arial, sans-serif;
    text-transform: uppercase;
    color: black;
    background: white;
	font-size: clamp(12px, 6vw, 52px);
    line-height: clamp(12px, 6vw, 52px);
    padding: .15em .5em;
	display: inline-block;
	text-align: center;
}

/* 
========== STARTPAGE PROMOTION ===========
*/
.startpage-header-promotion a * {
	text-decoration: unset;
	color: unset;
}

.startpage-header-promotion a:hover, .startpage-header-promotion a:hover * {
	text-decoration: none;
	color: none;
}

.startpage-header-promotion a {
	display: block;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	width: 100%;
	padding-top: 33.33334%;
	text-decoration: unset;
}

.startpage-header-promotion a:hover {
	color: unset;
}

:is(.xs, .sm) .startpage-header-promotion a {
	padding-top: unset !important;
    height: 190vw;
    background-position: bottom;
    background-size: cover;
}

/* headline */
.startpage-header-promotion.summer-sale .headline {
	color: white !important;
	text-align: center;
}

.startpage-header-promotion.summer-sale .headline .main,
.startpage-header-promotion.summer-sale .headline .sub {
	color: white !important;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
	display: block;
	letter-spacing: 0.08em;
	line-height: 1;
}

html[lang=ru] .startpage-header-promotion.summer-sale .headline .main,
html[lang=ru] .startpage-header-promotion.summer-sale .headline .sub,
html[lang=ru] .startpage-header-promotion.summer-sale .headline .main .number {
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
}

.startpage-header-promotion.summer-sale.russian .headline .main,
.startpage-header-promotion.summer-sale.russian .headline .sub {
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
}

.startpage-header-promotion.summer-sale .headline .main {
	--font-size: 6.5vw;
	font-size: var(--font-size);
}

.startpage-header-promotion.summer-sale .headline .sub {
	--font-size: 2.5vw;
	font-size: var(--font-size);
	margin-top: -0.3vw;
}

:is(.xs, .sm) .startpage-header-promotion.summer-sale .headline .main {
	--font-size: 16vw;
	font-size: var(--font-size);
}

:is(.xs, .sm) .startpage-header-promotion.summer-sale .headline .sub {
	--font-size: 7vw;
	font-size: var(--font-size);
	margin-top: -0.3vw;
}

:is(.xs, .sm) .startpage-header-promotion.summer-sale .headline .main .number {
	--font-size: 46vw;
	font-size: var(--font-size);
	letter-spacing: 2vw;
	margin-right: 4vw;
	display: block;
}

.startpage-header-promotion.summer-sale .headline .sub .icon {
	margin-left: 12px;
}

/* code to copy */
.startpage-header-promotion.summer-sale .text-code {
	background: #00a9b3;
    padding: 0.6em 0.9em;
    font-size: 1.5vw;
    color: white;
    display: inline-flex;
    align-items: center;
	color: white;
}

.startpage-header-promotion.summer-sale .text-code .highlight {
	font-size: 2.5vw;
	margin-left: 0.8vw;
	font-weight: bold;
}

:is(.xs, .sm) .startpage-header-promotion.summer-sale .text-code {
    font-size: 5vw;
}

:is(.xs, .sm) .startpage-header-promotion.summer-sale .text-code .highlight {
	font-size: 7vw;
}

.startpage-header-promotion.summer-sale .copy-info {
	color: white;
}

.startpage-header-promotion .image img {
	width: 35vw;
}

:is(.xs, .sm) .startpage-header-promotion .image img {
	width: 85vw;
}

/* halloween startpage header */
/* headline */
.startpage-header-promotion.halloween a {
	padding-top: 28.125%;
}

:is(.xs, .sm) .startpage-header-promotion.halloween a {
	height: 132vw;
}

.startpage-header-promotion.halloween .headline {
	color: white !important;
	text-align: center;
}

.startpage-header-promotion.halloween .headline .main,
.startpage-header-promotion.halloween .headline .sub {
	color: white !important;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
	display: block;
	letter-spacing: 0.08em;
	line-height: 1;
}

html[lang=ru] .startpage-header-promotion.halloween .headline .main,
html[lang=ru] .startpage-header-promotion.halloween .headline .sub,
html[lang=ru] .startpage-header-promotion.halloween .headline .main .number {
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
}

.startpage-header-promotion.halloween.russian .headline .main,
.startpage-header-promotion.halloween.russian .headline .sub {
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
}

.startpage-header-promotion.halloween .headline .main {
	--font-size: 6.5vw;
	font-size: var(--font-size);
	color: #ff7300 !important;
}

.startpage-header-promotion.halloween .headline .sub {
	--font-size: 2.5vw;
	font-size: var(--font-size);
	margin-top: -0.3vw;
}

:is(.xs, .sm) .startpage-header-promotion.halloween .headline .main {
	--font-size: 12vw;
	font-size: var(--font-size);
}

:is(.xs, .sm) .startpage-header-promotion.halloween .headline .sub {
	--font-size: 6vw;
	font-size: var(--font-size);
	margin-top: -0.3vw;
}

/* :is(.xs, .sm) .startpage-header-promotion.halloween .headline .main .number {
	--font-size: 46vw;
	font-size: var(--font-size);
	letter-spacing: 2vw;
	margin-right: 4vw;
	display: block;
} */

/* code to copy */
.startpage-header-promotion.halloween .text-code {
	background: #6FC234;
    padding: 0.6em 0.9em;
    font-size: 1.5vw;
    color: white;
    display: inline-flex;
    align-items: center;
	color: white;
}

.startpage-header-promotion.halloween .text-code .highlight {
	font-size: 2.5vw;
	margin-left: 0.8vw;
	font-weight: bold;
}

:is(.xs, .sm) .startpage-header-promotion.halloween .text-code {
    font-size: 5vw;
}

:is(.xs, .sm) .startpage-header-promotion.halloween .text-code .highlight {
	font-size: 7vw;
}

.startpage-header-promotion.halloween .copy-info {
	color: white;
}

/* promotion buttons */
.startpage-promotion-buttons .single-button {
	font-size: 15px;
    padding: 12px 24px;
	border-radius: 4px;
    font-weight: bold;
    background: black;
	position: relative;
	display: flex;
	flex-direction: row;
	height: 80px;
	cursor: pointer;
}

.startpage-promotion-buttons .single-button:hover {
	filter: brightness(90%);
}

.startpage-promotion-buttons a {
	color: white;
	text-decoration: none;
}

.startpage-promotion-buttons .single-button .image {
	height: 80px;
	max-width: 140px;
	margin: -12px 0;
}

.startpage-promotion-buttons .single-button .button-title {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
}

.icon-arrow-left:before {
	content: '\f060';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 13px;
	display: inline-block;
	margin-right: 8px;
	margin-left: -4px;
}

.icon-arrow-right:after {
	content: '\f061';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 13px;
	display: inline-block;
	margin-left: 8px;
	margin-right: -4px;
}

.startpage-news a.image {
	width: 100%;
	margin: 0 auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	position: relative;
	height: 540px;
}

.product-wrapper {
	height: 224px;
}

#special-offers .product-wrapper {
	height: unset;
}

.listing-wrapper .product-wrapper {
	height: auto;
	min-height: 370px;
	position: relative;
}

.product-wrapper.big-product {
	height: 350px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 0;
}

/* picture */
.product-wrapper .picture {
	display: table;
	z-index: 1;
	width: 100%;
	margin-bottom: 8px;
}

.product-wrapper.big-product .picture,
#last-viewed .product-wrapper .picture {
	height: 220px;
	margin-bottom: 0px;
}

#reviews,
#also-purchased,
#last-viewed {
	background-color: white;
}

#also-purchased .product-wrapper .picture {
	height: 150px;
	margin-bottom: 12px;
}

.product-wrapper.big-product .picture a img,
#last-viewed .product-wrapper .picture a img {
	max-width: 240px;
	max-height: 200px;
}

#last-viewed .product-wrapper .picture {
	position: relative;
}

.listing-product-wrapper .product-wrapper .picture {
	position: relative;
}

#startNewSwiper .container {
	width: 100% !important;
}

/* quickbuy */
/* quickbuy popup styling */
.popup-dialog-product-reminder {
	max-width: 1000px;
}

.popup-content-product-reminder {
	/* height: 100%; */
}

:is(.xs, .sm) .popup-overlay-quickbuy {
	align-items: end !important;
}

.popup-dialog-quickbuy {
	max-width: 1000px;
	min-height: 600px;
}

:is(.xs, .sm, .md) .popup-dialog-quickbuy {
	height: auto !important;
	min-height: unset;
}

.listing-product-wrapper .product-wrapper .quick-buy-btn-wrapper {
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 100%;
    display: flex;
    justify-content: end;
}

.listing-product-wrapper .product-wrapper .quick-buy-btn {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	padding: 6px 12px;
	background: #DBDBDB;
	border-radius: 4px;
	cursor: pointer;
}

:is(.xs, .sm) .listing-product-wrapper .product-wrapper .quick-buy-btn {
	width: auto;
}

.listing-product-wrapper .product-wrapper .quick-buy-btn .text {
	color: black;
	margin-right: 8px;
}

:is(.xs, .sm) .listing-product-wrapper .product-wrapper .quick-buy-btn .text {
	display: none;
}

.listing-product-wrapper .product-wrapper .quick-buy-btn .icon {
	color: black;
	display: flex;
    align-items: center;
    justify-content: center;
}

.listing-product-wrapper .product-wrapper .quick-buy-btn .icon i:first-of-type {
	font-size: 18px;
	margin-bottom: 1px;
}

.listing-product-wrapper .product-wrapper .quick-buy-btn .icon i:last-of-type {
	font-size: 12px;
	margin-left: 4px;
}

.listing-product-wrapper .product-wrapper .quick-buy-btn:hover,
.listing-product-wrapper .product-wrapper .quick-buy-btn:focus {
	background: #CCC;
	color: #000;
	text-decoration: none;
}

/* preis */
.product-wrapper .price {
	position: relative;
	top: 0;
	height: 40px;
	margin-bottom: 8px;
}

.product-wrapper .price .ShopPriceCur {
	bottom: 0;
	height: auto;
	line-height: inherit;
	position: absolute;
}

.product-wrapper .price .productOldPrice .ShopPriceCur {
	top: 0;
	height: 16px;
}

.product-wrapper.big-product .price {
	height: 48px;
	margin-left: -12px;
}

.product-wrapper .price .shopprice_from {
	bottom: 0;
	height: auto;
	display: inline-block;
	margin: 14px 4px 0 0;
}

.product-info-top .price .shopprice_from,
.flag .shopprice_from,
#cross-selling .shopprice_from,
.product-wrapper.big-product .price .shopprice_from {
	display: none;
}

.price .save_percent {
	display: none;
}

.price .productOldPrice,
.pricebundle .oldprice,
.pricebundle .newprice .ShopPriceCur {
	display: block;
}

.price .productOldPrice .onlyTextOldPrice {
	display: none;
}

.price {
	color: #FF7300;
	font-family: 'CoolveticaRg-Regular', 'Arial Black', 'Arial Bold', Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	padding: 0;
	letter-spacing: 0.5px;
	line-height: normal;
}

.price a {
	display: block;
	color: #FF7300 !important;
}

.price a:hover,
.price a:focus {
	text-decoration: none;
	color: #FF7300;
}

.price:hover,
.price:focus {
	text-decoration: none;
}

.price a>.shopprice_from,
.price a>.ShopPriceCur .shopprice_dp,
.price a>.ShopPriceCur .shopprice_p2,
.price a>.ShopPriceCur .shopprice_cur,
.price>.shopprice_from,
.price>.ShopPriceCur .shopprice_dp,
.price>.ShopPriceCur .shopprice_p2,
.price>.ShopPriceCur .shopprice_cur,
.product-info-top .price span:not([class])>.shopprice_from,
.product-info-top .price span:not([class])>.ShopPriceCur .shopprice_dp,
.product-info-top .price span:not([class])>.ShopPriceCur .shopprice_p2,
.product-info-top .price span:not([class])>.ShopPriceCur .shopprice_cur {
	font-size: 16px;
	vertical-align: 5px;
}

.price a>.productOldPrice,
.price>.productOldPrice,
.pricebundle>.oldprice,
.pricebundle .save_percent {
	color: #999;
	font-family: Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 11px;
	margin-bottom: -2px;
}

.price a>.productOldPrice .ShopPriceCur,
.price>.productOldPrice .ShopPriceCur,
.pricebundle>.oldprice .ShopPriceCur {
	text-decoration: line-through;
}

.price a>.ShopPriceCur .shopprice_curleft,
.price>.ShopPriceCur .shopprice_curleft,
.pricebundle .ShopPriceCur .shopprice_curleft,
.price span:not([class])>.ShopPriceCur .shopprice_curleft {
	margin-right: -4px;
}

.price a>.ShopPriceCur .shopprice_curright,
.price>.ShopPriceCur .shopprice_curright,
.pricebundle .ShopPriceCur .shopprice_curright,
.price span:not([class])>.ShopPriceCur .shopprice_curright {
	margin-left: -4px;
}

.product-info-top div.price {
	font-size: 30px;
}

.product-info-top .price span:not([class])>.shopprice_from,
.product-info-top .price span:not([class])>.ShopPriceCur .shopprice_dp,
.product-info-top .price span:not([class])>.ShopPriceCur .shopprice_p2,
.product-info-top .price span:not([class])>.ShopPriceCur .shopprice_cur {
	font-size: 18px;
	vertical-align: 7px;
}

.product-info-top .pricebundle span:not([class]) .shopprice_from,
.product-info-top .pricebundle span:not([class]) .ShopPriceCur .shopprice_dp,
.product-info-top .pricebundle span:not([class]) .ShopPriceCur .shopprice_p2,
.product-info-top .pricebundle span:not([class]) .ShopPriceCur .shopprice_cur,
.product-info-top .pricebundle .newprice .shopprice_from,
.product-info-top .pricebundle .newprice .ShopPriceCur .shopprice_dp,
.product-info-top .pricebundle .newprice .ShopPriceCur .shopprice_p2,
.product-info-top .pricebundle .newprice .ShopPriceCur .shopprice_cur {
	font-size: 16px;
	vertical-align: 5px;
}


.listing-product-wrapper .product-wrapper .price.flag-price .ShopPriceCur,
.listing-product-wrapper .product-wrapper .price.flag-price {
	position: static;
}

.listing-product-wrapper .product-wrapper .price.flag-price .shopprice_from {
	margin: 0 4px 0 0;
}

.listing-product-wrapper .product-wrapper .price.flag-price .save_percent {
	display: block;
}

.listing-product-wrapper .product-wrapper .price.flag-price.hide-percent .save_percent,
.listing-product-wrapper .product-wrapper .price.hide-percent .save_percent {
	display: none;
}

/* infos */
.product-wrapper .infos {
	bottom: 0;
	left: 0;
	position: relative;
}

.product-wrapper .descr {
	width: 100%;
	margin-bottom: 8px;
}

.product-wrapper .sizes {
	margin-top: 10px;
}

.product-wrapper.big-product .descr {
	margin-bottom: 4px;
}

.product-wrapper .descr a {
	text-decoration: none;
	display: block;
}

/* remove product name shortening on listing pages */
.listing-product-wrapper .product-wrapper .descr a {
	text-overflow: unset;
	white-space: unset;
}

.listing-product-wrapper .product-wrapper .descr a.short {
	margin-top: 4px;
}

.product-wrapper .descr a.short {
	color: #999;
}

.product-wrapper .descr a.short strong {
	font-weight: normal;
}

.product-wrapper .descr a.short-freebie {
	color: #000;
	background: #DDDDDD;
	padding: 4px 6px;
	margin-top: 4px;
	border-radius: 4px;
}

.product-wrapper .descr a.name {
	color: #000;
	font-weight: bold;
}

.product-wrapper .sizes a,
.review a {
	text-decoration: none;
	color: #999;
}

.article_info .premium,
.article .premium {
	color: #000;
	padding: 0 0 0 10px;
	text-decoration: underline;
	height: auto;
	width: auto;
}

.premium_in_txt {
	background: rgba(250, 250, 250, 0) url("img/premium_w-cea602ecf62d672566a6e4ef5531e109.png") no-repeat scroll 1px;
	color: #fff;
	padding: 0 26px 0 10px;
	text-decoration: underline;
	height: auto;
	width: auto;
}

.premium_info {
	margin-top: 12px;
	min-height: 46px;
}

.premium_info strong,
.premium_info span {
	color: #559600;
}

.premium_info .text_order {
	color: #000;
}

/* stars */
.review .stars:before,
.review .stars:after,
.review .stars {
	font-size: 14px;
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	width: 80px;
}

.review.review-big .stars:before,
.review.review-big .stars:after,
.review.review-big .stars {
	font-size: 36px;
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	width: 202px;
}

.review .stars:before {
	color: #ccc;
	content: "\f005 \f005 \f005 \f005 \f005";
}

.reviews-rating .review.review-big .stars:before {
	color: #e8e8e8;
}

.review.rating-05 .stars:after,
.review.rating-1 .stars:after,
.review.rating-15 .stars:after,
.review.rating-2 .stars:after,
.review.rating-25 .stars:after,
.review.rating-3 .stars:after,
.review.rating-35 .stars:after,
.review.rating-4 .stars:after,
.review.rating-45 .stars:after,
.review.rating-5 .stars:after {
	color: #f5b400;
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(#fef500, #DE9F04);
	background: -o-linear-gradient(#fef500, #DE9F04);
	-webkit-background-clip: text;
	margin-left: -78.8px;
	display: inline-block;
	text-align: left;
	font-weight: 900;

	/* -webkit-text-stroke: 1px #f5b400;
	-moz-text-stroke: 1px #f5b400;
  	paint-order: stroke fill; */
}

.review.review-big.review.rating-05 .stars:after,
.review.review-big.review.rating-1 .stars:after,
.review.review-big.review.rating-15 .stars:after,
.review.review-big.review.rating-2 .stars:after,
.review.review-big.review.rating-25 .stars:after,
.review.review-big.review.rating-3 .stars:after,
.review.review-big.review.rating-35 .stars:after,
.review.review-big.review.rating-4 .stars:after,
.review.review-big.review.rating-45 .stars:after,
.review.review-big.review.rating-5 .stars:after {
	margin-left: -202.5px;
}

.review.rating-05 .stars:after {
	content: "\f005";
}

.review.rating-1 .stars:after {
	content: "\f005";
}

.review.rating-15 .stars:after {
	content: "\f005 \f089";
}

.review.rating-2 .stars:after {
	content: "\f005 \f005";
}

.review.rating-25 .stars:after {
	content: "\f005 \f005 \f089";
}

.review.rating-3 .stars:after {
	content: "\f005 \f005 \f005";
}

.review.rating-35 .stars:after {
	content: "\f005 \f005 \f005 \f089";
}

.review.rating-4 .stars:after {
	content: "\f005 \f005 \f005 \f005";
}

.review.rating-45 .stars:after {
	content: "\f005 \f005 \f005 \f005 \f089";
}

.review.rating-5 .stars:after {
	content: "\f005 \f005 \f005 \f005 \f005";
}

/* descr */
.descr li {
	list-style: outside;
	margin-left: 12px;
}

/* .product-wrapper.big-product .more-descr {bottom: 10px;} */
.product-wrapper .more-descr>div {
	/* margin-right: 8px;
	display: inline-block; */
}

.product-wrapper .more-descr {
	gap: 6px 12px;
}

/* flag/brand */
.flag,
.brand,
.flag-price .save_percent {
	position: absolute;
	z-index: 2;
}

.flag {
	top: 2px;
	right: 12px;
}

.big-product .flag {
	right: -1px;
}

#last-viewed .flag {
	right: 0;
}

.flag .top,
.flag .new,
.flag .group,
.flag .remainder .save_percent,
.flag .save,
label.flag .special,
label.flag .remainder,
.flag-price .save_percent,
.flag .round {
	color: #FFF;
	text-transform: uppercase;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	padding: 3px 6px;
}

.product-info-top .flag .top,
.product-info-top .flag .new,
.product-info-top .flag .group,
.product-info-top .flag .remainder .save_percent {
	font-size: 15px;
	padding: 4px 8px;
}

.big-product .flag .top,
.big-product .flag .new,
.big-product .flag .group,
.big-product .flag .remainder .save_percent {
	padding: 4px 8px;
}

#cross-selling .flag,
#bestseller .flag,
.list .flag {
	position: static;
}

#cross-selling .flag .top,
#cross-selling .flag .new,
#cross-selling .flag .group,
#cross-selling .flag .remainder .save_percent,
#cross-selling .flag .sale,
#bestseller .flag .top,
#bestseller .flag .new,
#bestseller .flag .group,
#bestseller .flag .remainder .save_percent,
#bestseller .flag .sale,
.feature .flag .top,
.feature .flag .new,
.feature .flag .group,
.feature .flag .remainder .save_percent,
.feature .flag .premium,
.feature .flag .sale,
.list .flag .top,
.list .flag .new,
.list .flag .group,
.list .flag .remainder .save_percent,
label.flag .special,
label.flag .remainder,
.list .flag .sale {
	padding: 1px 3px 0 3px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.flag .sale.percent .ShopPriceCur {
	display: none;
}

.flag .top,
.flag .save,
label.flag .special,
.flag-top .save_percent {
	background: #FF7300;
}

.flag .productOldPrice,
.flag .ShopPriceCur,
.flag .save_percent span,
.flag-price .save_percent span {
	display: none;
}

.flag .save .ShopPriceCur,
.flag .sale .ShopPriceCur {
	display: inline;
}

.flag .save_percent:before,
.flag-price .save_percent:before {
	content: '-';
}

.flag .new {
	background: #6FC234;
}

.flag .group {
	background: #900;
}

.flag .remainder .save_percent,
label.flag .remainder,
.flag-remainder .save_percent {
	background: #FF7300;
}

.flag .remainder.sale.extra {
	background-color: #ff7300;
	padding: 0.2em 0.4em;
}

.flag .remainder.sale.extra .productOldPrice,
.flag .remainder.sale.extra .ShopPriceCur {
	display: none;
}

.flag .remainder.sale.extra .save_percent {
	padding: 0;
}

.flag.round-small,
.flag.round-middle,
.flag.round-big,
.flag.round-responsive {
	display: table;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background: #000;
}

.flag.round-middle {
	width: 100px;
	height: 100px;
}

.flag.round-big {
	width: 150px;
	height: 150px;
}

.flag .round,
.flag.round-middle .round,
.flag.round-big .round,
.flag.freebie .round {
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
	padding: 0;
}

.flag .round span,
.flag.round-middle .round span,
.flag.round-big .round span {
	display: block;
	margin-top: -2px;
	font-size: 9px;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.flag.round-middle .round {
	font-size: 30px;
}

.flag.round-big .round {
	font-size: 44px;
}

.flag.round-middle .round span {
	margin-top: 0;
	font-size: 11px;
	line-height: 13px;
}

.flag.round-big .round span {
	margin-top: 0;
	font-size: 15px;
	line-height: 15px;
}

.flag-price .save_percent {
	top: 24px;
	right: 12px;
	font-size: 13px;
}

.open .flag-price .save_percent {
	right: 25px;
	top: 23px;
}

.startpage-news .flag.round-big {
	width: 120px;
	height: 120px;
}

.flag.freebie .round {
	font-size: 15px;
	line-height: 15px;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: none;
	font-weight: normal;
	letter-spacing: .02em;
}

.flag.freebie .round span {
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	display: block;
	font-size: 21px;
	line-height: 21px;
	color: #FF7300;
	text-transform: uppercase;
	margin-bottom: 4px;
}

@media screen and (min-width: 1328px) {
	.startpage-news .flag.round-big {
		width: 150px;
		height: 150px;
	}

	.flag.freebie .round {
		font-size: 18px;
		line-height: 18px;
	}

	.flag.freebie .round span {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 8px;
	}
}

.brand {
	top: 0px;
	left: 36px;
	max-width: 110px;
	max-height: 35px;
}

.product-info-top .brand {
	top: 0;
	left: 12px;
}

.product-info-top .brand a {
	display: block;
}

.product-info-top .brand a img {
	max-height: 70px;
	max-width: 180px;
}

/* over */
.product-wrapper .content {
	border: 0px solid #fff;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
	position: unset;
	padding: 0;
	opacity: 1;
	height: auto;
	visibility: visible;
}

.product-wrapper .flag {
	right: 0;
}

.product-wrapper .content,
.product-wrapper.content-over .content {
  z-index: 1;
}

body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .content {
	position: absolute;
	top: 0;
	right: -14px;
	left: -14px;
	margin-left: 0;
	padding: 24px !important;
	background: #FFF none repeat scroll 0 0;
	border: 1px solid #CCC;
	box-shadow: 0 5px 30px 5px rgba(0, 0, 0, .25);
	z-index: 2001;
}

.product-wrapper.content-over .content .more-pictures,
.product-wrapper.content-over .content .quick-buy-btn,
.product-wrapper.content-over .content .sizes {
	visibility: hidden;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

:is(.xs, .sm) .product-wrapper.content-over .content .quick-buy-btn {
	visibility: unset;
	opacity: unset;
	height: unset;
	overflow: unset;
	margin-bottom: 12px;
}

body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .content .more-pictures,
body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .content .quick-buy-btn,
body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .content .sizes {
	visibility: unset;
	opacity: unset;
	height: unset;
	overflow: unset;
}

body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .content .picture,
body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .content .price,
body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .content .infos,
body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .content .sizes {
	padding-left: 0;
	margin-left: 0;
	width: 100%;
}

body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .content .more-pictures {
	width: auto;
	height: 100%;
}

body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .picture {
	margin-bottom: 30px;
}

body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .content .price {
	margin-top: 20px;
}

body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .descr a {
	overflow: inherit;
	text-overflow: unset;
	white-space: normal;
}
body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .sizes {
	margin-top: 8px;
}
body:not(.xs, .sm) .hover-enabled .product-wrapper.content-over:hover .flag {
	right: 1px;
}

.product-wrapper .picture,
.listing-product-wrapper .product-wrapper .picture {
	height: 300px;
	display: block;
}

.product-wrapper .picture a {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-wrapper .picture a img,
.listing-product-wrapper .product-wrapper .picture a img {
	max-width: 300px;
	max-height: 300px;
}

:is(.xs, .sm) .listing-product-wrapper .product-wrapper .picture {
	height: 170px;
	margin-bottom: 18px;
}

:is(.xs, .sm) .listing-product-wrapper .product-wrapper .picture a img {
	max-width: 170px;
	max-height: 170px;
}

:is(.md) .listing-product-wrapper .product-wrapper .picture {
	height: 220px;
	margin-bottom: 18px;
}

:is(.md) .listing-product-wrapper .product-wrapper .picture a img {
	max-width: 220px;
	max-height: 220px;
}

.listing-wrapper .product-wrapper.content-over .content {
	border-top: 1px solid #CCC !important;
	/* margin: 0 0 24px !important; */
	padding: 24px 0 24px 0;
}

:is(.xs, .sm) #special-offers .product-wrapper .picture {
	height: 170px;
	margin-bottom: 18px;
}

:is(.xs, .sm) #special-offers .product-wrapper .picture a img {
	max-width: 100%;
	max-height: 170px;
}

/* cat description */
.cat-descr h2,
.cat-descr p {
	color: #999;
}

/* störer */
.teaser_listing {
	border-top: 1px solid #CCC !important;
	margin-top: -1px;
}

.listing-wrapper .product-wrapper .teaser_listing {
	background: #262626;
	position: relative;
}

.teaser_listing a:hover,
.teaser_listing a:focus {
	text-decoration: none;
}

.teaser_listing .image {
	position: relative;
	height: 200px;
	display: block;
	background-size: cover !important;
}

.promotions_listing .image {
	position: relative;
	display: block;
	background-size: cover !important;
	height: 100%;
}

.teaser_listing .flag {
	position: absolute;
	display: block;
	top: 12px;
	left: 0;
	border: 12px #FF7300 solid;
	height: 65px;
	width: 100px;
	background: #ff7300 url("img/mega-deal-9e797370d109236082f980b5e5b0652a.svg") no-repeat center center/contain;
	-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.15);
	/* WebKit */
	-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.15);
	/* Firefox */
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.15);
	/* Standard */
}

.teaser_listing .news_listing .brand {
	position: absolute;
	display: block;
	top: 12px;
	right: 12px;
	left: auto;
	max-width: 150px;
	max-height: 75px;
}

.teaser_listing .brand img {
	max-width: 100%;
	max-height: 100%;
}

.teaser_listing .headline {
	position: absolute;
	bottom: -46px;
	height: 78px;
	width: 100%;
}

.teaser_listing .headline h3 {
	position: absolute;
	top: 0;
	font-size: 13px;
	line-height: 18px;
	padding: 6px 12px 8px 12px;
	margin: 0 24px;
}

.teaser_listing .headline h2 {
	position: relative;
	top: 32px;
	font-size: 30px;
	line-height: 32px;
	padding: 6px 12px 8px 12px;
	margin: 0 12px;
}

.teaser_listing .text-wrapper {
	display: table;
	width: 100%;
}

.teaser_listing .text {
	padding: 60px 24px 24px 24px;
	background: #262626;
	display: table-cell;
	vertical-align: middle;
	width: inherit;
}

.teaser_listing.mega-deal .text {
	padding: 24px;
	background: #262626;
}

.teaser_listing .name {
	font-size: 24px;
	line-height: 24px;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	color: #FFF;
	margin-bottom: 8px;
	display: block;
}

.teaser_listing .short {
	font-size: 13px;
	color: #CCC;
	display: block;
}

.teaser_listing .align-right {
	text-align: left;
}

.teaser_listing .price {
	font-size: 36px;
	display: block;
	margin-bottom: 12px;
}

.teaser_listing .price>.save_percent:before {
	content: '-';
}

.teaser_listing .price>.ShopPriceCur,
.teaser_listing .price>.save_percent,
.teaser_listing .price>.productOldPrice {
	display: inline-block;
	padding-right: 12px;
}

.teaser_listing .price>.ShopPriceCur {
	display: inline-block;
	float: left;
	margin-top: -8px;
}

.teaser_listing .price>.shopprice_from {
	display: inline-block;
	float: left;
	padding-right: 6px;
}

.teaser_listing .price>.save_percent,
.teaser_listing .price>.productOldPrice {
	position: absolute;
	top: 0;
	right: 0;
}

.teaser_listing .price>.save_percent {
	top: 18px;
}

.teaser_listing .price>.productOldPrice .ShopPriceCur {
	position: relative;
}

.teaser_listing .price>.shopprice_from,
.teaser_listing .price>.ShopPriceCur .shopprice_dp,
.teaser_listing .price>.ShopPriceCur .shopprice_p2,
.teaser_listing .price>.ShopPriceCur .shopprice_cur {
	font-size: 18px;
	vertical-align: 12px;
}

.teaser_listing .price .save_percent {
	color: #FFF;
	font-size: 13px;
	font-family: 'Arial Black', 'Arial Bold', Arial, sans-serif;
	font-weight: bold;
}

.teaser_listing .price .save_percent span {
	font-family: Arial, sans-serif;
	font-weight: normal;
}

.teaser_listing .price>.productOldPrice {
	font-size: 13px;
	margin-bottom: 0;
	font-weight: normal;
	color: #999;
}

/* ----- product-info ----- */
.product-info h1 {
	color: #000;
}

.product-info h3,
.product-info h3 a,
.manufacturer-categories h4,
.list h3,
.startpage-swiper-highlights h3 {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	padding: 0 0 4px 0;
	margin: 0 0 12px 0;
	font-size: 15px;
}

.product-info h3,
.manufacturer-categories h4,
.list h3,
.startpage-swiper-highlights h3 {
	border-bottom: 1px solid #CCC;
}

#description h2 {
	margin-top: 12px;
}

.product-info #description a {
	color: #ff7300;
	text-decoration: underline;
}

.product-info #description a:hover,
.product-info #description a:focus {
	text-decoration: none;
}

.descr .artnr {
	margin-bottom: 24px;
}


#also-purchased h3,
#last-viewed h3 {
	border-bottom: 1px solid #CCC;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	padding: 0 0 8px 0;
	margin: 0 0 24px 0;
	font-size: 15px;
	display: inline-block;
}

.tab-content {
	display: none;
}

.tab-content.current {
	display: inherit;
}

.translation {
	padding: 0 0 4px 0;
	margin: 0 0 12px 0;
}

.translation p {
	margin: 0;
}

.translation p.align-left {
	float: left;
}

.translation p.align-right {
	float: right;
}

.translation .tab-link.current {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 15px;
}

.translation .tab-link {
	color: #FF7300;
	cursor: pointer;
}

.translation .tab-link::before,
.translation .tab-link::after {
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 13px;
	display: inline-block;
}

.translation .align-left .tab-link::before {
	content: ' \f060';
	padding: 0 4px 0 0;
}

.translation .align-right .tab-link::after {
	content: '\f061';
	padding: 0 0 0 4px;
}

.translation span.tab-link.current::before,
.translation span.tab-link.current::after {
	content: none;
}

.product-info .line {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	margin: 24px 0 12px 0;
}

.product-info .line {
    position: relative;
    z-index: 1;
}

.product-info .line:before {
    border-top: 1px solid #CCC;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 74%;
    width: 100%;
    z-index: -1;
}

.product-info .line span {
    background: #fff;
    padding: 0 12px 0 0;
}

.product-info a {
	color: #999;
}

.product-info a:hover,
.product-info a:focus {
	text-decoration: none;
}

.showwrap {
	position: relative;
}

.short-wrapper {}

.expanded-wrapper {
	display: none;
	margin: 12px 0 0 0;
}

.more-wrapper {
	margin: 12px auto 0 auto;
	padding: 0 !important;
	display: block;
	z-index: 5;
	cursor: pointer;
	position: relative;
	color: #999;
}

.manufacturer-more.more-wrapper {
	margin: 36px auto -36px auto;
}

.short,
.moretext {
	display: block;
}

.long,
.lesstext {
	display: none;
}

.more-wrapper i {
	background: #CCC;
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	margin: 4px auto 0 auto;
	padding: 3px 0 0 0;
	font-size: 18px;
}

.readmore span {
	color: #999;
	text-decoration: underline;
	cursor: pointer;
	display: inline;
}

.readmore span:hover,
.readmore span:focus {
	text-decoration: none;
	cursor: pointer;
}

.product-select {
	width: 100%;
	margin: 0 0 12px 0;
}

.product-select * {
	-webkit-appearance: none;
}

.product-select strong {
	margin: 8px 8px 0 0;
	display: block;
}

.product-select select {
	width: auto;
	max-width: 300px;
}

.product-select ul {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
	margin: 0;
}

.product-select td {
	padding: 0 0 12px 0;
	position: relative;
}

.product-select td.size {
	padding: 0 0 20px 0;
}

.product-select .size-table {
	display: block;
}

.product-select .selection-title {
	/* min-width: 60px; */
}

/* vehicle accesories */

.vehicle-dropdown .select2-search::before {
	top: 8px;
}

.verhicle-hint-text {
	display: flex;
	margin-bottom: 12px;
}

.verhicle-hint-text .hint-icon, .verhicle-hint-text .hint-text {
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
}

.verhicle-hint-text .hint-icon {
	background-color: #38A4D9;
	color: white;
}

.verhicle-hint-text .hint-text {
	background-color: #C3E3F4;
	color: black;
}

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

.shipping-status {
	margin: 20px 0 12px 0;
}

.cartBtn {
	margin: 12px 0 12px 0;
}

#product_reminder {
	margin: 12px 0 12px 0;
}

.product-info .info {
	border-bottom: 1px solid #CCC;
	width: 100%;
	z-index: 1;
}

#advantages {
	padding: 18px 0;
	margin: 0;
	color: #FFF;
	vertical-align: middle;
}

#advantages .flex:first-child {
	padding: 0 12px 0 0;
}

#advantages .flex:last-child {
	padding: 0 0 0 12px;
}

#advantages span {
	display: inline-block;
	line-height: 14px;
	vertical-align: middle;
}

#advantages .fas {
	font-size: 24px;
	color: #999;
	margin-right: 8px;
	vertical-align: middle;
	width: 40px;
}

.product-info #advantages {
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: 12px 0;
	color: #999;
}

.product-info #advantages .fas {
	color: #CCC;
}

.specific-code-box {
	background-color: #575756;
	padding: 10px 10px 10px 12px;
	margin-top: 10px;
	color: white;
	text-transform: uppercase;
	font-family: "CoolveticaRg-Regular", Arial, Helvetica, sans-serif;
	letter-spacing: 0.14em;
	float: left;
}

.specific-code-box .information {
	font-size: 12px;
	margin-bottom: 4px;
}

.specific-code-box .promotion-price {
	font-size: 22px;
	margin-right: 10px;
}

.specific-code-box .code-box {
	background-color: #ff7300;
    padding: 0.2em 0.6em;
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
	margin-top: 4px;
}

.specific-code-box .code-box span {
	font-size: 12px;
}

.promotion-included {
	color: #6FC234;
	font-weight: bold;
	margin-top: 10px;
}

.promotion-included:focus, .promotion-included:hover {
	text-decoration: none;
}

.product-info-top .short-description {
	border-bottom: 1px solid #CCC;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.product-info-top .options {
	margin-top: 12px;
	margin-bottom: 12px;
}

.product-info-top .cheaper-share .col-12 {
	border-top: 1px solid #CCC;
	padding: 12px 0 0 0;
}

.cheaper-share .icon-social {
	float: right;
}

.cheaper-share .icon-social li {
	margin-bottom: 0;
}

.product-info select {
	color: #000;
}



/* bundles */
.bundle .price .productOldPrice .onlyTextOldPrice,
.bundle .price .oldprice .onlyTextOldPrice {
	display: none;
}

.bundle-options {
	margin-bottom: 12px;
}

.bundle-options h2 {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

.bundle-options .name {
	border-top: 1px solid #CCC;
	margin-top: 12px;
	padding-top: 12px;
}

.bundle-options .options {
	padding: 0;
	margin-top: 12px;
}

/* advanced search */
.info-box {
	border: 1px solid #CCC;
	padding: 12px;
	margin-bottom: 24px;
}

.adv_search_box {}

.adv_search_box .content {
	background: #e8e8e8 !important;
}

.adv_search_box #new_find select,
.adv_search_box #new_find input {
	background-color: #fff;
}

.adv_search_box #new_find input[type="text"] {
	padding: 5px 8px;
}

.list {
	margin-bottom: 24px;
}

#new_find #keywords {
	padding: 6px 8px;
	width: 400px;
	margin: 0;
}

#keywords::selection {
	/*Safari >=1.1, Opera >=9.5, IE9 */
	background: #DDD;
	color: #000;
}

#keywords::-moz-selection {
	/* Firefox >=1 */
	background: #DDD;
	color: #000;
}

/* cross-selling + besteller */
#cross-selling a,
#bestseller a,
.list a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

#cross-selling .product-image,
#bestseller .product-image {
	width: 50px;
    height: 50px;
	min-width: 50px;
}

#cross-selling .product-image img,
#bestseller .product-image img {
	max-width: 50px;
    max-height: 50px;
}

/* reviews */
#reviews {
	
}

.product-review {
	border-top: 1px solid #ccc;
	padding-top: 20px;
    margin-top: 20px;
}

.product-review:first-child {
	border-top: 0px solid #ccc;
	padding-top: 0;
	margin-top: 0;
}

.product-review h4 {
	margin-top: 0;
}

.product-review .review {
	margin-right: 4px;
}

.product-review .review-title {
	font-size: 17px;
}

.reviews-rating,
.reviews-write {
	padding: 12px;
}

.reviews-rating {
	background: #CCC;
}

.reviews-write {
	border: 1px solid #CCC;
}

.reviews-rating p {
	margin: 12px 0 0 0;
}

.reviews-rating .big {
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 4px;
}

/*-------------------*/
/*----- content -----*/
/*-------------------*/
#main, #content {
	background: #eeeeee;
}

#main .header_wrapper,
#main .no_content_header,
#beforemain .content_header img {
	display: none;
}

#beforemain .content_header,
#beforemain .no_content_header {
	position: relative;
}

#beforemain .content_header.privacy {
	width: 100%;
	float: none;
}

#beforemain .content_header p {
	font-weight: normal;
	font-size: 14px;
}

#beforemain .content_header.privacy h1 {
	margin-top: 0;
}

.content-wrapper {
	width: 984px;
	background: #333;
	background: linear-gradient(#333 86px, #4f4f4f 86px);
	margin: 0 0 24px 0;
	display: inline-block;
	padding: 0;
	border-radius: 0;
	min-height: 180px;
}

.content-wrapper .header_wrapper,
.content-wrapper .no_content_header {
	padding: 20px 24px;
	border-radius: 0;
	min-height: 180px;
}

.content-wrapper .header_wrapper img,
#popup_content .header_wrapper img {
	display: none
}

.content-wrapper h1 {
	font-size: 36px;
	color: #FFFFFF;
	margin: 0 0 36px;
}

.content-wrapper p,
#popup_content .header_wrapper p {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
}

#popup_content .header_wrapper p {
	color: #000;
	font-weight: bold;
	font-size: 15px;
}

#coid201 .header_wrapper {
	background: url("img/content/about_ueber-uns-174fe42dabb8bf04ef88054e5f84087f.jpg") top right no-repeat;
}

#coid202 .header_wrapper {
	background: url("img/content/about_jobs-776cfb20342d20aae6a056bd47239ac2.jpg") top right no-repeat;
}

#coid203 .header_wrapper {
	background: url("img/content/about_partner-d5ee62d0f00d16daa7ffb5b8c2d8c96e.jpg") top right no-repeat;
}

#coid204 .header_wrapper {
	background: url("img/content/about_umwelt-1d208d1e9e4a08fd9c42f7e7799416b7.jpg") top right no-repeat;
}

#coid300 .header_wrapper {
	background: url("img/content/service_overview-3e4a1086dc8cbbd191ba202b87b569ef.jpg") top right no-repeat;
}

#coid16 .header_wrapper {
	background: url("img/content/service_material-8be4bc884110dd516c796cf5dbafa43a.jpg") top right no-repeat;
}

#coid35 .header_wrapper,
#coid400 .header_wrapper {
	background: url("img/content/service_groessen-6c2493668c2fb543c0a4232668a61980.jpg") top right no-repeat;
}

#coid380 .header_wrapper {
	background: url("img/content/service_test-1454ff56cea248065e0f873ae479fcac.jpg") top right no-repeat;
}

#coid1 .header_wrapper {
	background: url("img/content/service_infos-758f9a61234f148ecc2350264045c2b0.jpg") top right no-repeat;
}

#coid202 h2.lmargin_t.no_pd_b {
	margin: 36px 0 0 0;
}

#coid250 .info-box,
#coid4 .info-box {
	margin: 0 0 0 -102px !important;
}

#coid3000 h2 {
	margin: 24px 0 8px -12px;
}

#coid3000 h3 {
	margin: 24px 0 12px 0;
	font-size: 18px;
}

/* contact */
.coid-7 h2 {
	font-size: 28px;
}

.coid-7 h3 {
	font-size: 18px;
	margin-top: 24px;
}


/* all manufacturers */
.landingpage-all-brands .brand-container .brand-character {
	scroll-margin-top: 90px
}

:is(.xs, .sm, .md, .lg) .landingpage-all-brands .brand-container .brand-character {
	scroll-margin-top: 70px
}

.brands-alphabet {
	width: 100%;
	text-align: center;
}

.brands-alphabet .button {
	padding: 8px 12px;
}

.brand-container {
	margin: 24px 0 48px;
}

.brand-container:last-of-type {
	margin: 24px 0 0;
}

.brand-character {
	color: #000;
	border-top: 1px solid #CCC;
	font-size: 24px;
	font-weight: normal;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
}

.brand-items li {
	position: relative;
	cursor: pointer;
}

.brand-items li a {
	width: 100%;
	display: block;
	border: 1px solid #ccc;
}

.navigation-bar .brands-showcase li a {
	border: none !important;
	display: flex !important;
	align-items: center !important;
	/* justify-content: center !important; */
	height: 90px !important;
	max-width: 160px !important;
	padding: 0 12px !important;
	margin: 0 !important;
}

.navigation-bar .brands-showcase {

}

.brand-image {
	height: 120px;
	width: 100%;
	position: relative;
}

.brand-image img {
	max-height: 100% !important;
	max-width: 100% !important;
}

.brand-label {
	color: #000;
	height: auto;
	font-size: 15px;
	font-weight: bold;
}

.brand-label .small {
	font-size: 11px;
	font-weight: normal;
	color: #999;
}

.brand-items a:hover,
.brand-items a:focus,
.brand-items a:hover .brand-label,
.brand-items a:focus .brand-label {
	color: #FF7300;
	text-decoration: none;
}

.top-nav .brand-image,
.top-nav li a.brand-image {
	height: 80px;
	max-width: 135px;
}

.top-nav .brand-items a {
	padding: 0 24px !important;
	border-radius: 0px !important;
	border-width: 0px !important;
	margin: 0 !important;
	background: auto !important;
}

.brand-items.two-columns li {
	width: 45%;
	width: calc(50% - 24px);
	margin: 0 0 24px 24px;
}

.brand-items.two-columns li:nth-child(5n+1) {
	margin: 0 0 24px 24px;
}

.brand-items.two-columns li:nth-child(odd) {
	margin: 0 0 24px 0;
}

.top-nav .two-columns .brand-image,
.top-nav .two-columns li a.brand-image {
	height: 72px;
}

.brand-items.one-column li {
	width: 100%;
	margin: 0 0 24px 0;
}

.brand-items.one-column li:nth-child(5n+1) {
	margin: 0 0 24px 0;
}

.top-nav .one-column .brand-image,
.top-nav .one-column li a.brand-image {
	height: 72px;
}


/* sizetable */
.measure_box {
	margin: 24px 0;
	width: 100%;
}

.measure {
	width: auto;
	font-size: 15px;
	font-weight: bold;
}

.measure p a {
	font-size: 13px;
	font-weight: normal;
}

.measure img {
}

.measure a img {
	margin: 0 12px 12px 0 !important;
}

.measure h4 {
	color: #000000;
}

/* -------- jobs -------- */

.jobs ul {
	margin: 15px 0;
	list-style-type: none;
}

.jobs ul li {
	padding-left: 10px;
}

.jobs ul li::before {
	content: "\25AA ";
	font-size: 18px;
	margin: 0 6px 0 -12px;
}

.jobs p:first-of-type {
	padding: 10px 0 15px 0;
}

.jobs h1:first-of-type {
	padding: 0 0 0 0;
}

.jobs p:last-of-type {
	padding: 0 0 10px 0;
}

.jobs h2:nth-of-type(2) {
	padding-top: 48px;
}

.jobs h4 {
	padding-bottom: 20px;
	border-bottom: 1px #CCC solid;
}

.jobs h5 {
	font-size: 14px;
	padding: 15px 0 0px;
}

/***** newsletter coid600-604 *****/
.newsletter-smalltext .small_text {
	color: #999999;
    font-size: 12px;
}

#newsletter_box {
	display: flex;
	height: 100%;
	position: relative;
	background: #E8E8E8;
}

#newsletter_box form,
#newsletter_box .newsletter_form {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	position: relative;
}

.newsletter_box .col {}

#newsletter_box .align-right {
	padding-right: 0;
}

#newsletter_box .flag.round-big {
	background: #FF7300;
	width: 125px;
	height: 125px;
	right: 280px;
	top: 24px;
}

.newsletter_box .left {
	min-height: 200px;
	height: auto;
}

.newsletter_box .right,
#newsletter_layer .right {
	position: absolute;
	right: 0;
	top: 0;
	width: 550px;
	background: url("img/newsletter_bg-55e0ebb59695fe69c71da0b88977fba9.png") no-repeat 50px -10px;
	background-size: cover;
	height: 100%;
}

#newsletter_box h2 {
	margin-top: 0px !important;
}

#coid600 .newsletter_box {
	height: 300px;
}

#coid600 .newsletter_box .left {}

#coid600 .newsletter_box .right {
	height: 298px;
}

#coid600 .small_text {
	width: 600px;
}

#coid601 .newsletter_box {
	height: 180px;
}

#coid601 .newsletter_box .left {
	width: 400px;
}

#coid601 .newsletter_box .right {
	height: 178px;
	width: 450px;
}

#coid602 .newsletter_box {
	height: 190px;
}

#coid602 .newsletter_box .left {
	width: 450px;
}

#coid602 .newsletter_box .right {
	height: 188px;
	width: 450px;
}

#coid603 .newsletter_box {
	height: 160px;
}

#coid603 .newsletter_box .left {
	width: 450px;
}

#coid603 .newsletter_box .right {
	height: 158px;
	width: 450px;
}

#coid600 .header-text p,
#coid601 .header-text p,
#coid602 .header-text p,
#coid603 .header-text p {
	width: 400px;
}


.coIDlogoff .newsletter_box {
	margin-bottom: 45px;
	height: 130px;
}

.coIDlogoff .newsletter_box .left {
	width: 300px;
}

.coIDlogoff .newsletter_box .right {
	height: 150px;
	width: 500px;
	background-position: 10px -30px;
}

.coIDlogoff .newsletter_star {
	right: 0;
	bottom: -40px;
}

.coIDlogoff h2.h3 {
	margin-top: 5px;
}

#newsletter_box input,
#newsletter_box select {
	margin: 0 0 6px 0;
}

#newsletter_box select {
	width: auto;
}

#newsletter_box input {
	width: 100%;
}

#newsletter_box input[type="button"] {
	width: auto;
}

#newsletter_box label {
	display: block;
}

.formfunctions1 label.error {
	width: auto;
	position: absolute;
	display: block;
	margin: 34px 0 0 0;
}

.formfunctions1 input {
	float: left;
}

#newsletter_layer .formfunctions1 input {
	float: none;
}

#newsletter_layer .formfunctions1 label.error {
	position: relative;
	margin: 0;
	display: inline-block;
	width: 100%;
}

.newsletter_header img {
	width: 778px;
}

.newsletter_advantages_box {
	background: #FFFFFF;
}

.newsletter_star {
	position: absolute;
	bottom: 70px;
	right: -20px;
	z-index: 100;
}

.advantages_list {
	font-weight: bold;
	color: #000000;
}

.advantages_list li {
	list-style-type: none;
	padding-left: 25px;
	margin: 0 0 8px 0;
	background-image: url(img/list_check.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

.newsletter_discount {
	background: #ff7300;
	font-size: 18px;
	color: #fff;
	padding: 5px 15px;
	font-weight: bold;
	display: inline;
	margin: 0;
	width: max-content;
}

.index .small_text {
	color: #999999;
	font-size: 11px;
	padding: 10px;
	margin-bottom: 2px;
	text-align: center;
}

#coid600 .header-image,
#coid601 .header-image,
#coid602 .header-image,
#coid603 .header-image {
	height: 86px;
}

/* coid 603 - unsubscribe */
#newsletter_box .newsletter_unsubscribe h2 {
	color: #666;
	margin-bottom: 12px;
}

#newsletter_box .newsletter_unsubscribe form {
	display: block;
	height: auto;
}

#newsletter_box .newsletter_unsubscribe .checkbox {
	margin: 20px 0;
}

#newsletter_box .newsletter_unsubscribe .checkbox input {
	width: 0;
}

#newsletter_box .newsletter_unsubscribe .checkbox input[type='checkbox']:not(:checked)+label:before {
	top: 4px;
}

#newsletter_box .newsletter_unsubscribe .checkbox label {
	margin-bottom: 12px;
}

#newsletter_box .newsletter_unsubscribe .buttons {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

#newsletter_box .newsletter_unsubscribe .buttons input {
	margin: 0;
}

#newsletter_box .newsletter_unsubscribe .buttons .btn_grey {
	background: #d3d3d3;
	white-space: normal;
	width: 230px;
	font-size: 12px;
	padding: 7px 12px 6px 12px;
}

#newsletter_box .newsletter_unsubscribe .buttons .btn_grey:hover {
	background: #ffffff;
}

/* extras */
.premium-flag {
	background: url(../../images/premium.png) no-repeat right center;
	height: 12px;
	width: 23px;
	display: inline-block;
}

/*-----------------*/
/*----- icons -----*/
/*-----------------*/
.icon-payment a,
.icon-shipping a {
	width: 80px;
	height: 40px;
	display: table;
	float: left;
	margin: 0 8px 8px 0;
	color: #999;
	background: #FFF;
	text-align: center;
	text-indent: -9999px;
	overflow: hidden;
}

.icon-payment a span,
.icon-shipping a span {
	vertical-align: middle;
	display: table-cell;
	line-height: 12px;
}

.icons-header {
	color: #262626;
	font-size: 22px;
	display: inline-block;
	margin: 0;
}

.icons-header.icon-heart {
	color: #262626;
}

#login-box .user-online-status {
    background: #6FC234;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    font-size: 10px;
    color: white;
	top: 5px;
	right: -4px;
}

#login-box .panel-header .user-online-status {
    background: #6FC234;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    font-size: 10px;
    color: white;
	top: 5px;
	right: 0;
}

.panel-flyout-filter select,
#spec_filter h4 {
	font-size: 16px;
}

.icon-cart {
	color: #262626;
}

.icon-cart .amount,
.icon-heart .amount {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

.icons-check {
	transform: translateY(-1px);
}

a.dhl {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: 0px -40px;
}

a.ups {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -80px -40px;
}

a.prepayment {
	background: url("img/footer-sprite_en-d08a52e9394ad60c57c37870f46accfe.png") no-repeat;
	background-position: -323px -40px;
}

a.prepayment.german {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -323px -40px;
}

a.cod {
	background: url("img/footer-sprite_en-d08a52e9394ad60c57c37870f46accfe.png") no-repeat;
	background-position: -398px -40px;
}

a.cod.german {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -398px -40px;
}

a.rechnung {
	background: url("img/footer-sprite_en-d08a52e9394ad60c57c37870f46accfe.png") no-repeat;
	background-position: -476px -40px;
}

a.rechnung.german {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -476px -40px;
}

a.paypal {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: 0px 0px;
}

a.visa {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -80px 0px;
}

a.mastercard {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -160px 0px;
}

a.amex {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -240px 0px;
	width: 40px;
}

a.dinersclub {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -280px 0px;
}

a.sofort {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -360px 0px;
}

a.eps {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -440px 0px;
}

a.ideal {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -520px 0px;
}

a.giropay {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -600px 0px;
}

a.paydirekt {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -680px 0px;
}

a.amazonpay {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -160px -40px;
}

a.sepa {
	background: url("img/footer-sprite-226e93de0d91060eb069a5a3dff9bc1b.png") no-repeat;
	background-position: -240px -40px;
}

.product-wrapper .premium {
	display: flex;
	align-items: center;
}


.product-wrapper .premium .icon i {
	font-size: 13px;
	height: 16px;
	width: 16px;
	display: flex;
	align-items: center;
}

.product-wrapper .premium .text {
	margin-left: 4px;
	font-size: 11px;
	text-transform: uppercase;
}

.color {
	display: flex;
	align-items: center;
}

.color .icon {
	background: rgba(0, 0, 0, 0) url("img/color-icon-1dad489491ea64d136fcfc3094b1c211.png");
	background-size: cover;
	height: 16px;
	width: 16px;
	display: block;
}

.color .text {
	margin-left: 4px;
}

.discontinued {
	background: #AAA;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	padding: 3px 6px;
	margin-top: 10px;
	display: inline-block;
}

.options .premium,
.bundle-options .premium {
	padding: 0 26px 0 8px;
	display: inline;
	color: #000;
}

.options .premium i,
.bundle-options .premium i {
	font-size: 13px;
}

/*----- lists -----*/
.icon-check li {
	padding-left: 24px;
}

.icon-check li:before {
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 18px;
	content: '\f00c';
	margin: 0 6px 0 -24px;
	color: #666;
}

/*----- fontawesome -----*/
#footer-newsletter i {
	color: #000;
}

#footer-call {
	border-right: 1px solid #565656;
}

:is(.xs, .sm, .md) #footer-call {
	border-right: none;
}

#footer-call i {
	font-size: 24px;
}

.icon-social_popup{
	justify-items: center;
}

.icon-social_popup li{
	width: 38px;
	height: 40px;
	display: block;
	float: left;
	color: #FFF;
	text-align: center;
}

.icon-socia_popup li:last-child {
	margin: 0 0 8px 0;
}

.icon-social_popup.small li {
	width: 24px;
	height: 24px
}

.icon-social_popup a {
	font-size: 24px;
	height: 24px;
	margin: 0;
	color: #FFF;
	display: block;
}

.icon-social li {
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	color: #FFF;
	background: #CCC;
	text-align: center;
}

.icon-social li:last-child {
	margin: 0 0 8px 0;
}

.icon-social.small li {
	width: 24px;
	height: 24px
}

.icon-social a {
	font-size: 24px;
	height: 24px;
	margin: 0;
	padding: 8px 0 0 0;
	color: #FFF;
	display: block;
}

.icon-social .pinterest a,
.icon-social .instagram a {
	font-size: 28px;
	padding: 6px 0 0 0;
}

#footer-social .icon-social a {
	color: #FFF;
}

.icon-social.small a {
	font-size: 15px;
	padding: 5px 0 0 0;
}

.icon-social.small .pinterest a,
.icon-social.small .instagram a {
	font-size: 16px;
	padding: 4px 0 0 0;
}

.icon-social a:hover,
.icon-social a:focus {
	text-decoration: none;
}

.icon-social .facebook {
	background: #4165B3;
}

.icon-social .instagram {
	background: #c32aa3;
	background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}

.icon-social .linkedin {
	background: #0A66C2;
}

.icon-social .youtube {
	background: #FF0033;
}

.icon-social .whatsapp {
	background: #25D366;
}

/* .fa-fa,
.icon {
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 18px;
	padding: 3px 12px 5;
	content: '';
}

.fa,
.fas {
	text-rendering: optimizeLegibility !important;
}

input.fa-fa {
	font-size: 18px;
	padding: 5px 12px 4px 12px;
} */

/*----- sorted-article -----*/
.sorted-article {
	border-top: 1px solid #CCC;
	padding-top: 12px;
	margin: 12px 0 24px 0;
}

/*----- pagenav -----*/
/* pagination on listing pages */
.listing-pagination .pagination-button {
	border: 1px solid #CCCCCC;
	color: #999;
	display: inline-block;
	text-align: center;
	margin: 0 0 0 4px;
	padding: 6px 6px;
	text-decoration: none;
	width: auto;
	min-width: 28px;
	border-radius: 4px;
	background-color: unset;
	cursor: pointer;
}

.listing-pagination .pagination-current {
	color: #fff;
    font-weight: bold;
    background: #555;
    border: 1px solid #555;
}

.listing-pagination .pagination-next {
	background: white;
}

.listing-pagination .pagination-next:hover,
.listing-pagination .pagination-next:focus {
	color: #000;
	background: #CCC;
	cursor: pointer;
	border: 1px solid #CCC;
}

.pagenav {
	clear: both;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #ccc;
	color: #999;
	margin: 0;
}

.pagenav.bottom {
	margin: 12px 0 12px 0;
	padding-top: 12px;
	border-bottom: 0px;
	border-top: 1px solid #ccc;
}

.pagestext {
	display: none;
}

.pagenav select {
	max-width: 180px;
	text-overflow: ellipsis;
}

.pagenav option {
	padding: 2px 8px;
}

.pagenav .align-left,
.pagenav .align-right {
	padding: 0;
}

.pagenav .align-left {
	line-height: 36px;
}

a.pageResults,
span.pageResults,
.pageResults li {
	border: 1px solid #CCCCCC;
	color: #999;
	display: inline-block;
	text-align: center;
	margin: 0 0 0 4px;
	padding: 6px 0px;
	text-decoration: none;
	width: 28px;
	border-radius: 4px;
}

a.pageResults.all {
	width: auto;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0 2px 0 2px;
}

a.pageResults:hover,
a.pageResults:focus,
span.pageResults:hover,
span.pageResults:focus,
.pageResults li:hover,
.pageResults li:focus {
	color: #000;
	background: #CCC;
	cursor: pointer;
	border: 1px solid #CCC;
}

.pageResults.nextmore,
.pageResults.nextmore:hover,
.pageResults.nextmore:focus {
	border: 0px solid #CCCCCC;
	width: 10px;
	padding: 2px 2px 0 0;
	background: #FFF;
}

.pageResults.current,
.pageResults.current:hover,
.pageResults.current:focus,
.pageResults .selected,
.pageResults .selected:hover,
.pageResults .selected:focus {
	color: #fff;
	font-weight: bold;
	background: #555;
	border: 1px solid #555;
}

.pageResults.current.all,
.pageResults.current.all:hover,
.pageResults.current.all:focus {
	width: auto;
	padding-left: 3px;
	padding-right: 3px;
}

.pageResults li {
	border: 1px solid #000;
	color: #000;
	display: inline-block;
	text-align: center;
	height: 30px;
	margin: 0;
	padding: 6px 4px 0 4px;
	text-decoration: none;
	width: auto;
	min-width: 30px;
}

.pageResults .article-na,
.bundle-options .article-na,
.pageResults .article-pr,
.bundle-options .article-pr {
	color: #888;
	border: 1px solid #CCC;
	background: #e8e8e8;
	position: relative;
}

.pageResults .article-na::after {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	height: 30px;
	width: 100%;
	background: -moz-linear-gradient(-45deg, rgba(204, 204, 204, 0) 49%, rgba(210, 0, 0, 1) 50%, rgba(204, 204, 204, 0) 51%);
	background: -webkit-linear-gradient(-45deg, rgba(204, 204, 204, 0) 49%, rgba(210, 0, 0, 1) 50%, rgba(204, 204, 204, 0) 51%);
	background: linear-gradient(135deg, rgba(204, 204, 204, 0) 49%, rgba(210, 0, 0, 1) 50%, rgba(204, 204, 204, 0) 51%);
}

.pageResults .article-na:hover,
.pageResults .article-na:focus,
.pageResults .article-pr:hover,
.pageResults .article-pr:focus,
.bundle-options .article-na:hover,
.bundle-options .article-na:focus,
.bundle-options .article-pr:hover,
.bundle-options .article-pr:focus {
	background: #CCC;
}

.pageResults .article-na.selected,
.bundle-options .article-na.selected,
.pageResults .article-pr.selected,
.bundle-options .article-pr.selected {
	color: #FFF;
	border: 1px solid #555;
	background: #555;
}

.pageResults .article-pr::after,
.bundle-options .article-pr::after {
	color: #CCC;
	background: #FFF;
	border: 1px solid #FFF;
	border-radius: 4px;
	content: "\f0e0";
	display: inline-block;
	font-family: "Font Awesome 7 Pro";
	text-rendering: optimizeLegibility !important;
	font-weight: 400;
	position: absolute;
	bottom: -6px;
	right: -5px;
	line-height: 12px;
	font-size: 14px;
}

.pageResults .article-pr.selected::after,
.bundle-options .article-pr.selected::after {
	color: #555;
}

.product-select option.article-na,
.product-select option.article-pr {
	color: #888;
	background: #e8e8e8;
}

.shipping-status {
	color: #000;
}

.shipping-status span::before {
	display: inline-block;
	font-family: "Font Awesome 7 Pro";
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	margin-right: 6px;
	margin-top: -2px;
	font-size: 17px;
	vertical-align: middle;
}

.available-icon,
.available-green {
	color: #559600;
}

.available-icon::before {
	content: "\f058";
}

.info-icon,
.info-yellow {
	color: #C38C14;
}

.info-icon::before {
	content: "\f05a";
}

.notavailable-icon,
.notavailable-red {
	color: #D20000;
}

.notavailable-icon::before {
	content: "\f057";
}

.info-black {
	color: #000;
}

.available-green,
.info-yellow,
.notavailable-red,
.info-black {
	margin-top: 12px;
}

/*----- boxes -----*/
.big_row {
	width: 488px;
}

.big_boxcontainer {
	float: left;
	margin: 0;
	padding: 0;
	width: 488px;
}

.small_boxcontainer {
	float: left;
	margin: 0;
	padding: 0;
	width: 255px;
}

.extra_txt {
	color: #666666;
	font-weight: normal;
	padding: 6px 0 12px 0;
}

.extra_txt a {
	color: #000;
}

.moduleRowSelected,
.moduleRow:hover {
	background-color: #e6e6e6;
}

.content_gradient_box,
.gradient_box {
	position: relative;
	margin: 0 0 12px 0;
}

.login_box .content {
	/* min-height: 90px; */
	min-height: 90px;
}

.content_gradient_box .top,
.gradient_box .top {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 0;
	padding: 12px;
	background: #e6e6e6;
}

.content_gradient_box .bottom,
.gradient_box .bottom {
	border-color: #ccc;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: 12px;
	background: #e6e6e6;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#FFF, #e6e6e6);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFF, #e6e6e6);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFF, #e6e6e6);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFF, #e6e6e6);
	/* Standard syntax */
	border-radius: 0;
}

.content_gradient_box .bottom .button,
.gradient_box .bottom .button {
	display: inline-block;
}

.gradient_box .top {
	border-radius: 0;
	color: #666;
}

.content_gradient_box .content,
.gradient_box .content {
	background: #fff;
	border: 1px solid #ccc;
}

.gradient_box .content {
	border-radius: 0;
}

.content_gradient_box h3,
.gradient_box h3 {
	margin: 0;
	color: #666;
	/* font-size: 18px; */
}

.content_gradient_box h2 {
	margin: 0;
}

.content_gradient_box h2 a {
	color: #666;
}

.content_gradient_box label {
	display: block;
	margin: 0 0 4px 0;
}

.content_gradient_box.fix .top,
.gradient_box.fix .top {
	border-color: unset !important;
	border-style: unset;
	border-width: unset;
	padding: unset;
	background: unset;
	margin-bottom: 6px;
}

.content_gradient_box.fix .content,
.gradient_box.fix .content {
	background: unset;
	border: unset;
	padding: unset !important;
}

#bestellt h2,
#nichtbestellt h2 {
	margin: 0;
	color: #666;
	font-size: 15px;
	font-weight: bold;
}

.content_gradient_box.small {
	float: left;
	width: 33.33%;
	padding-right: 12px;
}

.content_gradient_box.small .content p.margin {
	margin: 12px;
	font-size: 13px;
}

.content_gradient_box.small:last-of-type {
	padding-right: 0;
}

.content_gradient_box.small .content {
	padding: 0;
}

.content_gradient_box.small .content img {
	width: 100%;
}

.coid-35 .col-9-5 h1 {
	display: none;
}

.content_button_box {
	border: 1px solid #CCCCCC;
	background: #FFF;
	background: linear-gradient(#FFF, #e6e6e6);
	border-radius: 0;
	height: 72px;
	margin: 0 0 24px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

a.content_button_box:hover,
a.content_button_box:focus {
	background: #e6e6e6;
	background: linear-gradient(#FFF, #CCC);
}

a.content_button_box img {
	height: auto;
	max-width: 100px;
	float: left;
	margin: 1px 24px 0;
}

.content_button_box span {
	color: #666;
	float: left;
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}

a.content_button_box:hover span,
a.content_button_box:focus span {
	color: #000;
}

a.content_button_box span:after {
	content: ' \f061';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 15px;
	display: inline-block;
	padding: 0 0 0 4px;
	color: #ff7300;
}

/* material lexikon */
.materialindex {
	height: 85px;
}

.materialindex img {
	border: 1px solid #ccc;
	float: left;
	margin: 0 12px 0 0;
}

.materialindex h3 {
	margin-bottom: 4px;
	margin-top: 0;
}

p.buttonContainer {
	background: #FFF;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#FFFFFF, #e6e6e6);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFFFFF, #e6e6e6);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF, #e6e6e6);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF, #e6e6e6);
	/* Standard syntax */
	border: 1px solid #CCCCCC;
	height: 40px;
	margin: 0 0 12px 0;
	padding: 10px 12px 0 12px;
	color: #666;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}

p.buttonContainer:hover,
p.buttonContainer:focus {
	background: #e6e6e6;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#FFF, #CCC);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFF, #CCC);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFF, #CCC);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFF, #CCC);
	/* Standard syntax */
}

p.buttonContainer.current {
	background: #262626;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#666666, #262626);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#666666, #262626);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#666666, #262626);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#666666, #262626);
	/* Standard syntax */
	margin: 0;
}

p.buttonContainer span {
	position: relative;
	display: block;
	height: 28px;
}

p.buttonContainer span:after {
	color: #ff7300;
	content: "\f107";
	display: inline-block;
	font-family: "Font Awesome 7 Pro";
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 18px;
	line-height: 14px;
	position: absolute;
	top: 2px;
	right: 0;
}

p.buttonContainer.current span:after {
	content: "\f106";
}

p.buttonContainer:hover span {
	color: #ff7300;
}

p.buttonContainer.current span,
p.buttonContainer.current span:after {
	color: #FFF;
}

.coid-16 .buttonContainer {
	margin-top: 24px;
}

.coid-16 h2:first-of-type {
	margin-top: 24px;
}

/* size table */
h2#measure {
	margin-top: 24px;
}

/* testberichte */
a.test_report {
	border: 1px solid #CCC;
	float: left;
	padding: 12px;
	margin: 0 6px 12px 6px;
	min-height: 350px;
	padding: 12px;
	text-decoration: none;
	width: 175px;
}

a.test_report:hover,
a.test_report:focus {
	border: 1px solid #FF7300;
}

a.test_report:nth-of-type(4n+1) {
	margin-left: 0;
}

a.test_report:nth-of-type(4n+4) {
	margin-right: 0;
}


a.test_report .test_img {
	display: block;
	height: 110px;
	text-align: center;
	width: 100%;
}

a.test_report .test_text {
	display: block;
	margin: 0 0 12px;
	color: #999;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

a.test_report img {
	margin: 0 0 6px;
	text-decoration: none;
}

a.test_report .test_more {
	color: #ff7300;
	display: block;
	margin: 6px 0 0;
	text-decoration: none;
}

/*----- checkout & account -----*/
.form-styling .select-gender select {
	width: auto;
}
.form-styling .input-information {
	width: 100%;
	display: block;
	color: #999;
	font-size: 13px;
	margin-top: 4px;
}

.form-styling input[type="text"],
.form-styling input[type="password"] {
	width: 100% !important;
}

#firmcompany {
	margin-bottom: 4px;
	font-weight: bold;
}

#firmyes:before,
#firmno:before {
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 13px;
	content: '\f078';
	margin: 0 6px 0 0;
	color: #FF7300;
}

#firmno:before {
	content: '\f077';
}

.order_select input {
	border: 1px solid #ccc;
	margin-right: 4px;
	padding: 2px;
	text-align: center;
	width: 24px;
}

.main.productattribute {
	padding-bottom: 12px;
}

.checkout-smalltext {
	padding: 6px;
	background-color: #fafafa;
}

a.order_price,
a.order_price:visited {
	color: #ff7300;
	font-size: 15px;
	text-decoration: none;
}

.tb_shcard tbody td {
	border-top: 1px solid #ccc;
}

.tb_shcard tfoot {
	text-align: right;
}

.tb_shcard tfoot td {
	border-top: 1px solid #ccc;
}

.tb_cartbox > div {
	position: relative;
}

.tb_cartbox .articles_image a {
	max-width: 100px;
	max-height: 100px;
}

.tb_cartbox .articles_image a img {
	max-width: 100%;
	max-height: 100%;
}

.tb_cartbox .article .premium,
.tb_shcard .article .premium {
	display: inline-block;
	padding: 0 26px 0 0;
}

.tb_cartbox a {
	color: #000;
}

.tb_cartbox a:hover,
.tb_cartbox a:focus {
	color: #666;
	text-decoration: none;
}

.tb_cartbox strong {
	color: #ff7300;
	font-size: 15px;
}

.paypal-installement {
	padding: 12px 0 0 0;
}

.panel .paypal-installement {
	padding: 24px 0 0 0;
}

.product_price,
.product_price_total span {
	font-size: 15px;
	color: #FF7300;
	font-weight: bold;
}

.product_price_regular {
	font-weight: bold;
	text-decoration: line-through;
	color: #000;
}

.total_uvp {
	font-weight: bold;
}

.total_text .ShopPriceCur,
.total_prices .total_price_text {
	display: none;
}

.total_text.free_shipping .ShopPriceCur {
	display: inline;
}

.freegiftbox {
	background: #262626;
	margin: 48px 0;
	padding: 12px 24px;
	color: #FFF;
}

.freegiftbox h4 {
	font-size: 24px;
	font-weight: normal;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0;
	margin: 0 0 12px 0;
}

.freegiftbox h4 img {
	margin: 0 12px -12px 0;
	width: unset;
}

.freegiftbox p {
	margin-bottom: 4px;
}

.freegiftbox h4 a,
.freegiftbox p.text a {
	color: #FFF;
}

.freegiftbox h4 a:hover,
.freegiftbox h4 a:focus,
.freegiftbox p.text a:hover,
.freegiftbox p.text a:focus {
	text-decoration: none;
}

/* STEPS */
.checkout-steps {
	margin: 0 -24px 24px -24px;
}

.checkout-steps .steps {
	padding: 0 24px;
	height: 24px;
    background-color: white;
    width: 100%;
    scrollbar-width: none;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0;
	display: flex;
    align-items: center;
}

.checkout-steps .steps .single-step {
    padding: 0 18px;
    font-size: 15px;
    align-items: center;
    color: #b1b1b1;
    cursor: pointer;
    display: inline-flex;
	justify-content: center;
	align-items: center;
    white-space: nowrap;
    margin: 0;
    height: 100%;
    font-weight: bold;
}

.checkout-steps .steps .single-step:first-child {
	padding-left: 0;
}

.checkout-steps .steps .single-step:last-child {
	padding-right: 0;
}

:is(.xl, .xxl, .plus, .xplus, .max) .checkout-steps .steps {
	justify-content: center;
}

.checkout-steps .steps .single-step.current {
	color: #ff7300;
}

.checkout-steps .steps .single-step.visited {
	color: #535353;
}

.checkout-steps .steps .single-step:nth-child(1)::before {
	font-family: "Font Awesome 7 Pro";
	content: "\f007";
	font-weight: 300;
	margin-right: 6px;
	font-size: 18px;
}
.checkout-steps .steps .single-step:nth-child(2)::before {
	font-family: "Font Awesome 7 Pro";
	content: "\f0d1";
	font-weight: 300;
	margin-right: 6px;
	font-size: 18px;
}
.checkout-steps .steps .single-step:nth-child(3)::before {
	font-family: "Font Awesome 7 Pro";
	content: "\e5ce";
	font-weight: 300;
	margin-right: 6px;
	font-size: 18px;
}
.checkout-steps .steps .single-step:nth-child(4)::before {
	font-family: "Font Awesome 7 Pro";
	content: "\f733";
	font-weight: 300;
	margin-right: 6px;
	font-size: 18px;
}
.checkout-steps .steps .single-step:nth-child(5)::before {
	font-family: "Font Awesome 7 Pro";
	content: "\f058";
	font-weight: 300;
	margin-right: 6px;
	font-size: 18px;
}

.single-payment-method {
	margin-top: 6px;
}

.single-payment-method:first-of-type {
	margin-top: 0;
}

.single-payment-method .extra_in img {
	height: 32px !important;
    width: auto !important;
	padding-left: 12px;
	padding-top: 6px;
}

.single-payment-method .payment-method-title {
	padding: 2px 4px;
}

.single-payment-method .payment-method-name .text {
	font-weight: bold;
}

.single-payment-method .payone_cc_container {
	margin: 0 !important;
}

.single-payment-method input {
	margin: 4px 0;
}

/* FREE PRODUCTS */
.free_products_wrapper h3 {
	margin: 0;
}

.free_products_items, 
.free_products_items_unusable {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 0 -1px 0;
}

.free_products_image {
	margin: 0;
	text-align: center;
}

.free_products_text {
	color: #999;
	font-weight: bold;
	font-size: 15px;
	padding: 0;
	margin: 0;
}

.free_products_informations p {
	margin: 0 0 8px 0;
}

.content_gradient_box .free_products_items h4 a,
.content_gradient_box .free_products_items_unusable h4 {
	color: #000;
	font-size: 15px;
	margin: 0;
	text-decoration: none;
}

.free_products_wrapper h4,
.content_gradient_box .free_products_items_unusable h4 {
	margin: 0 0 8px 0;
}

.free_products_wrapper .productOldPrice {
	color: #666666;
	font-size: 13px;
}

.free_products_wrapper .onlyOldPrice {
	text-decoration: line-through;
}

.free_products select {
	border: 1px solid #cccccc;
	max-width: 170px;
}

.free_products_wrapper .product-select {
	margin: 0 0 8px 0;
}

.free_products_wrapper .product-select td {
	padding: 0 0 4px 0;
}

.free_products_wrapper .product-select .size-table,
.free_products_wrapper .save_percent,
.free_products_wrapper .ShopPriceCur {
	display: none;
}

.free_products_wrapper .productOldPrice .ShopPriceCur,
.free_products_text .ShopPriceCur {
	display: inline;
}

.layer_grey {
	background: #fff;
	opacity: 0.7;
	position: absolute;
}

#gift_coupon .layer_grey {
	top: 0;
	right: 0;
	height: 34px;
	width: 70%;
}

.free_products .layer_grey {
	height: 100%;
	width: calc(100% - 1px);
	top: 0;
	left: 1px;
	/* display: none; */
}

.content.freebie-page .free_products_image {
	padding: 0;
}

.content.freebie-page .free_products_items,
.content.freebie-page .free_products_items_unusable {
	/* height: 260px; */
}

.content.freebie-page .free_products_items h4,
.content.freebie-page .free_products_items_unusable h4 {
	/* height: 50px; */
}

@media screen and (max-width: 1327px) {
	.content.freebie-page .price-and-select {
		margin-left: -48px;
	}
}

.content.freebie-page .better-breaking {
	display: block;
}

/*----- POPUP & TOOLTIP -----*/
.ui-dialog .product-info {
	margin: 36px 24px;
}

.ui-dialog {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
	z-index: 3002 !important;
	width: 984px !important;
	padding: 0;
	border-radius: 0;
}

.ui-dialog.zoomImgDialog {
	width: 100% !important;
}

.ui-dialog .ui-dialog-content {
	padding: 0;
}

.ui-dialog #dialog.ui-dialog-content {
	padding: 0px;
	margin: 0;
}

.ui-widget-content {
	border: 0px !important;
}

.ui-dialog .ui-widget-header {
	background: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	display: none;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover,
#layer .ui-dialog-titlebar-close {
	position: absolute;
	top: 12px;
	right: 18px;
	padding: 0;
	background: none;
	z-index: 1003;
	margin: 0;
	padding: 0;
	border: 0px;
	width: auto;
	height: auto;
	font-size: 24px;
}

.ui-widget-header .ui-icon {
	padding: 8px;
	margin: 0;
	width: auto;
	height: auto;
	position: static;
	background: none;
	text-indent: 0;
}

.ui-widget-header .ui-button {
	color: #CCC;
}

.ui-widget-header .ui-icon-closethick::before {
	content: "\f00d";
	font-family: "Font Awesome 7 Pro";
	text-rendering: optimizeLegibility;
	font-weight: 900;
	font-size: 24px;
	display: block;
}

.ui-widget-header .ui-button:hover {
	color: #666;
}

.ui-widget-overlay {
	background: #000;
	opacity: 0.75;
	z-index: 3001;
}

.ui-dialog .ui-corner-all #layer .ui-corner-all {
	border-radius: 0 !important;
}

#modalDialog iframe {
	width: 100% !important;
}

.ui-tooltip {
	opacity: 1;
	border-radius: 6px;
	background: #FFF;
	border: 1px solid #ccc !important;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}

.ui-resizable-handle {
	display: none !important;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* quick buy */
#quickbuy .zoomer ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 430px;
}

#quickbuy .cartBtn {
	margin: 24px 0 0 0;
}

#quickbuy .cartBtn input,
#quickbuy .cartBtn a,
#quickbuy #reminder_button {
	width: 100%;
	text-align: center;
}

#quickbuy .shipping-status p {
	margin-bottom: 0;
}

#quickbuy .options {
	margin-bottom: 0;
}

#quickbuy .material {
	border-top: 1px solid #CCC;
	margin-top: 12px;
}

#quickbuy .material h4 {
	color: #999;
}

/* swipe */
.zoomer .thumb,
#modalDialogImg .thumb {
	position: relative;
	width: 100%;
	float: left;
}

.zoomer ul,
#modalDialogImg ul {
	float: left;
	padding: 0;
	margin: 0;
}

.zoomer ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 80px;
	height: 56px;
	display: table;
}

.product-wrapper ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.zoomer ul .zoom-gallery,
.product-wrapper ul .zoom-gallery {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
}

.zoomer ul .zoom-gallery-active,
#modalDialogImg ul li.active,
.product-wrapper ul li.active {
	border-color: #ccc;
}

#modalDialogImg ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid transparent;
	text-align: center;
}

.zoomer .marker {
	position: absolute;
	width: 50px;
	height: 50px;
	border: 1px solid #CCC;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: crosshair;
}

#zoomFlyoutContainer {
	display: none;
	position: fixed !important;
	top: 10px !important;
	right: 10px !important;
	bottom: 10px !important;
	background-repeat: no-repeat;
	background-color: transparent;
}

.zoomFlyoutPos {
	z-index: 10000;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

/* .zoomer .dialog{z-index:10000;display:none; position: fixed; top:10px; left:10px; right:10px; bottom:10px; border:1px solid #ccc;background-color:#fff;} */
.zoomImg {
	float: left;
	display: block;
	background-repeat: no-repeat;
	background-color: #fff;
	position: relative;
	z-index: 1;
	background-position: -9000px center;
}

.zoomImg.zoom-active {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	background-position: center;
}

.zoomImg.zoom-inactive {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}

.zoomImg img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.dialogThumb {
	width: 70px;
	padding: 0;
	margin: 0 0 0 12px;
	position: absolute;
	z-index: 200;
}

.dialogThumbWrapper {
	position: relative;
}

#last-viewed .product-wrapper {
	height: auto;
}

#also-purchased .product-wrapper {
	height: auto;
}

/* special-offer */
#special-offers {
	margin: 48px 0;
}

/* last-viewed */

/* also-purchased */
.more-pictures {
	height: 204px;
	position: relative;
}

.more-pictures .swiper {

}

.more-pictures .swiper-wrapper {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.more-pictures .swiper-wrapper li {
	border: 1px solid #ccc;
	margin: 0;
	width: 46px;
	height: 46px;
}

.more-pictures .swiper-wrapper li a {
	height: 100%;
	width: 100%;
}

.more-pictures .swiper-wrapper li img {
	max-width: 40px;
	max-height: 40px;
}

.product-wrapper .swiper-btn {
	font-size: 13px;
}

.more-pictures .swiper-btn.btn-left:after {
	/* left: -16px; */
	padding: 12px 8px 12px 0;
}

.more-pictures .swiper-btn.btn-right:after {
	/* right: -16px; */
	padding: 12px 0 12px 8px;
}

.dialogThumb ul li {
	display: table;
	float: left;
	height: 56px;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width: 70px;
}

.dialogThumb .imageWrapper {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.swiper-btn {
	cursor: pointer;
	position: absolute;
	top: 0;
	z-index: 2;
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 18px;
	color: #999;
	padding: 0;
	text-decoration: none;
	height: 100%;
}

.swiper-btn::after {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.swiper-btn:hover,
.swiper-btn:focus {
	color: #666;
	text-decoration: none;
}

.swiper-button-disabled {
	color: #eee !important;
	display: block !important;
}

.swiper-btn.btn-up {
	top: 0;
}

.swiper-btn.btn-up:after {
	content: '\f062';
}

.swiper-btn.btn-down {
	bottom: 0;
	top: inherit;
}

.swiper-btn.btn-down:after {
	content: '\f063';
}

.swiper-btn.btn-left {
	left: 0;
}

.swiper-btn.btn-left:after {
	content: '\f060';
	left: 0;
}

.swiper-btn.btn-right {
	right: 0;
	text-align: right;
}

.swiper-btn.btn-right:after {
	content: '\f061';
	right: 0;
}

.with-slider .swiper-btn.btn-left {
	left: 0;
}

.with-slider .swiper-btn.btn-right {
	right: 0;
}

#also-purchased .swiper-btn.btn-left,
#last-viewed .swiper-btn.btn-left {
	left: 0;
}

#also-purchased .swiper-btn.btn-right,
#last-viewed .swiper-btn.btn-right {
	right: 0;
}

#modalDialogImg .swiper-slide {
	float: none !important;
	cursor: pointer;
}

#modalDialogImg ul li {
	width: 70px;
}

.zoomImgDialog .ui-dialog-titlebar-close {
	right: 15px !important;
	top: 15px !important;
}

#modalDialogImg {
	padding: 0px !important;
	overflow: hidden;
}

#zoomInline {
	padding: 0 !important;
	overflow: hidden;
	/*height: 100%;*/
}

#modalDialogImg img {
	transform: rotate(.0001deg);
	-webkit-font-smoothing: antialiased;
}

.zoomImgDialog {
	padding: 0 !important;
	z-index: 3001 !important;
	width: 100% !important;
}

.modalDialogImg {
	overflow: hidden;
}

.loading {
	background: url("img/ajax-loader-a3b8c3aafe7d74dda3e8335191acc208.png") no-repeat center center;
}

.loading {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

.ts-loading {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#zoomInlineContainer {
	/* Gecko-based, Mozilla */
	-moz-user-select: none;
	/* Safari */
	-khtml-user-select: none;
}

.zoomFlyout {
	z-index: 10000 !important;
}

.cloudzoom-zoom-inside {
	z-index: 10000;
}

.ajax-loading {
	background: url("img/ajax-loader-a3b8c3aafe7d74dda3e8335191acc208.png") no-repeat center center;
	padding: 15px;
}

ul.top-nav a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

ul.top-nav .content a {
	white-space: normal;
	overflow: visible;
	text-overflow: inherit;
	word-wrap: break-word;
}

#cookiePrivacyNotice a {
	color: #FF7300;
	text-decoration: none;
}

#cookiePrivacyNotice a:hover {
	text-decoration: underline;
	color: #FF9640;
}

#cookiePrivacyNotice div {
	padding: 25px 30px 0px 30px;
}

#cookiePrivacyNotice {
	background: #363636;
	text-align: center;
	position: fixed;
	bottom: 0px;
	left: 20px;
	z-index: 10000;
	color: white;
	width: 260px;
	margin: 0 20px 20px 0;
}

#cookiePrivacyNoticeCloser {
	font: 18px/100% arial, sans-serif;
	position: absolute;
	right: 3px;
	text-decoration: none;
	top: 3px;
	cursor: pointer;
	padding: 6px;
}

#cookiePrivacyNoticeCloser:hover {
	color: #FF7300;
}

.button.close {
	border: 0;
	cursor: pointer;
	margin: 10px 0 25px 0;
}


.cartBtn input.disabled,
input[disabled="disabled"],
input:disabled {
	opacity: 0.4;
	filter: alpha(opacity=40);
	cursor: default;
}

.manufacturertopnav {
	width: 100% !important;
	height: 500px !important;
}

.manufacturertopnav a {
	font-size: 13px !important;
}

.manufacturertopnav .column {
	width: 20% !important;
}

/* ----- Pop Up ----- */
/* Startseite */
#popup-start {
	position: fixed;
	left: -236px;
	padding: 50px 6vw 50px 0;
	transition: left .5s;
	z-index: 9999;
}

#popup-start.scrolled {
	top: 36px;
}

#popup-start.hover {
	left: 0px;
}

#popup-start.closed {
	display: none;
}

#popup-start .content {
	width: 300px;
	border-radius: 0 10px 10px 0;
	background-color: black;
	color: white;
	padding: 20px 20px;
}

#popup-start .reason {
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

#popup-start .reason p {
	font-size: 17px;
	font-weight: bold;
	margin: 0;
}

#popup-start .reason i {
	font-size: 20px;
}

#popup-start .selection {
	margin-top: 20px;
	display: block;
}

#popup-start .selection.closed {
	display: none;
}

#popup-start .selection .button {
	background-color: #333333;
	margin-bottom: 6px;
	width: 100%;
	height: 56px;
	text-transform: uppercase;
	font-weight: normal;
	color: white;
	text-decoration: none;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#popup-start .selection .button:hover {
	background-color: #444444;
}

#popup-start .selection .button:last-child {
	margin-bottom: 0;
}

#popup-start .selection .button img {
	width: 40px !important;
}

/* Helme */
#popup-helmets {
	position: relative;
	transition: all .5s;
	z-index: 99999;
}

#popup-helmets.closed {}

#popup-helmets.closed .content {
	left: -999px;
}

#popup-helmets.closed .close-button {
	left: -240px;
}

#popup-helmets .content {
	width: 250px;
	border-radius: 15px;
	background-color: #E9E9E9;
	color: black;
	padding: 20px;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3);
	transition: left .5s;
	position: fixed;
	left: 15px;
	bottom: 15px;
	border: .25px #d6d6d6 solid;
}

#popup-helmets .close-button {
	position: fixed;
	bottom: 100px;
	left: -320px;
	cursor: pointer;
	z-index: 1;
	transition: all .5s;
	width: 300px;
	border-radius: 30px;
	background-color: #ff7300;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#popup-helmets .close-button span {
	height: 60px;
	width: 60px;
	border-radius: 30px;
	background-color: #ff7300;
	display: flex;
	justify-content: center;
	align-items: center;
}

#popup-helmets .close-button span i {
	color: white;
	font-size: 22px;
}

#popup-helmets .reason p {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	text-align: center;
}

#popup-helmets .selection {
	margin-top: 20px;
}

#popup-helmets .selection.closed {
	display: none;
}

#popup-helmets .selection.open {
	display: block;
}

#popup-helmets .selection .button {
	background-color: white;
	color: black !important;
	margin-bottom: 6px;
	width: 100%;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	/* transition: all .2s; */
}

#popup-helmets .selection .button:hover {
	background-color: #fdfdfd;
}

#popup-helmets .selection #helmet-support-trigger.button {
	color: white !important;
	background-color: #ff7300;
}

#popup-helmets .selection #helmet-support-trigger.button:hover {
	background-color: #be4e00;
}

#popup-helmets .selection .button:last-child {
	margin-bottom: 0;
}

#popup-contact {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	isolation: unset;
	cursor: default;
}

#popup-contact.closed {
	display: none;
}

#popup-contact .content {
	background: white;
	width: 800px;
	box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 30%);
	border-radius: 34px;
	position: relative;
}

#popup-contact .content .close-popup {
	position: absolute;
	top: 35px;
	right: 35px;
	width: 10px;
	height: 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#popup-contact .content .close-popup .open-popup-trigger {
	color: black;
	font-size: 20px;
	cursor: pointer;
}

#helmet-support {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	isolation: unset;
	cursor: default;
}

#helmet-support.closed {
	display: none;
}

#helmet-support .content {
	position: relative;
	height: 648px;
	width: 900px;
	background: #E8E8E8 url("../../media/content/images/helm-support-background-c6ad9452467ca51c659c5cf89a8fc991.jpg") no-repeat center center;
	background-size: cover;
	box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 30%);
	border-radius: 34px;
	padding: 30px;
	overflow: hidden;
}

#helmet-support .content .bar {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 120px;
	width: 100%;
	background-color: #E8E8E8;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#helmet-support .content .flex-block {
	display: flex;
}

#helmet-support .content .flex-block {
	position: absolute;
}

#helmet-support .content .flex-block .right {
	margin: 0 30px;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
}

#helmet-support .content .flex-block .right .result {
	background-color: white;
	margin-top: 22px;
	padding: 30px;
	border-radius: 15px;
	display: none;
	height: 394px;
}

#helmet-support .content .flex-block .right .result.show {
	display: block;
}

#helmet-support .content .flex-block .right .result p {
	font-size: 20px;
	color: black;
	font-weight: bold;
}

#helmet-support .content .flex-block .right .result .products {
	height: 200px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 20px 0;
}

#helmet-support .content .flex-block .right .result .products .example {
	width: 30%;
}

#helmet-support .content .flex-block .right .result .products .example .img {
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#helmet-support .content .flex-block .right .result .products .example .img img {
	max-width: 100px;
	max-height: 100px;
}

#helmet-support .content .flex-block .right .result .products .example .name {
	font-size: 13px;
	font-weight: bold;
	color: black;
	height: 45px;
}

#helmet-support .content .flex-block .right .result .products .example .price {
	margin: 5px 0 3px 0;
	height: 40px;
}

#helmet-support .content .flex-block .right .result .products .example:hover,
#helmet-support .content .flex-block .right .result .products .example:focus {
	text-decoration: none;
}

#helmet-support .content .flex-block .right .result button {
	margin: 0 auto;
	display: block;
}

#helmet-support .content .progress {
	display: flex;
	justify-content: space-between;
	width: 445px;
	margin-right: 56px;
}

#helmet-support .content .progress div span {
	height: 66px;
	width: 66px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #707070;
	background-color: #D6D6D6;
	font-size: 30px;
	font-weight: bold;
}

#helmet-support .content .progress.one .step-one span,
#helmet-support .content .progress.two .step-two span,
#helmet-support .content .progress.three .step-three span,
#helmet-support .content .progress.four .step-four span,
#helmet-support .content .progress.five .step-five span,
#helmet-support .content .progress.six .step-six span {
	color: white;
	background-color: #FF7300;
}

#helmet-support .content .headlines h1,
#helmet-support .content .headlines h2 {
	color: white;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#helmet-support .content .headlines h1 {
	font-size: 28px;
	font-weight: bold;
}

#helmet-support .content .headlines h2 {
	font-size: 20px;
	font-weight: unset;
}

#helmet-support .content .close-button {
	color: white;
	font-size: 20px;
	cursor: pointer;
}

#helmet-support .content .close-popup {
	position: absolute;
	top: 35px;
	right: 35px;
	width: 10px;
	height: 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#helmet-support .content .selection input[type='checkbox']:checked+label:before,
#helmet-support .content .selection input[type='checkbox']:not(:checked)+label:before,
input[type='radio']:checked+label:before,
input[type='radio']:not(:checked)+label:before {
	/* top: 4px; */
}

#helmet-support .content .selection label {
	width: 100%;
	display: inline-block;
	padding: 5px 10px 10px 10px;
}

#helmet-support .content .selection label span {
	font-size: 10px;
	color: grey;
}

#helmet-support .content .selection {
	font-weight: bold;
	position: relative;
	background-color: white;
	padding: 30px;
	border-radius: 15px;
	width: 310px;
	height: 510px;
	margin-top: 22px;
}

#helmet-support .content .selection.step-four .order {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 300px;
	width: 100%;
}

#helmet-support .content .selection.step-four .select {
	width: 100px;
}

#helmet-support .content .selection h2 {
	font-size: 20px;
	margin: 0 0 20px 0;
	color: black;
}

#helmet-support .content .selection .select {
	border-radius: 5px;
	background-color: #E8E8E8;
	margin-bottom: 6px;
}

#helmet-support .content .selection .select:hover {
	background-color: #c3c3c3;
}

#helmet-support .content .selection .button {
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 0;
	width: 300px;
}

#helmet-support .content .selection .select:last-child {
	margin: 0;
}

#helmet-support .content .control-buttons {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	bottom: 88px;
	left: 0;
	padding: 0 30px;
}

#helmet-support .content .control-buttons button {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	font-size: 22px;
}

#helmet-support .content .control-buttons button.passive {
	background-color: #D6D6D6;
	cursor: default;
}

#helmet-support .content .selection.step-six .selection-result div {
	padding: 8px 12px;
	border-radius: 6px;
	background: #E8E8E8;
	color: #666;
	border: 1px solid #E8E8E8;
	display: inline-block;
	margin: 4px 4px 4px 0;
	width: 100%;
	cursor: pointer;
}

#helmet-support .content .selection.step-six .selection-result div:hover {
	text-decoration: none;
	color: #000;
	background: #FFF;
	border: 1px solid #999;
}

#helmet-support .content.one .selection.step-two,
#helmet-support .content.one .selection.step-three,
#helmet-support .content.one .selection.step-four,
#helmet-support .content.one .selection.step-five,
#helmet-support .content.one .selection.step-six {
	display: none;
}

#helmet-support .content.two .selection.step-one,
#helmet-support .content.two .selection.step-three,
#helmet-support .content.two .selection.step-four,
#helmet-support .content.two .selection.step-five,
#helmet-support .content.two .selection.step-six {
	display: none;
}

#helmet-support .content.three .selection.step-two,
#helmet-support .content.three .selection.step-one,
#helmet-support .content.three .selection.step-four,
#helmet-support .content.three .selection.step-five,
#helmet-support .content.three .selection.step-six {
	display: none;
}

#helmet-support .content.four .selection.step-two,
#helmet-support .content.four .selection.step-three,
#helmet-support .content.four .selection.step-one,
#helmet-support .content.four .selection.step-five,
#helmet-support .content.four .selection.step-six {
	display: none;
}

#helmet-support .content.five .selection.step-two,
#helmet-support .content.five .selection.step-three,
#helmet-support .content.five .selection.step-four,
#helmet-support .content.five .selection.step-one,
#helmet-support .content.five .selection.step-six {
	display: none;
}

#helmet-support .content.six .selection.step-two,
#helmet-support .content.six .selection.step-three,
#helmet-support .content.six .selection.step-four,
#helmet-support .content.six .selection.step-one,
#helmet-support .content.six .selection.step-five {
	display: none;
}

/* Sale Information */
#popup-sale-information {
	position: fixed;
	top: 220px;
	right: -35px;
	z-index: 50;
	transition: right .5s;
	padding: 50px;
}

#popup-sale-information.closed {
	right: -500px;
	z-index: 10;
}

#popup-sale-information h1,
#popup-sale-information p,
#popup-sale-information h2,
#popup-sale-information h3 {
	font-family: Arial, Helvetica, sans-serif !important;
	margin: 0;
	padding: 0;
}

#popup-sale-information .content {
	border-radius: 4px;
	display: flex;
	-webkit-box-shadow: 0px 0px 200px 0px rgb(255 255 255 / 35%);
	box-shadow: 0px 0px 200px 0px rgb(255 255 255 / 35%);
	transition: box-shadow .5s ease-in-out;
}

#popup-sale-information.closed .content {
	-webkit-box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
	box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
}

#popup-sale-information .side-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 14px 12px;
	cursor: pointer;
}

#popup-sale-information .side-bar p {
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	writing-mode: vertical-rl;
	letter-spacing: .1em;
}

#popup-sale-information .inside-bar {
	padding: 12px;
	width: 450px;
	display: flex;
	align-items: center;
}

#popup-sale-information .inside-bar p {
	color: white;
	font-size: 0.9rem;
	line-height: 20px;
}

#popup-sale-information .code {
	padding: 4px 8px;
	background: #ff6600;
	color: #FFF;
	display: inline-block;
	font-weight: bold;
	margin-top: 5px;
}

#popup-sale-information .truck {
	background-image: url("../../media/content/images/truck-icon_white-9fcc2216573db2a5a5aff063771cb156.svg");
	height: 14px;
	width: 28px;
	display: inline-block;
	background-repeat: no-repeat;
}

#popup-sale-information-background {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	z-index: 40;
	opacity: 75%;
	visibility: visible;
	transition: visibility 0s, opacity .5s ease-in-out;
}

#popup-sale-information-background.closed {
	visibility: hidden;
	opacity: 0%;
}

#popup-sale-information.flag {
	right: 0;
	padding: 0;
}

#popup-sale-information.flag a, #popup-sale-information.flag a:hover {
	color: unset;
	text-decoration: none;
}

#popup-sale-information.flag .content {
	border-radius: 0;
}


#popup-sale-information.flag .side-bar {
	padding: 20px 14px;
}

#popup-sale-information.flag p {
	font-size: 16px;
}

/* Panel */
body.no-scroll {
	overflow: hidden;
	max-height: 100vh;
}

.panel {
	position: fixed;
	top: 0;
	height: 100%;
	overflow-y: auto;
	background: #FFF;
	-webkit-transition: all 0.2s 0s ease-in-out 0s;
	-moz-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out;
	visibility: hidden;
	z-index: 3002;
	overscroll-behavior: none;
	width: 625px;
}

:is(.xs, .sm) .panel {
	width: 100vw;
	width: 100dvw;
	right: unset;
}

.click-wrapper .panel {
	position: absolute;
	padding: 24px;
}

.panel-right {
	right: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
	-ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
}

.panel-left {
	left: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
	-ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
}

.panel-top {
	right: 0;
	top: 0;
	height: auto;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-o-box-shadow: 0 5px 25px 5px rgba(0, 0, 0, .25);
	-ms-box-shadow: 0 5px 25px 5px rgba(0, 0, 0, .25);
	box-shadow: 0 5px 25px 5px rgba(0, 0, 0, .25);
	border: 1px solid #CCC;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, .75);
	opacity: 0;
	-webkit-transition: all 0.25s 0s ease-in-out 0s;
	-moz-transition: all 0.25s 0s ease-in-out;
	transition: all 0.25s 0s ease-in-out;
	visibility: hidden;
	z-index: 3001;
}

.click-wrapper .overlay {
	background: rgba(0, 0, 0, 0);
}

.active .panel {
	-webkit-transform: translate(0%);
	transform: translate(0);
	visibility: visible;
	opacity: 1 !important;
}

.active .overlay {
	visibility: visible;
	opacity: 1;
}

#language-country-currency-settings .panel {
	top: 28px;
	width: 420px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 0;
	-webkit-transition: all 0.25s 0s ease-in-out 0s;
	-moz-transition: all 0.25s 0s ease-in-out;
	transition: all 0.25s 0s ease-in-out;
	position: absolute;
	overflow: visible;
}

#language-country-currency-settings .panel:before {
	content: "";
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #bbb;
	position: absolute;
	top: -10px;
	right: 24px;
}

#language-country-currency-settings .panel:after {
	content: "";
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 9px solid #FFF;
	position: absolute;
	top: -9px;
	right: 25px;
}

.panel-header {
	border-bottom: 1px solid #CCC;
	border-top: 6px solid #FF7300;
	display: flex;
	align-items: end;
}

.panel .icons-header {
	display: inline;
}

.panel-header h2 {
	display: inline;
	color: #000;
	text-decoration: none;
	font-size: 30px;
	line-height: 100%;
	vertical-align: baseline;
	font-weight: normal;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.panel-header #quick_find {
	display: inline-block;
	width: 100%;
	padding-right: 36px;
}

.panel-header input {
	color: #000;
	text-decoration: none;
	line-height: 12px;
	vertical-align: middle;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.panel-header .small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	vertical-align: baseline;
	color: #666;
	align-self: flex-end;
	margin-bottom: 1px;
}

.panel-content h3 {
	color: #999;
	text-decoration: none;
	font-size: 21px;
	font-weight: normal;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	margin-top: 0;
}

.account_benefits {
	padding-left: 48px;
	margin-bottom: 24px;
	max-width: 80%;
}

.account_benefits li {
	margin-top: 15px;
}

.account_benefits li div {
	font-size: 16px;
	color: #FF7300;
}

.panel .close-panel {
	cursor: pointer;
	color: #CCC;
	font-size: 24px;
}

.panel .close-panel i {
	position: relative;
}

.panel .close-panel i::after {
	content: "";
	position: absolute;
	inset: -12px;
	background: transparent;
}

.panel .close-panel:hover,
.panel .close-panel:focus {
	color: #666;
}

/* Squarelovin */
#startSquarelovin {
	background: #FFF;
	min-height: 300px;
}

#productSquarelovin.SquarelovinMotoin .squarelovin-head-container {
	padding: 24px 12px 0 12px;
}

#productSquarelovin.SquarelovinMotoin .squarelovin-widget-container {
	padding: 0 0 24px 0;
	margin: 0 12px;
}

.SquarelovinMotoin #squarelovin-head-container {
	margin: 0 auto;
	display: block;
}

.squarelovin-overlay-background .squarelovin-frontend-upload-overlay,
.squarelovin-overlay-background .squarelovin-frontend-upload-overlay label {
	font-size: 13px;
}

.SquarelovinMotoin .squarelovin-headline {
	font-size: 30px;
	font-weight: 400;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	margin-bottom: 24px;
	margin-top: 0;
}

.squarelovin-overlay-background .squarelovin-frontend-upload-headline {
	margin-bottom: 12px;
}

.SquarelovinMotoin .squarelovin-subtext {
	font-size: 15px;
	margin-bottom: 36px;
}

.squarelovin-overlay-background .squarelovin-info-caption {
	font-size: 15px;
	margin-bottom: 24px;
}

.squarelovin-overlay-background .squarelovin-overlay-container .squarelovin-overlay-headline {
	border-bottom: 1px solid #CCC;
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	padding: 0 0 8px 0;
	margin: 12px 0 18px 0;
	font-size: 15px;
	display: inline-block;
}

.squarelovin-overlay-product span {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: 700;
	font-size: 13px;
	text-transform: none !important;
}

.squarelovin-overlay-background input[type="checkbox"]:checked+label,
.squarelovin-overlay-background input[type="radio"]:checked+label {
	font-weight: normal;
}

.squarelovin-overlay-background .squarelovin-frontend-upload-overlay-container:first-child {
	margin-right: 18px;
}

.SquarelovinMotoin .squarelovin-branding {
	margin-top: 2px;
	margin-right: 48px;
	height: 18px;
}

.SquarelovinMotoin .squarelovin-branding a,
.squarelovin-overlay-background .squarelovin-overlay a.squarelovin-overlay-powered,
.squarelovin-overlay-background .squarelovin-overlay .squarelovin-overlay-report,
.squarelovin-overlay-background a.squarelovin-overlay-powered {
	font-size: 10px !important;
	color: #999 !important;
	text-transform: uppercase;
}

.squarelovin-overlay-report:hover,
.squarelovin-overlay-report:focus {
	text-decoration: underline;
}

span.squarelovin-user-info strong.squarelovin-bordered-hover-name {
	background: #FFF;
	color: #000 !important;
}

.SquarelovinMotoin .squarelovin-navigation {
	margin-top: 18px;
}

.SquarelovinMotoin .squarelovin-navigation .squarelovin-gallery-choose {
	margin: 0 !important;
}

.SquarelovinMotoin .squarelovin-gallery-choose,
.squarelovin-overlay-background .squarelovin-frontend-upload-overlay input[type="submit"] {
	border-radius: 4px;
	border: 0px !important;
	padding: 8px 18px;
	color: #FFF !important;
	font-weight: 700;
	background: #FF7300;
	font-size: 13px;
	text-transform: capitalize;
	display: inline-block;
	float: none;
}

.SquarelovinMotoin .squarelovin-navigation a.squarelovin-gallery-choose {
	margin-right: 12px !important;
}

.squarelovin-overlay-background .squarelovin-frontend-upload-overlay input[type="submit"] {
	margin-top: 18px;
}

.squarelovin-gallery-choose:after {
	content: '\f061';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 13px !important;
	display: inline-block;
	margin-left: 8px;
	margin-right: -4px;
}

.squarelovin-frontend-upload-link:after {
	content: none;
}

.squarelovin-frontend-upload-link:before {
	content: '\f382';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 13px;
	display: inline-block;
	margin-right: 8px;
	margin-left: -4px;
}

.squarelovin-gallery-choose:hover,
.squarelovin-frontend-upload-submit:hover,
.squarelovin-gallery-choose:focus,
.squarelovin-frontend-upload-submit:focus,
.squarelovin-overlay-background .squarelovin-frontend-upload-overlay input[type="submit"]:hover,
.squarelovin-overlay-background .squarelovin-frontend-upload-overlay input[type="submit"]:focus {
	text-decoration: none;
	cursor: pointer;
	background: #be4e00 !important;
}

.SquarelovinMotoin #productSquarelovin ul.squarelovin-stream-container.product-stream li.squarelovin-stream-item {
	margin: 1px 5px;
}

.SquarelovinMotoin ul.squarelovin-stream-container.product-stream li.squarelovin-stream-item {
	margin: 1px 12px;
}

.squarelovin-arrow-right img,
.squarelovin-arrow-left img,
.squarelovin-overlay-close-btn img,
.squarelovin-overlay-fupload-close-btn img,
.squarelovin-frontend-upload-overlay .squarelovin-overlay-fupload-close-btn img {
	display: none;
}

.squarelovin-arrow-right,
.squarelovin-arrow-left,
.squarelovin-overlay-close-btn,
.squarelovin-overlay-fupload-close-btn {
	cursor: pointer;
	position: absolute;
	z-index: 2;
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 18px;
	color: #999 !important;
	padding: 0;
	text-decoration: none;
	opacity: 1;
}

.squarelovin-overlay-background .squarelovin-overlay-close-btn,
.squarelovin-overlay-background .squarelovin-overlay-fupload-close-btn {
	top: 2px;
	right: 2px;
}

.squarelovin-arrow-right:hover,
.squarelovin-arrow-left:hover,
.squarelovin-overlay-close-btn:hover,
.squarelovin-overlay-fupload-close-btn:hover {
	color: #666 !important;
	opacity: 1;
}

.squarelovin-overlay-arrow:hover {
	color: #CCC !important;
}

.squarelovin-arrow-right:after {
	content: '\f061';
	right: 0;
	padding: 24px 0 24px 12px;
}

.squarelovin-arrow-left:after {
	content: '\f060';
	left: 0;
	padding: 24px 12px 24px 0;
}

.squarelovin-overlay-close-btn:after,
.squarelovin-overlay-fupload-close-btn:after {
	content: '\f00d';
	padding: 8px 12px;
	font-size: 24px;
	display: block;
}

/* -------------------------- */
/* ----- media queries ------ */
/* -------------------------- */
@media screen and (max-width: 984px) {

	.featured div.featured-fullwidth.special {
		padding-top: 57.125%;
	}

	.slider-categories img {
		max-height: 90px;
		max-width: 90px;
	}

	.slider-categories {
		margin-top: 50px;
	}
}

@media screen and (min-width: 985px) {
	.featured div.featured-fullwidth.special {
		padding-top: 49.125%;
	}

	.slider-categories img {
		max-height: 90px;
		max-width: 90px;
	}

	.slider-categories {
		margin-top: 50px;
	}
}

@media screen and (min-width: 1200px) {
	.slider-categories img {
		max-height: 120px;
		max-width: 120px;
	}

	.slider-categories {
		margin-top: 60px;
	}
}

@media screen and (min-width: 1328px) {

	.ui-dialog.zoomImgDialog {
		width: 100% !important;
	}

	.headercontentwrap {
		padding: 0;
	}

	.header-headline.col-12 {
		width: 1280px;
	}

	#header.sticky #header-logo {
		padding-left: 36px;
	}

	.navbar-left {
		
	}

	.navbar-right {
		
	}

	#header.sticky .top-nav>li.CatLevel1>a {
		font-size: 15px;
	}

	.top-nav .navigation_content {
		padding: 36px 24px 36px 0;
	}

	.brands_content {
		padding: 36px 24px 36px 24px;
	}

	.additional_content {
		padding: 36px 24px 36px 24px;
	}

	.quicklink_content {
		padding: 36px 0 36px 24px;
	}

	.top-nav #c-23 .CatLevel2:nth-child(5),
	.top-nav #c-23 .CatLevel2:nth-child(6),
	.top-nav #c-23 .CatLevel2:nth-child(7),
	.top-nav #c-23 .CatLevel2:nth-child(8) {
		min-height: 270px;
	}

	:lang(ru) .top-nav #c-23 .CatLevel2:nth-child(5),
	:lang(ru) .top-nav #c-23 .CatLevel2:nth-child(6),
	:lang(ru) .top-nav #c-23 .CatLevel2:nth-child(7),
	:lang(ru) .top-nav #c-23 .CatLevel2:nth-child(8) {
		min-height: 290px;
	}

	:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(5),
	:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(6),
	:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(7),
	:lang(ja) .top-nav #c-23 .CatLevel2:nth-child(8):lang(ja) {
		min-height: 290px;
	}

	:lang(pl) .top-nav #c-23 .CatLevel2:nth-child(n+10) {
		min-height: 50px;
	}

	#main .container,
	.header-wrapper.coid,
	.manufacturer-image,
	.header-image,
	.content-wrapper,
	.content-wrapper .header_wrapper,
	.content-wrapper .no_content_header,
	.content_button_box,
	.gradient_box .top {
		border-radius: 0;
		min-height: inherit;
	}

	#content {
		background: #EEE;
	}

	.fullwidth {
		margin: 48px 0;
	}

	.normalwidth .container {
		background: #FFF;
		border-radius: 4px;
	}

	#beforemain,
	#startFeatured {
		margin: 0;
	}

	#main {
		padding: 48px 0 0 0;
	}

	#content.category #main,
	#content.manufacturer #main,
	#content.search #main,
	#content.coid-97 #main,
	#content.coid-99 #main
	 {
		padding-top: 48px;
		padding-bottom: 24px;
	}

	#main .container, #main .big-container {
		background: #FFFFFF;
		border-radius: 4px;
	}

	/* REMAINDERS & NEW */
	.coid-99 .contentSaleImage,
	.coid-100 .contentSaleImage
	 {
		background-position: 50% 50%;
	}

	.featured div.featured-fullwidth.special {
		padding-top: 43.125%;
	}
}

@media screen and (min-width: 1450px) {
	.featured div.featured-fullwidth.special {
		padding-top: 40.125%;
	}
}

@media screen and (min-width: 1600px) {
	.featured div.featured-fullwidth.special {
		padding-top: 38.125%;
	}
}

@media screen and (min-width: 1750px) {
	.featured div.featured-fullwidth.special {
		padding-top: 34.125%;
	}
}

@media screen and (min-width: 1900px) {
	.slider-categories div {
		margin: 0px 0px;
		display: flex;
		flex-direction: row;
	}

	.slider-categories a {
		width: 355px;
		margin: 0px 20px !important;
	}

	.slider-categories {
		margin-top: 150px;
	}
}

@media screen and (min-width: 1920px) {

	.wrapper::before,
	.wrapper::after {
		content: '';
		width: 240px;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 1;
	}

	.wrapper::after {
		right: 0;
	}

	.with-image .wrapper::before {
		background: #333;
		/* For browsers that do not support gradients */
		background: -webkit-linear-gradient(left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0));
		/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0));
		/* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0));
		/* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0));
		/* Standard syntax */
	}

	.with-image .wrapper::after {
		background: #333;
		/* For browsers that do not support gradients */
		background: -webkit-linear-gradient(right, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0));
		/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0));
		/* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0));
		/* For Firefox 3.6 to 15 */
		background: linear-gradient(to left, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0));
		/* Standard syntax */
	}

	.coid-99 .with-image .wrapper::before,
	.coid-99 .with-image .wrapper::after,
	.coid-100 .with-image .wrapper::before,
	.coid-100 .with-image .wrapper::after
	{
		background: none;
	}

	.coid-97 .with-image .wrapper::before {
		background: #444444;
		/* For browsers that do not support gradients */
		background: -webkit-linear-gradient(left, rgba(68, 68, 68, 1), rgba(68, 68, 68, 0));
		/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(left, rgba(68, 68, 68, 1), rgba(68, 68, 68, 0));
		/* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(left, rgba(68, 68, 68, 1), rgba(68, 68, 68, 0));
		/* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, rgba(68, 68, 68, 1), rgba(68, 68, 68, 0));
		/* Standard syntax */
	}

	.coid-97 .with-image .wrapper::after {
		background: #444444;
		/* For browsers that do not support gradients */
		background: -webkit-linear-gradient(right, rgba(68, 68, 68, 1), rgba(68, 68, 68, 0));
		/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, rgba(68, 68, 68, 1), rgba(68, 68, 68, 0));
		/* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, rgba(68, 68, 68, 1), rgba(68, 68, 68, 0));
		/* For Firefox 3.6 to 15 */
		background: linear-gradient(to left, rgba(68, 68, 68, 1), rgba(68, 68, 68, 0));
		/* Standard syntax */
	}
}

@media screen and (max-width: 1327px) {
	.startpage-news .button {
		font-size: 13px;
		padding: 8px 18px;
	}

	#advantages .fas {
		margin-right: 0;
		width: 38px;
	}
}

.navigation-bar.motstick {
	position: fixed;
	top: 0;
}

#header .navigation-bar .top-nav .CatLevel1.SubMenue.over .content {
	width: 100% !important;
}

.headercontentwrap {
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0 12px;
	position: relative;
}

#content .contentOverlay {
	width: 100%;
	height: 100%;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
	background: rgba(0, 0, 0, .75);
	z-index: 8;
	display: none;
}

#content_slide_space {
	height: 128px;
	display: inline-block;
}

#content_slide_space.admin {
	height: 165px;
}

#header {
	z-index: 12;
	background: #fff;
}

#content {
	z-index: 1;
	isolation: isolate;
}

.hidden {
	display: none;
}

#content .product-info #buy .zoomer {
	overflow: hidden;
}

.reminderDialogWrapper {
	height: 540px;
	z-index: 4002 !important;
	top: calc(50% - 270px) !important;
}

.reminderDialogOverlay {
	z-index: 4001 !important;
}

.reminderDialogWrapper .ui-dialog-titlebar-close {
	height: 30px;
	overflow: hidden;
}

.contactSubjectsBlockItem {
	margin-bottom: 48px;
}

#contactSubjectsBlock .subjectItem {
	width: 100%;
	cursor: pointer;
}

#contactSubjectsBlock .subjectItem span {
	text-decoration: underline;
}

.contactSubjectsBlockItem.first h2 {
	margin-top: 0;
}

.contactSubjectsBlockItem h3 {
	margin: 0;
}

.product_modalvideo {
	background: transparent;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

#modalvideo img {
	cursor: pointer;
}

.product_modalvideo iframe {
	width: 100%;
	height: 100%;
}

.product_modalvideo .ui-dialog-content {
	overflow: hidden;
}

.product_modalvideo .ui-dialog-titlebar-close {
	top: -36px;
	right: -36px;
}

.product_modalvideo .ui-icon-closethick {
	color: #999;
}

.product_modalvideo .ui-icon-closethick:hover {
	color: #000;
}

.product_modalvideo.ui-dialog {
	width: auto;
}

.video-popup-iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	min-height: unset;
	max-height: 90vh;
	display: block;
	object-fit: cover;
}

.video-popup-close {
	top: 7px;
    right: 12px;
}

:is(.xs, .sm) .video-popup-iframe {
	height: unset;
}

@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

.product_modalvideo:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 50%;
	border: 2px solid #ccc;
	border-top-color: #333;
	animation: spinner 1.2s linear infinite;
}

.product_modalvideo.video-loaded:before {
  display: none;
  content: none;
}

#headertopleftmenu .panel {
	top: 28px;
	width: 0;
	left: 0;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 0;
	-webkit-transition: all 0.25s 0s ease-in-out 0s;
	-moz-transition: all 0.25s 0s ease-in-out;
	transition: all 0.25s 0s ease-in-out;
	position: absolute;
	overflow: visible;
	display: table;
	padding-top: 18px;
	padding-bottom: 18px;
}

#headertopleftmenu .panel:before {
	content: "";
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #bbb;
	position: absolute;
	top: -9px;
	left: 24px;
}

#headertopleftmenu .panel:after {
	content: "";
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 9px solid #FFF;
	position: absolute;
	top: -8px;
	left: 25px;
}

#headertopleft {
	color: #666;
	padding: 2px 0;
	font-size: 11px;
	position: relative;
}

#headertopleft .menunode.dropmenu {
	text-transform: uppercase;
	cursor: pointer;
}

#headertopleft .menunode.pipe {
	margin: 0 7px 0 8px;
	color: #CCC;
}

#headertopleft .menunode.phone {
	font-weight: bold;
	font-size: 12px;
}

#headertopleftmenulist li {
	margin-top: 10px;
	white-space: nowrap;
}

#headertopleftmenu .fa {
	padding: 0 0 0 2px;
}

#headertopleftmenulist li a {
	color: #000;
	font-size: 13px;
}

#headertopleftmenulist li .currentpage {
	color: #98989899;
	font-size: 13px;
}

#sidecol {
	float: left;
}

#sidePromoSection {
	display: none;
}

@media screen and (min-width: 1850px) {
	#sidePromoSection {
		float: left;
		width: 300px;
		margin-right: -300px;
		display: block;
		margin-left: 20px;
		margin-top: 30px;
	}


	#main {
		/* display: flex; */
		display: block;
		overflow: hidden;
	}

	#main #mainContainerMargin {
		display: table;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
	}

	#main #mainContainerMargin .container {
		float: left;
	}

	#sidePromoSection .sidelayer {
		padding: 0;
		margin: 0;
		position: relative;
		width: 300px;
		height: 500px;
	}

	#sidePromoSection .sidelayer a {
		text-decoration: none;
	}

	#sidePromoSection .with-background {
		position: relative;
		min-height: 120px;
		top: -55px;
	}

	#sidecol .text {
		padding: 0;
		margin-left: 22px;
	}

	#sidePromoSection h5.small {
		font-size: 12px;
		background: #FF7300;
		color: #FFF;
		left: 22px;
	}

	#sidePromoSection h4.big {
		font-size: 34px;
		left: 0;
	}

	#sidePromoSection #side_remainders .text.btnarea {
		left: 22px;
		position: absolute;
	}
}

#main.bundledetailpage .linkToSingleProduct {
	cursor: pointer;
}

#main.bundledetailpage .linkToSingleProduct:hover {
	text-decoration: underline;
}

.bundle_nextspace_area_ico {
	display: block;
	padding: 0px;
	margin: 12px auto;
	height: 22px;
	width: 22px;
	position: relative;
	background: url("img/sprite-horizontal-3931825e08ac15de8fc92ca7a22561ed.png") no-repeat;
	background-position: -278px -831px;
}

.bundle_nextspace_area i {
	font-size: 20px;
}

.product-info.bundle .bundle-option-area h2 {
	margin-top: 0;
}

.product-info.bundle .bundle-option-area .bundleHiddenSpan,
.product-info.bundle .bundleHiddenSpan {
	display: none;
}

.product-info.bundle .bundle-option-area .save_percent {
	display: block;
}

.checkout_success_guest_buttons,
.checkout_success_guest_buttons .checkout_success_guest_button {
	padding: 0;
}

.paypal_express_header_cart_padding {
	margin-right: 40px;
}

@media screen and (min-width: 1200px) {
	.paypal_express_header_cart_padding {
		margin-right: 100px;
	}
}

@media screen and (max-width: 1199px) {
	.paypal_express_header_cart_button img {
		width: 63%;
	}
}


#headertopleftmenulist li {
	display: grid;
	padding: 4px 0;
	margin: 0;
}

#headertopleftmenulist li .lightview {
	display: inherit;
	width: 100%;
	height: 100%;
}


/*----- Aktionen -----*/
/* Generell */
.campaign .white {
	color: white;
}

.campaign .black {
	color: black;
}

.campaign .heading.custom-color,
.campaign .percent.custom-color {
	color: white;
}

.teaser_text_campaign .heading,
.teaser_text_campaign .percent,
.teaser_text_campaign .code {
	display: block;
	margin-bottom: 12px;
}

.campaign .text {
	margin: 0vw 6vw 0 6vw;
}

/* Advent */
#promotionsAdventCalendar {
	background: #dc162e;
	color: white;
	font-size: 14px;
}

#promotionsAdventCalendar a.btn_close {
	color: white;
}

#promotionsAdventCalendar .content .text {
	color: white;
}

/* Black Week */
.campaign .blackweek h1.heading.custom-text {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 5vw;
	left: 0;
	color: white;
	text-shadow: 0 0 0.5vw rgba(255, 255, 255, 0.5), 0 0 2vw rgba(255, 255, 255, 0.4);
	text-transform: uppercase;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 3.5vw;
	letter-spacing: .35vw;
	padding: 0 2vw 0 0;
	margin: 0;
}

.campaign .blackweek h1.heading.custom-text .star {}

.campaign .blackweek h1.heading {
	color: white;
	text-transform: uppercase;
	padding: 0 0.5vw;
	font-size: 2.5vw;
	margin: 0;
}

.campaign .blackweek .text {
	margin: 2vw;
}

.campaign .blackweek .copy-code .code.new {
	margin: 2vw 0 0.4vw 0;
	font-size: 1.2vw;
	padding: 1em 1.5em;
}

.campaign .blackweek .copy-code .code.new strong {
	font-size: 2vw;
}

.campaign .blackweek .copy-code .info {
	color: white;
	font-size: 13px;
}

.campaign .blackweek .neon-extended {
	text-align: center;
	margin-top: 22vw;
}

.campaign .blackweek .neon-extended p {
	color: #ff9e00;
	text-transform: uppercase;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	font-size: 3.5vw;
	text-shadow: 0 0 0.5vw rgba(255, 174, 0, 0.5), 0 0 2vw rgba(255, 174, 0, 0.4);
	text-align: center;
	border: 0.3em solid #ff9e00;
	border-radius: 0.2em;
	box-sizing: border-box;
	display: inline-block;
	padding: 0.1em 0.5em;
	letter-spacing: 0.05em;
	margin: 0;
	background: rgba(0, 0, 0, 0.9);
	box-shadow: 0 0 0.5vw rgba(255, 174, 0, 0.5), 0 0 2vw rgba(255, 174, 0, 0.4);
	transform: rotateZ(-2.5deg);
}

/* Countdown */
.blackcountdown {
	color: #FFF;
	text-align: center;
	margin-top: 1.5vw;
}

.blackcountdown p {
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}

.blackcountdown ul {
	padding: 0;
}

.blackcountdown li {
	display: inline-block;
	list-style-type: none;
	padding: 0 12px;
	color: #fff;
	font-size: 1vw;
	text-transform: uppercase;
}

.blackcountdown li span {
	display: block;
	color: #fff;
	font-size: 5vw;
	line-height: 5vw;
	min-width: 5vw;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.teaser_box.black a.teaser_link {
	position: relative;
}

.teaser_box.black a.teaser_link .info {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 60%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
}

.teaser_box.black a.teaser_link .info img {
	width: 80%;
	max-width: none;
	max-height: none;
}

.teaser_box.black a.teaser_link .info .heading {
	color: white;
	text-transform: uppercase;
	padding: 0 15px;
	font-size: 1.9rem;
	text-align: center;
	margin: 12px 0;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	display: flex;
	flex-direction: column;
}

.teaser_box.black a.teaser_link .info .heading .smaller {
	font-size: 70%;
}

.teaser_box.black a.teaser_link .info .code {
	background: #ff7300;
	color: #fff;
	padding: 6px 12px;
	margin: 0;
	vertical-align: middle;
	display: inline-block;
	font-size: 1rem;
}

.teaser_box.black a.teaser_link .info .code strong {
	font-size: 1.3rem;
}

.black a:hover .teaser_image,
a:focus .teaser_image {
	transform: scale(1.0);
}

.teaser_box.black a.teaser_link .extended-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 45.5%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.teaser_box.black a.teaser_link .extended-text span {
	text-transform: uppercase;
	font-style: italic;
	color: white;
	font-size: 18px;
}

.campaign .blackweek .extended-text {
	height: 100%;
	width: 100%;
	text-align: center;
	padding-top: 23.7vw;
	padding-right: 4vw;
}

.campaign .blackweek .extended-text span {
	color: white;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	font-size: 3.4vw;
}

/* Halloween */
.teaser_box.halloween a.teaser_link {
	position: relative;
}

.teaser_box.halloween a.teaser_link .info {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	padding: 20px 26px;
}

.teaser_box.halloween.russian a.teaser_link .info h4,
.teaser_box.halloween.russian a.teaser_link .info h5 {
	font-style: italic;
}

.teaser_box.halloween.russian a.teaser_link .info h5 span:first-of-type {
	font-style: normal;
}

.teaser_box.halloween a.teaser_link .info .code {
	background: #6FC234;
	color: #fff;
	padding: 6px 12px;
	margin: 20px 0 0 0;
	vertical-align: middle;
	display: inline-block;
	font-size: 1rem;
	text-align: center;
}

.teaser_box.halloween a.teaser_link .info .percent {
	--font-size: 34px;
    font-size: var(--font-size);
	color: #ff7300 !important;
    font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    letter-spacing: 0.08em;
    line-height: 1;
	text-align: center;
	margin-top: 0 !important;
	margin-bottom: 4px !important;
}

.teaser_box.halloween a.teaser_link .info .percent .number {
	font-size: 96px;
	display: inherit;
	letter-spacing: 0.06em;
	margin-right: 4px;
}

.teaser_box.halloween a.teaser_link .info .sub {
	--font-size: 16px;
    font-size: var(--font-size);
	color: white !important;
    font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    letter-spacing: 0.08em;
    line-height: 1;
	text-align: center;
}

#promotionsHalloween .content {
    background: #ff7401;
    color: #fff;
    font-weight: bold;
}

#promotionsHalloween .code {
    padding: 4px 8px;
    background: #000;
    color: #fff;
    font-weight: bold;
}

#promotionsHalloween .content a {
    color: #fff!important;
}

#promotionsHalloween .content a:hover {
    color: #fff!important;
}

/* Halloween teaser*/
.headline_teaser_action_full.halloween {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 70%;
    position: absolute;
    top: 0;
}

.headline_teaser_action_full.blackweek {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	background-position: center center;
	background-repeat: no-repeat;
}

.headline_teaser_action_full.xmas22 {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 85%;
    position: absolute;
    top: 0;
}

.headline_teaser_action_full.silvester {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 85%;
    position: absolute;
    top: 0;
}

.headline_teaser_action_full.giftideas{
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	top: 30%;
}

/*	
		========================				
========================================
====      PROMOTIONS IN GENERAL      ===
========================================
		========================		
*/

/* CODE BOX & FLAG */
.sale-descr.sale,
#quickbuy .sale-descr.sale {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: white;
	background: black;
	display: table;
	padding: 7px 10px 7px 10px;
}

.sale-descr.sale .ShopPriceCur {
	font-size: 18px;
	font-weight: bold;
	color: white;
	letter-spacing: normal;
}

.sale-descr.sale .code,
#quickbuy .sale-descr.sale .code {
	background-color: #ff7300;
	padding: 4px 6px;
	margin-top: 4px;
	font-weight: bold;
	display: inline-block;
}

.sale-descr.sale .text,
#quickbuy .sale-descr.sale .text {
	color: white;
	text-decoration: none;
	display: block;
}

.product-info-top .sale-descr {
	margin: 8px 0 12px 0;
	display: inline-block;
	line-height: 21px;
}

.product-wrapper .sale-descr {
	margin: 12px 0;
	display: table;
	line-height: 18px;
	font-size: 13px;
}

.sale-descr.sale .truck {
	background-image: url("../../media/content/images/truck-icon_white-9fcc2216573db2a5a5aff063771cb156.svg");
	height: 12px;
	width: 25px;
	display: inline-block;
	background-repeat: no-repeat;
}

.product-discount-code {
	display: inline-block;
	background-color: black;
	color: white;
	/* width: 230px; */
	max-width: 300px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 11px;
}

.product-discount-code .description {
	font-size: 11px;
	color: white;
	padding: 4px 16px 0 16px;
	padding-bottom: 6px;
	text-align: left;
}

.product-discount-code p {
	display: block;
	margin: 0;
}

.product-discount-code .discount-code {
	height: 12px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ff7300;
	padding: 16px 0;
	font-weight: bold;
	font-size: 16px;
}

.product-discount-code .discount-code:hover {
	background-color: #FF9640;
	cursor: pointer;
}

.product-discount-code .headline {
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	padding: 12px;
	padding-bottom: 0;
}

.product-discount-code .discount-price {
	padding: 12px 16px;
	padding-bottom: 0;
	font-size: 22px;
	font-weight: bold;
	color: #ff7300;
}

.product-discount-code .discount-price .old-price {
	font-size: 14px;
	font-weight: normal;
}

.product-discount-code .discount-price .old-price .inline-block {
	display: inline-block;
}

.product-discount-code .discount-code span {
	font-size: 12px;
}

.product-discount-code .text-copy {
	font-size: 11px;
	color: #888888;
	padding: 12px;
	padding-bottom: 6px;
	text-align: center;
}

/*
#########################################
####           BLACK WEEK            ####
#########################################
*/

/* STARTPAGE SLIDER */
.featured.blackweek a.featured-fullwidth {
	padding-top: 33.33333% !important;
	/* (img-height / img-width * containerwidth) (800 / 1920 * 100) */
}

.startpage-header-promotion.blackweek .timer {
	height: 8vw;
	display: flex;
	gap: 2vw;
}

:is(.xs, .sm) .startpage-header-promotion.blackweek .timer {
	gap: 6vw;
}

:is(.xs, .sm) .startpage-header-promotion.blackweek .timer {
	height: 18vw;
}

.startpage-header-promotion.blackweek .timer .counter-element {
	color: white !important;
	list-style-type: none;
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	line-height: 0.9;
	flex-direction: column;
}

.startpage-header-promotion.blackweek .timer .counter-element li:nth-child(1) {
	font-weight: 600;
	font-size: 7vw;
	margin-bottom: 6px;
}

:is(.xs, .sm) .startpage-header-promotion.blackweek .timer .counter-element li:nth-child(1) {
	font-size: 12vw;
}

.startpage-header-promotion.blackweek .timer-headline {
	color: white !important; 
	text-align: center;
	font-size: 0.9rem;
	align-items: center;
	justify-content: center;
}

/* NEWS SLIDER */
.wsv .startpage-news .infos{
	align-items: baseline;
    padding: 20px 15px;
	justify-content: end;
}

.margin-bw .wsv .startpage-news {
	margin-bottom: 24px;
}

.wsv .startpage-news .infos .rrp-price {
	font-family: Arial, sans-serif;
	color: white !important;
	text-align: center;
	display: block;
	font-size: 20px;
	text-decoration: line-through;
	line-height: 0.5em;
}

.wsv .startpage-news .infos .voucher-price {
	font-family: 'CoolveticaRg-Regular', 'Arial Black', 'Arial Bold', Arial, sans-serif;
	color: white !important;
	text-align: center;
	display: block;
	font-size: 40px;
	letter-spacing: 0.05em;
}

.wsv .startpage-news .infos .percent-price {
	font-family: Arial, sans-serif;
	color: white !important;
	text-align: center;
	display: block;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	position: absolute;
	top: 78%;
	right: 0;
	padding: .4em .6em;
	background-color: #ff7300;
}

.wsv .startpage-news .infos .save_percent,
.wsv .startpage-news .infos .ShopPriceCur,
.wsv .startpage-news .infos .rrp-price .productOldPrice .onlyTextOldPrice.oldprice,
.wsv .startpage-news .infos .shopprice_from {
	display: none;
}

.wsv .startpage-news .infos .productOldPrice .ShopPriceCur,
.wsv .startpage-news .infos .voucher-price .ShopPriceCur {
	display: inline;
}

@media screen and (max-width: 1328px) {
	.wsv .startpage-news .infos {
		margin-bottom: 0px;
	}

	.wsv .startpage-news .infos .rrp-price {
		font-size: 14px;
	}
	
	.wsv .startpage-news .infos .voucher-price {
		font-size: 32px;
	}

	.wsv .startpage-news .infos .percent-price {
		font-size: 24px;
		top: 78%;
	}
}


/* BLACKWEEK */
.blackweek .startpage-news .infos {
    bottom: 0;
	top: unset;
	height: auto;
	margin-bottom: 10px;
}
.margin-bw .blackweek .startpage-news {
	margin-bottom: 24px;
}

.blackweek .startpage-news .infos .rrp-price {
	font-family: Arial, sans-serif;
	color: white !important;
	text-align: center;
	display: block;
	font-size: 20px;
	text-decoration: line-through;
	line-height: 0.5em;
}

.blackweek .startpage-news .infos .voucher-price {
	font-family: 'CoolveticaRg-Regular', 'Arial Black', 'Arial Bold', Arial, sans-serif;
	color: white !important;
	text-align: center;
	display: block;
	font-size: 40px;
	letter-spacing: 0.05em;
}

.blackweek .startpage-news .infos .percent-price {
	font-family: Arial, sans-serif;
	color: white !important;
	text-align: center;
	display: block;
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	position: absolute;
	top: -40%;
	right: 0;
	padding: .4em .6em;
	background-color: #ff7300;
}

.blackweek .startpage-news .infos .save_percent,
.blackweek .startpage-news .infos .ShopPriceCur,
.blackweek .startpage-news .infos .rrp-price .productOldPrice .onlyTextOldPrice.oldprice {
	display: none;
}

.blackweek .startpage-news .infos .productOldPrice .ShopPriceCur,
.blackweek .startpage-news .infos .voucher-price .ShopPriceCur {
	display: inline;
}

@media screen and (max-width: 1328px) {
	.blackweek .startpage-news .infos {
		margin-bottom: 0px;
	}

	.blackweek .startpage-news .infos .rrp-price {
		font-size: 14px;
	}
	
	.blackweek .startpage-news .infos .voucher-price {
		font-size: 32px;
	}

	.blackweek .startpage-news .infos .percent-price {
		font-size: 24px;
		top: -35%;
	}
}

/* TEASER IN NAVIGATION */
.teaser_box.blackweek.teaser_large {
	height: 340px;
}

:is(.xs, .sm, .md) .teaser_box.blackweek.teaser_large {
	height: 320px;
    width: 240px;
}

.teaser_box.xmas.teaser_large {
	height: 270px;
}

:is(.xs, .sm, .md) .teaser_box.xmas.teaser_large {
	height: 320px;
    width: 240px;
}

/* CODE WITH COPY TEXT */
#startFeatured.blackweek .text-code {
	background: #ff7300;
	padding: 0.6em 0.9em;
	font-size: 2vw;
	color: white;
	display: inline-flex;
	align-items: center;
}

#startFeatured.blackweek .text-code strong {
	font-size: 3vw;
	margin-left: 0.2em;
}

#startFeatured.blackweek .copy-code .copy-info {
	font-size: 14px;
	font-weight: bold;
	color: white;
	margin-top: 0.5vw;
}

/* EXIT INTEND POP UP */
/* newsletter presale */
.blackweek #promotions_layer a {
	text-decoration: unset;
}

.blackweek #promotions_layer .timer {
	height: 4rem;
	display: flex;
	gap: 20px;
}

.blackweek #promotions_layer .timer .counter-element {
	color: white !important;
	list-style-type: none;
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	line-height: 0.9;
	flex-direction: column;
}

.blackweek #promotions_layer .timer .counter-element li:nth-child(1) {
	font-weight: 600;
	font-size: 3rem;
	margin-bottom: 6px;
}

.blackweek #promotions_layer .timer-headline {
	color: white !important; 
	text-align: center;
	font-size: 0.9rem;
	align-items: center;
	justify-content: center;
}

/* RIBBON */
.ribbon-blackweek {
	background: black;
	color: white;
	font-size: 14px;
}

.ribbon-blackweek a.btn_close {
	color: white;
}

.ribbon-blackweek .content .text {
	color: white;
}

.ribbon-blackweek .content .text .code {
	padding: 4px 8px;
	background: #ff7300;
	color: white;
	font-weight: bold;
}

.your-price {
	background-color: black;
	border-radius: 4px;
	overflow: hidden;
	width: fit-content;
}

.your-price .prices {
	padding: 12px;
}

.your-price .price-shop {
	line-height: 1;
}

.your-price .price-shop .ShopPriceCur, .your-price .price-rrp .ShopPriceCur {
	position: unset;
}

.your-price .price-shop .shopprice_p1 {
	font-size: 36px;
}

.your-price .price-shop .shopprice_dp, .your-price .price-shop .shopprice_p2, .your-price .price-shop .shopprice_cur {
	font-size: 21px;
	vertical-align: 10px;
}

.startpage-highlight-swiper .your-price .price-shop .shopprice_dp, .startpage-highlight-swiper .your-price .price-shop .shopprice_p2, .startpage-highlight-swiper .your-price .price-shop .shopprice_cur {
	font-size: 21px !important;
	vertical-align: 10px !important;
}

.your-price .price-rrp .shopprice_dp, .your-price .price-rrp .shopprice_p2, .your-price .price-rrp .shopprice_cur {
	vertical-align: baseline;
}

.startpage-highlight-swiper .your-price .price-rrp .shopprice_dp, .startpage-highlight-swiper .your-price .price-rrp .shopprice_p2, .your-price .price-rrp .shopprice_cur {
	vertical-align: baseline !important;
}

.your-price .price-rrp .shopprice_cur {
	margin-left: 0;
}

.your-price .instead, .your-price .price-rrp.price, .your-price .price-rrp * {
	font-size: 14px !important;
	color: #ff7300;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}

.your-price .instead-price {
	display: inline-block;
}

.your-price .orange-box {
	width: 100%;
	background-color: #ff7300;
	padding: 8px 12px;
}

.your-price p {
	font-size: 14px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

.your-price.listing {
	margin: 6px 0;
}

.your-price.listing .instead-price {
	/* display: block; */
}

.your-price.listing p {
	font-size: 12px;
}

.your-price.listing .prices, .your-price.listing .orange-box {
	padding: 8px;
}

.your-price.listing .price-shop .shopprice_p1  {
	font-size: 28px;
}

.your-price.listing .price-shop .shopprice_dp, .your-price.listing .price-shop .shopprice_p2, .your-price.listing .price-shop .shopprice_cur {
	font-size: 16px;
	vertical-align: 8px;
}


/* WSV */
.wsv.startpage-highlight-swiper{
	background-color: #073760;
}

.wsv.startpage-highlight-swiper .startpage-headline{
	color: white;
}

.wsv.startpage-highlight-swiper .price .save_percent{
	color: white;
}

.wsv.startpage-highlight-swiper .price .save_percent{
	color: white;
}

.wsv .product-wrapper .descr a.name{
	color: white;
}

.wsv.startpage-highlight-swiper .price a{
	color: white !important;
}

.wsv.your-price .price-shop.price {
	color: #ff7300;
}

.wsv.your-price .instead, .wsv.your-price .price-rrp.price, .wsv.your-price .price-rrp * {
	color: rgb(255, 255, 255, 0.5);
}

.wsv.your-price .orange-box {
	background-color: #ff7300;
	color: white;
}

:is(.xs, .sm) .listing-wrapper .flag .sale.wsv {
	font-size: 12px;
}

.flag .sale.wsv * {
	background-color: black;
}

.flag .sale.wsv .ShopPriceCur {
	display: none;
}

.wintersale.your-price {
	background-color: #0f4a85;
}

.wintersale.your-price .orange-box {
	background-color: #082745;
}

.wintersale.your-price .price {
	color: white;
}

.wintersale.your-price .instead-price * {
	color: #6bbde2;
}

/* BLACKWEEK */
.blackweek.your-price {
	background-color: black;
}

.blackweek.your-price .price-shop.price {
	color: #ff7300;
}

.blackweek.your-price .instead, .blackweek.your-price .price-rrp.price, .blackweek.your-price .price-rrp * {
	color: rgb(255, 255, 255, 0.5);
}

.blackweek.your-price .orange-box {
	background-color: #ff7300;
	color: white;
}

:is(.xs, .sm) .listing-wrapper .flag .sale.blackweek {
	font-size: 12px;
}

.flag .sale.blackweek * {
	background-color: black;
}

.flag .sale.blackweek .ShopPriceCur {
	display: none;
}

.black ::selection {
	color: #FFF;
	background: #FF7300;
}

#content.black,
#content.black.index {
	background: #000 url("../../media/content/images/listing-background-blackweek-6cc3e4f61274e3edd3f0be5ee6234597.jpg") no-repeat top center !important;
}

.landing-page-header.blackweek,
.black #main {
	background: unset !important;
}

.black.coid-99 #main {
	padding-top: 0 !important;
}

#content.black.index {
	background: #EEE !important;
}

.landing-page-header.blackweek {
	height: 300px;
}

:is(.xs, .sm, .md) .landing-page-header.blackweek {
	height: 220px;
}

.landing-page-header.blackweek .timer {
	height: 120px;
	display: flex;
	gap: 30px;
}

:is(.xs, .sm, .md) .landing-page-header.blackweek .timer {
	height: 18vw;
}

.landing-page-header.blackweek .timer .counter-element {
	color: white !important;
	list-style-type: none;
	display: flex;
	align-items: center;
	text-align: center;
	text-transform: uppercase;
	line-height: 0.9;
	flex-direction: column;
}

.landing-page-header.blackweek .timer .counter-element li:nth-child(1) {
	font-weight: 600;
	font-size: 100px;
	margin-bottom: 6px;
}

.manufacturer .blackweek.without-header {
	background: #EEEEEE;
	margin-bottom: 0px !important;
}

/*
#########################################
####    SUMMER SALE & WINTER SALE    ####
#########################################
*/

/* -------- GENERAL FOR SUMMER SALE & WINTER SALE -------- */
/* STARTPAGE SLIDER */
.featured.summersale.presale a.featured-fullwidth,
.featured.wintersale.presale a.featured-fullwidth,
.featured.summersale.final a.featured-fullwidth,
.featured.wintersale.final a.featured-fullwidth {
	padding-top: 28.125% !important;
	/* (img-height / img-width * containerwidth) (800 / 1920 * 100) */
}

.featured.summersale.sale a.featured-fullwidth,
.featured.wintersale.sale a.featured-fullwidth {
	padding-top: 33.333% !important;
	/* (img-height / img-width * containerwidth) (800 / 1920 * 100) */
}

#startFeatured.summersale .heading,
#startFeatured.summersale .percent,
#startFeatured.summersale .sub,
#startFeatured.wintersale .heading,
#startFeatured.wintersale .percent,
#startFeatured.wintersale .rebate,
#startFeatured.wintersale .sub {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: normal;
	color: white;
	margin: 0;
	padding: 0;
}

#startFeatured.summersale.russian .heading,
#startFeatured.summersale.russian .percent,
#startFeatured.wintersale.russian .heading,
#startFeatured.wintersale.russian .percent {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	letter-spacing: normal;
}

#startFeatured.summersale .infos .headline,
#startFeatured.wintersale .infos .headline {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* HIGHLIGHTS */

/* LANDING PAGE */
.coid-1001 #main,
.coid-1002 #main,
.coid-1003 #main,
.coid-1004 #main
{
	background: none;
	padding-top: 24px;
}

/* SALE CATEGORIES */


/* CODE WITH COPY TEXT */
#startFeatured.summersale .copy-code,
#startFeatured.wintersale .copy-code {
	margin-top: 4vw;
}

#startFeatured.summersale .text-code,
#startFeatured.wintersale .text-code {
	background: #ff7300;
	padding: 0.6em 0.9em;
	font-size: 2vw;
	color: white;
	display: inline-flex;
	align-items: center;
}

#startFeatured.summersale .text-code strong,
#startFeatured.wintersale .text-code strong {
	font-size: 3vw;
	margin-left: 0.2em;
}

#startFeatured.summersale .copy-code .copy-info,
#startFeatured.wintersale .copy-code .copy-info {
	font-size: 14px;
	font-weight: bold;
	color: black;
	margin-top: 0.5vw;
}

/* TEASER IN NAVIGATION */
:is(.xs, .sm, .md) .teaser_box.summersale {
	margin-bottom: 24px;
	height: 180px;
	/* margin-top: -48px; */
}

:is(.xs, .sm, .md) .teaser_box.summersale .teaser_image {
	background-position: bottom;
}

:is(.xs, .sm, .md) .teaser_box.summersale .info .percent {
	margin-top: 0;
}

.summersale a:hover .teaser_image,
.summersale a:focus .teaser_image,
.wintersale a:hover .teaser_image,
.wintersale a:focus .teaser_image {
	-webkit-transform: unset;
	transform: unset;
}

.teaser_box.summersale .info,
.teaser_box.wintersale .info {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 20px 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.teaser_box.summersale .info .heading,
.teaser_box.summersale .info .percent,
.teaser_box.summersale .info .sub,
.teaser_box.wintersale .info .heading,
.teaser_box.wintersale .info .percent,
.teaser_box.wintersale .info .sub {
	color: white !important;
    font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    letter-spacing: 0.08em;
    line-height: 1;
}

.teaser_box.summersale .info .percent {
	--font-size: 32px;
    font-size: var(--font-size);
	margin-top: 68px;
	margin-bottom: 6px;
}

.teaser_box.summersale .info .sub {
	--font-size: 16px;
    font-size: var(--font-size);
}

.teaser_box.summersale .info .sub i {
	color: white;
}

.teaser_box.summersale .info .star,
.teaser_box.wintersale .info .star {
	font-size: 75%;
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

.teaser_box.summersale .info .code,
.teaser_box.wintersale .info .code {
	font-size: 16px;
	font-weight: normal;
	color: white;
	background-color: #ff7300;
	padding: 0.6em 0.9em;
	margin: 0;
	display: inline-block;
}

.teaser_box.summersale .info .code strong,
.teaser_box.wintersale .info .code strong {
	font-size: 20px;
	font-weight: bold;
}

.startpage-header-promotion.wsv_final a {
	padding-top: 28.125%;
}

:is(.xs, .sm) .startpage-header-promotion.wsv_final a {
	height: 132vw;
}

.startpage-header-promotion.wsv_final .headline {
	color: white !important;
	text-align: center;
}

.startpage-header-promotion.wsv_final .headline .main,
.startpage-header-promotion.wsv_final .headline .sub {
	color: white !important;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
	display: block;
	letter-spacing: 0.08em;
	line-height: 1;
}

html[lang=ru] .startpage-header-promotion.wsv_final .headline .main,
html[lang=ru] .startpage-header-promotion.wsv_final .headline .sub,
html[lang=ru] .startpage-header-promotion.wsv_final .headline .main .number {
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
}

.startpage-header-promotion.wsv_final.russian .headline .main,
.startpage-header-promotion.wsv_final.russian .headline .sub {
	font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
    font-style: italic;
    letter-spacing: normal;
}

.startpage-header-promotion.wsv_final .headline .main {
	--font-size: 5.5vw;
	font-size: var(--font-size);
	color: #fff !important;
}

.startpage-header-promotion.wsv_final .headline .sub {
	--font-size: 2.5vw;
	font-size: var(--font-size);
	margin-top: -0.3vw;
}

:is(.xs, .sm) .startpage-header-promotion.wsv_final .headline .main {
	--font-size: 12vw;
	font-size: var(--font-size);
}

:is(.xs, .sm) .startpage-header-promotion.wsv_final .headline .sub {
	--font-size: 6vw;
	font-size: var(--font-size);
	margin-top: -0.3vw;
}

/* code to copy */
.startpage-header-promotion.wsv_final .text-code {
	background: #FF7300;
    padding: 0.6em 0.9em;
    font-size: 1.5vw;
    color: white;
    display: inline-flex;
    align-items: center;
	color: white;
}

.startpage-header-promotion.wsv_final .text-code .highlight {
	font-size: 2.5vw;
	margin-left: 0.8vw;
	font-weight: bold;
}

:is(.xs, .sm) .startpage-header-promotion.wsv_final .text-code {
    font-size: 5vw;
}

:is(.xs, .sm) .startpage-header-promotion.wsv_final .text-code .highlight {
	font-size: 7vw;
}

.startpage-header-promotion.wsv_final .copy-info {
	color: white;
}


/* POPUP EXIT INTEND */

#promotions_layer.halloween .infos {
	padding-top: 42px !important;
	padding-left: 80px !important;
	padding-right: 80px !important;
}

#promotions_layer.halloween .headline {
	font-size: 40px;
}

#promotions_layer.halloween .percent {
	font-size: 40px;
}

#promotions_layer.halloween .infos,
#promotions_layer.summersale .infos,
#promotions_layer.wintersale .infos {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#promotions_layer.halloween .heading,
#promotions_layer.halloween .percent,
#promotions_layer.summersale .heading,
#promotions_layer.summersale .percent,
#promotions_layer.wintersale .heading,
#promotions_layer.wintersale .percent {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: normal;
	color: white;
	margin: 0;
	padding: 0;
}

#promotions_layer.summersale.russian .heading,
#promotions_layer.summersale.russian .percent,
#promotions_layer.wintersale.russian .heading,
#promotions_layer.wintersale.russian .percent {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

#promotions_layer.halloween .infos .headline,
#promotions_layer.summersale .infos .headline,
#promotions_layer.wintersale .infos .headline {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin: 0;
	padding: 0;
}

#promotions_layer.halloween .heading_wait,
#promotions_layer.summersale .heading_wait,
#promotions_layer.wintersale .heading_wait {
	border: 0px;
	color: #FFF;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 17px;
}

#promotions_layer.summersale .copy-code,
#promotions_layer.wintersale .copy-code {
	margin-top: 30px;
}

#promotions_layer.summersale .text-code,
#promotions_layer.wintersale .text-code {
	background: #ff7300;
	padding: 0.6em 0.9em;
	font-size: 20px;
	color: white;
	display: inline-flex;
	align-items: center;
}

#promotions_layer.halloween .text-code strong,
#promotions_layer.summersale .text-code strong,
#promotions_layer.wintersale .text-code strong {
	font-size: 30px;
	margin-left: 0.2em;
}

#promotions_layer.halloween .copy-code .copy-info,
#promotions_layer.summersale .copy-code .copy-info,
#promotions_layer.wintersale .copy-code .copy-info {
	font-size: 14px;
	font-weight: bold;
	color: white;
	margin-top: 0.5vw;
}

/* CODE BOX & FLAG */
.sale-descr.summersale,
#quickbuy .sale-descr.summersale,
.sale-descr.wintersale,
#quickbuy .sale-descr.wintersale {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: white;
	background: black;
	display: table;
	padding: 7px 10px 7px 10px;
}

.sale-descr.summersale .ShopPriceCur,
.sale-descr.wintersale .ShopPriceCur {
	font-size: 18px;
	font-weight: bold;
	color: white;
	letter-spacing: normal;
}

.sale-descr.summersale .code,
#quickbuy .sale-descr.summersale .code,
.sale-descr.wintersale .code,
#quickbuy .sale-descr.wintersale .code {
	background-color: #ff7300;
	padding: 4px 6px;
	margin-top: 4px;
	font-weight: bold;
	display: inline-block;
}

.sale-descr.summersale .text,
#quickbuy .sale-descr.summersale .text,
.sale-descr.wintersale .text,
#quickbuy .sale-descr.wintersale .text {
	color: white;
	text-decoration: none;
	display: block;
}

.flag .sale.summersale,
.flag .sale.wintersale {
	background-color: black;
	color: white;
	text-transform: uppercase;
}

.flag .sale.summersale {
	background: #12abb0;
}

.flag .sale.wintersale {
	background: #0f4a85;
}

.flag .wintersale .ShopPriceCur,
.flag .wintersale .save_percent span,
.flag .summersale .ShopPriceCur,
.flag .summersale .save_percent span {
	display: none;
}



/* ADDITIONAL */
.promotions-code {
	font-weight: bold;
	display: inline-flex;
	background: #6fc234;
	color: #fff;
	padding: 12px 24px;
	margin: 1.3vw 0;
	vertical-align: middle;
	line-height: 21px;
	border-radius: 4px;
	text-transform: uppercase;
}

/* specific styling for languages */
.english .fs-en-110,
.dutch .fs-nl-110,
.french .fs-fr-110,
.danish .fs-da-110,
.polish .fs-pl-110,
.russian .fs-ru-110,
.italian .fs-it-110,
.spanish .fs-es-110,
.portuguese .fs-pt-110,
.japanese .fs-ja-110,
.wintersale.english .fs-en-110,
.wintersale.dutch .fs-nl-110,
.wintersale.french .fs-fr-110,
.wintersale.danish .fs-da-110,
.wintersale.polish .fs-pl-110,
.wintersale.russian .fs-ru-110,
.wintersale.italian .fs-it-110,
.wintersale.spanish .fs-es-110,
.wintersale.portuguese .fs-pt-110,
.wintersale.japanese .fs-ja-110 {
	font-size: calc(var(--font-size) / 100 * 110) !important;
	/* 110% of font-size */
}

.english .fs-en-105,
.dutch .fs-nl-105,
.french .fs-fr-105,
.danish .fs-da-105,
.polish .fs-pl-105,
.russian .fs-ru-105,
.italian .fs-it-105,
.spanish .fs-es-105,
.portuguese .fs-pt-105,
.japanese .fs-ja-105,
.wintersale.english .fs-en-105,
.wintersale.dutch .fs-nl-105,
.wintersale.french .fs-fr-105,
.wintersale.danish .fs-da-105,
.wintersale.polish .fs-pl-105,
.wintersale.russian .fs-ru-105,
.wintersale.italian .fs-it-105,
.wintersale.spanish .fs-es-105,
.wintersale.portuguese .fs-pt-105,
.wintersale.japanese .fs-ja-105 {
	font-size: calc(var(--font-size) / 100 * 105) !important;
	/* 105% of font-size */
}

.english .fs-en-95,
.dutch .fs-nl-95,
.french .fs-fr-95,
.danish .fs-da-95,
.polish .fs-pl-95,
.russian .fs-ru-95,
.italian .fs-it-95,
.spanish .fs-es-95,
.portuguese .fs-pt-95,
.japanese .fs-ja-95,
.wintersale.english .fs-en-95,
.wintersale.dutch .fs-nl-95,
.wintersale.french .fs-fr-95,
.wintersale.danish .fs-da-95,
.wintersale.polish .fs-pl-95,
.wintersale.russian .fs-ru-95,
.wintersale.italian .fs-it-95,
.wintersale.spanish .fs-es-95,
.wintersale.portuguese .fs-pt-95,
.wintersale.japanese .fs-ja-95 {
	font-size: calc(var(--font-size) / 100 * 95) !important;
	/* 95% of font-size */
}

.english .fs-en-90,
.dutch .fs-nl-90,
.french .fs-fr-90,
.danish .fs-da-90,
.polish .fs-pl-90,
.russian .fs-ru-90,
.italian .fs-it-90,
.spanish .fs-es-90,
.portuguese .fs-pt-90,
.japanese .fs-ja-90,
.wintersale.english .fs-en-90,
.wintersale.dutch .fs-nl-90,
.wintersale.french .fs-fr-90,
.wintersale.danish .fs-da-90,
.wintersale.polish .fs-pl-90,
.wintersale.russian .fs-ru-90,
.wintersale.italian .fs-it-90,
.wintersale.spanish .fs-es-90,
.wintersale.portuguese .fs-pt-90,
.wintersale.japanese .fs-ja-90 {
	font-size: calc(var(--font-size) / 100 * 90) !important;
	/* 90% of font-size */
}

.english .fs-en-85,
.dutch .fs-nl-85,
.french .fs-fr-85,
.danish .fs-da-85,
.polish .fs-pl-85,
.russian .fs-ru-85,
.italian .fs-it-85,
.spanish .fs-es-85,
.portuguese .fs-pt-85,
.japanese .fs-ja-85,
.wintersale.english .fs-en-85,
.wintersale.dutch .fs-nl-85,
.wintersale.french .fs-fr-85,
.wintersale.danish .fs-da-85,
.wintersale.polish .fs-pl-85,
.wintersale.russian .fs-ru-85,
.wintersale.italian .fs-it-85,
.wintersale.spanish .fs-es-85,
.wintersale.portuguese .fs-pt-85,
.wintersale.japanese .fs-ja-85 {
	font-size: calc(var(--font-size) / 100 * 85) !important;
	/* 85% of font-size */
}

.english .fs-en-80,
.dutch .fs-nl-80,
.french .fs-fr-80,
.danish .fs-da-80,
.polish .fs-pl-80,
.russian .fs-ru-80,
.italian .fs-it-80,
.spanish .fs-es-80,
.portuguese .fs-pt-80,
.japanese .fs-ja-80,
.halloween.french .fs-fr-80,
.halloween.russian .fs-ru-80,
.wintersale.english .fs-en-80,
.wintersale.dutch .fs-nl-80,
.wintersale.french .fs-fr-80,
.wintersale.danish .fs-da-80,
.wintersale.polish .fs-pl-80,
.wintersale.russian .fs-ru-80,
.wintersale.italian .fs-it-80,
.wintersale.spanish .fs-es-80,
.wintersale.portuguese .fs-pt-80,
.wintersale.japanese .fs-ja-80 {
	font-size: calc(var(--font-size) / 100 * 80) !important;
	/* 80% of font-size */
}

.english .fs-en-75,
.dutch .fs-nl-75,
.french .fs-fr-75,
.danish .fs-da-75,
.polish .fs-pl-75,
.russian .fs-ru-75,
.italian .fs-it-75,
.spanish .fs-es-75,
.portuguese .fs-pt-75,
.japanese .fs-ja-75,
.wintersale.english .fs-en-75,
.wintersale.dutch .fs-nl-75,
.wintersale.french .fs-fr-75,
.wintersale.danish .fs-da-75,
.wintersale.polish .fs-pl-75,
.wintersale.russian .fs-ru-75,
.wintersale.italian .fs-it-75,
.wintersale.spanish .fs-es-75,
.wintersale.portuguese .fs-pt-75,
.wintersale.japanese .fs-ja-75 {
	font-size: calc(var(--font-size) / 100 * 75) !important;
	/* 75% of font-size */
}

.english .fs-en-70,
.dutch .fs-nl-70,
.french .fs-fr-70,
.danish .fs-da-70,
.polish .fs-pl-70,
.russian .fs-ru-70,
.italian .fs-it-70,
.spanish .fs-es-70,
.portuguese .fs-pt-70,
.japanese .fs-ja-70,
.wintersale.english .fs-en-70,
.wintersale.dutch .fs-nl-70,
.wintersale.french .fs-fr-70,
.wintersale.danish .fs-da-70,
.wintersale.polish .fs-pl-70,
.wintersale.russian .fs-ru-70,
.wintersale.italian .fs-it-70,
.wintersale.spanish .fs-es-70,
.wintersale.portuguese .fs-pt-70,
.wintersale.japanese .fs-ja-70 {
	font-size: calc(var(--font-size) / 100 * 70) !important;
	/* 70% of font-size */
}

.english .fs-en-65,
.dutch .fs-nl-65,
.french .fs-fr-65,
.danish .fs-da-65,
.polish .fs-pl-65,
.russian .fs-ru-65,
.italian .fs-it-65,
.spanish .fs-es-65,
.portuguese .fs-pt-65,
.japanese .fs-ja-65,
.wintersale.english .fs-en-65,
.wintersale.dutch .fs-nl-65,
.wintersale.french .fs-fr-65,
.wintersale.danish .fs-da-65,
.wintersale.polish .fs-pl-65,
.wintersale.russian .fs-ru-65,
.wintersale.italian .fs-it-65,
.wintersale.spanish .fs-es-65,
.wintersale.portuguese .fs-pt-65,
.wintersale.japanese .fs-ja-65 {
	font-size: calc(var(--font-size) / 100 * 65) !important;
	/* 65% of font-size */
}

.english .fs-en-60,
.dutch .fs-nl-60,
.french .fs-fr-60,
.danish .fs-da-60,
.polish .fs-pl-60,
.russian .fs-ru-60,
.italian .fs-it-60,
.spanish .fs-es-60,
.portuguese .fs-pt-60,
.japanese .fs-ja-60,
.wintersale.english .fs-en-60,
.wintersale.dutch .fs-nl-60,
.wintersale.french .fs-fr-60,
.wintersale.danish .fs-da-60,
.wintersale.polish .fs-pl-60,
.wintersale.russian .fs-ru-60,
.wintersale.italian .fs-it-60,
.wintersale.spanish .fs-es-60,
.wintersale.portuguese .fs-pt-60,
.wintersale.japanese .fs-ja-60 {
	font-size: calc(var(--font-size) / 100 * 60) !important;
	/* 60% of font-size */
}

.english .fs-en-55,
.dutch .fs-nl-55,
.french .fs-fr-55,
.danish .fs-da-55,
.polish .fs-pl-55,
.russian .fs-ru-55,
.italian .fs-it-55,
.spanish .fs-es-55,
.portuguese .fs-pt-55,
.japanese .fs-ja-55,
.wintersale.english .fs-en-55,
.wintersale.dutch .fs-nl-55,
.wintersale.french .fs-fr-55,
.wintersale.danish .fs-da-55,
.wintersale.polish .fs-pl-55,
.wintersale.russian .fs-ru-55,
.wintersale.italian .fs-it-55,
.wintersale.spanish .fs-es-55,
.wintersale.portuguese .fs-pt-55,
.wintersale.japanese .fs-ja-55 {
	font-size: calc(var(--font-size) / 100 * 55) !important;
	/* 55% of font-size */
}

.english .fs-en-50,
.dutch .fs-nl-50,
.french .fs-fr-50,
.danish .fs-da-50,
.polish .fs-pl-50,
.russian .fs-ru-50,
.italian .fs-it-50,
.spanish .fs-es-50,
.portuguese .fs-pt-50,
.japanese .fs-ja-50,
.wintersale.english .fs-en-50,
.wintersale.dutch .fs-nl-50,
.wintersale.french .fs-fr-50,
.wintersale.danish .fs-da-50,
.wintersale.polish .fs-pl-50,
.wintersale.russian .fs-ru-50,
.wintersale.italian .fs-it-50,
.wintersale.spanish .fs-es-50,
.wintersale.portuguese .fs-pt-50,
.wintersale.japanese .fs-ja-50 {
	font-size: calc(var(--font-size) / 100 * 50) !important;
	/* 50% of font-size */
}

.english .fs-en-45,
.dutch .fs-nl-45,
.french .fs-fr-45,
.danish .fs-da-45,
.polish .fs-pl-45,
.russian .fs-ru-45,
.italian .fs-it-45,
.spanish .fs-es-45,
.portuguese .fs-pt-45,
.japanese .fs-ja-45,
.wintersale.english .fs-en-45,
.wintersale.dutch .fs-nl-45,
.wintersale.french .fs-fr-45,
.wintersale.danish .fs-da-45,
.wintersale.polish .fs-pl-45,
.wintersale.russian .fs-ru-45,
.wintersale.italian .fs-it-45,
.wintersale.spanish .fs-es-45,
.wintersale.portuguese .fs-pt-45,
.wintersale.japanese .fs-ja-45 {
	font-size: calc(var(--font-size) / 100 * 45) !important;
	/* 45% of font-size */
}

.english .fs-en-40,
.dutch .fs-nl-40,
.french .fs-fr-40,
.danish .fs-da-40,
.polish .fs-pl-40,
.russian .fs-ru-40,
.italian .fs-it-40,
.spanish .fs-es-40,
.portuguese .fs-pt-40,
.japanese .fs-ja-40,
.wintersale.english .fs-en-40,
.wintersale.dutch .fs-nl-40,
.wintersale.french .fs-fr-40,
.wintersale.danish .fs-da-40,
.wintersale.polish .fs-pl-40,
.wintersale.russian .fs-ru-40,
.wintersale.italian .fs-it-40,
.wintersale.spanish .fs-es-40,
.wintersale.portuguese .fs-pt-40,
.wintersale.japanese .fs-ja-40 {
	font-size: calc(var(--font-size) / 100 * 40) !important;
	/* 40% of font-size */
}

.english .fs-en-35,
.dutch .fs-nl-35,
.french .fs-fr-35,
.danish .fs-da-35,
.polish .fs-pl-35,
.russian .fs-ru-35,
.italian .fs-it-35,
.spanish .fs-es-35,
.portuguese .fs-pt-35,
.japanese .fs-ja-35,
.wintersale.english .fs-en-35,
.wintersale.dutch .fs-nl-35,
.wintersale.french .fs-fr-35,
.wintersale.danish .fs-da-35,
.wintersale.polish .fs-pl-35,
.wintersale.russian .fs-ru-35,
.wintersale.italian .fs-it-35,
.wintersale.spanish .fs-es-35,
.wintersale.portuguese .fs-pt-35,
.wintersale.japanese .fs-ja-35 {
	font-size: calc(var(--font-size) / 100 * 35) !important;
	/* 35% of font-size */
}

.english .fs-en-25,
.dutch .fs-nl-25,
.french .fs-fr-25,
.danish .fs-da-25,
.polish .fs-pl-25,
.russian .fs-ru-25,
.italian .fs-it-25,
.spanish .fs-es-25,
.portuguese .fs-pt-25,
.japanese .fs-ja-25,
.wintersale.english .fs-en-25,
.wintersale.dutch .fs-nl-25,
.wintersale.french .fs-fr-25,
.wintersale.danish .fs-da-25,
.wintersale.polish .fs-pl-25,
.wintersale.russian .fs-ru-25,
.wintersale.italian .fs-it-25,
.wintersale.spanish .fs-es-25,
.wintersale.portuguese .fs-pt-25,
.wintersale.japanese .fs-ja-25 {
	font-size: calc(var(--font-size) / 100 * 25) !important;
	/* 25% of font-size */
}

.english .fs-en-15,
.dutch .fs-nl-15,
.french .fs-fr-15,
.danish .fs-da-15,
.polish .fs-pl-15,
.russian .fs-ru-15,
.italian .fs-it-15,
.spanish .fs-es-15,
.portuguese .fs-pt-15,
.japanese .fs-ja-15,
.wintersale.english .fs-en-15,
.wintersale.dutch .fs-nl-15,
.wintersale.french .fs-fr-15,
.wintersale.danish .fs-da-15,
.wintersale.polish .fs-pl-15,
.wintersale.russian .fs-ru-15,
.wintersale.italian .fs-it-15,
.wintersale.spanish .fs-es-15,
.wintersale.portuguese .fs-pt-15,
.wintersale.japanese .fs-ja-15 {
	font-size: calc(var(--font-size) / 100 * 15) !important;
	/* 15% of font-size */
}

.english .fs-en-5,
.dutch .fs-nl-5,
.french .fs-fr-5,
.danish .fs-da-5,
.polish .fs-pl-5,
.russian .fs-ru-5,
.italian .fs-it-5,
.spanish .fs-es-5,
.portuguese .fs-pt-5,
.japanese .fs-ja-5,
.wintersale.english .fs-en-5,
.wintersale.dutch .fs-nl-5,
.wintersale.french .fs-fr-5,
.wintersale.danish .fs-da-5,
.wintersale.polish .fs-pl-5,
.wintersale.russian .fs-ru-5,
.wintersale.italian .fs-it-5,
.wintersale.spanish .fs-es-5,
.wintersale.portuguese .fs-pt-5,
.wintersale.japanese .fs-ja-5 {
	font-size: calc(var(--font-size) / 100 * 5) !important;
	/* 5% of font-size */
}

.english .no-m-en,
.dutch .no-m-nl,
.french .no-m-fr,
.danish .no-m-da,
.polish .no-m-pl,
.russian .no-m-ru,
.italian .no-m-it,
.spanish .no-m-es,
.portuguese .no-m-pt,
.japanese .no-m-ja,
.wintersale.english .no-m-en,
.wintersale.dutch .no-m-nl,
.wintersale.french .no-m-fr,
.wintersale.danish .no-m-da,
.wintersale.polish .no-m-pl,
.wintersale.russian .no-m-ru,
.wintersale.italian .no-m-it,
.wintersale.spanish .no-m-es,
.wintersale.portuguese .no-m-pt,
.wintersale.japanese .no-m-ja {
	margin: 0 !important;
}

.summersale.russian,
.summersale.russian .sub,
.summersale.russian .number {
	font-family: Arial, Helvetica, sans-serif !important;
	letter-spacing: normal !important;
}

.summersale.russian .sub,
.summersale.russian .heading,
.summersale.russian .percent {
	font-style: italic !important;
}

/* -------- SPECIFIC FOR SUMMER SALE -------- */
/* SALE CATEGORIES */
.custom-product-swiper.summersale {
	background: #f60;
	padding-top: 30px;
	padding-bottom: 0;
}

.custom-product-swiper.summersale .price .productOldPrice .ShopPriceCur,
.custom-product-swiper.summersale .price .save_percent,
.custom-product-swiper.summersale .products .swiper-slide:hover .price .onlyOldPrice .ShopPriceCur {
	color: white;
}

.custom-product-swiper.summersale .price .ShopPriceCur,
.custom-product-swiper.summersale .price .shopprice_from,
.custom-product-swiper.summersale .products .swiper-slide:hover .price .ShopPriceCur {
	color: white;
}

.custom-product-swiper.summersale .descr .name {
	color: white;
}

/* STARTPAGE SLIDER & TEASER LISTING */
.teaser_box.summersale .info .heading,
.teaser_box.summersale .info .percent {
	color: white;
}

#startFeatured.summersale.presale .infos, #startFeatured.summersale.final .infos {
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

#startFeatured.summersale.final .infos {
	padding: 0 2vw;
}

#startFeatured.summersale.final .infos .col {
	padding-top: 3vw;
}

#startFeatured.summersale.presale .infos .col:nth-child(1),
#startFeatured.summersale.final .infos .col:nth-child(1) {
	/* padding-top: 25vw;
	padding-left: 0vw; */
}

#startFeatured.summersale.presale .infos .col:nth-child(2),
#startFeatured.summersale.final .infos .col:nth-child(2) {
	padding: 0 2vw;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-bottom: 3vw;
}

#startFeatured.summersale .copy-code {
	margin-top: 2vw;
}

#startFeatured.summersale .headline-one {
	--font-size: 5vw;
	font-size: var(--font-size);
	line-height: 4.5vw;
}

#startFeatured.summersale .headline-two {
	--font-size: 2.5vw;
	font-size: var(--font-size);
	margin-top: 0.5vw;
}

#startFeatured.summersale .headline-two .truck {
	height: 2vw !important;
    width: 4vw !important;
}

/* .presale */
.featured.summersale.presale a.featured-fullwidth {
	padding-top: 33.333% !important;
}

#startFeatured.summersale.presale .heading {
	--font-size: 4vw;
	font-size: var(--font-size);
}

#startFeatured.summersale.presale .percent {
	--font-size: 6.5vw;
	font-size: var(--font-size);
	text-transform: uppercase;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
}

#startFeatured.summersale.presale .percent .number {
	/* percentage */
	--font-size: 100%;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
}

#startFeatured.summersale.presale .star {
	font-size: 2.5vw;
	padding-left: 0.1em;
	display: inline;
	vertical-align: super;
}

#startFeatured.summersale.presale .percent .sub {
	display: inline-block;
	font-size: 28%;
	letter-spacing: .1em;
}

#startFeatured.summersale.presale .truck {
	background-image: url("../../media/content/images/truck-icon_white-9fcc2216573db2a5a5aff063771cb156.svg");
	height: 1.4vw;
	width: 3vw;
	display: inline-block;
	background-repeat: no-repeat;
	margin-left: 1vw;
}

.small_text.summersale.presale .truck {
	background-image: url("../../media/content/images/truck-icon_grey-30bb778bd441feb53fc3d3206699ac0b.svg");
	height: 10px;
	width: 20px;
	display: inline-block;
	background-repeat: no-repeat;
}

#startFeatured.summersale .text-code {
	background-color: #00a9b3;
}

#startFeatured.summersale .copy-code .copy-info {
	color: white;
}

/* .sale */
#startFeatured.summersale.sale .products {
	position: absolute;
    width: 36vw;
    right: 5vw;
	top: 0;
}

#startFeatured.summersale.sale .button {
	margin-top: 2vw !important;
}

#startFeatured.summersale.sale .headline {
	position: absolute;
    width: 45vw;
    right: 0;
	margin-top: 24vw;
	top: 0 !important;
}

#startFeatured.summersale.sale .sub {
	--font-size: 2.5vw;
	font-size: var(--font-size);
}

#startFeatured.summersale.sale .sub:nth-of-type(2) {
	margin-top: 0.6vw;
}

#startFeatured.summersale.sale .heading {
	--font-size: 17vw;
	font-size: var(--font-size);
	line-height: 0.85em;
}

#startFeatured.summersale.sale .button {
	background: white !important;
	color: #ff6600 !important;
	margin-top: 0 !important;
}

/* .final */
#startFeatured.summersale.final .heading {
	--font-size: 4vw;
	font-size: var(--font-size);
}

#startFeatured.summersale.final .percent {
	--font-size: 6.5vw;
	font-size: var(--font-size);
	text-transform: uppercase;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
}

#startFeatured.summersale.final .percent .number {
	/* percentage */
	--font-size: 100%;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
}

#startFeatured.summersale.final .percent .star {
	font-size: 75%;
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

#startFeatured.summersale.final .percent .sub {
	display: inline-block;
	font-size: 28%;
	letter-spacing: .1em;
}

#startFeatured.summersale.final .truck {
	background-image: url("../../media/content/images/truck-icon_white-9fcc2216573db2a5a5aff063771cb156.svg");
	height: 1.4vw;
	width: 3vw;
	display: inline-block;
	background-repeat: no-repeat;
	margin-left: 1vw;
}

.small_text.summersale.final .truck {
	background-image: url("../../media/content/images/truck-icon_grey-30bb778bd441feb53fc3d3206699ac0b.svg");
	height: 10px;
	width: 20px;
	display: inline-block;
	background-repeat: no-repeat;
}

#startFeatured.summersale .text-code {
	background-color: #00a9b3;
}

#startFeatured.summersale .copy-code .copy-info {
	color: white;
}

/* TEASER IN NAVIGATION */
.teaser_box.summersale .info .code {
	background-color: #00a9b3;
}

/* .presale */
.teaser_box.summersale.presale .info .heading {
	--font-size: 22px;
	font-size: var(--font-size);
}

.teaser_box.summersale.presale .info .percent {
	margin: 0 0 18px 0;
	--font-size: 40px;
	font-size: var(--font-size);
	line-height: 1;
	margin-top: 52%;
}

.teaser_box.summersale.presale .info .percent .number {
	--font-size: 80px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	display: block;
}

.teaser_box.summersale.presale .info .percent .sub {
	display: inline-block;
	font-size: 17px;
	margin-top: 6px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}

/* .sale */
.teaser_box.summersale.sale .info {
	height: unset;
	margin-top: 132px;
	padding: 20px;
}

.teaser_box.summersale.sale .info .heading {
	--font-size: 94px;
	font-size: var(--font-size);
	line-height: 0.85em;
}

.teaser_box.summersale.sale .info .sub {
	--font-size: 18px;
	font-size: var(--font-size);
}

.teaser_box.summersale.sale .info .sub:nth-of-type(2) {
	margin-top: 4px;
}

/* .final */
.teaser_box.summersale.final .info .heading {
	--font-size: 22px;
	font-size: var(--font-size);
}

.teaser_box.summersale.final .info .percent {
	margin: 0 0 18px 0;
	--font-size: 40px;
	font-size: var(--font-size);
	line-height: 1;
	margin-top: 52%;
}

.teaser_box.summersale.final .info .percent .number {
	--font-size: 80px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	display: block;
}

.teaser_box.summersale.final .info .percent .sub {
	display: inline-block;
	font-size: 17px;
	margin-top: 6px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}

/* POPUP EXIT INTEND */
/* .presale */
#promotions_layer.summersale.presale .infos {
	padding-left: 320px;
}

#promotions_layer.summersale.presale .heading {
	--font-size: 40px;
	font-size: var(--font-size);
}

#promotions_layer.summersale.presale .percent {
	--font-size: 50px;
	font-size: var(--font-size);
	margin-top: -10px;
}

#promotions_layer.summersale.presale .percent .number {
	/* percentage */
	--font-size: 200%;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	margin-bottom: -15px;
    display: block;
}

#promotions_layer.summersale.presale .percent .star {
	font-size: 75%;
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

#promotions_layer.summersale.presale .percent .sub {
	display: inline-block;
	font-size: 40%;
	letter-spacing: .1em;
}

#promotions_layer.summersale.presale .truck {
	background-image: url("../../media/content/images/truck-icon_white-9fcc2216573db2a5a5aff063771cb156.svg");
	height: 14px;
	width: 28px;
	display: inline-block;
	background-repeat: no-repeat;
}

#promotions_layer.summersale .text-code {
	background: #00a9b3;
}

/* .sale */


/* .final */
#promotions_layer.summersale.final .infos {
	padding-left: 380px;
}

#promotions_layer.summersale.final .heading {
	--font-size: 40px;
	font-size: var(--font-size);
}

#promotions_layer.summersale.final .percent {
	--font-size: 50px;
	font-size: var(--font-size);
	margin-top: -10px;
}

#promotions_layer.summersale.final .percent .number {
	/* percentage */
	--font-size: 200%;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	margin-bottom: -15px;
    display: block;
}

#promotions_layer.summersale.final .percent .star {
	font-size: 75%;
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

#promotions_layer.summersale.final .percent .sub {
	display: inline-block;
	font-size: 40%;
	letter-spacing: .1em;
}

#promotions_layer.summersale.final .truck {
	background-image: url("../../media/content/images/truck-icon_white-9fcc2216573db2a5a5aff063771cb156.svg");
	height: 14px;
	width: 28px;
	display: inline-block;
	background-repeat: no-repeat;
}

#promotions_layer.summersale .text-code {
	background: #00a9b3;
}

/* CODE BOX & FLAG */
/* .presale */
.sale-descr.summersale,
#quickbuy .sale-descr.summersale {
	background-color: #00a9b3;
}

/* -------- SPECIFIC FOR WINTER SALE -------- */
/* SALE CATEGORIES */
.custom-product-swiper.wintersale h3 {
	color: white;
	border-bottom: 1px solid white;
}

.custom-product-swiper.wintersale {
	background: #0f4a85;
}

.custom-product-swiper.wintersale .price .productOldPrice .ShopPriceCur,
.custom-product-swiper.wintersale .products .swiper-slide:hover .price .onlyOldPrice .ShopPriceCur {
	color: #6b6b6b;
}

.custom-product-swiper.wintersale .price .ShopPriceCur,
.custom-product-swiper.wintersale .price .shopprice_from,
.custom-product-swiper.wintersale .products .swiper-slide:hover .price .ShopPriceCur {
	color: white;
}

.custom-product-swiper.wintersale .descr .name {
	color: white;
}

/* STARTPAGE SLIDER & TEASER LISTING */
.featured.wintersale.presale a.featured-fullwidth {
	padding-top: 33.333% !important;
	/* (img-height / img-width * containerwidth) (800 / 1920 * 100) */
}

.teaser_box.wintersale .info .heading,
.teaser_box.wintersale .info .percent {
	color: white;
}

#startFeatured.wintersale.presale .infos, #startFeatured.wintersale.final .infos {
	flex-direction: row;
	justify-content: flex-end;
	width: 100%;
}

#startFeatured.wintersale.final .infos .col {
	display: flex;
	justify-content: center;
	align-items: center;
}

#startFeatured.wintersale.presale .infos .col:nth-child(1) {
	
}

#startFeatured.wintersale.presale .infos .col:nth-child(2) {
	display: flex;
}

/* .presale */
#startFeatured.wintersale.presale .heading {
	--font-size: 4vw;
	font-size: var(--font-size);
}

#startFeatured.wintersale.presale .percent {
	--font-size: 6.5vw;
	font-size: var(--font-size);
	text-transform: uppercase;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	color: #b1ebfc;
}

#startFeatured.wintersale.presale .percent .number {
	/* percentage */
	--font-size: 100%;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
}

#startFeatured.wintersale.presale .percent .star {
	font-size: 75%;
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

#startFeatured.wintersale.presale .percent .sub {
	display: inline-block;
	font-size: 28%;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	color: #b1ebfc;
}

#startFeatured.wintersale.presale .truck {
	background-image: url("../../media/content/images/truck-icon_wintersale-9ef9683c2b6a8fd6fe6f7046a9aa8034.svg");
	height: 1.4vw;
	width: 3vw;
	display: inline-block;
	background-repeat: no-repeat;
}

.small_text.wintersale.presale .truck {
	background-image: url("../../media/content/images/truck-icon_grey-30bb778bd441feb53fc3d3206699ac0b.svg");
	height: 10px;
	width: 20px;
	display: inline-block;
	background-repeat: no-repeat;
}

#startFeatured.wintersale .copy-code .copy-info {
	color: white;
}

/* .sale */
#startFeatured.wintersale.sale .button {
	margin-top: 2vw !important;
}

#startFeatured.wintersale.sale .headline {
	margin-top: 5vw;
}

#startFeatured.wintersale.sale .sub {
	--font-size: 2.5vw;
	font-size: var(--font-size);
	text-transform: none;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
}

#startFeatured.wintersale.sale .sub:nth-of-type(2) {
	margin-top: 0.6vw;
}

#startFeatured.wintersale.sale .heading {
	--font-size: 17vw;
	font-size: var(--font-size);
	line-height: 0.85em;
}

/* .final */
#startFeatured.wintersale.final .heading {
	--font-size: 4vw;
	font-size: var(--font-size);
}

#startFeatured.wintersale .percent,
#startFeatured.wintersale .sub {

}

#startFeatured.wintersale.final .number {
	/* percentage */
	--font-size: 10vw;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	display: block;
	margin-bottom: -2vw;
}

#startFeatured.wintersale.final .rebate {
	/* rebate */
	--font-size: 6vw;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	display: block;
}

#startFeatured.wintersale.final .star {
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
	font-size: 3vw;
}

#startFeatured.wintersale.final .sub {
	--font-size: 2vw;
	font-size: var(--font-size);
	letter-spacing: .1em;
	display: inline-block;
	height: 4vw;
	width: 21vw;
}

#startFeatured.wintersale .copy-code {
	margin-top: 2vw;
}

#copy-code.center {
	width: fit-content;
	text-align: center;
}

.wintersale.final.russian {
	line-height: 1.50em !important;
}

.wintersale.final .heading {
	--font-size: 1.8vw;
	font-size: var(--font-size);
	line-height: 0.95em !important;
}

.wintersale.final .sub {
	--font-size: 1vw;
	font-size: var(--font-size);
	line-height: 0.95em !important;
}

.wintersale.final .sub.french,
.wintersale.final .sub.spanish,
.wintersale.final .sub.polish,
.wintersale.final .sub.dutch {
	--font-size: 0.7vw;
	font-size: var(--font-size);
	line-height: 1.35em !important;
}

.

/* TEASER IN NAVIGATION */
/* .presale */
.teaser_box.wintersale.presale .info .heading {
	--font-size: 22px;
	font-size: var(--font-size);
}

.teaser_box.wintersale.presale .info .percent {
	margin: 0 0 18px 0;
	--font-size: 40px;
	font-size: var(--font-size);
	line-height: 1;
	margin-top: 30%;
}

.teaser_box.wintersale.presale .info .percent .number {
	--font-size: 80px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	display: block;
}

.teaser_box.wintersale.presale .info .percent .sub {
	display: inline-block;
	font-size: 17px;
	margin-top: 6px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}

/* .sale */
.teaser_box.wintersale.sale .info {
	height: unset;
	margin-top: 124px;
}

.teaser_box.wintersale.sale .info .heading {
	--font-size: 94px;
	font-size: var(--font-size);
	line-height: 0.85em;
}

.teaser_box.wintersale.sale .info .sub {
	--font-size: 18px;
	font-size: var(--font-size);
	text-transform: uppercase;
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
}

.teaser_box.wintersale.sale .info .sub:nth-of-type(2) {
	margin-top: 4px;
}

/* .final */
.teaser_box.wintersale.final .info {
	height: 100%;
	bottom: 0;
	top: unset;
}

.teaser_box.wintersale.final .info div:first-of-type {
	margin-bottom: 22px;
}

.teaser_box.wintersale.final .info .heading {
	--font-size: 18px;
	font-size: var(--font-size);
}

.teaser_box.wintersale.final .info .percent {
	margin: 0 0 18px 0;
	--font-size: 32px;
	font-size: var(--font-size);
	line-height: 1;
}

.teaser_box.wintersale.final .info .percent .number {
	--font-size: 80px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	display: block;
}

.teaser_box.wintersale.final .info .percent .sub {
	display: block;
	font-size: 18px;
	margin-top: 6px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}

/* POPUP EXIT INTEND */
/* .presale */
#promotions_layer.wintersale.presale .infos .headline {
	margin-top: 80px;
}

#promotions_layer.wintersale.presale .heading {
	--font-size: 40px;
	font-size: var(--font-size);
}

#promotions_layer.wintersale.presale .percent {
	--font-size: 70px;
	font-size: var(--font-size);
	margin-top: -10px;
}

#promotions_layer.wintersale.presale .percent .number {
	/* percentage */
	--font-size: 100%;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
}

#promotions_layer.wintersale.presale .percent .star {
	font-size: 75%;
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

#promotions_layer.wintersale.presale .percent .sub {
	display: inline-block;
	font-size: 28%;
	letter-spacing: .1em;
}

#promotions_layer.wintersale.presale .truck {
	background-image: url("../../media/content/images/truck-icon_white-9fcc2216573db2a5a5aff063771cb156.svg");
	height: 14px;
	width: 28px;
	display: inline-block;
	background-repeat: no-repeat;
}

/* .sale */


/* .final */
#promotions_layer.wintersale.final .infos {
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
	padding-top: 150px;
}

#promotions_layer.wintersale.final .percent, #promotions_layer.wintersale.final .sub {
	text-transform: uppercase;
    font-family: 'CoolveticaRg-Italic',Arial,Helvetica,sans-serif;
}

#promotions_layer.wintersale.final .percent .number {
	/* percentage */
	--font-size: 40px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
}

#promotions_layer.wintersale.final .percent .rebate {
	/* rebate */
	--font-size: 40px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
}

#promotions_layer.wintersale.final .percent .star {
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

#promotions_layer.wintersale.final .percent .sub {
	font-size: 18px;
	letter-spacing: .1em;
	display: block;
	height: 50px;
}

#promotions_layer.wintersale .copy-code {
	margin-top: 0;
}

/* CODE BOX & FLAG */
/* .presale */
.sale-descr.wintersale,
#quickbuy .sale-descr.wintersale {
	background-color: #003159;
}

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

/* EASTER */
#promotions_layer.easter {
	height: 400px;
}

#promotions_layer.easter .promotions_layer_bg {
	padding-top: 55.55555555% !important;
}

#promotions_layer.easter .infos {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#promotions_layer.easter .heading,
#promotions_layer.easter .percent {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: normal;
	color: #633d1e;
	margin: 0;
	padding: 0;
}

#promotions_layer.easter.russian .heading,
#promotions_layer.easter.russian .percent {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

#promotions_layer.easter .infos .headline {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin: 0;
	padding: 0;
}

#promotions_layer.easter .heading_wait {
	border: 0px;
	color: #FFF;
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 17px;
}

#promotions_layer.easter .copy-code {
	/*margin-top: 30px;*/
}

#promotions_layer.easter .text-code {
	background: #ff7300;
	padding: 0.6em 0.9em;
	font-size: 20px;
	color: white;
	display: inline-flex;
	align-items: center;
}

#promotions_layer.easter .text-code strong {
	font-size: 30px;
	margin-left: 0.2em;
}

#promotions_layer.easter .copy-code .copy-info {
	font-size: 14px;
	font-weight: bold;
	color: white;
	margin-top: 0.5vw;
}

#promotions_layer.easter .infos {
	flex-direction: row;
	justify-content: center;
	align-items: baseline;
	padding-top: 170px;
}

#promotions_layer.easter .percent {
	--font-size: 70px;
	font-size: var(--font-size);
}

#promotions_layer.easter .percent .number {
	/* percentage */
	--font-size: 70px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	line-height: 0.9;
}

#promotions_layer.easter .percent .rebate {
	/* rebate */
	--font-size: 70px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
}

#promotions_layer.easter .percent .star {
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

#promotions_layer.easter .percent .sub {
	font-size: 30px;
	letter-spacing: .1em;
	display: block;
	height: 50px;
	text-transform: lowercase;
}

/* XMAS */
#promotions_layer.xmas {
	height: 400px;
}

#promotions_layer.xmas .promotions_layer_bg {
	padding-top: 55.55555555% !important;
}

#promotions_layer.xmas .infos {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	padding-left: 230px;
}

#promotions_layer.xmas .infos .headline {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin: 0;
	padding: 0;
}

#promotions_layer.xmas .sub,
#promotions_layer.xmas .main {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: normal;
	color: #633d1e;
	margin: 0;
	padding: 0;
}

#promotions_layer.xmas .sub {
	font-size: 50px;
	letter-spacing: .1em;
	line-height: .9;
	color: #59020f;
}

#promotions_layer.xmas .main {
	margin-top: 6px;
	color: white;
}

#promotions_layer.xmas .info-text {
	margin-top: 24px;
	font-size: 18px;
	color: white !important;
}

#startFeatured .info-text {
	color: white !important;
	margin: 0 !important;
	margin-top: 12px !important;
	margin-left: 4.5vw !important;
	margin-bottom: 12px !important;
	font-size: 24px;
}

/* Silvester */
#beforemain.fullwidth.silvester {
	background: black;
}

#beforemain.fullwidth.silvester .container {
	background-position: center center;
	background-repeat: no-repeat;
	height: 360px;
	width: 100% !important;
}

#startFeatured.silvester .infos {
	justify-content: end;
	align-items: end;
	padding: 32px;
}


.teaser_box.easter .info {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 20px 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.teaser_box.easter .info .heading,
.teaser_box.easter .info .percent,
.teaser_box.easter .info .sub {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #633d1e;
	line-height: 1.5em;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
}

.teaser_box.easter .info .star {
	font-size: 75%;
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

.teaser_box.easter .info .code {
	font-size: 16px;
	font-weight: normal;
	color: white;
	background-color: #ff7300;
	padding: 0.6em 0.9em;
	margin: 20px 0 0 0;
	display: inline-block;
}

.teaser_box.easter .info .code strong {
	font-size: 20px;
	font-weight: bold;
}

.teaser_box.easter .info {
	height: 100%;
	bottom: 0;
	top: unset;
	padding-top: 90px;
}

.teaser_box.easter .info .heading {
	--font-size: 18px;
	font-size: var(--font-size);
}

.teaser_box.easter .info .percent {
	--font-size: 40px;
	font-size: var(--font-size);
	line-height: 1;
}

.teaser_box.easter .info .number {
	--font-size: 100px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	display: block;
	line-height: 0.8;
}

.teaser_box.easter .info .sub {
	display: block;
	font-size: 18px;
	margin-top: 6px;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-transform: none;
}

.teaser_box.easter.russian .info .percent,
.teaser_box.easter.russian .info .number,
.teaser_box.easter.russian .info .sub {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	font-style: italic;
	letter-spacing: normal;
}

#startFeatured.easter .infos {
	width: 100%;
	align-items: flex-end;
}

.featured.easter.presale a.featured-fullwidth,
.featured.easter a.featured-fullwidth {
	padding-top: 28.125% !important;
	/* (img-height / img-width * containerwidth) (800 / 1920 * 100) */
}

#startFeatured.easter .heading,
#startFeatured.easter .percent,
#startFeatured.easter .sub,
#startFeatured.easter .rebate  {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: normal;
	color: #fff;
	margin: 0;
	padding: 0;
}

#startFeatured.easter.russian .rebate,
#startFeatured.easter.russian .sub {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	font-style: italic;
	letter-spacing: normal;
}

#startFeatured.easter .infos .headline {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin: 0;
	padding: 14rem 0 0 0;
}

#startFeatured.easter .heading {
	--font-size: 4vw;
	font-size: var(--font-size);
}

#startFeatured.easter .rebate {
	/* rebate */
	--font-size: 4vw;
	font-size: var(--font-size);
	display: block;
	line-height: 1em;
	text-align: left;
}

#startFeatured.easter .star {
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

#startFeatured.easter .sub {
	--font-size: 1.8vw;
	font-size: var(--font-size);
	display: block;
	text-transform: lowercase;
	margin-top: -0.5vw;
}

#startFeatured.easter .copy-code {
	margin-top: 1vw;
}

#startFeatured.easter .text-code {
	background: #ff7300;
	padding: 0.6em 0.9em;
	font-size: 1.5vw;
	color: white;
	display: inline-flex;
	align-items: center;
}

#startFeatured.easter .text-code strong {
	font-size: 2vw;
	margin-left: 0.2em;
}

#startFeatured.easter .copy-code .copy-info {
	font-size: 14px;
	font-weight: bold;
	color: black;
	margin-top: 0.5vw;
}

.easter a:hover .teaser_image {
	transform: scale(1);
}

.headline_teaser_action_full.halloween,
.headline_teaser_action_full.easter {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 105px 7% 0 7%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.headline_teaser_action_full.halloween .heading,
.headline_teaser_action_full.halloween .percent,
.headline_teaser_action_full.halloween .sub, 
.headline_teaser_action_full.easter .heading,
.headline_teaser_action_full.easter .percent,
.headline_teaser_action_full.easter .sub {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif !important;
	text-transform: uppercase;
	font-style: normal !important;
	font-weight: 600;
	color: #633d1e;
	line-height: 1.5em;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
}

.headline_teaser_action_full.halloween .star,
.headline_teaser_action_full.easter .star {
	font-size: 75%;
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

.headline_teaser_action_full.halloween .code 
.headline_teaser_action_full.easter .code {
	font-size: 14px;
	font-weight: normal;
	color: white;
	background-color: #ff7300;
	padding: 0.6em 0.9em;
	margin: 0;
}

.headline_teaser_action_full.halloween .code strong,
.headline_teaser_action_full.easter .code strong {
	font-size: 18px;
	font-weight: bold;
}

.headline_teaser_action_full.halloween .copy-text,
.headline_teaser_action_full.easter .copy-text {
	font-size: 11px;
	margin-top: 8px;
	font-weight: bold;
	display: block;
}

.headline_teaser_action_full.easter.russian .sub {
	line-height: normal;
	margin-bottom: 5px;
}

.headline_teaser_action_full.easter .heading {
	--font-size: 20px;
	font-size: var(--font-size);
}

.headline_teaser_action_full.easter .percent {
	margin: 0 0 18px 0;
	--font-size: 35px;
	font-size: var(--font-size);
	line-height: 1;
}

.headline_teaser_action_full.easter .percent .number {
	--font-size: 90px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	display: block;
}

.headline_teaser_action_full.easter .percent .sub {
	display: block;
	font-size: 16px;
	margin-top: 6px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}

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

.infos .saleSubheadline,
.infos .saleHeadline {
	display: block;
}

.saleSubheadline,
.saleHeadline,
.saleAllHeadline,
.saleUVP,
.teaser_ssv .infos h3,
.teaser_ssv .infos p {
	text-shadow: 0 -1px 1px rgba(0, 0, 0, .25), 1px 0 1px rgba(0, 0, 0, .25), 0 1px 1px rgba(0, 0, 0, .25), -1px 0 1px rgba(0, 0, 0, .25);
	color: #FFF;
	font-weight: 400;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 50px;
}

.saleSubheadline {
	color: #ddbc3e;
	text-transform: uppercase;
	font-size: 48px;
	line-height: 42px;
	text-align: center;
}

.saleHeadline {
	position: relative;
	margin: 0 15px;
	width: 480px;
	height: 120px;
	line-height: 42px;
	margin: -5px auto 0 auto;
}

.salePercent {
	font-size: 135px;
	line-height: 100px;
	position: absolute;
	left: -15px;
	width: 240px;
	text-align: right;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif !important;
}

.saleAllHeadline.salePercent {
	font-size: 60px;
	line-height: 60px;
	position: static;
	left: 0;
	width: auto;
	text-align: center;
}

.saleAll .salePercent .percent {
	font-size: 36px;
	vertical-align: 12px;
}

.saleUVP {
	font-size: 36px;
	line-height: 36px;
}

.ssv .featured.saleFinal .button {
	margin: 24px auto 0 auto;
}

.saleCode {
	font-size: 150%;
	vertical-align: sub;
}

.salePercent span,
.saleCategory span {
	font-size: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.salePercent .minus {
	vertical-align: 20px;
}

.salePercent .percent {
	vertical-align: 44px;
}

.saleAll .salePercent {
	top: 8px;
}

.saleAll .saleOff {
	font-size: 28px;
	top: 97px;
	left: 165px;
}

.saleCategory span {
	font-size: 30px;
	margin-right: 6px;
}

.saleCategory span.reverse {
	margin-left: 6px;
	margin-right: 0px;
}

.saleCategory span.nowrap {
	margin-right: 0px;
	font-size: 54px;
	white-space: nowrap;
	font-weight: 400;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
}

.saleText,
.saleOff {
	font-size: 18px;
	position: absolute;
	left: 175px;
	text-align: left;
	top: 71px;
	line-height: 21px;
}

.saleText {
	top: 92px;
	font-size: 16px;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	background: #b08c00;
	text-transform: uppercase;
	text-shadow: none;
	padding: 2px 4px;
}

.saleCategory {
	position: absolute;
	left: auto;
	right: 0;
	width: 240px;
	text-align: left;
	top: 17px;
}

.saleHeadline.saleLong,
.saleHeadline.saleExtraLong {
	width: 600px;
}

.saleLong .saleCategory {
	width: 360px;
}

.saleExtraLong .salePercent {
	width: 200px;
}

.saleExtraLong .saleCategory {
	width: 400px;
	top: 20px;
	font-size: 54px;
	line-height: 46px;
}

.saleExtraLong .saleText,
.saleExtraLong .saleOff {
	left: 135px;
}

.saleCategory.saleBig {
	font-size: 92px;
	top: 32px;
}

.saleAll .saleCategory {
	line-height: 52px;
	top: 20px;
}


.saleStar {
	color: #b08c00;
	vertical-align: bottom;
}

.saleDate {
	position: absolute;
	bottom: 12px;
	right: 12px;
	color: #b08c00;
}

.btn_ssv {
	background: #b08c00;
}

.btn_ssv:hover,
.btn_ssv:focus,
.btn_special.btn_ssv:hover,
.btn_special.btn_ssv:focus {
	background: #856a00;
}

.btn_special.btn_ssv {
	background: url("img/ssv_button-5c85e6ce5401fa513a0169902a1eb469.jpg") no-repeat center right;
	background-size: cover;

}

.slider-teaser .btn_special.btn_ssv {
	background: url("img/ssv_button_teaser-ad5132ce0cc1f6de09f2e7adb7eebb55.jpg") no-repeat center left;
	background-size: cover;
}

.btn_wsv {
	background: #FFFFFF;
	color: #1c3283 !important;
}

.btn_wsv:hover,
.btn_wsv:focus,
.btn_special.btn_wsv:hover,
.btn_special.btn_wsv:focus {
	background: #def2fc;
	color: #3080c2 !important;
}

.btn_special.btn_wsv {
	background: url("img/wsv_button-922c3c4b772fd606b6922cde718692f0.jpg") no-repeat center right;
	background-size: cover;
}

.btn_special.btn_wsv.icon-arrow-right::after {
	margin-right: 0px;
}

.ssv .slider-categories {
	margin: 0;
}

.slider-categories a.btn_ssv {
	width: 80%;
	margin: 12px 0 !important;
}

.btn_special.btn_ssv img,
.btn_special.btn_ssv span {
	display: inline;
}

.btn_special.btn_ssv span span {
	margin-right: 6px;
}

.btn_special.btn_ssv span span.reverse {
	margin-right: 0px;
	margin-left: 6px;
}

.btn_special.btn_ssv span span.nowrap {
	margin: 0px;
	white-space: nowrap;
}

.ssv #startFeaturedSmall {
	background: #000;
	margin: 0;
}

.wintersale #startFeaturedSmall {
	background: #bee4f9;
	margin: 0;
}

.ssv #startFeaturedSmall.featured-nobg,
.wintersale #startFeaturedSmall.featured-nobg {
	background: none;
}

.flag .sale {
	color: #FFF;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	padding: 3px 6px;
	background: black;
	text-transform: uppercase;
	display: inline-block;
}

.product-info-top .flag.wsv-flag .sale {
	padding: 4px 8px;
}

#cross-selling .flag.wsv-flag,
#bestseller .flag.wsv-flag,
.list .flag.wsv-flag {
	padding: 0;
}

#cross-selling .flag.wsv-flag .sale,
#bestseller .flag.wsv-flag .sale,
.list .flag.wsv-flag .sale {
	padding: 1px 3px 0 3px !important;
}

#cross-selling .product-title,
#bestseller .product-title{
	word-break: break-word;
}

#shopping_cart_cross_selling {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	width: 100%;
	padding: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

#shopping_cart_cross_selling h3 {
	color: #999;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	padding: 0;
	margin: 0 0 30px 0;
	font-size: 18px;
	border-bottom: 1px solid #CCC;
	display: inline-block;
}

#shopping_cart_cross_selling .infos {
	position: unset;
}

#shopping_cart_cross_selling .infos .name {
	font-weight: bold;
	min-height: 30px;
    display: block;
	padding: 0 12px;
}

#shopping_cart_cross_selling .infos .flag {
	top: 5px;
	right: 5px;
}

#shopping_cart_cross_selling .swiper-wrapper {
	height: 350px;
}

#shopping_cart_cross_selling .quick-buy-btn-wrapper {
	width: 100%;
    display: flex;
	justify-content: center;
	margin-top: 12px;
}

#shopping_cart_cross_selling .quick-buy-btn {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 90%;
	padding: 6px 12px;
	background: #DBDBDB;
	border-radius: 4px;
	cursor: pointer;
}

/* :is(.xs, .sm) #shopping_cart_cross_selling .quick-buy-btn {
	width: auto;
} */

#shopping_cart_cross_selling .quick-buy-btn .text {
	color: black;
	margin-right: 8px;
}

/* :is(.xs, .sm) #shopping_cart_cross_selling .quick-buy-btn .text {
	display: none;
} */

#shopping_cart_cross_selling .quick-buy-btn .icon {
	color: black;
	display: flex;
    align-items: center;
    justify-content: center;
}

#shopping_cart_cross_selling .quick-buy-btn .icon i:first-of-type {
	font-size: 18px;
	margin-bottom: 1px;
}

#shopping_cart_cross_selling .quick-buy-btn .icon i:last-of-type {
	font-size: 12px;
	margin-left: 4px;
}

#shopping_cart_cross_selling .quick-buy-btn:hover,
#shopping_cart_cross_selling .quick-buy-btn:focus {
	background: #CCC;
	color: #000;
	text-decoration: none;
}

#shopping_cart_cross_selling .product-wrapper .price .ShopPriceCur {
	position: relative;
}

#shopping_cart_cross_selling .product-wrapper .picture {
	height: 200px;
	display: flex;
    align-items: center;
    justify-content: center;
}

#shopping_cart_cross_selling .progress {
	margin-bottom: 40px;
}

.cross-selling_progress {
	background-color: #eee;
	border-radius: 8px;
}

.cross-selling_green {
	background-color: #6FC234;
	border-radius: 8px 0 0 8px;
}

.cart-progress .progress .info {
	display: block;
	margin: 4px 0 0 2px;
}

#cart_articles .shopping-cart-delete {
	color: #999999;
	font-size: 16px;
	cursor: pointer;
}

#cart_articles .free-cart-add {
	cursor: pointer;
}

#startpage-new .flag {
	font-size: 18px;
}

.truck-txt-white {
	background-image: url("../../media/content/images/truck-icon_white-9fcc2216573db2a5a5aff063771cb156.svg");
	height: 9px;
	width: 16px;
	display: inline-block;
	background-repeat: no-repeat;
}

.product-info-top .flag .sale {
	font-size: 15px;
	padding: 4px 8px;
}

/* wishlist landingpage */
.wishlist-landingpage .cart-items .single-item {
	border-bottom: 1px solid #ccc;
}
.wishlist-landingpage .cart-items .single-item:last-of-type {
	border-bottom: unset;
}

.wishlist-landingpage .cart-items .item-image a {
	width: 70px;
	height: 70px;
}
.wishlist-landingpage .cart-items .item-image a img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.wishlist-landingpage .cart-items .select-quantity select {
	width: 50px;
	padding: 8px 12px 8px 12px;
}

.wishlist-landingpage .premium {
	text-decoration: underline;
	color: black;
	display: block;
}

.wishlist-landingpage .cart-items .item-total-price,
.wishlist-landingpage .cart-items .item-total-rrp {
	white-space: nowrap;
}

.wishlist-landingpage .cart-items .item-total-price > * {
	font-size: 15px !important;
	font-weight: bold !important;
	color: #ff7300 !important;
}
.wishlist-landingpage .cart-items .item-total-rrp > * {
	font-size: 13px !important;
	text-decoration: line-through !important;
}

.wishlist-landingpage .cart-items .promotion-item {
	background-color: #eee;
}

.wishlist-landingpage .select-quantity .fake-select {
	appearance: none;
    background: transparent;
    border: none;
    color: #000;
    outline: none;
    text-overflow: "";
    border: 1px solid #CCC;
    background: white;
    background-size: contain;
    border-radius: 4px;
    width: 50px;
    padding: 8px 12px 8px 12px;
}

.wishlist-landingpage .shopping-cart-delete {
	font-size: 16px;
	color: #999999;
}

.wishlist-landingpage .shopping-cart-add {


}

.wishlist-landingpage .quick-buy-btn-wrapper {
	width: 100%;
    display: flex;
	justify-content: center;
	text-decoration: none;
}

:is(.xs, .sm) .wishlist-landingpage .quick-buy-btn-wrapper {
	justify-content: end;
}

.wishlist-landingpage .quick-buy-btn {
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 6px 12px;
	background: #DBDBDB;
	border-radius: 4px;
	cursor: pointer;
}

:is(.xs, .sm) .wishlist-landingpage .quick-buy-btn {
	padding: 6px 12px;
}

.wishlist-landingpage .quick-buy-btn .text {
	color: black;
	margin-right: 8px;
}

:is(.xs, .sm) .wishlist-landingpage .quick-buy-btn .text {
	display: none;
}

.wishlist-landingpage .quick-buy-btn .icon {
	color: black;
	display: flex;
    align-items: center;
    justify-content: center;
}

.wishlist-landingpage .quick-buy-btn .icon i:first-of-type {
	font-size: 18px;
	margin-bottom: 1px;
}

.wishlist-landingpage .quick-buy-btn .icon i:last-of-type {
	font-size: 12px;
	margin-left: 4px;
	margin-top: 1px;
}

.wishlist-landingpage .quick-buy-btn:hover,
.wishlist-landingpage .quick-buy-btn:focus {
	background: #CCC;
	color: #000;
	text-decoration: none;
}

/* LANDINGPAGES */
/* custom landingpage coid-1003 */
.coid-1003 .with-image {
	background: url("../../media/content/images/ssv_header-6e7c436419f5d5d8d890f1d5946a65c3.jpg") no-repeat top;
}

.coid-1003 #beforemain {
	background-color: #000;
}

.coid-1003 .with-image .wrapper::before,
.coid-1003 .with-image .wrapper::after {
	background: none;
}

.coid-1003 .with-image .container .image {
	position: absolute;
	right: 0.5vw;
	height: 100%;
	background: url("../../media/content/images/ssv_sale-74a9390a33d966a510492539a8723cca.png") no-repeat bottom right;
	background-size: auto 90%;
}

.coid-1003 .with-image h1 {
	text-transform: uppercase;
	margin: 0;
	font-size: 72px;
	line-height: 60px;
	margin-top: 7%;
}

/* custom landingpage gifts coid-1004 */
.coid-1004 .with-image {
	/* background: url("img/gifts_start_bg-b11f1ff6782aae42872a01aa71e9340d.jpg") no-repeat center;
	background-size: auto; */
}

.coid-1004 .with-image .wrapper {
	/* background-color: #ffb901; */
	height: 240px;
}

.coid-1004 .with-image .wrapper::before,
.coid-1004 .with-image .wrapper::after {
	background: none;
}

.coid-1004 .with-image .container .image {
	height: 330px;
	background: url("img/geschenkideen/carhartt_dez22-96fc4ad17f02249f54b4a2934957c0dc.png") no-repeat bottom right;
	bottom: 20px;
	left: 0px;
}

.coid-1004 .with-image h1 {
	text-transform: uppercase;
	margin: 0;
	font-size: 2rem;
	line-height: 30px;
	margin-top: 7%;
}

.button-gift {
	display: flex;
}

.button-gift a {
	text-decoration: none;
}

.button-gift .btn-round {
	border-radius: 50%;
    color: #FFF;
    text-align: center;
    text-decoration: none;
	border: 4px solid #fff;
	width: 100px;
	height: 100px;
}

.button-gift .btn-round:hover {
	background-color: rgba(250, 250, 250, 0.4);
}

.giftcat_icon::before {
	content: '\f06b';
    font-family: 'Font Awesome 7 Pro';
    text-rendering: optimizeLegibility!important;
    font-weight: 900;
    font-size: 1.25rem;
    margin-top: 14px;
    margin-bottom: 6px;
	display: block;
}

.giftcat_text {
	font-size: 15px;
}

.coid-1001 .with-image {
	background: url("../../media/content/images/landingpage-header-desktop-summer-sale-134d9e43bc38c6a00cde35d018bb2c14.jpg") no-repeat center;
	background-size: cover;
}

.coid-1001 #beforemain {
	background-color: #000;
}

.coid-1001 .with-image .wrapper::before,
.coid-1001 .with-image .wrapper::after {
	background: none;
}

.coid-1001 .with-image .container .image {
	position: absolute;
	right: 0.5vw;
	height: 100%;
	background: url("../../media/content/images/landingpage-products-summer-sale-18c90fb9a4c4bf50c9ae16c23264fef3.png") no-repeat bottom right;
	background-size: auto 90%;
}

.coid-1002 .with-image .container .image {
	position: absolute;
	right: 0.5vw;
	height: 100%;
	background: url("../../media/content/images/landingpage-products-winter-sale-aa465d6aeae10092971cc5b70267f219.png") no-repeat bottom right;
	background-size: auto 90%;
}

.coid-1001 .with-image h1,
.teaser_ssv .infos h3 {
	text-transform: uppercase;
	margin: 0;
	font-size: 72px;
	line-height: 60px;
	margin-top: 7%;
}

.teaser_ssv .infos h3 {
	font-size: 60px;
	line-height: 60px;
}

.coid-1001 .SSV-portuguese h1,
.coid-1001 .SSV-spanish h1 {
	font-size: 60px;
}

.teaser_ssv .infos p {
	color: #ddbc3e;
	font-size: 21px;
	line-height: 30px;
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

.teaser_listing.teaser_ssv .image {
	height: 100%;
}

.teaser_ssv .infos {
	width: 60%;
	height: 100%;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	text-align: center;
}

.teaser_ssv .infos .button {
	margin: 36px 0 0 0;
	max-width: 200px;
}

.coid-1002 #main {
	padding-top: 24px;
}

.coid-1002 .with-image {
	background: url("../../media/content/images/landingpage-header-desktop-wsv26-d105b16d57a9965b5fedb400b17925d5.webp") no-repeat top;
}

.coid-1002 #beforemain {
	background-color: #004175;
}

.coid-1002 .with-image .wrapper::before,
.coid-1002 .with-image .wrapper::after {
	background: none;
}

.coid-1002 .with-image h1,
.coid-1001 .with-image h1 {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	font-size: 72px;
	line-height: 60px;
	text-transform: uppercase;
	margin-bottom: 0;
	padding: 0 40px;
}

.coid-1002 .with-image h1 span,
.coid-1001 .with-image h1 span {
	display: block;
}

.coid-1002 .with-image h1 {
	color: white;
	padding: 0;
}

.coid-1001 .with-image h1 {
	color: white;
}

@media screen and (min-width: 1400px) {
	.coid-1002 #main {
		padding-top: 0 !important;
	}
}

/* .coid-3001 .with-header {
	background-color: #dc0830;
	background-image: url("../../media/content/images/freebies-header-xmas-d535984886055c6af191e26ae58d0c9e.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}

.coid-3001 .with-header .container {
	height: 270px;
} */

.teaser_campaign {
	display: block;
	height: 100%;
	padding: 0 12px;
}

.teaser_campaign .infos {
	text-align: center;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	padding: 32px;
}

.teaser_campaign .infos h3 {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	font-size: 80px;
	line-height: 72px;
	text-transform: uppercase;
	margin-top: 18px;
	font-weight: normal;
}

.teaser_campaign.summersale .infos.portuguese h3 {
	font-size: 62px;
	line-height: 62px;
}

.teaser_campaign.summersale .infos.russian h3 {
	font-size: 40px;
	line-height: 46px;
	font-weight: 700;
	font-style: italic;
}

.teaser_campaign.summersale .infos.polish h3,
.teaser_campaign.summersale .infos.dutch h3 {
	font-size: 50px;
	line-height: 46px;
}

.teaser_campaign .infos .button {
	margin: 24px 0 24px 0;
}

.teaser_campaign.summersale .infos h3 {
	color: white;
}

.teaser_campaign.wintersale .infos h3 {
	color: #1d4e76;
}

.text-wsv {
	display: block;
}

.coid-1002 .contentpage-headline {
	text-transform: uppercase;
}

:is(.xs) .coid-1002 .WSV-german .contentpage-headline {
	font-size: 62px;
    line-height: 50px;
}

:is(.xs) .coid-1002 .WSV-english .contentpage-headline,
:is(.xs) .coid-1002 .WSV-french .contentpage-headline,
:is(.xs) .coid-1002 .WSV-danish .contentpage-headline,
:is(.xs) .coid-1002 .WSV-italian .contentpage-headline,
:is(.xs) .coid-1002 .WSV-dutch .contentpage-headline {
	font-size: 65px;
    line-height: 52px;
}

:is(.xs) .coid-1002 .WSV-polish .contentpage-headline,
:is(.xs) .coid-1002 .WSV-portuguese .contentpage-headline,
:is(.xs) .coid-1002 .WSV-spanish .contentpage-headline {
	font-size: 50px;
    line-height: 45px;
}

:is(.xs) .coid-1002 .WSV-russian .contentpage-headline {
	font-size: 40px;
    line-height: 38px;
}

:is(.sm) .coid-1002 .contentpage-headline {
	font-size: 88px;
	line-height: 70px;
}

:is(.sm) .coid-1002 .WSV-russian .contentpage-headline {
	font-size: 62px;
    line-height: 56px;
}

:is(.md, .lg, .xl, .xxl, .plus, .xplus, .max) .coid-1002 .contentpage-headline {
	font-size: 90px;
    line-height: 70px;
}

@media screen and (min-width: 1328px) {

	.ssv,
	.coid-1001 {
		background: #ff8103 url("../../media/content/images/landingpage-background-summer-sale-3c0ad4c931b89dc04c1375a0e9bdbfc1.jpg") no-repeat top center !important;
	}

	.coid-1002 {
		background: #20406e url("../../media/content/images/landingpage-background-wsv26-b2bd6c62624f9e534726fe59295ee657.webp") no-repeat top center !important;
	}

	.ssv.index {
		background: #EEE !important;
	}

	.ssv #main,
	.coid-1001 #main,
	.coid-1002 #main {
		background: none;
		padding-top: 48px;
	}

	.ssv #sidePromoSection {
		display: none;
	}

	.saleHeadline {
		height: 150px;
	}

	.coid-1001 .with-image,
	.coid-1002 .with-image {
		background: none;
	}

	.coid-1001 .with-image .wrapper,
	.coid-1002 .with-image .wrapper {
		height: 220px;
	}

	.coid-1001 #beforemain,
	.coid-1002 #beforemain {
		background: none;
	}

	.coid-1001 .SSV-portuguese h1,
	.coid-1001 .SSV-spanish h1 {
		font-size: 80px;
	}

	.coid-1001 .with-image h1 {
		margin-top: 10%;
		font-size: 120px;
		line-height: 100px;
	}

	.coid-1001 .SSV-german h1,
	.coid-1001 .SSV-spanish h1,
	.coid-1001 .SSV-portuguese h1,
	.coid-1001 .SSV-polish h1,
	.coid-1001 .SSV-russian h1,
	.coid-1001 .SSV-dutch h1 {
		font-size: 120px;
		line-height: 100px;
		text-align: right;
	}

	.coid-1001 .with-image .container .image,
	.coid-1002 .with-image .container .image {
		height: calc(100% + 48px);
	}

	.teaser_ssv .infos h3 {
		font-size: 72px;
		line-height: 60px;
	}

	.teaser_ssv .infos .button {
		max-width: none;
	}

	.wintersale .campaign .headline {
		font-size: 120px;
		line-height: 100px;
	}

	.wintersale .campaign-finale .headline {
		font-size: 96px;
		line-height: 76px;
	}

	.wintersale .campaign-finale .german .headline {
		font-size: 120px;
		line-height: 100px;
	}

	.campaign-twocodes .text-percent {
		font-size: 24px;
		line-height: 36px;
	}

	.campaign-twocodes .text-or {
		font-size: 21px;
	}

	.campaign-twocodes .text-code,
	.campaign .text-code {
		line-height: 24px;
	}

	.wintersale .campaign .flag {
		top: 14%;
		right: 15%;
	}

	.wintersale .campaign .button {
		margin: 24px 0 0 0;
	}

	.wintersale .campaign .spanish .headline,
	.wintersale .campaign .portuguese .headline {
		font-size: 100px;
		line-height: 80px;
	}

	.wintersale .campaign .headline .info-percent,
	.wintersale .campaign .headline .info-percent>span,
	.wintersale .campaign .headline .info-star {
		font-size: 54px;
		line-height: 54px;
	}
}

@media screen and (min-width: 1600px) {
	.saleSubheadline {
		transform-origin: top;
		transform: scale(1.2);
	}

	.saleHeadline {
		transform-origin: top;
		transform: scale(1.3);
		height: 200px;
	}

	.saleAllHeadline.salePercent {
		font-size: 135px;
		line-height: 100px;
		position: static;
		left: 0;
		width: auto;
		text-align: center;
	}

	.saleAll .salePercent .percent {
		font-size: 84px;
		vertical-align: 28px;
	}

	.saleUVP {
		font-size: 60px;
		line-height: 50px;
	}

	.ssv .featured.saleFinal .button {
		margin: 48px auto 0 auto;
	}

	.wintersale .campaign .headline {
		font-size: 140px;
		line-height: 115px;
	}

	.wintersale .campaign-finale .headline {
		font-size: 120px;
		line-height: 100px;
	}

	.wintersale .campaign-finale .german .headline {
		font-size: 140px;
		line-height: 115px;
	}

	.campaign-twocodes .text-percent {
		font-size: 30px;
		line-height: 44px;
	}

	.campaign-twocodes .text-or {
		font-size: 24px;
	}

	.campaign-twocodes .text-code,
	.campaign .text-code {
		line-height: 28px;
	}

	.wintersale .campaign p.text {
		width: 65%;
		margin-top: 36px;
	}

	.campaign-twocodes {
		margin-top: 36px;
	}

	.wintersale .campaign .flag {
		top: 13%;
		right: 14%;
	}

	.wintersale .campaign .button {
		margin: 36px 0 0 0;
		padding: 12px 24px;
		font-size: 15px;
	}

	.wintersale .campaign .headline .info-percent,
	.wintersale .campaign .headline .info-percent>span,
	.wintersale .campaign .headline .info-star {
		font-size: 60px;
		line-height: 60px;
	}
}

@media screen and (min-width: 1920px) {
	.saleSubheadline {
		transform-origin: top;
		transform: scale(1.4);
	}

	.saleHeadline {
		transform-origin: top;
		transform: scale(1.5);
		height: 260px;
	}

	.wintersale .campaign .headline {
		font-size: 180px;
		line-height: 140px;
	}

	.wintersale .campaign .spanish .headline,
	.wintersale .campaign .portuguese .headline {
		font-size: 130px;
		line-height: 115px;
	}

	.wintersale .campaign-finale .headline {
		font-size: 140px;
		line-height: 115px;
	}

	.wintersale .campaign-finale .german .headline {
		font-size: 180px;
		line-height: 140px;
	}

	.campaign-twocodes .text-percent {
		font-size: 36px;
		line-height: 54px;
	}

	.campaign-twocodes .text-or {
		font-size: 28px;
	}

	.campaign-twocodes .text-code,
	.campaign .text-code {
		line-height: 30px;
	}

	.wintersale .campaign p.text {
		width: 65%;
		margin-top: 42px;
	}

	.campaign-twocodes {
		margin-top: 42px;
	}

	.wintersale .campaign .headline .info-percent,
	.wintersale .campaign .headline .info-percent>span,
	.wintersale .campaign .headline .info-star {
		font-size: 60px;
		line-height: 60px;
	}

	.wintersale .campaign p.text {
		width: 60%;
		margin-top: 36px;
	}

	.wintersale .campaign p.code {
		margin: 18px 0 0 0
	}
}

@media screen and (min-width: 2400px) {
	.saleSubheadline {
		transform-origin: center;
		transform: scale(1.6);
	}

	.saleHeadline {
		transform-origin: top;
		transform: scale(1.7);
		height: 300px;
	}

	.wintersale .campaign .headline {
		font-size: 230px;
		line-height: 190px;
	}

	.wintersale .campaign .spanish .headline,
	.wintersale .campaign .portuguese .headline {
		font-size: 180px;
		line-height: 160px;
	}

	.wintersale .campaign-finale .headline {
		font-size: 180px;
		line-height: 140px;
	}

	.wintersale .campaign-finale .german .headline {
		font-size: 230px;
		line-height: 190px;
	}

	.campaign-twocodes .text-percent {
		font-size: 48px;
		line-height: 72px;
	}

	.campaign-twocodes .text-or {
		font-size: 30px;
	}

	.campaign-twocodes .text-code,
	.campaign .text-code {
		line-height: 36px;
	}

	.wintersale .campaign p.text {
		width: 65%;
		margin-top: 54px;
	}

	.campaign-twocodes {
		margin-top: 54px;
	}

	.wintersale .campaign .headline .info-percent,
	.wintersale .campaign .headline .info-percent>span,
	.wintersale .campaign .headline .info-star {
		font-size: 80px;
		line-height: 80px;
	}

	.wintersale .campaign p.text {
		width: 50%;
	}
}

@media screen and (min-width: 3000px) {
	.saleSubheadline {
		transform-origin: center;
		transform: scale(1.9);
	}

	.saleHeadline {
		transform-origin: top;
		transform: scale(2);
		height: 350px;
	}

	.wintersale .campaign .headline {
		font-size: 300px;
		line-height: 250px;
	}

	.wintersale .campaign .spanish .headline,
	.wintersale .campaign .portuguese .headline {
		font-size: 240px;
		line-height: 210px;
	}

	.wintersale .campaign-finale .headline {
		font-size: 230px;
		line-height: 190px;
	}

	.wintersale .campaign-finale .german .headline {
		font-size: 280px;
		line-height: 220px;
	}

	.wintersale .campaign .headline .info-percent,
	.wintersale .campaign .headline .info-percent>span,
	.wintersale .campaign .headline .info-star {
		font-size: 100px;
		line-height: 100px;
	}
}

#startFeaturedBlack .vertical-wrapper {
	display: table;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

#startFeaturedBlack .vertical-block {
	float: none;
}

#startFeaturedBlack .img-responsive {
	width: 100%;
	display: inline-block;
}

.botpostarea {
	max-height: 1px;
	overflow: hidden;
}

/* Breakpoints
xs: 36em / 576px
sm: 48em / 768px
md: 64em / 1024px
lg: 90em / 1440px
xl: 120em / 1920px
xxl: 160em / 2560px
*/

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.hide {
	display: none;
}

.show {
	display: block;
}

#catSwiperWrapper li {
	width: 50% !important;
}

/* xl: 120em / 1920px */
@media (min-width: 1920px) {
	
	.flag.round-responsive {
		width: 140px;
		height: 140px;
	}

	.flag.round-responsive .round {
		font-size: 44px;
	}

	.flag.round-responsive .round span {
		margin-top: 0;
		font-size: 15px;
		line-height: 15px;
	}

}

/* xxl: 160em / 2560px */
@media (min-width: 2560px) {
	
	.flag.round-responsive {
		width: 180px;
		height: 180px;
	}

	.flag.round-responsive .round {
		font-size: 54px;
	}

	.flag.round-responsive .round span {
		margin-top: 0;
		font-size: 17px;
		line-height: 17px;
	}
}

/* Schriftart (Coolvetica) ersetzen fuer Russisch */
:lang(ru) h1,
:lang(ru) .header-wrapper .big,
:lang(ru) .with-background .big,
:lang(ru) .top-nav #c-brands h3,
:lang(ru) #startpage-categories-teaser .teaser_text,
:lang(ru) .header-headline,
:lang(ru) .headline h2,
:lang(ru) .teaser_listing .name,
:lang(ru) .brand-character,
:lang(ru) .freegiftbox h4,
:lang(ru) .panel-header h2,
:lang(ru) .panel-content h3,
:lang(ru) .saleSubheadline,
:lang(ru) .saleHeadline,
:lang(ru) .coid-1001 .with-image h1,
:lang(ru) .coid-1001 .with-image p,
:lang(ru) .teaser_ssv .infos h3,
:lang(ru) .teaser_ssv .infos p {
	font-family: 'Arial Bold', Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
}

/* Schriftart (Coolvetica, Arial Black) ersetzen fuer Japanisch */
:lang(ja) h1,
:lang(ja) .align-center h3,
:lang(ja) .header-wrapper .big,
:lang(ja) .with-background .big,
:lang(ja) .with-background .small,
:lang(ja) .top-nav #c-brands h3,
:lang(ja) #startpage-categories-teaser .teaser_text,
:lang(ja) #spec_filter h4,
:lang(ja) .category-box h4,
:lang(ja) #footer h4,
:lang(ja) .header-headline,
:lang(ja) .headline h2,
:lang(ja) .teaser_listing .name,
:lang(ja) .product-info h3,
:lang(ja) .product-info h3 a,
:lang(ja) .startpage-swiper-brands h4,
:lang(ja) .manufacturer-categories h4,
:lang(ja) .list h3,
:lang(ja) .startpage-swiper-highlights h3,
:lang(ja) #also-purchased h3,
:lang(ja) #last-viewed h3,
:lang(ja) .translation .tab-link.current,
:lang(ja) .brand-character,
:lang(ja) .freegiftbox h4,
:lang(ja) .panel-content h3,
:lang(ja) .panel-header h2,
:lang(ja) .teaser_listing .price .save_percent,
:lang(ja) .saleSubheadline,
:lang(ja) .saleHeadline,
:lang(ja) .coid-1001 .with-image h1,
:lang(ja) .coid-1001 .with-image p,
:lang(ja) .teaser_ssv .infos h3,
:lang(ja) .teaser_ssv .infos p,
:lang(ja) .coid-1001 .with-image p,
:lang(ja) .coid-1001 .with-image p,
:lang(ja) .teaser_ssv .infos p,
:lang(ja) .flag .sale,
:lang(ja) .saleText,
:lang(ja) .flag .top,
:lang(ja) .flag .new,
:lang(ja) .flag .group,
:lang(ja) .flag .remainder .save_percent,
:lang(ja) .flag .save,
:lang(ja) label.flag .remainder,
:lang(ja) .flag-price .save_percent {
	font-family: 'Arial Bold', Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
}

:lang(ja) .product-select td {
	width: auto !important;
}

#messageCharacterError .messageStackError {
	background: #87CEFF none repeat scroll 0 0;
	border: 1px solid #4169E1;
	color: #333;
}

/* Action and discount-codes */

/* original background css
  -webkit-linear-gradient(rgba(135, 60, 255, 1), rgba(135, 60, 255, 0.0) 0%),
  -webkit-linear-gradient(-45deg, rgba(120, 155, 255, 0.9) 45%, rgba(55, 230, 235, 1) 0%);
 }
*/

.smalltxt {
	color: rgba(255, 255, 255, 0.70);
	font-size: 11px;
	line-height: 1.1em;
}

.smalltxt_white {
	color: rgba(255, 255, 255, 0.70);
	font-size: 11px;
}

/* New Banner Teaser */
.brand_teaser {
	position: relative;
	bottom: 37px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.container_teaser {
	padding: 0px 24px 24px 24px;
	background: -webkit-linear-gradient(-98deg, rgba(0, 0, 0, 0) 68%, rgb(77, 86, 94) 0%);
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	bottom: 30px;
	display: block;
}

.container_teaser_action {
	padding: 0px 24px 24px 24px;
	background: -webkit-linear-gradient(-93deg, rgba(0, 0, 0, 0) 50%, rgb(38, 38, 38) 0%);
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	bottom: 0;
	display: block;
}

.container_teaser_action_full {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
	bottom: 0;
}

/* new summer sale teaser look */
.headline_teaser_action_full.summersale {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 120px 7% 0 7%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.headline_teaser_action_full.summersale .heading,
.headline_teaser_action_full.summersale .percent,
.headline_teaser_action_full.summersale .sub {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: white;
	line-height: 1.5em;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
}

.headline_teaser_action_full.summersale .star {
	font-size: 75%;
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

.headline_teaser_action_full.summersale .code {
	font-size: 14px;
	font-weight: normal;
	color: white;
	background-color: #00a9b3;
	padding: 0.6em 0.9em;
	margin: 0;
}

.headline_teaser_action_full.summersale .code strong {
	font-size: 18px;
	font-weight: bold;
}

.headline_teaser_action_full.summersale .copy-text {
	font-size: 11px;
	margin-top: 8px;
	font-weight: bold;
	display: block;
}

.headline_teaser_action_full.summersale.russian .sub {
	line-height: normal;
	margin-bottom: 5px;
}

/* presale */
.headline_teaser_action_full.summersale.presale .heading {
	--font-size: 20px;
	font-size: var(--font-size);
}

.headline_teaser_action_full.summersale.presale .percent {
	margin: 0 0 18px 0;
	--font-size: 34px;
	font-size: var(--font-size);
	line-height: 1;
}

.headline_teaser_action_full.summersale.presale .percent .number {
	--font-size: 74px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	display: block;
}

.headline_teaser_action_full.summersale.presale .percent .sub {
	display: block;
	font-size: 14px;
	margin-top: 6px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}

/* .sale */
.headline_teaser_action_full.summersale.sale {
	padding: 125px 9% 0 9%;
}

.headline_teaser_action_full.summersale.sale .heading {
	--font-size: 94px;
	font-size: var(--font-size);
	line-height: 0.85em;
}

.headline_teaser_action_full.summersale.sale .sub {
	--font-size: 36px;
	font-size: var(--font-size);
	line-height: 40px;
}

.headline_teaser_action_full.summersale.sale .sub:nth-of-type(2) {
	margin-top: 4px;
}

.headline_teaser_action_full.summersale.sale .button {
	color: #ff6600 !important;
	background: white !important;
	margin-top: 20px;
}

/* finals */
.headline_teaser_action_full.summersale.final .heading {
	--font-size: 20px;
	font-size: var(--font-size);
}

.headline_teaser_action_full.summersale.final .percent {
	margin: 0 0 18px 0;
	--font-size: 34px;
	font-size: var(--font-size);
	line-height: 1;
}

.headline_teaser_action_full.summersale.final .percent .number {
	--font-size: 74px;
	font-size: var(--font-size);
	letter-spacing: 0.1em;
	display: block;
}

.headline_teaser_action_full.summersale.final .percent .sub {
	display: block;
	font-size: 14px;
	margin-top: 6px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
}

.headline_teaser_action_full.wintersale {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 120px 7% 0 7%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.headline_teaser_action_full.wintersale .heading,
.headline_teaser_action_full.wintersale .percent,
.headline_teaser_action_full.wintersale .sub {
	font-family: 'CoolveticaRg-Italic', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: white;
	line-height: 1.5em;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
}

.headline_teaser_action_full.wintersale .star {
	font-size: 75%;
	padding-left: 0.1em;
	display: inline;
	vertical-align: top;
}

.headline_teaser_action_full.wintersale .code {
	font-size: 14px;
	font-weight: normal;
	color: white;
	background-color: #00a9b3;
	padding: 0.6em 0.9em;
	margin: 0;
}

.headline_teaser_action_full.wintersale .code strong {
	font-size: 18px;
	font-weight: bold;
}

.headline_teaser_action_full.wintersale .copy-text {
	font-size: 11px;
	margin-top: 8px;
	font-weight: bold;
	display: block;
}

.headline_teaser_action_full.wintersale.russian .sub {
	line-height: normal;
	margin-bottom: 5px;
}

/* .sale */
.headline_teaser_action_full.wintersale.sale {
	padding: 160px 9% 0 9%;
}

.headline_teaser_action_full.wintersale.sale .heading {
	--font-size: 94px;
	font-size: var(--font-size);
	line-height: 0.85em;
}

.headline_teaser_action_full.wintersale.sale .sub {
	--font-size: 36px;
	font-size: var(--font-size);
	line-height: 40px;
}

.headline_teaser_action_full.wintersale.sale .sub:nth-of-type(2) {
	margin-top: 4px;
}

.headline_teaser_action_full.wintersale.sale .button {
	color: #0F4A84 !important;
	background: white !important;
	margin-top: 20px;
}

.container_teaser_new_in {
	padding: 0px 24px 24px 24px;
	background: -webkit-linear-gradient(-85deg, rgba(0, 0, 0, 0) 53%, rgb(38, 38, 38) 53.25%);
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	bottom: 0;
	display: block;
}

.container_teaser_new_in2 {
	padding: 0px 24px 24px 24px;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
}

.container_teaser_new_in .pricelabel {
	background-color: #ff7300;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: relative;
	bottom: 0;
	display: block;
}

.container_teaser_new_in2 .pricelabel {
	background-color: #ff7300;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: relative;
	top: 20%;
	display: block;
}

.teaser_1col .pricelabel {
	background-color: #ff7300;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: relative;
	bottom: 0;
	display: block;
}

.container_teaser_news {
	padding: 0px 24px 24px 24px;
	background: -webkit-linear-gradient(-85deg, rgba(0, 0, 0, 0) 48%, rgb(38, 38, 38) 0%);
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	bottom: 0;
	display: block;
}


.text-news {
	padding: 60px 24px 24px 24px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
	display: block;
	vertical-align: bottom;
	width: 100%;
	height: 76%;
	position: relative;
	bottom: 0;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}

.btn_right {
	align-self: flex-end;
	margin-left: 30px;
	color: #fff;
}

.btn_right img {
	width: 24px;
}

.headline_teaser {
	z-index: 100;
	width: fit-content;
}

.headline_teaser_action {
	z-index: 100;
	width: fit-content;
	height: fit-content;
	position: relative;
	top: 60%;
	display: flex;
	align-items: flex-end;
}

.bestseller .headline_teaser h2 {
	color: #fff !important;
	position: relative;
	bottom: 10%;
}

.bestseller .infos {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 24px;
}

.txt_teaser h3 {
	color: #1c3283;
	font-size: 1.0rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0;
	letter-spacing: -0.05em;
}

.txt_teaser h4 {
	color: #1c3283;
	font-size: 1.0rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0;
	margin: 0 0 0 0;
	letter-spacing: -0.05em;
}

.pricelabel .productOldPrice {
	color: #bbb;
	text-decoration: line-through;
	position: relative;
	top: 32px;
	left: 22px;
}

.pricelabel .shopprice {
	position: relative;
	top: 30px;
	left: 13px;
	color: #fff;
	font-size: 23px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 1px;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
}

.pricelabel .shopprice .shopprice_dp {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	vertical-align: 4px;
	letter-spacing: 2px;
}

/* Checkout Address */
.shipping-tabs-wrapper {
	column-gap: 6px;
	display: flex;
}

.shipping-tabs-item {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 4px;
	flex-direction: column;
	flex: 0 0 auto;
	font-size: 0.75rem;
	line-height: 0.9rem;
	height: 5.875rem;
	text-align: center;
	width: 5.625rem;
}

.shipping-tabs-item i {
	margin-bottom: 5px;
	font-size: 1.5rem;
	color: rgb(22, 22, 22);
}

.shipping-tabs-item:hover {
	background-color: #eee;
	text-decoration: none;
}

.shipping-tabs-item:visited {
	background-color: #eee;
	text-decoration: none;
}

.shipping-tabs-item:active {
	background-color: #eee;
	text-decoration: none;
}

.shipping-tabs-wrapper a:focus {
	color: rgb(22, 22, 22);
	text-decoration: none;
	background-color: #eee;
}

.shipping-tabs-wrapper a::selection {
	background-color: #eee;
}

.shipping-tabs-wrapper a:hover {
	color: rgb(22, 22, 22);
	text-decoration: none;
}

.shipping-tabs-wrapper a:visited {
	color: rgb(22, 22, 22);
}

.shipping-tabs-wrapper a:active {
	color: rgb(22, 22, 22);
	text-decoration: none;
}

.shipping-tabs-item.active {
	background-color: #eee;
}

.pathid-499 #beforemain {
	display: none !important;
}

.tww_popup__logo>.tww_popup__image {
	margin-top: 30px;
}

.recommendation.tooltip {
	background-color: #eee;
    width: fit-content;
    padding: 5px 12px 5px 12px;
	border-radius: 3px;
}

.recommendation.tooltip .tooltiptext {
  visibility: hidden;
  width: 170px;
  color: #000;
  text-align: center;
  padding: 5px 0;

  	opacity: 1;
	border-radius: 6px;
	background-color: #FFF;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.recommendation.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Adition Ads Styling */
#box-adition-skyscraper-startpage-desktop {
	width: 0;
    height: 0;
    position: relative;
    padding: 0;
}

#adition-skyscraper-startpage-desktop {
	position: absolute;
	top: 0;
    left: 12px;
	height: 540px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1327px) {
	#adition-skyscraper-startpage-desktop {
		height: 420px;
	}
}

#helper-adition-native-startpage-desktop {
	position: relative;
}

#box-adition-native-startpage-desktop {
	width: calc(100% - 22px);
	height: 240px;
	display: flex;
    justify-content: center;
    align-items: center;
	position: absolute;
	overflow: hidden;
	z-index: -1;
}

#box-adition-native-startpage-desktop .teaser_text {
	display: none;
	text-decoration: none;
}

#adition-native-startpage-desktop {
    height: 100%;
	/* width: 100%; */
}

#adition-native-startpage-desktop div:first-child {
	height: 100%;
	width: 100%;
}

#adition-native-startpage-desktop iframe {
	height: 100%;
	width: 100%;
}

#box-adition-medrec-listing-desktop,
#box-adition-medrec-search-mobile {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #999;
	min-height: 400px;
}

#adition-medrec-listing-desktop,
#adition-medrec-search-mobile {
	z-index: 1;
    position: absolute;
}

#helper-adition-wallpaper-listing-desktop {
	position: relative;
	margin-top: 202px !important;
}

:is(.xs, .sm, .md, .lg, .xl) #helper-adition-wallpaper-listing-desktop {
	margin-top: 0 !important;
}

#box-adition-wallpapertop-listing-desktop {
	position: absolute;
    top: -250px;
    right: 0;
	height: 250px;
    width: 970px;
	background-color: #999;
}

#adition-wallpapertop-listing-desktop {
	z-index: 1;
    position: absolute;
}


#box-adition-wallpaperright-listing-desktop {
	position: absolute;
	top: -250px;
	right: -300px;
	width: 300px;
	height: 600px;
	background-color: #999;
}

#adition-wallpaperright-listing-desktop {
	z-index: 1;
    position: absolute;
}

#helper-adition-skyscraper-search-desktop {
	position: relative;
}

#box-adition-skyscraper-search-desktop {
	position: absolute;	
	top: 0;
	right: -180px;
    width: 160px;
}

#adition-skyscraper-search-desktop {
	position: absolute;
	width: 160px;
}

#helper-adition-skyscraper-product-desktop {
	position: relative;
}

#box-adition-skyscraper-product-desktop {
	position: absolute;	
	top: 0;
	right: -180px;
    width: 160px;
}

#adition-skyscraper-product-desktop {
	position: unset;
	width: 160px;
	height: 600px;
}

#box-adition-brandsquare-navigation-desktop {
	display: block;
	height: 250px;
	width: 250px;
	margin-bottom: 24px;
	background-color: #999;
}

#adition-brandsquare-navigation-desktop {
	
}

.adblocker-text {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	font-size: 20px;
	padding: 20px;
	z-index: 0;
}

@media (min-width: 1440px){
	#notfound.flex_lg_4-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		max-width: 100%;
	}
	}

@media (min-width: 1024px){
		#notfound.flex_md_3-4 {
			-webkit-box-flex: 0;
			-ms-flex: 0 1 100%;
			flex: 0 1 100%;
			max-width: 100%;
		}
		}
	
	.btn_more_articles {
		background-color:#FF7300;
		padding: 10px 5px 10px 5px;
	}
	
	.btn_more_articles_text{
		color:#fff;
		text-decoration: none;
	}

	.btn_more_articles_text:hover{
		color:#fff;
		text-decoration: none;
	}
	
	.btn_more_articles_text::after {
		content: '\f061';
		font-family: 'Font Awesome 7 Pro';
		text-rendering: optimizeLegibility!important;
		font-weight: 900;
		font-size: 15px;
		display: inline;
		color: #fff;
		margin-left: 6px;
	}

    #cart_button input[type="image"] {
        vertical-align:bottom;
    }

	.sov-sticky-banner-dimension {
		margin-right: 80px;
	}

/* brand landingpages */
.coid-mlp #main {
    padding: 0;
}

.coid-mlp #main > .container:first-child {
    margin: 0;
    padding: 0;
    border-radius: unset;
    background-color: unset;
    width: unset !important;
}

.coid-mlp #main .container {
    margin: 0 auto;
    min-height: auto !important;
	width: 984px;
}

.coid-mlp #main > .container > .col {
    padding: 0;
}

.coid-mlp p, .coid-mlp h1, .coid-mlp h2, .coid-mlp h3 {
    margin: 0;
}

.coid-mlp #breadcrumb {
    display: none;
}

.brand-categories, .additional-information {
    padding: 48px 0;
}

.coid-mlp .section-headline {
	width: 100%;
	text-align: center;
}

.coid-mlp .section-headline h3 {
    color: #CCC;
    border-color: #767676;
    border-bottom: 1px solid;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 48px;
}

.introduction-banner {
    height: 400px;
    width: 100%;
    padding: 48px 0;
}

.introduction-banner .container {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
}

.introduction-banner .description {
    height: 100%;
    width: 40%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: white;
}

.introduction-banner .text {
    font-size: 16px;
    margin: 0;
}

.introduction-banner .brand-logo {
	margin-bottom: 12px;
}

.introduction-banner .brand-logo img {
    height: 60px;
}

.brand-categories {
    width: 100%;
    background-color: #4F4F4F;
}

.brand-categories .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.brand-categories .category-swiper {
    display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
}

.brand-categories .single-category {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-basis: 16.66%;
    margin-bottom: 24px;
}

.brand-categories .single-category a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-decoration: none;
}

.brand-categories .single-category .title {
    color: #ccc;
    margin-top: 12px;
}

.brand-categories .image-category {
    height: 90px;
    width: 90px;
}

.brand-categories .button {
	margin-top: 36px;
}

.additional-information {
    width: 100%;
    background-color: #353535;
}

.additional-information .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.additional-information .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
	width: 100%;
}

.additional-information .slide {
    flex-basis: 47%;
    height: 350px;
    background-color: white;
	display: flex;
	align-items: flex-end;
	background-position: center center;
    background-repeat: no-repeat;
}

.additional-information .slide .info > * {
	margin-top: 12px;
}

.additional-information .slide .info {
	color: white;
	padding: 48px 24px 24px 24px;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.6951155462184874) 0%, rgba(255,255,255,0) 100%);
	width: 100%;
}

.brand-products {
	height: 400px;
	background-color: white;
}

.big-product-carousel {
	background-color: white;
	padding: 96px 0;
}

.big-product-carousel .product-wrapper {
	height: auto;
}

.big-product-carousel .product-wrapper .picture {
	position: relative;
}

.big-product-carousel .swiper-wrapper {
	justify-content: space-around;
}

.big-product-carousel .swiper-slide {
	width: 272px !important;
	margin: 0 24px;
}

.big-product-carousel .product-wrapper .picture {
	height: 272px;
	margin: 0 0 36px 0;
}

.big-product-carousel .product-wrapper .picture a img {
	max-width: 272px;
	max-height: 272px;
}

.big-product-carousel .product-wrapper .price {
	font-size: 42px;
	height: auto;
	margin-left: 24px;
}

.big-product-carousel .price a>.shopprice_from,
.big-product-carousel .price a>.ShopPriceCur .shopprice_dp,
.big-product-carousel .price a>.ShopPriceCur .shopprice_p2,
.big-product-carousel .price a>.ShopPriceCur .shopprice_cur,
.big-product-carousel .price>.shopprice_from,
.big-product-carousel .price>.ShopPriceCur .shopprice_dp,
.big-product-carousel .price>.ShopPriceCur .shopprice_p2,
.big-product-carousel .price>.ShopPriceCur .shopprice_cur {
	font-size: 24px;
	vertical-align: 11px;
}

.big-product-carousel .price .save_percent {
	display: block;
	color: #000;
	font-size: 15px;
	font-family: 'Arial Black', 'Arial Bold', Arial, sans-serif;
	font-weight: bold;
}

.big-product-carousel .price .save_percent span {
	font-weight: normal;
	font-family: Arial, sans-serif;
}

.big-product-carousel .price a>.productOldPrice,
.big-product-carousel .price>.productOldPrice {
	font-size: 15px;
	margin-bottom: 0;
	font-weight: normal;
	color: #999;
}

.big-product-carousel .product-wrapper .price .ShopPriceCur {
	position: static;
}

.big-product-carousel .product-wrapper .infos {
	font-size: 15px;
	margin-left: 24px;
}

.big-product-carousel .product-wrapper .descr a {
	white-space: unset;
}

.brand-information {
	padding: 48px 0 96px 0;
	background-color: #353535;
}

.brand-information .info {
	margin-top: 48px;
}

.brand-information .brand-logo img {
	max-height: 180px;
	max-width: 300px;
}

.brand-information p {
	color: white;
	font-size: 16px;
	line-height: 1.3;
}

/* bewertungspage */

.bewertung h2 {
margin-top: 0px!important;
font-size: 26px;
font-weight: 600;
color: #ff7300!important;
font-style: italic;
letter-spacing: -1px;
text-align: left;
}

.w3-bar-block .w3-bar-item {
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
	font-weight: 600;
    font-size: 14px;
}

.w3-bar-block a {
	text-decoration: none;
}

.w3-black, .w3-hover-black:hover {
    color: #fff !important;
    background-color: #000 !important;
}

.w3-red, .w3-hover-red:hover {
    color: #fff !important;
    background-color: #FE2B49 !important;
}

.w3-blue, .w3-hover-blue:hover {
    color: #fff !important;
    background-color: #073760 !important;
}

.w3-lblue, .w3-hover-lblue:hover {
    color: #fff !important;
    background-color: #4285F4 !important;
}


.w3-yellow, .w3-hover-yellow:hover {
    color: #000 !important;
    background-color: #FFDD10 !important;
}

.w3-green, .w3-hover-green:hover {
    color: #fff !important;
    background-color: #09B67B !important;
}

/* exit intend newsletter */
.newsletter_btn {
	margin: 10px 0 0 0 !important;
	float: none !important;
	padding: 12px 18px !important;
}

.newsletterlayer {
	font-size: 12px;
	vertical-align: text-bottom;
	position: absolute;
	bottom: 20px;
	width: 310px;
	font-weight: normal;
}

#newsletter_layer h2 {
	font-size: 40px;
	font-weight: normal;
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	color: #FFF;
}

.newsletter_info {
	font-size: 15px;
	color: white;
}

#newsletter_layer form {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	position: relative;
}

#layer_bg,
#exitpopup_bg {
	z-index: 40001;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	margin: 0;
	padding: 0;
	opacity: 0.75;
	background-color: black;
}

#exitpopup {
	z-index: 3000;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

:is(.xs, .sm, .md) #exitpopup.promotion {
	display: none !important;
}

#layer.closed #layer_bg,
#exitpopup.closed #exitpopup_bg {
	display: none;
}

#newsletter_layer {
	z-index: 40002;
	background-color: #2c2c2c;
	position: fixed;
	height: 360px;
	width: 720px;
}

:is(.xs, .sm) #newsletter_layer {
	width: 90%;
	height: auto;
	max-height: 90%;
}

#layer.closed #newsletter_layer,
#exitpopup.closed #promotions_layer {
	display: none;
}

#newsletter_layer .newsletter_star {
	bottom: 50px;
	right: -60px;
}

#newsletter_layer .btn_close {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 0;
	background: none;
	z-index: 1003;
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	height: auto;
	font-size: 24px;
	color: white;
}

#newsletter_layer .flag {
	background: #FF7300;
	left: 46%;
	right: auto;
	top: 24px;
	width: 125px;
	height: 125px;
}

#newsletter_layer .small_text {
	color: #999;
	font-size: 11px;
}

#newsletter_layer .round,
#newsletter_box .round {
	font-family: 'CoolveticaRg-Regular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 2px;
}

#newsletter_layer .round .number,
#newsletter_box .round .number,
#newsletter_layer .round .percent,
#newsletter_box .round .percent {
	font-family: 'Arial Black', 'Arial Bold', Arial, Helvetica, sans-serif;
	font-size: 42px;
	line-height: 42px;
	letter-spacing: -5px;
	display: inline;
	/* margin-left: -9px; */
}

#newsletter_layer .round .euro,
#newsletter_box .round .euro,
#newsletter_layer .round .percent,
#newsletter_box .round .percent {
	padding-left: 5px;
	margin: 0;
}

#newsletter_layer .round .percent,
#newsletter_box .round .percent {
	position: relative;
}

#newsletter_layer .round.one-star .percent::after,
#newsletter_box .round.one-star .percent::after,
#newsletter_layer .round.two-star .percent::after,
#newsletter_box .round.two-star .percent::after {
	font-size: 50%;
	letter-spacing: -3px;
	display: block;
	position: absolute;
	top: 0;
	right: -12px;
}

#newsletter_layer .round.one-star .number,
#newsletter_box .round.one-star .number {
	margin-left: -6px;
}

#newsletter_layer .round.two-star .number,
#newsletter_box .round.two-star .number {
	margin-left: -12px;
}

#newsletter_layer .round.one-star .percent::after,
#newsletter_box .round.one-star .percent::after {
	content: "*";
	right: -5px;
}

#newsletter_layer .round.two-star .percent::after,
#newsletter_box .round.two-star .percent::after {
	content: "**";
}

#newsletter_layer .round span.discount,
#newsletter_box .round span.discount {
	display: block;
	letter-spacing: 0px;
	padding: 0 6px;
}

#promotions_layer {
	z-index: 40002;
	background-color: #FFFFFF;
	position: fixed;
	height: 360px;
	width: 720px;
	top: 50%;
	left: 50%;
	margin-left: -360px;
	margin-top: -180px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
}

#promotions_layer .btn_close {
	position: absolute;
	top: 14px;
	right: 20px;
	padding: 0;
	background: none;
	z-index: 1003;
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	height: auto;
	font-size: 24px;
	color: white;
}

.promotions_layer_bg {
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 50% !important;
	/* (img-height / img-width * containerwidth) (360 / 720 * 100) */
}

/* basic exit intend */
#promotions_layer.basic .promotions_layer_bg {
	height: 100%;
	padding-top: 0 !important;
}

#promotions_layer.basic {
	height: 540px;
	width: 720px;
	top: 40%;
}

#promotions_layer.basic .infos {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

#promotions_layer.basic .copy-code {
	margin-top: 30px;
}

#promotions_layer.basic .text-code {
	background: #ff7300;
	padding: 0.6em 0.9em;
	font-size: 20px;
	color: white;
	display: inline-flex;
	align-items: center;
}

#promotions_layer.basic .text-code strong {
	font-size: 22px;
	margin-left: 0.2em;
}

#promotions_layer.basic .copy-code .copy-info {
	font-size: 14px;
	font-weight: bold;
	color: white;
	margin-top: 0.5vw;
}

/* random stuff  */
.checkout-login-page input[type="text"],
.checkout-login-page input[type="password"] {
	width: 100%;
}

/* :is(.xs, .sm) .checkout-login-page .button {
	width: 100%;
	text-align: center;
} */

/* RESPONSIVE TEMPLATE */
/* panels */
#search-panel .icons-header {
	position: absolute;
	top: 46px;
    left: 50px;
	font-size: 22px;
}

#search-panel input[type="text"] {
	width: 100%;
	padding: 12px 12px 12px 42px;
	margin: 0;
}

/* general navigation */


/* desktop navigation */
.desktop-header .fixed-header {
	position: fixed;
	top: 0;
	left: 0;
}

.desktop-header .white-bar {
	width: 100%;
	height: 91px;
	background: #FFF;
	position: relative;
	border-bottom: 6px solid #FF7300;
}

.desktop-header .white-bar .icons {
	display: flex;
	align-items: center;
	cursor: pointer;
	color: #262626;
}

.desktop-header .icons .text {
	margin-top: 8px;
}

.desktop-header .white-bar .icons a {
	color: #262626;
	text-decoration: none;
}

.desktop-header .white-bar .icons i {
	height: 23px;
	min-width: 19px;
	font-size: 22px;
    color: #262626;
}

.desktop-header .white-bar .icons > * {
	text-align: center;
	margin-left: 24px;
	height: 42px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

/*----- utility bar -----*/
.desktop-header .utility-bar {
	background-color: #565656;
	height: 34px;
}

.desktop-header .utility-bar .tabs {
	height: 100%;
	display: flex;
	align-items: end;
}

.desktop-header .utility-bar .single-tab {
	padding: 8px 12px 4px 12px;
	text-transform: uppercase;
}

.desktop-header .utility-bar .single-tab a {
	color: white !important;
}

.desktop-header .utility-bar .single-tab.selected {
	background-color: white;
	font-weight: bold;
	border-radius: 2px 2px 0 0;
}

.desktop-header .utility-bar .single-tab.selected a {
	color: #ff7300 !important;
}

.desktop-header .utility-bar a {
	text-decoration: none;
}

.desktop-header .utility-bar a:hover {
	text-decoration: none;
	color: unset;
}

.desktop-header #language-country-currency-settings {
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
}

.desktop-header :is(.xs, .sm, .md, .lg) #language-country-currency-settings {
	font-size: 14px;
}

.desktop-header #language-country-currency-settings .countryname,
.desktop-header #language-country-currency-settings .languagename,
.desktop-header #language-country-currency-settings .currencyname,
.desktop-header #language-country-currency-settings i,
.desktop-header #language-country-currency-settings .countryimage {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
}

.desktop-header #language-country-currency-settings .vertical-line {
	padding: 0 4px 0 6px;
	color: #CCC;
}

.desktop-header #language-country-currency-settings i {
	padding: 0 0 0 2px;
}

.desktop-header #language-country-currency-settings .content {
	color: #000 !important;
	top: 24px;
	right: 0;
	left: auto;
	width: 100%;
}

.desktop-header #country {
	position: relative;
}

.desktop-header #language-country-currency-settings .select2-container .select2-choice {
	margin: 0 0 18px 0;
}

.desktop-header #language-country-currency-settings p {
	margin: 0 0 6px 0;
}

.desktop-header #header-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.desktop-header #header-logo a {
	background: url("img/logo-09835a67ebee1022b9fc756171d96d8c.svg"), linear-gradient(transparent, transparent) no-repeat center center;
	background-size: 180px 45px;
	width: 180px;
	height: 45px;
	display: block;
}

.mobile-header .logo a {
	width: 140px;
	height: 35px;
	display: block;
	background: url("img/logo-09835a67ebee1022b9fc756171d96d8c.svg"), linear-gradient(transparent, transparent) no-repeat center center;
	background-size: 140px 35px;
}

.mobile-header input.fake-search-input,
.mobile-header input.fake-search-input:focus,
.mobile-header input.fake-search-input:active {
	border: none !important;
	outline: none !important;
}

.mobile-header input.fake-search-input {
	border-radius: unset;
	padding: 0;
	height: 100%;
}


.mobile-header {
	background-color: white;
	z-index: 5;
	width: 100%;
}

.mobile-header.fixed-header,
.mobile-header .fixed-header {
	position: fixed !important;
	top: 0 !important;
}

.mobile-header .first-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	border-bottom: 1px solid #DBDBDB;
	padding: 0 24px;
	position: relative;
	z-index: 5;
	background-color: white;
}

.mobile-header .second-bar {
	display: flex;
	align-items: center;
	height: 52px;
	position: relative;
	z-index: 5;
	background-color: white;
}

.mobile-header .second-bar-wrapper {
	width: 100%;
	display: block;
	z-index: 5;
}

.mobile-header .orange-bar {
	height: 6px;
	background-color: #FF7300;
	position: relative;
	z-index: 5;
}

.mobile-header .burger-menue {
	padding: 0 24px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #DBDBDB;
}

.mobile-header .search-bar {
	padding: 0 0 0 24px;
	height: 100%;
	display: flex;
	align-items: center;
	flex-grow: 1;
}

.mobile-header .search-trigger {
	height: 100%;
	display: flex;
	align-items: center;
	flex-grow: 1;
}

.mobile-header .search-bar .search-icon {
	margin-right: 8px;
}

.mobile-header .search-bar .close-icon {
	padding: 0 24px;
	height: 100%;
	align-items: center;
	justify-content: center;
	display: none;
	
}

.mobile-header .search-bar .close-icon i {
	color: #999;
}

.search-triggered .mobile-header .search-bar .close-icon {
	display: flex;
}

.mobile-header .icons {
	display: flex;
	align-items: center;
	margin-right: -10px;
}

.mobile-header .icons a {
	text-decoration: none;
}

.mobile-header .icons .icon {
	padding: 0 10px;
	position: relative;
	display: block;
}

.desktop-header .icons .icon {
	position: relative;
}

.mobile-header .icons .counter,
.desktop-header .icons .counter {
	display: inline;
	font-size: 10px;
	font-weight: bold;
	background-color: #6FC234;
	color: white;
	padding: 3px 5px;
	border-radius: 4px;
}

.mobile-header .icons .number-zero,
.desktop-header .icons .number-zero {
	display: none;
}

.mobile-header .icons .counter,
.mobile-header .icons .counter {
	position: absolute;
	bottom: -6px;
	left: 20px;
}

.desktop-header .icons .counter {
	position: absolute;
	bottom: -8px;
	left: 10px;
}

.mobile-header i {
	font-size: 22px;
	color: #262626;
	cursor: pointer;
}

.mobile-header p {
	font-size: 14px;
	color: #262626;
	margin: 0;
}

.mobile-header i,
.mobile-header .search-bar,
.mobile-header .burger-menue {
	cursor: pointer;
}

.desktop-header .login-status-online {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #6FC234;
	border-radius: 50%;
	top: 8px;
	right: -4px;
}

.mobile-header .login-status-online {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #6FC234;
	border-radius: 50%;
	top: 8px;
	right: -4px;
}

/* dark mode for e.g. black week */
:root {
	--dark-mode-header: #222222;
}

.dark-mode .desktop-header .white-bar,
.dark-mode .mobile-header,
.dark-mode .mobile-header .first-bar,
.dark-mode .mobile-header .second-bar {
	background-color: var(--dark-mode-header) !important;
}

.dark-mode .search-box i,
.dark-mode .search-box .input_text,
.dark-mode .desktop-header .white-bar .icons i,
.dark-mode .desktop-header .icons .text,
.dark-mode .mobile-header .first-bar i,
.dark-mode .mobile-header .second-bar i,
.dark-mode .mobile-header p {
	color: white;
}

.dark-mode .mobile-header .first-bar,
.dark-mode .mobile-header .burger-menue {
	border-color: #333333;
}

.dark-mode .search-box .input_text {
	border-color: white;
}

.dark-mode  {
	
}

.dark-mode .desktop-header #header-logo a,
.dark-mode .mobile-header .logo a {
	background: url("img/logo-white-35cc79a1e7f889b545c77bea0c1ef255.svg"), linear-gradient(transparent, transparent) no-repeat center center;
	background-repeat: no-repeat;
}

/*----- search -----*/
.search-box {
	display: flex;
	height: 100%;
	align-items: center;
}

.search-box .panel-header .fa-search {
	position: absolute;
	top: 52px;
	left: 44px;
}

.search-box .panel-header .close-panel {
	margin-top: 0;
}

.search-box .input_text {
	width: 180px;
	padding: 0 0 10px 0;
	border-radius: 0;
	border: 0px;
	border-bottom: 1px solid #262626;
	color: #262626;
	cursor: pointer;
	margin-top: 4px;
}

.search-box input[type="text"] {
	width: 100%;
	padding: 12px 12px 12px 42px;
	margin: 0;
}

.search-box input[type="text"]:focus {
	border: 1px solid #262626;
	color: #262626;
}

.search-box i {
	font-size: 22px;
	color: #262626;
	margin-right: 12px;
}

#searchAuto h3 {
	display: none;
}

/* mobile navigation */
.mobile-navigation {
    z-index: 99999 !important;
    position: fixed !important;
    top: 0;
    right: -100vw;
    min-height: 100dvh;
    width: 100vw;
    background-color: white;
    transition: right 0.2s 0s ease-in-out;
	/* overflow-y: scroll;
	scrollbar-width: none; */
	overscroll-behavior: none;
}

:is(.md, .lg, .xl) .mobile-navigation {
	width: 50vw;
}

.mobile-navigation.triggered {
	right: 0;
	box-shadow: 20px 0px 100px 0px rgba(0,0,0,0.25);
}

body.nav-triggered {
	overflow: hidden;
}

html.nav-triggered {
	overflow: hidden;
}

body.search-triggered {
	overflow: hidden;
}

#content .navigation-overlay {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100vw;
    height: 100vh;
}

#content .navigation-overlay.navigation-overlay-active {
    opacity: 1;
    pointer-events: auto;
}

.mobile-navigation a {
	text-decoration: unset;
    color: unset;
}

.mobile-navigation .nav-tabs {
	height: 48px;
	display: flex;
	background-color: #DBDBDB;
	width: 100%;
}

.mobile-navigation .nav-tabs .single-tab {
	padding: 0 24px;
	font-size: 17px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #262626;
	font-weight: bold;
	cursor: pointer;
}

.mobile-navigation .single-tab.selected {
	background-color: white;
}

.mobile-navigation .single-tab i {
	margin-right: 8px;
}

.mobile-navigation .tab-not-selected {
	display: none;
	visibility: hidden;
}

.mobile-navigation .close-navigation {
	margin-left: auto;
	padding: 0 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-navigation .tab-panel {
	overflow-y: scroll;
    scrollbar-width: none;
    /* min-height: 100%; */
    width: 100%;
    height: calc(100vh - 48px);
	height: calc(100dvh - 48px);
}

/* #header > * {
	position: relative;
	z-index: 99;
} */

/* - */
.mobile-navigation ul {
	margin: 0;
	padding: 0;
}

.mobile-navigation li {
	margin: unset;
	padding: unset;
	display: block;
}

.mobile-navigation .single-level {
	width: 100%;
	padding: 0 48px;
	position: absolute;
	top: 0;
	left: 0;
	overscroll-behavior: none;
}

.mobile-navigation .single-level.open {
	display: block;
}

.mobile-navigation .single-level.closed {
	display: none;
}

.mobile-navigation .level-navigation {
	padding: 18px 0;
}

.mobile-navigation .nav-levels {
	position: relative;
}

.mobile-navigation .current-path .link-name {
	font-weight: bold;
	color: #ff7300;
}

.mobile-navigation .current-content {
	/* we need here something different */
}

.mobile-navigation .parent-nav {
	padding: 24px 0;
}

.mobile-navigation .child-nav {
	padding: 18px 0;
}

.mobile-navigation .service-nav {
	width: calc(100% + 96px);
    padding: 36px 48px;
    margin: 0 -48px;
    background: #EEE;
}

.mobile-navigation .special-nav {
	padding: 12px 0;
}

.mobile-navigation .nav-headline {
	padding-top: 18px;
	padding-bottom: 6px;
}

.mobile-navigation .category-name {
	font-size: 26px;
	font-weight: bold;
	color: #5A5A5A;
}

.mobile-navigation .category-name .small {
	display: none;
}

.mobile-navigation .single-link {
	padding: 0;
	margin: 0;
}

.mobile-navigation .link-name {
	display: block;
	font-size: 17px;
	margin: 0;
	position: relative;
	cursor: pointer;
}

.mobile-navigation .nav-list .single-link:first-of-type .link-name {
	padding-top: 0;
}

.mobile-navigation .nav-list .single-link:last-of-type .link-name {
	padding-bottom: 0;
}

.mobile-navigation .parent-nav .link-name {
	font-size: 26px;
	color: #5A5A5A;
	padding: 10px 0;
}

.mobile-navigation .service-nav .link-name,
.mobile-navigation .service-nav .link-name i {
	color: #262626;
}

.mobile-navigation .nav-sale .link-name {
	color: #ff7300;
	text-transform: uppercase;
	font-weight: 900;
}

.mobile-navigation .nav-new .link-name {
	color: #6FC234;
	text-transform: uppercase;
	font-weight: 900
}

.mobile-navigation .nav-brands .link-name {
	color: #38a4d9;
	font-weight: bold;
}

.mobile-navigation .nav-gifts .link-name {
	font-weight: bold;
}

.mobile-navigation .link-back {
	font-size: 17px;
	color: #999999;
	margin: 0;
	position: relative;
	font-weight: bold;
	cursor: pointer;
	display: flex;
    align-items: baseline;
}

.mobile-navigation .nav-headline .link-back {
	margin-bottom: 12px;
}

/* styling for "view all articles" link */
.mobile-navigation .link-all {
	color: #ff7300;
	position: relative;
	cursor: pointer;
	display: flex;
    align-items: baseline;
}

.mobile-navigation .link-name,
.mobile-navigation .link-all {
	padding: 8px 0;
}

.mobile-navigation .link-all::after {
	content: '\f105';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	display: inline-block;
	font-size: 14px;
	margin-left: 10px;
}

.mobile-navigation .link-back::before {
	content: '\f053';
	font-family: 'Font Awesome 7 Pro';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
}

.mobile-navigation .single-link i {
	margin-right: 8px;
	color: #999999;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	font-weight: 400;
}

.mobile-navigation .single-link .counter,
.mobile-navigation .single-link .small {
	font-weight: normal;
	font-size: 11px;
	color: #999;
	margin-left: 4px;
}

/* section seperator */
.mobile-navigation .seperator {
	height: 1px;
	width: 100vw;
	background-color: #CCCCCC;
	margin-left: -48px;
	margin-top: 18px;
	margin-bottom: 18px;
}

/* additional content in navigation */
.mobile-navigation .quicklink_content,
.mobile-navigation .brands_content,
.mobile-navigation .additional_content {
	float: none;
	width: calc(100% + 96px);
	padding: 36px 48px;
	margin: 0 -48px;
	background: #EEE;
}

.mobile-navigation .quicklink_content h3,
.mobile-navigation .brands_content h3,
.mobile-navigation .additional_content h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}

.mobile-navigation .teaser_text {
	font-size: 15px;
	font-weight: bold;
}

.mobile-navigation .brand-items li {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-navigation .brand-items li a {
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	padding: 0 12px;
}

.mobile-navigation .additional_content .teaser_link li {
	font-size: 15px;
	font-weight: bold;
	color: black;
	margin-bottom: 8px;
}

.mobile-navigation .additional_content .teaser_link li:last-child {
	margin-bottom: 0;
}

.mobile-navigation .additional_content .teaser_link {
	margin-bottom: 36px;
}

.mobile-navigation .additional_content .teaser_link:last-child {
	margin-bottom: 0;
}

/* product detail page */
.product-description-top .product-title {
	line-height: .95;
}

.product-description-bottom .description-content {
	overflow: hidden;
	position: relative;
	/* transition: max-height 0.2s ease; */
}

:is(.xs, .sm, .md) .product-description-bottom .description-content {
	max-height: 400px;
}

.product-description-bottom .description-content.expanded {
    max-height: 9999px;
}

:is(.xs, .sm, .md) .product-description-bottom .description-content.expanded {
	margin-bottom: 12px;
}

:is(.xs, .sm, .md) .product-description-bottom .description-content::after {
	content: '';
	display: block;
	height: 120px;
	width: 100%;
	background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	position: absolute;
	bottom: 0;
	left: 0;
}

.product-description-bottom .description-content.expanded::after {
	display: none;
	height: 0;
	width: 0;
	background: unset;
	position: absolute;
	bottom: 0;
	left: 0;
}

.product-description-bottom .description-content h1, .product-description-bottom .description-content h2, .product-description-bottom .description-content h3, .product-description-bottom .description-content h4, .product-description-bottom .description-content h5 {
	margin-top: 48px;
}

.product-description-bottom .description-content .description-content h2 {
	font-size: 20px;
	margin: 32px 0 8px 0;
}

.product-description-bottom .description-content h4 {
	font-size: 20px;
	margin: 32px 0 8px 0;
}

.product-description-bottom .description-content h5 {
	font-size: 20px;
	margin: 32px 0 8px 0;
}

.product-description-bottom .description-content p, .product-description-bottom .description-content div {
	font-size: 14px;
	line-height: 1.2;
}

.product-description-bottom .description-content li {
	font-size: 14px;
	line-height: 1.2;
	margin-left: 20px;
}

.product-description-bottom .toggle-description {
	color: #ff7300;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
}

.product-description-bottom .original-description ,
.product-description-bottom .translated-description {
	display: none;
}

.product-description-bottom .current {
	display: block;
}

.product-description-bottom .toggle-translation {
	color: #ff7300;
	text-decoration: underline;
	cursor: pointer;
}

.product-description-bottom .additional {
	min-width: 140px;
	box-sizing: content-box;
}

.product-description-bottom .additional .seals {
	width: 100%;
}

.video-popup.video-big {
	margin-bottom: 24px;
}

.video-popup.video-big h4 {
	margin-top: 0;
}

.video-popup .icon-video {
	background: #000;
}

.video-popup .icon-video {
	width: 80px;
	height: 50px;
	display: block;
	color: #666;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-popup .icon-video::before {
	font-family: 'Font Awesome 7 Brands';
	text-rendering: optimizeLegibility !important;
	font-weight: 900;
	font-size: 36px;
	content: '\f167';
	display: block;
}

.video-popup .icon-video:hover,
.video-popup .icon-video:focus {
	text-decoration: none;
	color: #CCC;
}

.video-popup.video-big .icon-video {
	width: 140px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-popup.video-big .icon-video::before {
	font-size: 48px;
}

.product-info .video-popup iframe {
	width: 535px !important;
	height: 300px !important;
}

.seals img {
	display: block;
	height: auto !important;
	width: auto !important;
	max-height: 80px;
	max-width: 80px;
	object-fit: contain;
	padding-bottom: 24px;
	box-sizing: content-box;
}

:is(.xs, .sm) .seals img {
	max-height: 100px;
	max-width: 100px;
	padding-right: 24px;
}

.required-star::after {
	content: '*';
	color: #ff7300;
	font-size: 16px;
	margin-left: 4px;
}

.createaccount .inputRequirement {
	display: none;
}

.set-d-inline > * {
	display: inline !important;
}

#checkout_confirmation input[type='checkbox']:not(:checked)+label:before,
#checkout_confirmation input[type='checkbox']:checked+label:before {
	position: unset !important;
	flex-shrink: 0 !important;
}

/* shopping cart landingpage */
.shopping-cart .cart-items .single-item {
	border-bottom: 1px solid #ccc;
}
.shopping-cart .cart-items .single-item:last-of-type {
	border-bottom: unset;
}

.shopping-cart .cart-items .item-image {
}

.shopping-cart .cart-items .item-image a {
	width: 70px;
	height: 70px;
}
:is(.xs, .sm) .shopping-cart .cart-items .item-image a {
	width: 50px;
	height: 50px;
}
.shopping-cart .cart-items .item-image a img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.shopping-cart .cart-items .select-quantity select {
	width: 50px;
	padding: 8px 12px 8px 12px;
}

.shopping-cart .premium {
	text-decoration: underline;
	color: black;
}

.shopping-cart .cart-items .item-total-price,
.shopping-cart .cart-items .item-total-rrp {
	white-space: nowrap;
}

.shopping-cart .cart-items .item-total-price > * {
	font-size: 15px !important;
	font-weight: bold !important;
	color: #ff7300 !important;
}
.shopping-cart .cart-items .item-total-rrp > * {
	font-size: 13px !important;
	text-decoration: line-through !important;
}

.shopping-cart .cart-items .promotion-item {
	background-color: #eee;
}

.shopping-cart .select-quantity .fake-select {
	appearance: none;
    background: transparent;
    border: none;
    color: #000;
    outline: none;
    text-overflow: "";
    border: 1px solid #CCC;
    background: white;
    background-size: contain;
    border-radius: 4px;
    width: 50px;
    padding: 8px 12px 8px 12px;
}

.shopping-summary .price-summary {
	border-bottom: 1px solid #ccc;
}

/* flyout shopping cart */
.flyout-cart .single-item {
	border-bottom: 1px solid #ccc;
}
.flyout-cart .single-item:last-of-type {
	border-bottom: unset;
}

.flyout-cart .item-quantity {
	white-space: nowrap;
}

.flyout-cart .item-image {
}

.flyout-cart .item-image a {
	width: 70px;
	height: 70px;
}
:is(.xs, .sm) .flyout-cart .item-image a {
	width: 50px;
	height: 50px;
}
.flyout-cart .item-image a img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.flyout-cart .select-quantity select {
	width: 50px;
	padding: 8px 12px 8px 12px;
}

.flyout-cart .item-total-price,
.flyout-cart .item-total-rrp {
	white-space: nowrap;
}

.flyout-cart .item-total-price > * {
	font-size: 15px !important;
	font-weight: bold !important;
	color: #ff7300 !important;
}
.flyout-cart .item-total-rrp > * {
	font-size: 13px !important;
	text-decoration: line-through !important;
}

.flyout-cart .promotion-item {
	background-color: #eee;
}

.flyout-cart .item-delete-button a {
	color: #999999;
    font-size: 16px;
    cursor: pointer;
}

.flyout-cart .item-delete-button .cart_delete {
	position: relative;
	display: inline-block;
}

.flyout-cart .item-delete-button .cart_delete::after {
	content: "";
	position: absolute;
	inset: -12px;
	background: transparent;
}

.flyout-cart .premium {
	text-decoration: underline;
	color: black;
}

.flyout-cart-payment-buttons {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    flex-direction: row;
	row-gap: 12px;
    column-gap: 12px;
}

.flyout-cart-payment-buttons .payment-button {
	order: 2;
}

:is(.xs, .sm) .flyout-cart-payment-buttons .payment-button-motoin {
	flex-basis: 100%;
	order: 1;
	display: flex;
    justify-content: flex-end;
}

.flyout-cart .total_prices {
	margin-right: 38px;
}

:is(.xs, .sm) .flyout-cart .total_prices {
	margin-right: 0;
}

/* confirmation page - products and summary */
.confirmation-items .single-item {
	border-bottom: 1px solid #ccc;
}
.confirmation-items .single-item:last-of-type {
	border-bottom: unset;
}

.confirmation-items .item-quantity {
	white-space: nowrap;
}

.confirmation-items .item-image {
	width: 70px;
	min-width: 70px;
	/* height: 70px; */
}

:is(.xs, .sm) .confirmation-items .item-image {
	width: 50px;
	min-width: 50px;
	/* height: 50px; */
}
.confirmation-items .item-image a img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.confirmation-items .select-quantity select {
	width: 50px;
	padding: 8px 12px 8px 12px;
}

.confirmation-items .item-tax
.confirmation-items .item-unit-rrp,
.confirmation-items .item-unit-price,
.confirmation-items .item-savings {
	white-space: nowrap;
}

.confirmation-items .item-unit-rrp > * {
	font-size: 13px !important;
	text-decoration: line-through !important;
	color: red;
}

.confirmation-items .item-unit-price > * {
	/* font-size: 15px !important;
    font-weight: bold !important;
    color: #ff7300 !important; */

}
    
.confirmation-items .promotion-item {
	background-color: #eee;
}

.confirmation-summary {
	border-top: 1px solid #ccc;
}

/* NEW TABLES DESIGN */
/* general styling for all tables */
:is(.sizes_tb, .running_tb, .descr table) {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
    table-layout: auto;
    position: relative;
    border-spacing: 0;
    font-size: 13px;
	margin-bottom: 12px;
	height: unset !important;
    width: unset !important;
}
:is(.xs, .sm) :is(.sizes_tb) {
	margin-right: -24px;
}

/* popup_content padding fix */
:is(.xs, .sm) .iframe-via-lightview {
	padding: 36px 24px 24px 24px;
}

.iframe-via-lightview {
	padding: 36px;
	padding-top: 60px;
}

/* general styling for th + td */
:is(.sizes_tb, .running_tb, .descr table) th,
:is(.sizes_tb, .running_tb, .descr table) td {
    padding: 6px !important;
   	/* white-space: nowrap; */
    text-align: center;
    border: 1px solid #ccc;
	min-width: 72px;
}

:is(.sizes_tb, .running_tb, .descr table) thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #fff;
	color: white;
	font-weight: bold;
}

:is(.xs, .sm) :is(.sizes_tb) thead th {
	color: black;
}

:is(.sizes_tb, .running_tb, .descr table) th strong {
	font-weight: bold;
}

:is(.sizes_tb, .running_tb, .descr table) tbody tr:nth-child(odd) th,
:is(.sizes_tb, .running_tb, .descr table) tbody tr:nth-child(even) th {
	font-weight: bold;
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb, .descr table) tbody tr:nth-child(odd) th,
:is(.xs, .sm) :is(.sizes_tb, .running_tb, .descr table) tbody tr:nth-child(even) th {
	color: white;
}

/* colors for all cells + rows */
/* odd rows, odd columns in th */
:is(.sizes_tb, .running_tb, .descr table) tr:nth-child(odd) th:nth-child(2n+1) {
	background: #222;
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb, .descr table) tr:first-child th:first-child {
	background: #222 !important;
	color: white;
}

/* odd rows, all th */
:is(.sizes_tb, .running_tb, .descr table) tr:nth-child(odd) th {
	background: #222;
}

:is(.xs, .sm) :is(.sizes_tb) tr:nth-child(odd) th:nth-child(2n+1) {
	background: #F1F1F1;
}

:is(.xs, .sm) :is(.sizes_tb) tr:nth-child(odd) th:nth-child(2n+1) {
	background: #F1F1F1;
}

:is(.xs, .sm) :is(.sizes_tb) tr:nth-child(odd) th {
    background: #E8E8E8;
}

/* even rows, all td */
:is(.sizes_tb, .running_tb, .descr table) tr:nth-child(even) td {
    background: #F1F1F1;
}

/* even rows, even columns in td */
:is(.sizes_tb, .running_tb, .descr table) tr:nth-child(even) td:nth-child(2n) {
    background: #E8E8E8;
}

/* odd rows, odd columns in td */
:is(.sizes_tb, .running_tb, .descr table) tr:nth-child(odd) td:nth-child(2n+1) {
    background: #DFDFDF;
}

/* odd rows, all td */
:is(.sizes_tb, .running_tb, .descr table) tr:nth-child(odd) td {
    background: #D0D0D0;
}

/* if first first col and first row are head */
:is(.sizes_tb, .running_tb, .descr table) tbody tr:nth-child(odd) th {
	background: #DFDFDF !important;
}

:is(.sizes_tb, .running_tb, .descr table) tbody tr:nth-child(even) th {
	background: #F1F1F1 !important;
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb, .descr table) tbody tr:nth-child(odd) th {
	background: #222 !important;
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb, .descr table) tbody tr:nth-child(even) th {
	background: #222  !important;
} 

/* table gradient styling if tables are bigger than viewport  */
.table-gradient-wrapper {
	position: relative;
}

.table-gradient-wrapper.gradient-left::before {
    content: "";
    height: 100%;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
    z-index: 5;
    pointer-events: none;
}

.table-gradient-wrapper tbody.gradient-right::after, 
.table-gradient-wrapper.gradient-right::after {
    content: "";
    height: 100%;
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
    z-index: 5;
    pointer-events: none;
}

/* styling for th on the left side of tables */
:is(.xs, .sm) :is(.sizes_tb, .running_tb) {
	clear: both;
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb) thead {
	display: block;
    float: left;
	position: relative;
	box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.25);
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb) tbody {
	display: block;
	overflow-x: auto;
    white-space: nowrap;
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb) th,
:is(.xs, .sm) :is(.sizes_tb, .running_tb) td {
	display: block;
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb) tr {
	display: inline-block;
	margin-right: -6px;
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb) thead tr:first-child {
	margin-right: 0px;
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb) tbody td:first-child {
	background: #222 !important;
    color: white;
    font-weight: bold;
}

:is(.xs, .sm) :is(.sizes_tb, .running_tb) tbody tr:nth-child(even) td:first-child {
    background: #222 !important;
    color: white;
    font-weight: bold;
}

:is(.xs, .sm) :is(.descr table) img {
	height: auto !important;
	width: 100% !important;
}

/* headlines with icons on landingpages */
.landingpage-headline-icon {
	display: flex;
	align-items: baseline;
	line-height: 1;
}

.landingpage-headline-icon .headline {
	margin: 0;
	line-height: 1;
}

.landingpage-headline-icon .icon {
	font-size: 24px;
	margin-right: 8px;
	color: #999;
}

 /*
################################################################################
#                                                                              #
#                               category-description                           #
#                                                                              #
################################################################################
*/

.category-description {
	
}

/*
==============================================================================
	reset styles for better styling
==============================================================================
*/

.category-description :is(h1, h2, h3, h4, h5, h6, p) {
	margin: 0;
	padding: 0;
	font: inherit;
	color: inherit;
	line-height: inherit;
	display: block;
}

.category-description ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.category-description li {
	margin: 0;
	padding: 0;
}

/*
==============================================================================
	section bottom spacing
==============================================================================
*/

.category-description .text section {
	--section-spacing: 72px;
	margin-bottom: var(--section-spacing);
}

/* no spacing when last element */
.category-description .text section:last-child {
	margin-bottom: 0;
}

/* h3 section spacing */
.category-description .text section:has(> h3) {
	--section-spacing: 72px;
}

/* h4 section spacing */
.category-description .text section:has(> h4) {
	--section-spacing: 48px;
}

/* h5 section spacing */
.category-description .text section:has(> h5) {
	--section-spacing: 32px; /* ist das auch gut: 32px? */
}

/* h6 section spacing */
.category-description .text section:has(> h6) {
	--section-spacing: 24px;
}

/*
==============================================================================
	section top spacing for first section inside a section
==============================================================================
*/

/* no margin for the element when only one element is before section
   so margin wont override other margins and break layout */
.category-description .text section > :first-child:has(+ section) {
	margin-bottom: 0;
}

/* h3 section */
.category-description .text section > section:first-of-type:has(> h3) {
	margin-top: 24px;
}

/* h4 section */
.category-description .text section > section:first-of-type:has(> h4) {
	margin-top: 48px;
}

/* h4 section if a p occurs before it */
.category-description .text section > p + section:first-of-type:has(> h4) {
	margin-top: 48px;
}

/* h5 section */
.category-description .text section > section:first-of-type:has(> h5) {
	margin-top: 32px;
}

/* h6 section */
.category-description .text section > section:first-of-type:has(> h6) {
	margin-top: 24px;
}

/* 
   maybe useful in future: 
   margin top if its the first section inside of a section 
*/
/* 
.category-description .text section:has(> h2) > section:first-of-type {
	margin-top: 48px;
}

.category-description .text section:has(> h3) > section:first-of-type {
	margin-top: 32px;
}

.category-description .text section:has(> h4) > section:first-of-type {
	margin-top: 24px;
}

.category-description .text section:has(> h5) > section:first-of-type {
	margin-top: 16px;
}

.category-description .text section:has(> h6) > section:first-of-type {
	margin-top: 12px;
}
*/

/*
==============================================================================
	text styling
==============================================================================
*/

/* every last element inside of a section has no bottom spacing */
.category-description .text section > :last-child {
	margin-bottom: 0;
}

.category-description .text section > *:not(section):has(+ section) {
	margin-bottom: 0;
}

/* h2 */
.category-description .text h2 {
	font-family: helvetica-neue-lt-pro, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 48px;
	line-height: 120%;
	color: #666666;
	text-box: trim-both cap alphabetic;
	hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;
}

:is(.xs, .sm) .category-description .text h2 {
	font-size: 40px;
}

/* h2 spacing */
.category-description .text h2 {
	margin-bottom: 48px;
}

/* h3 */
.category-description .text h3 {
	font-family: helvetica-neue-lt-pro, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 34px;
	line-height: 120%;
	padding: 6px 0;
	color: #000000;
	text-box: trim-both cap alphabetic;
	padding-left: 12px;
	border-left: 8px solid #ff7300;
	hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;
}

:is(.xs, .sm) .category-description .text h3 {
	font-size: 28px;
}

/* h3 spacing */
.category-description .text h3 {
	margin-bottom: 24px;
}

.category-description .text h3:has(+ p) {
	margin-bottom: 20px;
}

/* h4 */
.category-description .text h4 {
	font-family: helvetica-neue-lt-pro, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 29px;
	color: #666666;
	text-box: trim-both cap alphabetic;
	hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;
}

/* h4 spacing */
.category-description .text h4 {
	margin-bottom: 16px;
}

/* h5 */
.category-description .text h5 {
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 26px;
	color: #000000;
}

/* h5 spacing */
.category-description .text h5 {
	margin-bottom: 16px;
}

.category-description .text h5:has(+ p) {
	margin-bottom: 6px;
}

/* h6 */
.category-description .text h6 {
	font-family: 'Arial';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	color: #000000;
}

/* h6 spacing */
.category-description .text h6 {
	/* margin-bottom: 16px; */
}

/* p */
.category-description .text p {
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #000000;
}

/* p spacing */
.category-description .text p {
	margin-bottom: 12px;
}

/* ul ol li */
.category-description .text ul {
	padding-left: 24px;
}

.category-description .text li {
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #000000;
}

.category-description .text ul li {
	list-style: disc;
}

.category-description .text li + li {
    margin-top: 8px;
}

/* images */
.category-description .text img {
	max-width: 100%;
	display: block;
	margin: 24px 0;
}

.category-description .text section:has(+ img) + img {
	margin-top: 0;
}

.category-description .text .intro img {
	width: 780px;
	margin-top: 24px;
}

.category-description .text img {
	width: 390px;
	margin: 24px 0;
}

/* FAQ accordion */
.category-description .text .faq details {
	box-sizing: border-box;
	display: block;
	padding: 0;
	background: #ffffff;
	border: 1px solid #d6d6d6;
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #000000;
}

.category-description .text .faq details[open] {
	background: #f5f5f5;
}

.category-description .text .faq details > summary {
	list-style: none;
	cursor: pointer;
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	padding: 18px 24px;
	padding-right: 56px;
	margin: 0;
	font-family: 'Arial';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	color: #000000;
}

.category-description .text .faq details > summary::-webkit-details-marker {
	display: none;
}

.category-description .text .faq details > summary::marker {
	content: '';
}

.category-description .text .faq details > summary::after {
	content: "\f107";
	font-family: "Font Awesome 7 Pro";
	font-weight: 900;
	font-size: 18px;
	line-height: 1;
	color: #666666;
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
}

.category-description .text .faq details[open] > summary::after {
	content: "\f106";
}

.category-description .text .faq details > *:not(summary) {
	padding: 0 24px 18px;
}

.category-description .text .faq details + details {
	margin-top: -1px;
}

.category-description .text .faq details p {
	font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
}

.category-description .text .faq details p {
    margin-bottom: 12px;
}

.category-description .text .faq details :last-child {
	margin-bottom: 0;
}

/* table of contents styling */
.category-description .toc {
	
}

.category-description .toc .toc-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: var(--sticky-top-offset, 24px);
	z-index: 10;
}

/* table design for category text */
.category-description table {
	display: table;
    border-collapse: separate;
    table-layout: auto;
    border-spacing: 0;
    width: max-content;
    min-width: 0;
	max-width: 100%;
    font-size: 13px;
	color: black;
    height: unset !important;
	background-color: white;
}

.category-description table strong {
	font-weight: 500;
}

.category-description table tr:last-child td {
	border-bottom: 0;
}

.category-description table th,
.category-description table td {
    padding: 24px 0px;
	padding-right: 24px;
    vertical-align: top;
    text-align: left;
	font-family: helvetica-neue-lt-pro, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 122%;
}

:is(.xs, .sm) .category-description table th,
:is(.xs, .sm) .category-description table td {
	font-size: 15px;
}

:is(.xs, .sm) .category-description table th,
:is(.xs, .sm) .category-description table tr > :is(td, th):first-child {
	font-size: 15px;
}

.category-description table tr > :is(td, th):first-child {
	width: 1%;
	background-color: white;
}

.category-description table tr > :is(td, th):not(:first-child) {
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	overflow-wrap: anywhere;
}

:is(.xs, .sm) .category-description table tr > :is(td, th):not(:first-child) {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	overflow-wrap: anywhere;
}

.category-description table th {
	/* padding-top: 0px; */
    position: sticky;
    top: 0;
    z-index: 2;
	font-family: helvetica-neue-lt-pro, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 120%;
	box-shadow: inset 0 -1px 0 #ccc;
}

.category-description table tr {
	position: relative;
}

/* .category-description table thead tr {
	
} */

.category-description table tbody tr::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	z-index: 5;
	background: #ccc;
	pointer-events: none;
}

.category-description table tbody :is(td, th):first-child {
	position: sticky;
	left: 0;
	z-index: 3;
	overflow: visible;
	background-color: #fff;
	font-family: helvetica-neue-lt-pro, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 120%;
}

.category-description table tr:last-child::after {
	display: none;
}

.category-description table thead th:first-child {
	position: sticky;
	left: 0;
	z-index: 4;
	overflow: visible;
}

.category-description table tr > :is(td, th):last-child {
	padding-right: 0px;
}

:is(.xs, .sm, .md) .category-description table tr > :is(td, th):last-child {
	padding-right: 24px;
}

.category-description .category-table-frame {
	display: block;
	position: relative;
	overflow: hidden;
}

.category-description .category-table-frame {
	margin: 48px 0;
}

:is(.xs, .sm, .md) .category-description .category-table-frame {
	margin-right: -18px;
}

.category-description .category-table-scroll {
	display: block;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	touch-action: auto;
}

/* scroll shadows */
.category-description .category-table-frame.is-scrolled-x table tr > :is(th, td):first-child::after {
	content: '';
	position: absolute;
	top: 0;
	left: 100%;
	bottom: 0;
	width: 40px;
	pointer-events: none;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}

.category-description .category-table-frame.is-scrollable-x:not(.is-scrolled-x-end)::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 40px;
	z-index: 6;
	pointer-events: none;
	background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
	-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%);
} 

/* root cause: #content has bootstrap utility class overflow-hidden */
#content.category,
#content.manufacturer,
#content.search,
#content.category #main,
#content.manufacturer #main,
#content.search #main {
	overflow: visible !important;
}

.category-description .toc .heading {
	font-family: helvetica-neue-lt-pro, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 36px;
	color: #666666;
	text-box: trim-both cap alphabetic;
	margin-bottom: 24px;
}

:is(.xs, .sm) .category-description .toc .heading {
	font-size: 24px;
	line-height: 30px;
}

.category-description .toc .category-toc-list {
	margin: 0;
	padding: 0;
	list-style: disc;
	list-style-position: outside;
	text-box: trim-both cap alphabetic;
	padding-left: 36px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

:is(.xs, .sm) .category-description .toc .category-toc-list {
	gap: 18px;
	padding-left: 24px;
}

.category-description .toc .category-toc-item {
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #000000;
	text-box: trim-both cap alphabetic;
	list-style: inherit;
}

:is(.xs, .sm) .category-description .toc .category-toc-item {
	font-size: 15px;
	line-height: 20px;
}

.category-description .category-toc-link {
	color: #000000;
	text-decoration: none;
	text-box: trim-both cap alphabetic;
}

.category-description .category-toc-link:hover,
.category-description .category-toc-link:focus {
	color: #ff7300;
	text-decoration: underline;
}




/* widecontent.css - we have to remove unused classes */
/* (C) 2009 visionsactivemedia.de */

#rightcol {
	display:none;
} 
#maincol {}
#tabnav {}
#navtrail {
	position: relative;
	z-index: 5;
	padding-bottom:10px;
	padding-top:10px;
	color:#FFFFFF;
		height: 14px;
}
#navtrail a {
	color:#FF7300;
	text-decoration:underline;
}
#footer .content {
	padding: 40px 0 0 20px;
}
.float_l {float:left;}

/* --------------------------------- */
/* -------- content bereich -------- */
/* --------------------------------- */
.col_l {
	width: 75%;
	float: left;
	padding: 0 12px 0 0;
}
.col_r {
	width: 25%;
	float: left;
	padding: 0 0 0 12px;
}

.col_l h3 {
	margin: 24px 0 12px 0;
}

.no_pd_b {padding-bottom:0;}
.no_pd_r {padding-right:0;}
.no_pd_l {padding-left:0;}
.no_pd_t {padding-top:0;}

/* -------- img col -------- */
.img_col {
	color: #999999;
	margin: 20px 0;
}
.img_col dl {
	float:left;
	margin-right: 12px;
}
.img_col dl a img {
	border: 0px;
}

/*-------- info box -------- */
.info-box {
	background: #e6e6e6 none repeat scroll 0 0;
	border: 1px solid #ccc;
	padding: 12px;
	margin: 12px 0 36px 0;
	margin-left: 0 !important;
	width: 100% !important;
}
.info-box h4 {
	font-size: 13px;
	color: #000;
	margin-top: 0;
}
.info-box h3 {
	margin-top: 0;
}
.info-box a {
	color: #FFF;
	text-decoration: none;
}

/* -------- listen -------- */
.line_b {padding-bottom: 24px; border-bottom: 1px #CCC solid;}

/* -------- gradient box -------- */
.edges_t, .edges_b {display:none;}

.col_r .gradient_box .content {
	border-radius: 0 0 0 0;
	padding: 12px;
}
.col_r .gradient_box .content ul {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.col_r .gradient_box .content ul li {
	padding-left: 12px;
}
.col_r .gradient_box .content ul li:before {
	content: "\25AA ";
	font-size: 14px;
	color: #000;
	margin: 0 6px 0 -12px;
}

.col_r .gradient_box p {
	margin: 0 0 10px 0;
}

/* Content Header */
.content_header .teaser {
	position: relative;
	margin: 20px 0 0 0;
	z-index: 50;
	height: 180px;
}

/* popup_sizes.css */
#popup_logobox {display: none;}
#popup_navbox {display: none;}
#bottom {display: none;}

#main .col-9-5 p {margin: 8px 0 24px 0;}
#main .col-9-5 h2 {margin: 36px 0 12px 0;}
#main .col-9-5 h3 {margin: 24px 0 12px 0;}

#main .col-9-5 ul, .measure_box ul {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 0 0 36px 0;
}
.measure_box ul {margin: 12px 12px 36px 0 !important;}

#main .col-9-5 ul li, .measure_box ul li {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	padding: 6px;
	margin:0;
}

#main .col-9-5 ul li:before, .measure_box ul li:before {
	content: "\25AA ";
	font-size: 18px;
	margin: 0 6px 0 4px;
}

#main .col-9-5 ul a, .measure_box ul a {
	color: #000;
	text-decoration: underline;
}

#main .col-9-5 ul li:hover, #main .col-9-5 ul li:focus, .measure_box ul li:hover, .measure_box ul li:focus {
	border: 1px solid #CCC;
	background: #e6e6e6; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#FFF, #e6e6e6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFF, #e6e6e6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFF, #e6e6e6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFF, #e6e6e6); /* Standard syntax */
}