/*******| COOKIE                                            |*********************************************************************************************************************/
#cc { position: fixed; z-index: 999999999; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.75); }
#cc > div { width: 90vW; max-width: 800px; border-width: 1px; border-style: solid; background: #ffffff; }
#cc > div > div { padding: 15px; }
#cc > div > div > div { padding: 15px; }
#cc > div > div > div:nth-of-type(1) h2 { border-bottom: 1px solid black; }
#cc > div > div > div:nth-of-type(3) { text-align: center; }
#cc > div > div > div:nth-of-type(3) button { min-width: 50%; }
#cc > div > div:nth-of-type(2) { display: none; }
.b2 { background-color: #c6162d; display: inline-block;height: 58px;/* padding: 0 40px; *//* font-size: 18px; */line-height: 56px;border: 1px solid;cursor: pointer; color: white;}
/*******| SORTIMENT											|*********************************************************************************************************************/
/*******| STUFE 10:Design A								|*********************************************************************************************************************/
.stufe10-box-link:hover										{ text-decoration: none;}
.stufe10-header > div										{ min-height: 3.6rem; }
.stufe10-sub-link												{ text-decoration: none!important;}
.stufe10-sub-link:nth-of-type(2N-1)						{ background: #f0f2f4; }

.sortiment-10-katalog .stufe10-box-img-container > div > div { padding: 50%; }

.stufe10-news .stufe10-header { background: #e20031 !important; color: #ffffff; }
.stufe10-news .stufe10-box-img-container { background: #e20031 !important; }
.stufe10-news > div > a:hover .stufe10-header { background: #000000 !important; }
.stufe10-news > div > a:hover .stufe10-box-img-container { background: #000000 !important; }

.stufe10-header { position: relative; }
.stufe10-news .stufe10-header { padding-left: 3.6rem !important; }
.stufe10-header-icon { position: absolute; left: 0.5rem; top: 0.5rem; bottom: 0.5rem; width: 2.6rem; background-repeat: no-repeat; background-position: center; background-size: contain; }
.stufe10-fav .stufe10-header { background: #FFDF00 !important; color: #ffffff; }
.stufe10-fav .stufe10-box-img-container { background: #FFDF00 !important; }
.stufe10-fav > div > a:hover .stufe10-header { background: #000000 !important; }
.stufe10-fav > div > a:hover .stufe10-box-img-container { background: #000000 !important; }

/*******| STUFE 10: Design B								|*********************************************************************************************************************/
.stufe10-box-b h5												{ font-size: 19px; line-height: 28px; font-weight: 600; }
.stufe10-b-header > div										{ min-height: 3.6rem; }
a:hover .stufe10-b-header									{ color: #0065AE; }
a.stufe10-b-sub-link											{ font-size: 15px; line-height: 23px; }
a.stufe10-b-sub-link:hover									{ color: #0065AE; }


.stufe10-fav .stufe10-b-header,
.stufe10-news .stufe10-b-header							{ display: flex; align-items: center; margin: 0 !important; padding: 0 !important; border: 0 solid; }
.stufe10-b-header-icon										{ position: relative; height: 100%; margin: 0 0.5rem 0 0 !important; padding: 0.5rem }
.stufe10-b-header-icon > div								{ height: 3.6rem; width: 3.6rem; background-repeat: no-repeat; background-position: center; background-size: contain; }

.stufe10-fav .stufe10-b-header							{ border-color: #FFDF00 !important; }
.stufe10-fav .stufe10-b-header-icon						{ background: #FFDF00 !important; color: #ffffff !important; }
.stufe10-news .stufe10-b-header							{ border-color: #C40E05 !important; }
.stufe10-news .stufe10-b-header-icon					{ background: #C40E05 !important; color: #ffffff !important; }

.stufe10-box-b-img-container > div > div						{ position: relative; }
.stufe10-box-b-img-container > div > div > div 				{ position: absolute; left: 0.125rem; top: 0; right: 0.125rem; bottom: 0.25rem; background: #ffffff; }
.stufe10-box-b-img-container > div > div > div > div 		{ position: absolute; left: 0.5rem; top: 0.5rem; right: 0.5rem; bottom: 0.5rem; }

/*******| STUFE 11											|*********************************************************************************************************************/
/*******| STUFE 13: Product Box							|*********************************************************************************************************************/
.btn-submenu 													{ position: relative; }
.btn-submenu:hover											{ border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.btn-submenu  > div											{ display: none; position: absolute; right: -2px; top: 100%; background: #ffffff; z-index: 999; color: black; border-radius: 5px; border-top-right-radius: 0; overflow: hidden; }
.btn-submenu:hover > div									{ display: block; }
.btn-submenu  > div ul li									{ list-style: none; transition: all 0.3s; }
.btn-submenu  > div ul li.current,
.btn-submenu  > div ul li:hover							{ background: #0065AE; color: #ffffff; }

.stufe13-box a													{ text-decoration: none !important; color: #343a40 !important; cursor: pointer; }
.stufe13-box-inner											{ position: relative; height: 100%; }
.stufe13-image-box											{ display: block; position: relative; padding: 50%; background: #ffffff; }
.stufe13-image													{ position: absolute; z-index: 1; left: 16px; top: 32px; right: 16px; bottom: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.stufe13-brand													{ position: absolute; z-index: 2; left: 66.6666%; top: 8px; right: 8px; bottom: 80%; background-repeat: no-repeat; background-position: right top; background-size: contain; }

.stufe-13-box-schongekauft									{ display: block; position: absolute; z-index: 1; left: 16px; top: 25%; right: 16px; bottom: 64px; display: flex; justify-content: center; align-items: start; }
.stufe-13-box-schongekauft > div							{ padding: 4px 20px 5px 20px; text-align: center; border-radius: 13px; background: #bbbbbb; color: white; font-size: 11px; line-height: 13px; font-weight: 500; letter-spacing: 0.5px; }
.product-det-schongekauft									{ padding: 4px; background: #bbbbbb; color: white; border-radius: 3px; font-size: 15px; line-height: 15px; }
.groesse-det-schongekauft									{ min-width: 36px; padding: 4px 6px; background: #bbbbbb; color: white; border-radius: 3px; font-size: 16px; line-height: 24px; text-align: center; }

.stufe13-box .stufe13-sortiment							{ position: absolute; z-index: 2; left: 8px; bottom: 0; right: 8px; padding: 4px; line-height: 16px; color: #000000; text-align: center; }

.stufe13-availability										{ position: absolute; z-index: 2; left: 16px; top: 16px; width: 20px; height: 20px; }
.stufe13-energylabel											{ position: absolute; z-index: 2; left: 8px; bottom: 8px; width: 64px; height: 32px; }
.stufe13-sortiment .stufe13-energylabel				{ left: 0; top: -40px; bottom: auto; }

.stufe13-body													{ display: block; color: #343a40 !important; }
.stufe13-price													{ position: relative; height: 34px; padding: 0 8px 0 0; line-height: 32px; background: #ffffff; text-align: right; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.stufe13-flag													{ display: none; position: absolute; z-index: 2; left: 0; top: 0; height: 32px; padding: 0 8px; line-height: 32px; background: #cccccc; }
.stufe13-flag:before											{ display: block; content: ""; position: absolute; right: -8px; top: 0; border-width: 8px 4px; border-style: solid; border-color: #cccccc transparent transparent #cccccc; }
.stufe13-flag:after											{ display: block; content: ""; position: absolute; right: -8px; top: 16px; border-width: 8px 4px; border-style: solid; border-color: transparent transparent #cccccc #cccccc; }
.stufe13-flag.show											{ display: block; }

.stufe13-flag													{ display: none; position: absolute; z-index: 3; left: 0; bottom: -16px; height: 32px; padding: 0 8px; line-height: 32px; background: #cccccc; }
.stufe13-artNr 												{ padding: 8px 8px 0 8px; color: #aaaaaa; font-weight: bold; }
.stufe13-title 												{ padding: 8px; color: #343a40; }
.stufe13-text	 												{ display: none; padding: 0 8px 8px 8px; }
.stufe13-box-top												{ position: relative; }
.stufe13-box-top-buttons									{ position: absolute; z-index: 10; right: 0; bottom: 0; }

.sortiment13-list .stufe13-box							{ width: 100% !important; max-width: 100% !important; margin-bottom: 0.5rem !important; padding: 0 !important; }
.sortiment13-list .stufe13-box-inner					{ position: relative; padding: 0 0 0 10% !important; border-bottom: 2px solid #cccccc; }
.sortiment13-list .stufe13-box-top						{ position: absolute; left: 0; top: 0; bottom: 0; width: 10%; padding: 0; }
.sortiment13-list .stufe13-image-box					{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0; }
.sortiment13-list .stufe13-box-top-buttons			{ right: -24px; bottom: -4px; }
.sortiment13-list .stufe13-body							{ display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; padding: 0 0 0 24px; }
.sortiment13-list .stufe13-price							{ order: 2; width: 100%; border-bottom: 0; height: 33px; }
.sortiment13-list .stufe13-flag							{ position: relative; float: left; margin-right: 24px; }
.sortiment13-list .stufe13-artNr							{ width: 100%; padding-left: 0 !important; }
.sortiment13-list .stufe13-title							{ width: 100%; padding-top: 0 !important; padding-left: 0 !important; }
.sortiment13-list .stufe13-text							{ display: block; width: 100%; }
.sortiment13-list .stufe13-footer						{ position: static; padding-left: 16px; }
.sortiment13-list .stufe13-box-inner					{ padding: 0 0 0 150px !important; }
.sortiment13-list .stufe13-box-top						{ width: 150px; }
.sortiment13-list .stufe13-sortiment					{ display: none; }
.sortiment13-list .stufe13-box-top-buttons			{ display: none; }
.sortiment13-list .stufe13-flag.anzahl					{ padding-left: 0; }

@media screen and (min-width: 1920px) {
.sortiment13-zoom-1 .stufe13-box							{ width: 16.6666%; }
.sortiment13-zoom-2 .stufe13-box							{ width: 20%; }
.sortiment13-zoom-3 .stufe13-box							{ width: 25%; }
.sortiment13-zoom-4 .stufe13-box							{ width: 33.3333%; }
.sortiment13-zoom-1 .stufe13-box.stufe13-box-fluid	{ width: 100%; max-width: 175px; }
.sortiment13-zoom-2 .stufe13-box.stufe13-box-fluid	{ width: 100%; max-width: 250px; }
.sortiment13-zoom-3 .stufe13-box.stufe13-box-fluid	{ width: 100%; max-width: 325px; }
.sortiment13-zoom-4 .stufe13-box.stufe13-box-fluid	{ width: 100%; max-width: 400px; }
}

@media screen and (min-width: 1280px) and (max-width: 1919px) {
.sortiment13-zoom-1 .stufe13-box							{ width: 16.6666%; }
.sortiment13-zoom-2 .stufe13-box							{ width: 20%; }
.sortiment13-zoom-3 .stufe13-box							{ width: 25%; }
.sortiment13-zoom-4 .stufe13-box							{ width: 33.3333%; }
.sortiment13-zoom-1 .stufe13-box.stufe13-box-xxl,
.sortiment13-zoom-1 .stufe13-box.stufe13-box-fluid	{ width: 12.5%; }
.sortiment13-zoom-2 .stufe13-box.stufe13-box-xxl,
.sortiment13-zoom-2 .stufe13-box.stufe13-box-fluid	{ width: 20%; }
.sortiment13-zoom-3 .stufe13-box.stufe13-box-xxl,
.sortiment13-zoom-3 .stufe13-box.stufe13-box-fluid	{ width: 25%; }
.sortiment13-zoom-4 .stufe13-box.stufe13-box-xxl,
.sortiment13-zoom-4 .stufe13-box.stufe13-box-fluid	{ width: 33.333%; }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
.sortiment13-zoom-1 .stufe13-box							{ width: 25%; }
.sortiment13-zoom-2 .stufe13-box							{ width: 33.33333%; }
.sortiment13-zoom-3 .stufe13-box							{ width: 50%; }
.sortiment13-zoom-4 .stufe13-box							{ width: 100%; }
}


@media screen and (min-width: 768px) and (max-width: 959px) {
.sortiment13-zoom-1 .stufe13-box							{ width: 25%; }
.sortiment13-zoom-2 .stufe13-box							{ width: 33.3333%; }
.sortiment13-zoom-3 .stufe13-box							{ width: 50%; }
.sortiment13-zoom-4 .stufe13-box							{ width: 100%; }
.d-md-table-cell	{display: none !important;}
.d-md-none { display: none !important;}
}

@media screen and (max-width: 767px) {
.stufe13-box							{ width: 100% !important; max-width: 100% !important; }
.stufe13-box-inner					{ position: relative; padding: 0 0 0 10% !important; border-bottom: 2px solid #cccccc; }
.stufe13-box-top						{ position: absolute; left: 0; top: 0; bottom: 0; width: 10%; padding: 0; }
.stufe13-image-box					{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0; }
.stufe13-box-top-buttons			{ right: -24px; bottom: -4px; }
.stufe13-body							{ display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; padding: 0; }
.stufe13-price							{ order: 2; width: 100%; border-bottom: 0; height: 33px; }
.stufe13-flag							{ position: relative; float: left; margin-right: 24px; }
.stufe13-artNr							{ width: 100%; padding-left: 0 !important; }
.stufe13-title							{ width: 100%; padding-top: 0 !important; padding-left: 0 !important; }
.stufe13-text							{ display: block; width: 100%; }
.stufe13-footer						{ position: static; padding-left: 16px; }
.stufe13-box-inner					{ padding: 0 0 0 30% !important; }
.stufe13-box-top						{ width: 30%; }
.stufe13-sortiment					{ display: none; }
.stufe13-box-top-buttons			{ display: none; }

.stufe13-image							{ left: 8px; top: 8px; right: 8px; bottom: 8px; }
.stufe13-availability				{ left: 8px; top: 8px; }
.stufe13-brand							{ left: 40%; bottom: 70%; }
.stufe13-flag.anzahl					{ padding-left: 0; }
}
/*******| STUFE 13: Filter									|*********************************************************************************************************************/
#filter-container												{ width: 348px; }
#filter															{ display: block; width: 348px; position: relative; }
#filter > div													{ width: 332px; }
#filter > div::-webkit-scrollbar							{ width: 0; }							

#filter > div > div > div.g-options.g-option-nolimit	{ height: auto !important; }

#filter > div > div.groupbox-1							{ position: relative; margin-top: 20px; padding: 46px 0 0 0; }
#filter > div > div.groupbox-1:first-child			{ margin-top: 0; }
#filter > div > div.groupbox-1:nth-child(2)			{ margin-top: 1px; }
#filter > div > div.groupbox-1 > div.g-header		{ display: block; position: absolute; left: 0; top: 0; right: 0; width: 314px; height: 40px; padding: 10px 40px 10px 10px; border-bottom: 2px solid #eeeeee; font-weight: bold; color: rgba(0,0,0,0.8); cursor: pointer; transition: all 0.25s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #f0f1f2 ; }
#filter > div > div.groupbox-1 > div.g-header:before { display: block; content: ""; position: absolute; top: 17px; right: 12px; width: 8px; height: 8px; border: solid rgba(0,0,0,0.8); border-width: 2px 2px 0 0; transform: rotate(-45deg); transition: all 0.25s; }
#filter > div > div.groupbox-1 > div.g-header:hover { color: #0065AE; }
#filter > div > div.groupbox-1 > div.g-header:hover:before { border-color: #0065AE !important; }
#filter > div > div.groupbox-1.closed > div.g-header:before { top: 12px; transform: rotate(135deg); }

#filter > div > div.groupbox-0							{ display: flex; flex-wrap: wrap; margin-top: 20px; background: #ffffff; }
#filter > div > div.groupbox-0 + .groupbox-0			{ margin-top: -10px; }
#filter > div > div.groupbox-0 > div.g-header		{ width: 50%; padding: 11px 10px 15px 10px; font-size: 12px; line-height: 20px; }
#filter > div > div.groupbox-0 > div.g-header table { width: 100%; min-height: 40px; }
#filter > div > div.groupbox-0 > div.g-header table td { font-weight: bold; vertical-align: middle; line-height: 20px; text-align: right; font-size: 13px; }
#filter > div > div.groupbox-0 > div.g-options		{ width: 50%; }
#filter > div > div.groupbox-0 > div.g-options.select { height: auto !important; }

.text-neuheit														{ color: #81b72a; }



/* Header Toggler for Limited BOX */
#filter > div > div .g-limited-toggler						{ display: none; position: absolute; top: 0; right: 40px; width: 40px; height: 38px; font-size: 24px; line-height: 32px; text-align: center; color: #000000; cursor: pointer; }
#filter > div > div .g-limited-toggler:hover				{ color: #cccccc; }
#filter > div > div.groupbox-limited .g-limited-toggler	{ display: block; }
#filter > div > div.groupbox-limited.limited .g-limited-toggler	{ display: none; }
#filter > div > div.groupbox-limited > div.g-header	{ padding: 6px 80px 10px 10px; }
#filter > div > div.groupbox-limited.limited > div.g-header	{ padding: 6px 40px 10px 10px; }

/* Footer Toggler for Limited BOX */
#filter > div > div.groupbox div.g-footer { display: none !important; position: absolute; z-index: 11; left: 0; bottom: 0; right: 0; height: 26px; padding: 0 10px; border-top: 2px solid #eeeeee; font-weight: bold; font-size: 12px; line-height: 24px; color: rgba(0,0,0,0.8); cursor: pointer; text-align: center; background:#ffffff; }
#filter > div > div.groupbox.groupbox-limited div.g-footer { display: block !important; }
#filter > div > div.groupbox.groupbox-limited div.g-footer span:nth-of-type(1) { display: none; }
#filter > div > div.groupbox.groupbox-limited.limited div.g-footer span:nth-of-type(2) { display: none; }
#filter > div > div.groupbox.groupbox-limited.limited div.g-footer span:nth-of-type(1) { display: inline-block; }

/* Limited BOX */
#filter > div > div.groupbox.groupbox-limited > div.g-options > div { position: relative; padding: 6px 10px 32px 10px; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.checkbox { height: 152px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.checkbox { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.checkbox div.g-footer { top: 126px; bottom: auto; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.button { height: 135px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.button { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.button div.g-footer { top: 109px; bottom: auto; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.pill { height: 135px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.pill { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.pill div.g-footer { top: 109px; bottom: auto; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.color { height: 135px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.color { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.color div.g-footer { top: 109px; bottom: auto; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.symbol { height: 135px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.symbol { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.symbol div.g-footer { top: 109px; bottom: auto; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.logo { height: 212px !important; }
#filter > div > div.groupbox.groupbox-limited.closed > div.g-options.logo { height: 0 !important; }
#filter > div > div.groupbox.groupbox-limited.limited > div.g-options.logo div.g-footer { top: 188px; bottom: auto; }

#filter > div > div.groupbox.disabled { position: relative; opacity: 0.5; text-decoration: line-through; }
#filter > div > div.groupbox.disabled:before { display: blocK; content: ""; position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; }
#filter > div > div.closed > div.g-options { height: 0 !important; }
#filter > div > div.closed { margin-bottom: 0; }
#filter > div > div.closed > div.g-header { height: 44px; border-bottom: 6px solid #f5f5f5; }
#filter .range-container { height: 80px; overflow: hidden; opacity: 0; transition: all 0.5s; }
#filter .range-container > div > input { width: 75px; }

#filter > div > div > div.g-options.checkbox { overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.checkbox > div { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 6px 10px; }
#filter > div > div#g-top > div.g-options.checkbox > div { padding: 6px 0; }
#filter > div > div > div.g-options.checkbox > div > label { width: 100%; padding-bottom: 4px; }
#filter > div > div > div.g-options.checkbox > div > label > input[type="checkbox"] { display: none; }
#filter > div > div > div.g-options.checkbox > div > label > span { position: relative; display: block; padding: 0 0 0 20px; cursor: pointer; line-height: 20px; font-size: 13px; }
#filter > div > div > div.g-options.checkbox > div > label > span > span:nth-of-type(2) { display: none; position: absolute; right: 0; top: 0; line-height: 20px; font-size: 11px; color: #999999; }
#filter > div > div > div.g-options.checkbox > div > label > span:before { display: block; content: ""; position: absolute; left: 0; top: 2px; width: 14px; height: 14px; border: 1px solid #cccccc; }
#filter > div > div > div.g-options.checkbox > div > label > input[type="checkbox"]:checked + span:before { border: 1px solid #000000; background: #000000; }
#filter > div > div > div.g-options.checkbox > div > label > input[type="checkbox"]:disabled + span { opacity: 0.5; text-decoration: line-through; }
#filter > div > div > div.g-options.checkbox > div > label > span:after { display: block; content: ""; position: absolute; z-index: 2; left: 4px; top: 3px; width: 6px; height: 9px; border-right: 3px solid #ffffff; border-bottom: 3px solid #ffffff; transform: rotate(45deg);  }
#filter > div > div > div.g-options.checkbox.checkbox-2 > div > label { width: 50%; }
#filter > div > div > div.g-options.checkbox.checkbox-3 > div > label { width: 33.3333%; }

#filter > div > div > div.g-options.button { overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.button > div { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 3px 8px 8px 8px; }
#filter > div > div > div.g-options.button > div > label { width: 16.6666%; padding: 7px; }
#filter > div > div > div.g-options.button > div > label.disabled { display: none; }
#filter > div > div > div.g-options.button > div > label > input[type="checkbox"] { display: none; }
#filter > div > div > div.g-options.button > div > label > span { position: relative; display: block; padding: 50%; border-radius: 50%; line-height: 22px; font-size: 13px; background: #eeeeee; transition: all 0.25s; cursor: pointer; }
#filter > div > div > div.g-options.button > div > label:hover > span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.button > div > label > span > span:nth-of-type(1) { display: block; position: absolute; left: 0; top: 50%; right: 0; margin-top: -12px; padding: 0 1px 0 0; text-align: center; }
#filter > div > div > div.g-options.button > div > label > span > span:nth-of-type(2) { display: none; }
#filter > div > div > div.g-options.button > div > label > input[type="checkbox"]:checked + span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.button > div > label > input[type="checkbox"]:disabled + span { opacity: 0.5; }

#filter > div > div > div.g-options.pill { overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.pill > div { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 3px 8px 8px 8px; }
#filter > div > div > div.g-options.pill > div > label { display: block; width: auto; padding: 7px; }
#filter > div > div > div.g-options.pill > div > label > input[type="checkbox"] { display: none; }
#filter > div > div > div.g-options.pill > div > label > span { display: block; padding: 7px 10px; border-radius: 18px; line-height: 22px; font-size: 13px; background: #eeeeee; transition: all 0.25s; cursor: pointer; }
#filter > div > div > div.g-options.pill > div > label:hover > span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.pill > div > label > span > span:nth-of-type(1) { display: block }
#filter > div > div > div.g-options.pill > div > label > span > span:nth-of-type(2) { display: none; }
#filter > div > div > div.g-options.pill > div > label > input[type="checkbox"]:checked + span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.pill > div > label > input[type="checkbox"]:disabled + span { opacity: 0.5; }

/*#filter select { padding-top: 3px; padding-bottom: 3px; line-height: 22px; font-size: 13px; border-radius: 0; }
#filter > div > div.select > div.g-header{ padding: 8px 10px 0 0; line-height: 17px; }
#filter .groupbox.select { min-height: 30px; margin-bottom: 8px; }
#filter .groupbox.select + .groupbox.select { margin-top: 0; }
#filter .groupbox.select option:disabled { color: #bbbbbb; }*/

#filter > div > div > div.g-options.select { transition: all 0.25s; }
#filter > div > div > div.g-options.select { position: relative; padding: 6px 10px 10px 10px; }
#filter > div > div.select > div.g-header{ padding: 11px 10px 15px 0;}
#filter > div > div.select > div.g-options { padding: 6px 0 10px 10px; }
#filter > div > div > div.g-options.select > div > span { position: relative; display: block; border: 2px solid #eeeeee; padding: 0 30px 0 10px; line-height: 26px; font-size: 13px; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#filter > div > div > div.g-options.select.open > div > span:before { display: block; content: ""; position: fixed; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; }
#filter > div > div > div.g-options.select > div > i { display: block; position: absolute; top: 8px; right: 8px; color: #bbbbbb; line-height: 26px; }
#filter > div > div > div.g-options.select > div > div { display: none; position: absolute; z-index: 15; left: 10px; top: 36px; right: 10px; max-height: 320px; background: #ffffff; box-shadow: 0 5px 10px rgba(0,0,0,0.25); overflow-x: hidden; overflow-y: auto; }
#filter > div > div > div.g-options.select.open > div > div { display: block; }
#filter > div > div > div.g-options.select > div > div > label { display: block; position: relative; }
#filter > div > div > div.g-options.select > div > div > label > span { display: blocK; transition: all 0.25s; }
#filter > div > div > div.g-options.select > div > div > label > input[type="radio"] { display: none; }
#filter > div > div > div.g-options.select > div > div > label > span > span:nth-of-type(1) { display: block; padding: 5px 30px 5px 10px; line-height: 18px; font-size: 13px; cursor: pointer; }
#filter > div > div > div.g-options.select > div > div > label > span > span:nth-of-type(2) { display: none; position: absolute; right: 10px; top: 0; line-height: 32px; font-size: 11px; color: #999999; }
#filter > div > div > div.g-options.select > div > div > label:hover > span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.select > div > div > label > input[type="radio"]:checked + span { color: #ffffff; background: #333333; }
#filter > div > div > div.g-options.select > div > div > label > input[type="radio"]:disabled + span { opacity: 0.5; text-decoration: line-through; }




#filter > div > div > div.g-options.range { height: 80px !important; overflow: hidden; transition: height 0.3s; }
#filter > div > div.closed > div.g-options.range { height: 0px !important; }
#filter > div > div > div.g-options.range input.rangeslidermm { height: 30px; padding: 0 0.75rem; font-size: 13px; line-height: 26px; text-align: right; border: 2px solid #eeeeee; border-radius: 0; }
 



/*#filter > div > div > div.g-options.color						{ overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.color > div				{ display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 3px 8px 8px 8px; }
#filter > div > div > div.g-options.color > div > label	{ width: 16.6666%; padding: 7px; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"] { display: none; }
#filter > div > div > div.g-options.color > div > label > span { position: relative; display: block; border-radius: 50%; padding: 50%; border-radius: 50%; transition: all 0.25s; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: cover; }
#filter > div > div > div.g-options.color > div > label > span > i { display: block; position: absolute; left: 0; top: 50%; right: 0; margin: -10px 0 0 0; line-height: 20px; font-size: 18px; text-align: center; color: #ffffff; opacity: 0; transition: all 0.25s; text-shadow: 0 0 3px rgba(0,0,0,1);  }
#filter > div > div > div.g-options.color > div > label:hover > span > i { opacity: 1; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:checked + span > i { opacity: 1; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:disabled + span { opacity: 0.35; cursor: default; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:disabled + span > i { display: none; }*/
 
#filter > div > div > div.g-options.color						{ overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.color > div				{ display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 3px 8px 8px 8px; }
#filter > div > div > div.g-options.color > div > label	{ width: 16.6666%; padding: 7px; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"] { display: none; }
#filter > div > div > div.g-options.color > div > label > span { position: relative; display: block; border-radius: 50%; padding: 50%; border-radius: 50%; transition: all 0.25s; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: cover; }
#filter > div > div > div.g-options.color > div > label > span > i { display: block; position: absolute; left: 0; top: 50%; right: 0; margin: -10px 0 0 0; line-height: 20px; font-size: 18px; text-align: center; color: #ffffff; opacity: 0; transition: all 0.25s; text-shadow: 0 0 3px rgba(0,0,0,1);  }
#filter > div > div > div.g-options.color > div > label:hover > span > i { opacity: 1; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:checked + span { background-color: #e20031; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:checked + span:before { display: block; content: ""; position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; border: 2px solid #e20031; box-shadow: 0 0 5px #e20031; border-radius: 50%; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:checked + span > i { opacity: 1; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:disabled + span { cursor: default; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:disabled + span > i { opacity: 1; color: #aaaaaa; font-size: 24px; }
#filter > div > div > div.g-options.color > div > label > input[type="checkbox"]:disabled + span > i:before { content: "\f62a";  line-height: 20px; }

#filter > div > div > div.g-options.symbol					{ overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.symbol > div			{ display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 3px 8px 8px 8px; }
#filter > div > div > div.g-options.symbol > div > label	{ position: relative; width: 16.6666%; padding: 7px; }
#filter > div > div > div.g-options.symbol > div > label > input[type="checkbox"] { display: none; position: absolute; z-index: 10; left: 7px; top: 7px; }
#filter > div > div > div.g-options.symbol > div > label > span { position: relative; display: block; padding: 50%; transition: all 0.25s; cursor: pointer; }
#filter > div > div > div.g-options.symbol > div > label > input[type="checkbox"]:disabled + span { opacity: 0.35; cursor: default; }
#filter > div > div > div.g-options.symbol > div > label > input[type="checkbox"]:checked + span:before { display: block; content: ""; position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; border: 2px solid #e20031; box-shadow: 0 0 5px #e20031; border-radius: 3px; }

#filter > div > div > div.g-options.logo					{ overflow: hidden; transition: all 0.25s; }
#filter > div > div > div.g-options.logo > div			{ display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 6px 11px 11px 11px; }
#filter > div > div > div.g-options.logo > div > label	{ position: relative; width: 33.3333%; padding: 4px; }
#filter > div > div > div.g-options.logo > div > label > input[type="checkbox"] { display: none; position: absolute; z-index: 10; left: 7px; top: 7px; }
#filter > div > div > div.g-options.logo > div > label > span { position: relative; display: block; padding: 5px; transition: all 0.25s; cursor: pointer; border: 1px solid #dddddd; border-radius: 3px; }
#filter > div > div > div.g-options.logo > div > label > span > span { position: relative; display: block; padding: 25%; transition: all 0.25s; cursor: pointer; }
#filter > div > div > div.g-options.logo > div > label > input[type="checkbox"]:disabled + span { opacity: 0.35; cursor: default; }
#filter > div > div > div.g-options.logo > div > label > input[type="checkbox"]:checked + span:before { display: block; content: ""; position: absolute; left: 0; top: 0px; right: 0px; bottom: 0px; border: 2px solid #e20031; box-shadow: 0 0 5px #e20031; border-radius: 3px; }

.filter > div															{ display: none; }
.filter > div.result													{ display: block; }

#filter-result															{ position: relative; }

#filter-reset															{ visibility: visible; display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }
#filter-reset.show													{ visibility: visible; }
#filter-reset *														{ font-size: 13px; line-height: 23px; }
#filter-reset > div													{ margin: 0 10px 10px 0; }

#filter-reset > div.fh_count > div								{ line-height: 35px; }
#filter-reset > div.fh_all											{ display: none; padding: 5px 10px; background: #ffffff; border: 1px solid #dedede;  cursor: pointer; }
#filter-reset > div.fh_g + .fh_all								{ display: block; }
#filter-reset > div.fh_all i										{ float: right; margin-left: 5px; }
#filter-reset > div.fh_g											{ display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 3px; background: #dedede; }

#filter-reset > div.fh_g > div:nth-of-type(1)				{ padding: 3px 9px 3px 0;; cursor: pointer; }
#filter-reset > div.fh_g > div:nth-of-type(1) i				{ float: left; display: block; width: 29px; height: 23px; border-right: 1px solid #ffffff; margin-right: 5px; text-align: center; cursor: pointer; }

#filter-reset > div.fh_g > div:nth-of-type(2)				{ display: flex; flex-wrap: nowrap; padding: 0; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div		{ padding: 0 7px; margin-right: 6px; background: #ffffff; border: 3px solid #dedede; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div i		{ margin-right: 3px; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div span	{ display: block; float: right; width: 23px; height: 23px; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div:last-child i { display: none; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div + div i { display: inline-block !important; }

@media screen and (max-width: 1199px){
#filter-reset > div.fh_g > div:nth-of-type(2)				{ flex-wrap: wrap; }
}

/*#filter-reset > div.fh_g > div:nth-of-type(1)				{ padding: 6px 12px 6px 0;; cursor: pointer; }
#filter-reset > div.fh_g > div:nth-of-type(1) i				{ float: left; display: block; width: 29px; height: 23px; border-right: 1px solid #ffffff; margin-right: 5px; text-align: center; cursor: pointer; }
#filter-reset > div.fh_g > div:nth-of-type(2)				{ display: flex; flex-wrap: nowrap; padding: 6px 0; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div		{ padding: 0 10px; margin-right: 6px; background: #ffffff; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div i		{ margin-right: 3px; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div span	{ display: block; float: right; width: 23px; height: 23px; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div:last-child i { display: none; }
#filter-reset > div.fh_g > div:nth-of-type(2) > div + div i { display: inline-block !important; }*/


#filter-zoom screen and { min-width: 205px; }

#filter																	{ position: relative; }
#filter > span															{ display: none; position: absolute; top: 32px; right: -36px; width: 36px; height: 36px; text-align: center; line-height: 36px; font-size: 16px; border-radius: 0 3px 3px 0; background: #e3e7eb; }

@media screen and (max-width: 959px){
	#filter-container													{ width: auto; }
	#filter																{ position: fixed; left: -100vW; top: 83px; bottom: 0; z-index: 10; width: 100vW; padding: 16px !important; cursor: pointer; transition: left 0.3s; }
	#filter > div														{ width: 100%; height: 100%; overflow: auto; }
	#filter.open														{ left: -0; z-index: 10000; }
	#filter > span														{ display: block; }
	#filter.open > span												{ top: -36px; left: 50%; right: auto; margin-left: -18px; border-radius: 3px 3px 0 0; }
	#filter-reset .fh_g												{ display: none !important; }
}
@media screen and (max-width: 768px){
#filter-zoom { min-width: auto !important; }
#filter > div > div.groupbox-1 > div.g-header				{ width: 100%; }
.d-md-none { display: table-cell !important;}
}

#news-text-filter														{ width: 100%; }
#news-text-filter > *												{ height: 33px; line-height: 19px; }
#news-text-filter > input											{ flex-grow: 1; box-shadow: none !important; border-color: #ced4da !important; }
#news-text-filter > * > i											{ line-height: 19px; }

.btn-outline-form														{ color: #ced4da; border-color: #ced4da; background-color: white; }
.btn-outline-form:hover												{ color: var(--primary); border-color: #ced4da; background-color: white; }
/*******| Product Det												|*********************************************************************************************************************/
#left-carousel .carousel-indicators button.active,
#left-carousel .carousel-indicators button:hover			{ opacity: 1; }
#left-carousel .carousel-indicators button.active > div,
#left-carousel .carousel-indicators button:hover > div	{ border-width: 2px !important; padding: 3px !important; }
#left-carousel.lightning .carousel-item						{ position: relative; transition: 0.0s ease-in-out left; }

#pd-main .carousel-item .pd-legend								{ position: absolute; left: calc(1rem + 1px); bottom: 1px; right: calc(1rem + 1px); padding: 0.25rem 0.5rem; text-align: center; background: rgba(255,255,255,0.95); opacity: 1; transition: opacity 0.3s; height: auto; }
#pd-main .carousel-item:hover .pd-legend						{ opacity: 1; }
#left-carousel .carousel-indicators button	{ position: relative; }
#left-carousel .carousel-indicators button > div.video:before	{ display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('/pagesshop/img/youtube.svg') no-repeat center; background-size: 50%; }

#center-text .center-text											{ height: 0; overflow: hidden; }
#center-text .center-text.center-text-transition 			{ transition: height 0.3s; }
#center-text .center-toggler 										{ position: relative; height: 150px; margin-top: -150px; padding-top: 100px; line-height: 50px; font-size: 48px; cursor: pointer; text-align: center; background: linear-gradient(to bottom, rgba(248,249,250,0) 0%, rgba(248,249,250,0.75) 100%); transition: all 0.3s; }
#center-text.open .center-toggler								{ margin-top: 0; padding-top: 0; height: 50px; }
#center-text .center-toggler .bi-chevron-compact-up		{ display: none; }
#center-text.open .center-toggler .bi-chevron-compact-up	{ display: block; }
#center-text.open .center-toggler .bi-chevron-compact-down { display: none; }

.gt-table-hinweis.gt-table-hinweis-neu							{ height: 20px; }


.product-det-icon-growing div { height: 44px; }
.product-det-icon-growing div img { max-width: 88px; max-height: 44px; }


@media screen and (max-width: 992px){
	#center-text .center-text										{ height: auto !important; }
}

.product-det-groessen-container > div							{ width: 100%; overflow-x: auto; }


.gt-table { display: table; }
.gt-row { display: table-row; }
.gt-cell { display: table-cell; }
.gt-table > .gt-row > .gt-cell:first-child					{ width: 1%; border-right: 0 solid #464646; }
.gt-table > .gt-row > .gt-cell:last-child						{ width: 1%; border-left: 0 solid #464646; }

.gt-table > .gt-row-header > .gt-cell							{ padding: 0.5rem !important; border-top: 2px solid #000000; border-bottom: 2px solid #000000; white-space: nowrap; text-align: inherit; vertical-align: bottom; background-color: #ffffff; line-height: 18px; }
.gt-table > .gt-row-body > .gt-cell								{ padding: 0.25rem 0.5rem !important; white-space: nowrap; vertical-align: middle; background-color: #ffffff; cursor: pointer; }


.gt-table-staffelpreis img.di										{ height: 22px !important; }
.gt-table-staffelpreis td											{ padding: 0 0.25rem; line-height: 18px; vertical-align: middle; border-top: 1px solid #d7d7d7; }
.gt-table-staffelpreis td:nth-of-type(1)						{ padding: 0 0.25rem 0 0; }
.gt-table-staffelpreis td:nth-last-of-type(1)				{ padding: 0 0 0 0.25rem; }
.gt-table-staffelpreis tr:nth-of-type(1) td					{ border-top: none; }


input.pd-attr { display: none; }
input.pd-attr + label { cursor: pointer; }
input.pd-attr:checked + label { color: #ffffff; background: #d0002d; border-color: #d0002d !important; }
input.pd-attr:disabled + label { color: #cccccc; background: #eeeeee; border-color: #eeeeee !important; }

@media screen and (min-width: 960px) {
.gt-table > .gt-row-body.gt-row-more > td						{ background: #ffffff; }
.gt-table > .gt-row-body.gt-row-1 + .gt-row-more > td		{ background: #e3e7eb; }
.gt-table > .gt-row-body.gt-row-more > .gt-cell				{ padding: 0 !important; line-height: 1px; }
.gt-table > .gt-row-body.gt-row-more > .gt-cell .gt-cell-more-box		{ height: 0; overflow: hidden; transition: all 0.3s; }
.gt-table > .gt-row-body.gt-row-more.close > .gt-cell .gt-cell-more-box		{ height: 0 !important; overflow: hidden; }
.gt-table > .gt-row-body.gt-row-more > .gt-cell .gt-cell-more-box	> div	{ padding: 20px; line-height: 21px; }
.gt-table > .gt-row.more[data-more="1"] > .gt-cell:first-child:before	{ transform: rotate(180deg); }
.gt-table > .gt-row > .gt-cell:first-child					{ left: 0; position: sticky; z-index: 1; }
.gt-table > .gt-row > .gt-cell:last-child						{ right: 0; position: sticky; z-index: 1; }
.gt-table > .gt-row[data-more="1"] > .gt-cell:first-child	{ padding-left: 2rem !important; }
.gt-table > .gt-row[data-more="1"] > .gt-cell:first-child:before	{ display: block; content: "\f282"; position: absolute; left: 0; top: 50%; width: 2rem; margin-top: -10px; text-align: center; line-height: 20px; font-family: bootstrap-icons !important; transition: all 0.3s; font-size: 12px; }
.gt-table > .gt-row-body.gt-row-1 > .gt-cell					{ background-color: #e3e7eb; }
.gt-table > .gt-row-body.gt-row:hover > .gt-cell			{ background-color: #fbe0e6; }
.gt-table > .gt-row-body.gt-row.fakehover > .gt-cell			{ background-color: #fbe0e6; }
.gt-table > .gt-row-body.gt-row.marked > .gt-cell			{ background-color: #f8bfcb; }
.gt-table > .gt-row-body.gt-row.marked.fakehover > .gt-cell,
.gt-table > .gt-row-body.gt-row.marked:hover > .gt-cell			{ background-color: #f5a4bb; }
}

@media screen and (max-width: 959px) {
.gt-table > .gt-row-header																{ display: none !important; }
.gt-table > .gt-row-body																{ display: block !important; position: relative; border-bottom: 2px solid #e3e7eb; }
.gt-table.hasImages > .gt-row-body													{ padding-left: 30%; }
.gt-table.noImages > .gt-row-body													{ display: flex !important; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.gt-table > .gt-row-body.gt-row.marked												{ background-color: #f8bfcb; }

.gt-table > .gt-row-body > .gt-cell													{ display: block; width: 100% !important; padding: 0.25rem 0 !important; background: none !important; white-space: normal; }
.gt-table > .gt-row-body > .gt-cell:first-child									{ font-weight: 500; }
.gt-table.noImages > .gt-row-body > .gt-cell.gt-price							{ width: auto !important; flex-grow: 1; padding-right: 1rem !important; }
.gt-table.noImages > .gt-row-body > .gt-cell.gt-cell-body-pricebox		{ width: auto !important; }
.gt-table > .gt-row-body > .gt-cell.gt-price:before							{ display: inline-block; content: "CHF"; padding-right: 0.25rem; }
.gt-table > .gt-row-body > .gt-cell.gt-text										{ line-height: 18px; }
.gt-table > .gt-row-body > .gt-cell.gt-image										{ display: none; }
.gt-table.hasImages > .gt-row-body > .gt-cell.gt-image						{ display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 30% !important; padding: 0.25rem 1rem 0.25rem 0 !important; }
.gt-table.hasImages > .gt-row-body > .gt-cell.gt-image > div				{ height: 100%; }
.gt-table.hasImages > .gt-row-body > .gt-cell.gt-image > div > div		{ height: 100%; background-image: var(--background); }




/*
							<div class="gt-image gt-cell d-block d-md-none"><cfif groesseBild NEQ ""><div class='p-1 bg-white'><div class='bg-image-contain' style="#groesseBild#"></div></div></cfif></div>
							<div class="gt-text gt-cell d-block d-md-none">#Fakturatext#</div>*/


/*.gt-table > .gt-row-body > .gt-cell								{ background-color: transparent !important; }
.gt-table > .gt-row-body.gt-row-1								{ background-color: #e3e7eb; }
.gt-table > .gt-row-body.gt-row.marked							{ background-color: #f8bfcb; }


.gt-table > .gt-row-header											{ display: none !important; }
.gt-table > .gt-row-body > .gt-cell								{ padding: 0.25rem !important; }
.gt-table .groessen-price-box input								{ width: 30px !important; }

/*.gt-table > .gt-row-body.gt-row									{ position: relative; }
.gt-table > .gt-row-body.gt-row:after							{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 32px; height: 1px; background: #cccccc; }
.gt-table > .gt-row-body.gt-row > .gt-cell					{ padding-bottom: 37px !important; }
.gt-table > .gt-row-body.gt-row > .gt-cell.gt-price							{ position: absolute; z-index: 1; bottom: 0; left: 0; width: auto !important; padding-bottom: 4px !important; line-height: 24px; }
.gt-table > .gt-row-body.gt-row > .gt-cell.gt-price:before					{ display: inline; content: "CHF "; }
.gt-table > .gt-row-header.gt-row > .gt-cell.gt-price							{ display: none !important; }
.gt-table > .gt-row-body.gt-row > .gt-cell.gt-cell-body-pricebox			{ position: absolute; z-index: 1; bottom: 0; right: 0; width: auto !important; padding-bottom: 4px !important; }
.gt-table > .gt-row-header.gt-row > .gt-cell.gt-cell-header-pricebox		{ display: none !important; }*/

#left-carousel .image.p-50p										{ padding: 33.3333%; }

}




/*
@media screen and (max-width: 959px) {
.gt-table > .gt-row-header											{ display: none; }
.gt-table > .gt-row-body											{ display: flex; flex-wrap: wrap; justify-content: flex-end; width: 100%; padding: 1rem 0; border-top: 2px solid #474747; }
.gt-table > .gt-row-body > .gt-cell								{ width: 100%; }
.gt-table > .gt-row-body > .gt-cell.gt-cell-title:before	{ display: inline-block; content: attr(data-title); }
.gt-table > .gt-row-body > .gt-cell.text-end					{ display: flex; justify-content: flex-end; }
.gt-table > .gt-row-body > .gt-cell:first-of-type			{ font-weight: bold; }
.gt-table > .gt-row-body > .gt-cell:last-of-type			{ padding-top: 1rem; }

.gt-table-staffelpreis img.di										{ height: 22px !important; }
.gt-table-staffelpreis td											{ padding: 0 0.25rem; line-height: 18px; }
.gt-table-staffelpreis td:nth-of-type(1)						{ padding: 0 0.25rem 0 0; vertical-align: middle; }
.gt-table-staffelpreis td:nth-of-type(2)						{ vertical-align: middle; }
.gt-table-staffelpreis td:nth-of-type(3)						{ vertical-align: middle; }
.gt-table-staffelpreis td:nth-last-of-type(1)				{ padding: 0 0 0 0.25rem; }
.gt-table-staffelpreis tr td										{ border-top: 1px solid #d7d7d7; }
.gt-table-staffelpreis tr:nth-of-type(1) td					{ border-top: none; }
}*/

.icon.icon-availability												{ width: 20px; height: 20px; }


.groessen-price-box .groessen-quantity input					{ width: 50px !important; height: 24px !important; line-height: 22px !important; border: none !important; border-radius: 0 !important; text-align: center !important; }
.groessen-price-box .groessen-quantity *						{ border-radius: 0 !important; }
.groessen-price-box .groessen-quantity *:first-child		{ border-radius: 0.25rem 0 0 0.25rem !important; }
.groessen-price-box .groessen-quantity *:last-child		{ border-radius: 0 0.25rem 0.25rem 0 !important; }
.groessen-price-box .groessen-quantity div > input			{ border-radius: inherit !important; border: 1px solid #e9ecef !important; }
.groessen-price-box .groessen-quantity .input-group-text	{ padding: 0 5px !important; line-height: 24px !important; border: none !important; background: none !important; }

.gd-right-buy .groessen-quantity input							{ width: 60px !important; height: 28.25px !important; line-height: 21px !important; padding-top: .1875rem !important; padding-bottom: .1875rem !important; border: none !important; border-radius: 0 !important; text-align: center !important; }
.gd-right-buy .groessen-quantity button						{ min-width: 30px; padding-top: .1875rem !important; padding-bottom: .1875rem !important; line-height: 21px !important; background: #e9ecef !important; }
.gd-right-buy .groessen-quantity > *							{ border-radius: 0 !important; }
.gd-right-buy .groessen-quantity > *:first-child			{ border-radius: 0.25rem 0 0 0.25rem !important; }
.gd-right-buy .groessen-quantity > *:last-child				{ border-radius: 0 0.25rem 0.25rem 0 !important; }
.gd-right-buy .groessen-quantity > div > input				{ border-radius: inherit !important; border: 1px solid #e9ecef !important; }
.gd-right-buy .groessen-quantity .input-group-text			{ padding: 0 10px !important; line-height: 28.25px !important; border: none !important; background: #e9ecef !important; }

.bsi-menge .groessen-quantity > div > input					{ width: 50px !important; height: 28px !important; line-height: 26px !important; padding: 0 !important; border: 1px solid #e9ecef !important; border-radius: inherit !important; text-align: center !important; }
.bsi-menge .groessen-quantity > button							{ min-width: 32px; padding: 0 !important; line-height: 26px !important; background: #e9ecef !important; border-color: transparent !important; text-align: center; }
.bsi-menge .groessen-quantity > button i						{ float: none !important; }
.bsi-menge .groessen-quantity > button:hover					{ background: var(--grayD3) !important; color: black !important; }
.bsi-menge .groessen-quantity > *								{ border-radius: 0 !important; }
.bsi-menge .groessen-quantity > *:first-child				{ border-radius: 0.25rem 0 0 0.25rem !important; }
.bsi-menge .groessen-quantity > *:last-child					{ border-radius: 0 0.25rem 0.25rem 0 !important; }
.bsi-menge .groessen-quantity .input-group-text				{ display: block; width: 28px; padding: 0 !important; line-height: 28px !important; border: none !important; background: #e9ecef !important; text-align: center; }


.product-det-icon 													{ width: 44px; }
.product-det-icon-xl													{ width: 72px; }
.product-det-brandlogo 												{ max-height: 75px; }
.attr-img																{ height: 21px; margin-left: -0.125rem; margin-right: 0.25rem; }


#pd-gd .gd-left																{ position: relative; }
#pd-gd .gd-brand																{ position: absolute; z-index: 10; left: 1rem; top: 1rem; }
#pd-gd .carousel-item > div												{ position: relative; padding: 10% 20% 0 20%; }
#pd-gd .carousel-item > div > .gd-legend								{ position: absolute; left: 0; bottom: 0; right: 0; padding: 1rem; text-align: center; background: rgba(255,255,255,0.95); opacity: 1; transition: opacity 0.3s; height: auto; }
#pd-gd .carousel-item > div:hover > .gd-legend						{ opacity: 1; }
.carousel-fullscreen #pd-gd .carousel-item > div					{ padding: 30px; }
#pd-gd .carousel .carousel-indicators button							{ width: 12.5% !important; }
#pd-gd .carousel-fullscreen .carousel-indicators					{ display: none !important; }
#pd-gd .gd-text .gd-limit													{ transition: all 0.3s; overflow: hidden; }
#pd-gd .gd-text .gd-limit.limited										{ height: 378px !important; }
#pd-gd .gd-text .gd-limit-toggler										{ position: relative; }
#pd-gd .gd-text .gd-limit-toggler:hover								{ color: #e20031; cursor: pointer; transition: all 0.3s; }
#pd-gd .gd-text .gd-limit.limited + .gd-limit-toggler i			{ transform: rotate(180deg); }
#pd-gd .gd-text .gd-limit + .gd-limit-toggler:before				{ display: block; content: ""; position: absolute; left: 0; top: -50px; right: 0; height: 50px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);; opacity: 0; transition: all 0.3s; }
#pd-gd .gd-text .gd-limit.limited + .gd-limit-toggler:before	{ opacity: 1; }
#pd-gd .gd-right																{ position: relative; }
#pd-gd .gd-zusatz .product-det-icon										{ width: 48px; }
#pd-gd .gd-buy button														{ background-color: #e3e7eb; }
#pd-gd .gd-right-buy > button														{ min-width: 36px; }
#pd-gd .gd-buy .groessen-price-box input								{ line-height: 20px !important; border-style: solid !important; border-width: 1px 0 !important; border-color: #e3e7eb !important; }
@media screen and (max-width: 767px) {
.product-det-brandlogo 												{ max-width: 100px; max-height: 50px; }

.gd-right-buy 															{ justify-content: end !important; flex-wrap: wrap !important; }
.gd-right-buy .button-buy											{ width: 100% !important; margin: 12px 0 0 0 !important; }


}
/*******| END Product Det											|*********************************************************************************************************************/

/*******| Normen														|*********************************************************************************************************************/
#accordionNormen .accordion-header .accordion-button td.pe-2 > div { width: 44px; height: 29px; }
.accordionNormen_directlink										{ padding: 1rem 1.25rem;border: 1px solid rgba(0,0,0,.125); border-bottom: 0; }
.accordionNormen_directlink div									{ width: 44px; height: 29px; background-repeat: no-repeat; background-position: left center; background-size: contain; }
/*******| END Normen													|*********************************************************************************************************************/

/*******| Index														|*********************************************************************************************************************/
#indexFilterTextContainer											{ min-width: 250px; }
#index_content a														{ line-height: 20px !important; }
#index_content a.hide												{ display: none !important; }
#index_content a > span												{ display: none !important; }
@media screen and (max-width: 767px) {
	#indexFilterTextContainer										{ width: 100%; }
}
/*******| End Index													|*********************************************************************************************************************/

/*******| Marken														|*********************************************************************************************************************/
@media screen and (min-width: 1200px) {
#marken_content > div												{ max-width: 185px; }
}

.brandheader > div													{ position: relative; }
.brandheader > div > div:nth-of-type(1)						{ position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; }
.brandheader > div > div:nth-of-type(1):after				{ display: block; content: ""; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); }
.brandheader > div > div:nth-of-type(2)						{ position: relative; z-index: 2; }

.brand-group-box														{ padding: 0.25rem 0.5rem; margin-top: 0.25rem; margin-bottom: 1rem; }
.brand-group-box > div												{ padding: 0 0.5rem; }
.brand-group-box > div > div										{ padding: 0; }
.brand-group-box > div > div > h5								{ margin: 0; border-top: 2px solid; }
.brand-group-box > div > div > h5 > a							{ display: block; padding: 0.5rem; background: #f5f5f5; font-size: 1rem; }
.brand-group-box > div > div > h5 > a:before					{ float: right; display: block; content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; }

.brandheaderlogo img													{ max-width: 50%; max-height: 75px; }
/*******| End Marken													|*********************************************************************************************************************/

/*******| BASKET														|*********************************************************************************************************************/
.bsi-table																{ margin-bottom: 50px; }
.bsi-table > thead > tr > td										{ font-weight: 500; vertical-align: bottom; font-weight: bold; border-top: 2px solid #000000; border-bottom: 1px solid #000000; }
.bsi-table > tbody > tr > td										{ font-weight: 400; }
.bsi-table > tbody > tr > td.bsi-image > a 					{ width: 60px; }
.bsi-table > tbody > tr > td.bsi-preistotal					{ font-weight: bold; }
.bsi-table > tfoot > tr > td										{ font-weight: 300; }
.bsi-table > tfoot > tr > td.bsi-preistotal					{ font-weight: 700; }
.bsi-table > tfoot > tr:nth-of-type(1) > td					{ border-top: 1px solid #000000; padding-top: 5px !important; }
.bsi-table > tfoot > tr:nth-last-of-type(3) > td.bsi-border			{ padding-bottom: 5px !important; }
.bsi-table > tfoot > tr:nth-last-of-type(2) > td.bsi-border			{ border-top: 1px solid #000000; padding-top: 5px !important; border-bottom: 3px double #000000; padding-bottom: 5px !important; }
.bsi-table > tfoot > tr:nth-last-of-type(1) > td			{ padding: 10px 0 0 0 !important; }

.bsi-row { border-top: 1px solid #000000; }
.bsi-row-0 + .bsi-row-0,
.bsi-row-1 + .bsi-row-1 { border-top: 1px solid #dddddd; }

.bsi-row.bsi-row-noborder { border-top: none !important; }
.bsi-row.bsi-row-noborder > td { padding: 0 0 1px 0 !important; }
.bsi-row.bsi-row-noborder > td > div { display: none; }
.bsi-row.bsi-row-noborder.show > td > div { display: block; }

.bsi-row .availability 													{ width: 16px; height: 38px; }

.bsi-gehrung-img { width: 266px; }
.bsi-gehrung-img > div { position: relative; cursor: pointer; }
.bsi-gehrung-img > div > i { position: absolute; left: 8px; top: 8px;; }

.bsi-hinweis {background-color: #d9edf7;  padding: 5px;margin: 5px;}
.bsi-hinweis-sm{display: none;}

@media screen and (max-width: 959px) {
.bsi-table																	{ display: block; }
.bsi-table > thead														{ display: none; }
.bsi-table > tbody														{ display: block; width: 100%; }
.bsi-table > tbody > tr													{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.bsi-table > tbody > tr > td											{ display: block; order: 9999; }
.bsi-table > tbody > tr > td.bsi-image								{ order: 1; }
.bsi-table > tbody > tr > td.bsi-delete							{ order: 2; }
.bsi-table > tbody > tr > td.bsi-text								{ order: 3; width: 100%; }
.bsi-table > tbody > tr > td.bsi-menge								{ order: 4; width: 100%; }
.bsi-table > tbody > tr > td.bsi-preistotal						{ order: 5; width: 100%; }

.bsi-table > tfoot														{ display: table; width: 100%; }
.bsi-table > tfoot > tr > td											{ white-space: nowrap; }
.bsi-table > tfoot > tr > td.bsi-empty								{ display: none; }
.bsi-table > tfoot > tr > td.bsi-price-label-1					{ width: 100%; white-space: normal; }

.bsi-hinweis	{display: none;}
.bsi-hinweis-sm {display:block;background-color: #d9edf7;  padding: 5px;margin: 5px;white-space: normal!important;}
}
.zusatzLine{border-bottom: 1px solid #000000;padding-bottom: 5px !important;}
/*******| End BASKET													|*********************************************************************************************************************/


.tooltipster-shadow-blacktext, .tooltipster-shadow-blacktext * { color: #000000 !important; }

/***********| Stock Table |****************************/

.table#stocktable>tbody>tr>td { padding: 0rem 0.5rem !important; }

.iconMinWidth{ min-width: 18px; display: inline-block; }
.iconMinWidth2{ min-width: 32px; display: inline-block; }
.iconMinWidthSave{ min-width: 70px !important; display: inline-block; }
.iconMinHeight{ min-height: 32px; display: inline-block; }
.iconMinHeight2{ min-height: 21px; display: inline-block; }

.alert-extradanger { color: white; background-color: #d0002d; border-color: #d0002d; font-weight: bold; }