/*
Description: Basic and global styles


    ##### Table of Content #####

    - :root, *, html, body
    - Accordion
    - Banner
    - Button
    - Form
    - Gradient BG
    - Händlerpage
    - Images
    - Lists
    - Product single
    - Product Verteiler
    - Swiper Slider
    - Table
    - Tabs
    - Typography
    - Warenkorb Popup
    - Warenkorb Seite

*/

:root {
  --primary-color: #B3FF5C;
  --primary-color-dark: #8CD637;
  --primary-color-light: #B3FF5C;
  --secondary-color: #CF16EF;
  --secondary-color-dark: rgb(167, 16, 194);
  --secondary-color-light: rgb(221, 25, 255);
  --ternary-color: #006DC8;
  --ternary-color-dark: #004c8b;
  --ternary-color-light: #0085f5;
  --success: #8CD637;
  --warning: hsl(34, 100%, 51%);
  --alert: #F21919;
  --grey-color: #8D8D8D;
  --grey-color-dark: #464646;
  --grey-color-light: #D5D5D5;
  --grey-color-lighter: #E6E6E6;

  --body_color: #464646;
  --nav_bg: #fff;
  --main_bg: #fff;
  --footer_bg: #464646;

  --font-color: var(--body_color);
  --font-color-dark: #000;
  --font-color-light: #ffffff;

  --col-gap: 1rem;
  --transition: all 0.2s ease-in-out;
}

/*
@media (prefers-color-scheme: dark) {
  :root {
    --primary-color: #006dc8;
    --primary-color-dark: #004680;
    --primary-color-light: #99c4e9;
    --secondary-color: #8cd637;
    --secondary-color-dark: #5d941e;
    --secondary-color-light: #d1efaf;
    --grey-color: #999999;
    --grey-color-dark: #171717;
    --grey-color-light: #d1d1d1;

    --body_color: #f3f3f3;
    --nav_bg: #333;
    --main_bg: #333;
    --footer_bg: #171717;

    --font-color: var(--body_color);
    --font-color-dark: #000000;
    --font-color-light: #fff;
  }
}
*/

@font-face {
	font-family: DinFont;
	src: url("../font/ff_din_web_regular/DINWeb.woff") format("woff");
}

@font-face {
	font-family: DinFont;
	src: url("../font/ff_din_web_bold/DINWeb-Bold.woff") format("woff");
	font-weight: bold;
}

@font-face {
  font-family: 'Material Icons Sharp';
  font-style: normal;
  font-weight: 400;
  src: url("../font/material-icon/MaterialIconsSharp-Regular.woff2") format('woff2');
}

@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url("../font/material-icon/MaterialIconsOutlined-Regular.woff2") format('woff2');
}

.icon {
  font-family: 'Material Icons Sharp';
  font-weight: normal;
  font-style: normal;
  font-size: .75rem;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.icon-gross {
  font-size: 1.25rem;
}

.icon-outlined {
  font-family: 'Material Icons Outlined' !important;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  line-height: 0;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
html {
  color: var(--body_color);
  font-family: 'DinFont', Tahoma, Arial, Liberation Sans, sans-serif;
  font-size: 16px;
  scroll-behavior: smooth;
  scroll-padding: 200px;
}

/* Accordion */
.accordion .accordion_container {
  margin-bottom: 1rem;
}

.accordion .accordion_title {
  display: flex;
  position: relative;
}

.accordion--landingpage .active .accordion_title {
  background-color: var(--primary-color-light);
}

.accordion .accordion_title::after {
  content: '';
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.accordion .accordion_title .accordion_icon {
  position: relative;
  width: 42px;
}

.accordion .accordion_title .accordion_icon::before {
  content: 'keyboard_arrow_right';
  font-family: 'Material Icons Sharp';
  left: 50%;
  position: relative;
  top: 2px;
}

.accordion .active .accordion_title .accordion_icon::before {
  content: 'keyboard_arrow_down';
}

.accordion .accordion_title h1,
.accordion .accordion_title h2,
.accordion .accordion_title h3,
.accordion .accordion_title h4,
.accordion .accordion_title h5,
.accordion .accordion_title h6,
.accordion .accordion_title p {
  padding: 1rem 1rem 1rem .6rem;
}

.accordion .accordion_title .accordion_variant,
.accordion .accordion_title .accordion_price {
  padding: 1rem;
}

.accordion .accordion_title .accordion_price {
  align-items: center;
  display: flex;
  font-weight: 700;
  justify-content: end;
  min-width: 120px;
}

.accordion .accordion_container .accordion_panel {
  width: 100%;
  height: auto;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0px 1rem;
  transition: var(--transition);
}

.accordion .accordion_container.active .accordion_panel {
  padding: 1rem;
  opacity: 1;
  height: auto;
  max-height: 5000px;
}

@media screen and (min-width:576px){
  .accordion .accordion_container.active .accordion_panel {
    padding-left: 3.2rem;
  }
}

/* Banner */

@media only screen and (max-width: 1200px) {
  .banner {
    height: auto;
  }
}

@media only screen and (min-width: 1200px) {
  .banner {
    height: 203.067px;
  }
}

/* Breadcrubms */
#cobreadcrumbs li {
  border-bottom: 10px solid #fff;
}

#cobreadcrumbs li.active {
  border-color: var(--grey-color-dark);
}

/* Button */

button {
  background-color: transparent;
  border: 0;
  font-family: inherit;
  line-height: 1.4;
  outline: 0;
  position: relative;
}

button .icon,
a .icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-52%);
}

button .icon.icon-left,
a .icon.icon-left {
  left: 1rem;
  right: unset;
}

/* Form */
input[type="search"],
input[type="search"]:focus-visible {
  border: 0;
  outline: 0;
  line-height: 1.2rem;
}

input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  padding: 2px;
  background-clip: content-box;
  border: 2px solid var(--success);
  background-color: #fff;
  border-radius: 50%;
}

input[type="radio"]:checked {
  background-color: var(--success);
}

input[type="text"] {
  padding: .25rem;
}
select {
  padding: .25rem;
}
input[type="tel"] {
  padding: .25rem;
}
input[type="email"] {
  padding: .25rem;
}

textarea {
  line-height: 1.2em;
}

input.inputerror {
  border-color: var(--alert);
}

select.inputerror {
  border-color: var(--alert);
}

textarea.inputerror {
  border-color: var(--alert);
}

.adresseTable td {
  min-width: 110px;
  padding-bottom: .5rem;
}

.adresseTable td input:not([type="radio"]),
.wkWiederherstellen td input:not([type="radio"]) {
  width: 100%;
}

.adresseTable label {
  color: var(--grey-color);
  font-weight: 700;
}

.adresseTable .titleFloat {
  display: flex;
  gap: 1rem;
}

.adresseTable .titleFloat .radiowithlabel {
  display: flex;
  gap: .25rem;
}


/* Reperatur Formuar */

.formTableRow input {
	width: 100%;
}

.formTableRow select {
	width: 100%;
}

.formTableRow textarea {
	width: 100%;
}

.formTableRow label{
	display: block;
}

.checkboxTable {

	padding-top: 1em;
	padding-bottom: 1em;
}

.checkboxTable .cbElement {
	padding-top: 1em;
}

.checkboxTable .cbElement input {
	float: left;  
}

.checkboxTable .cbElement label {
	display: block;
        margin-left: 30px;
}





select#textilID {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 100%;
  background-repeat: no-repeat;
  background-color: var(--grey-color-lighter);
  border: 1px solid var(--grey-color-lighter);
  border-bottom: 0;
  cursor: pointer;
  height: 45px;
  padding: .75rem;
  width: 340px;
  max-width: 100%;
}

/* Gradient CTA BG */

.gradient-cta-dark {
  background: var(--primary-color-dark);
  background: linear-gradient(90deg, var(--primary-color-dark) 0%, var(--primary-color-dark) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}

.gradient-cta-ternary {
  background: var(--primary-color-ternary);
  background: linear-gradient(90deg, var(--ternary-color) 0%, var(--ternary-color) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}

@media only screen and (max-width: 767px){
  .gradient-cta-dark,
  .gradient-cta-ternary {
    background: unset;
  }
}

/* Händlerpage */
.haendlerpage-logo {
  height: 200px;
  max-height: 200px;
}

@media screen and (min-width: 768px) {
  .haendlerpage-logo {
    margin-top: -200px;
  }
}

/* Hero */
.hero-textbox {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  bottom: -70px;
  left: 50%;
  padding: 1rem;
  position: absolute;
  transform: translateX(-50%);
  width: 92%;
}

.hero-textbox p {
  line-height: 1.2;
}

@media screen and (min-width: 576px) {
  .hero-textbox {
    bottom: -2rem;
    padding: 2rem;
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .hero-textbox {
    bottom: 25px;
    width: auto;
  }
}

/* Images */
img {
  max-width: 100%;
}

@media screen and (min-width: 778px) {
  .imgCont {
    min-height: 262px;
  }
}

/* Lists */
ul {
  list-style: none;
}

main ol {
  counter-reset: ordered-list-counter;
  list-style: none;
}

/*
removed in favor of usrHTMLContent
main ul:not(.list-icon):not([class*="list-style-"]) li::before {
  content: '-';
  left: 0;
  position: absolute;
  top: 0.625rem;
}
*/


main ul li,
main ol li {
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  position: relative;
}

main ol li {
  counter-increment: my-awesome-counter;
  padding-left: 1.6rem;
}

main ol li::before {
  content: counter(my-awesome-counter) ".";
  left: 0;
  position: absolute;
  top: 0.625rem;
}
main ul.list-icon li {
  padding-left: 1.6rem;
}

main ul.list-icon span {
  align-items: center;
  display: flex;
  height: 1rem;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0.3rem;
  width: 1rem;
}

dt {
  float: left;
  clear: left;
  width: 100px;
  font-weight: bold;
}
dt::after {
  content: ":";
}
dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em 0;
}

/*

removed as part of usrHTMLContent

#pDescTabs .tab_container ul {
  list-style: none;
}

#pDescTabs .tab_container ul li {
  padding-left: 1.25rem;
}

#pDescTabs .tab_container ul li::before {
  position: absolute;
  top: 48%;
  left: 0;
  content: 'arrow_right';
  font-family: 'Material Icons Sharp';
}
*/

/* Product Verteiler */

.verteiler--kategorie .img {
  display: inherit;
  padding: 2rem 1rem 1.5rem 1rem;
}

.verteiler--kategorie .img > div {
  border: 2px solid var(--ternary-color);
  margin: 0 auto;
  position: relative;
}

.verteiler--kategorie .img > div:before {
  border-color: var(--ternary-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  content: '';
  height: 100%;
  left: -.6rem;
  position: absolute;
  top: .6rem;
  width: 100%;
}

.verteiler--kategorie .img > div:after {
  border-color: var(--ternary-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  content: '';
  height: 100%;
  left: -1.1rem;
  position: absolute;
  top: 1.1rem;
  width: 100%;
}

/* Product Single */
#pTop .praPreis p,
#pTop .praPreisNote,
#pTop .strikePreis {
  text-align: left!important;
}

#pTop .praLieferzeit {
  justify-content: flex-start!important;
}

.praLieferzeit img {  
  height: fit-content;
  margin-top: 2px;
}

.product-konfigurator {
  background-color: #f3f3f3;
  overflow: hidden;
}

.product-konfigurator #bezTop #bezCode {
  position: relative;
}

.product-konfigurator #bezTop #bezCode::after {
  background-color: #fff;
  content: '';
  left: -1rem;
  height: 1px;
  position: absolute;
  top: -1px;
  width: 275px;
  max-width: 100%;
}

.product-konfigurator #NObezImage {
  margin-top: -3rem;
}

.product-konfigurator select {
  line-height: initial;
}

#pDescription .pDescArea {
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .product-konfigurator .container {
    position: relative;
    padding-right: 2rem;
  }

  .product-konfigurator .container::after {
    background-color: #fff;
    content: '';
    height: 2000px;
    left: calc(100% - 2rem);
    position: absolute;
    top: -200px;
    width: 5000px
  }
}

@media screen and (min-width: 1200px) {
  .product-konfigurator .container::after {
    left: calc(100% - 1rem);
  }
}

/* Product Verteiler */
.produktverteiler_produkt a {
  padding: 2px;
}

@media screen and (min-width:768px){
  .produktverteiler_produkt a {
    min-height:424.6px;
  }
}

/* Swiper Slider */
.swiper {
  max-width: 100%;
  width: 100%;
}

.swiper .swiper-slide {
  cursor: pointer;
}

/* Table */
.overflow-gradient {
  position: relative;
}

.overflow-gradient::after {
  background: rgb(207,207,207);
  background: -webkit-linear-gradient(left, rgba(207,207,207,0) 0%, rgba(207,207,207,1) 100%);
  background: -o-linear-gradient(left, rgba(207,207,207,0) 0%, rgba(207,207,207,1) 100%);
  background: linear-gradient(to right, rgba(207,207,207,0) 0%, rgba(207,207,207,1) 100%);
  content: '';
  height: 100%;
  position: absolute;
  right: 1rem;
  top: 0;
  width: 50px;
}

.overflow-gradient-scrollbar {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (min-width:1200px){
  .overflow-gradient::after {
    content: none;
  }
}

.agbTable tr:nth-child(odd) {
  background-color: var(--grey-color-lighter);
}

.agbTable td {
  padding: .4rem 1rem;
}

/* Tabs */
#pDescTabs.tabs .tab {
  border-bottom: 5px solid var(--grey-color);
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 1rem;
  padding: .5rem 0;
  position: relative;
  text-transform: uppercase;
  transition: var(--transition);
  z-index:5;
}

.landingpage.tabs .tab {
  background-color: var(--grey-color-lighter);
  cursor: pointer;
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  position: relative;
  transition: var(--transition);
  z-index:5;
}

.tabs .tab::after {
  content: '';
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.tab:last-child {
  margin-right: 0;
}

#pDescTabs.tabs .tab.active {
  border-color: var(--font-color-dark);
  color: var(--font-color-dark);
}

.landingpage.tabs .tab.active {
  background-color: var(--grey-color-light);
}

.tabs .tab_container {
  height: auto;
  padding: 1rem 0;
  width: 100%;
}

.tabs .tab_container.hide {
  display: none;
}

/* Typography */
h1,
.h1 {
  font-size: 1.5rem;
}

h2,
.h2 {
  font-size: 1.5rem;
}

h3,
.h3 {
  font-size: 1.35rem;
}

h4,
.h4 {
  font-size: 1.25rem;
}

h5,
.h5 {
  font-size: 1.15rem;
}

h6,
.h6 {
  font-size: 1rem;
}

@media screen and (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2rem;
  }

  h2,
  .h2 {
    font-size: 1.25rem;
  }

  h3,
  .h3 {
    font-size: 1.25rem;
  }

  h4,
  .h4 {
    font-size: 1.25rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--font-color-dark);
  line-height: 1.25em;
  text-transform: normal;
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
ul + h1, ul + h2,
ul + h3, ul + h4,
ul + h5, ul + h6,
ol + h1, ol + h2,
ol + h3, ol + h4,
ol + h5, ol + h6,
img + h1, img + h2,
img + h3, img + h4,
img + h5, img + h6,
table + h1, table + h2,
table + h3, table + h4,
table + h5, table + h6,
p + img, blockquote + img {
  margin: 2rem 0 0 0;
}

h1 + ol, h2 + ol,
h3 + ol, h4 + ol,
h5 + ol, h6 + ol,
h1 + ul, h2 + ul,
h3 + ul, h4 + ul,
h5 + ul, h6 + ul,
h1 + table, h2 + table,
h3 + table, h4 + table,
h5 + table, h6 + table {
  margin: 1rem 0 0 0;
}

p,
li,
dt,
dd,
a,
span,
strong,
blockquote,
td,
th,
label {
  font-size: 1rem;
  line-height: 1.4em;
}

p,
blockquote {
  color: var(--body_color);
  margin: 1rem 0 0 0;
}

p + ul,
p + ol {
  margin: 1rem 0 0 0;
}

a {
  position: relative;
  color: var(--font-color-dark)
}

a:hover {
  color: var(--grey-color);
}

a,
a:visited,
a:active {
  text-decoration: none;
}

a,
[class*="_hover"],
.pointer {
  cursor: pointer;
  transition: var(--transition);
}

::placeholder {
  color: var(--body_color);
  font-size: 1rem;
  opacity: 1;
}

/* Warenkorb Popup */
#wkPopupLayer {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.80);
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}


#wkPopupOutside {
	width: 700px;
	background-color: #FFFFFF;
	position: relative;
}

#wkPopupTopRow {
	background-color: #e2e3e7;
	padding: 1rem;
}

#wkPopupTableHeader {
	background-color: #f9f9fb;
	height: 50px;
	border-bottom: 1px solid #e2e3e7;
	position: relative;
	padding: 1rem 0;
}

#wkPopupTableHeader .colProdukt { position: absolute; left: 1rem; }
#wkPopupTableHeader .colItemPreis { position: absolute; left: 40%; }
#wkPopupTableHeader .colCount { position: absolute; left: 68%; }
#wkPopupTableHeader .colSubTotal { position: absolute; right: 1rem; }

.wkPopupItemRow {
	padding: 20px 0px 0px 0px;
	background-color: #FFFFFF;
}

.wkPopupTable {
	margin: 0 1rem 1rem 1rem;
	border-collapse: collapse;
	padding: 0px;
}

.wkPopupTable .topRow {
	height: 24px;
}

.wkPopupTable .colImage {
	display: none;
}

.wkPopupTable .colImage div{
	width: 80px;
	height: 80px;
}

.wkPopupTable img {
	vertical-align: middle;
}

.wkPopupTableHeader .colProdukt p,
.wkPopupTableHeader .colItemPreis p,
.wkPopupTableHeader .colCount p,
.wkPopupTableHeader .colSubTotal p,
.wkPopupTable .colDescription p,
.wkPopupTable .colDescription {
	font-size: 0.75rem;
	margin-top: 0;
}

.wkPopupTable .colProdukt {
	width: 200px;
	vertical-align: top;
}

.wkPopupTable .colProdukt p,
.wkPopupTable .colItemPreis,
.wkPopupTable .colSubTotal {
	font-weight: 700;
	margin-top: 0;
}

.wkPopupTable .colItemPreis {
	width: 90px;
	vertical-align: top;
}

.wkPopupTable .colCount {
	width: 55px;
	vertical-align: top;
	text-align: center;
}

.wkPopupTable .colSubTotal {
	text-align: right;
	width: 95px;
	vertical-align: top;
}

.wkPopupTable .colDescription {
	vertical-align: top;
	width: 370px;

}

.wkPopupNote {
	padding: 0px 20px 20px 20px;
}

.wkPopupBottomRow {
	position: relative;
	background-color: #e2e3e7;
}

@media screen and (min-width: 768px) {	
	.wkPopupTable .colImage {
		display: table-cell;
		vertical-align: top;
		width: 110px;
	}

	.wkPopupTable .colProdukt {
		width: 285px;
	}

	.wkPopupTable .colItemPreis {
		text-align: right;
		width: 120px;
	}
	
	#wkPopupTableHeader .colProdukt { left: 20px; }
	#wkPopupTableHeader .colItemPreis { left: 415px;}
	#wkPopupTableHeader .colCount { left: 527px;}
	#wkPopupTableHeader .colSubTotal { left: 596px; right: unset; }
}

/* Warenkorb Seite */
.warenkorbTable {
  background-color: var(--grey-color-light);
	border-collapse: collapse;
  position: relative;
  width: 100%;
}

.warenkorbTable th {
  font-weight: 700;
  padding: 1rem;
  text-align: left;
}

.warenkorbTable td {
	text-align: left;
}

.warenkorbTable thead {
  position: absolute;
  width: 100%;
}

.warenkorbTable thead tr {
  display: flex;
  flex-wrap: nowrap;
}

.warenkorbTable thead th.colProdukt,
.warenkorbTable thead th.colItemPreis,
.warenkorbTable thead th.colCount,
.warenkorbTable thead th.colSubTotal {
  width: 25%;
}

.warenkorbTable tbody {
  display: block;
}

.warenkorbTable tbody {
  padding-top: 50px;
}
.warenkorbTable tbody tr {
  background-color: #fff;
  border-bottom: 10px solid var(--grey-color-light);
  display: flex;
  flex-wrap: wrap;
}

.warenkorbTable tbody td.colImage,
.warenkorbTable tbody td.colProdukt {
  padding-top: 2rem;
  width: 100%
}

.warenkorbTable tbody td.colItemPreis,
.warenkorbTable tbody td.colCount,
.warenkorbTable tbody td.colSubTotal {
  padding-bottom: 1rem;
  padding-top: 1rem;
  width: 33.3333%;
}

.warenkorbTable tbody td.colProdukt {
  min-width: 300px;
}

.agbLayer textarea {
  line-height: 1.4;
}

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

  .warenkorbTable tbody tr {
    flex-wrap: nowrap;
  }

  .warenkorbTable thead th.colProdukt {
    width: 50%;
  }

  .warenkorbTable thead th.colItemPreis,
  .warenkorbTable thead th.colCount,
  .warenkorbTable thead th.colSubTotal {
    width: 15%;
  }

  .warenkorbTable tbody td.colImage,
  .warenkorbTable tbody td.colProdukt {
    width: 25%;
    padding-bottom: 2rem;
  }
  
  .warenkorbTable tbody td.colItemPreis,
  .warenkorbTable tbody td.colCount,
  .warenkorbTable tbody td.colSubTotal {
    width: 15%;
  }

  .warenkorbTable th.colItemPreis,
  .warenkorbTable th.colCount,
  .warenkorbTable th.colSubTotal,
  .warenkorbTable td.colItemPreis,
  .warenkorbTable td.colCount,
  .warenkorbTable td.colSubTotal {
    text-align: right;
  }
}

/* Resulted Sonder */
.index-banner { margin: 0 auto; max-width: 1180px; }


/* FAQ */
.faqContainer
{
	position: relative;
}

.faqActive
{

}

.faqTitle
{
	background-color: var(--grey-color-lighter);

	line-height: 1em;
	padding: 1em 1em 1em 3em;

	position: relativ;
}

.faqActive .faqTitle
{
	background-color: var(--primary-color);
}

.faqTitle::before
{
	font-family: 'Material Icons Sharp';  
	content: 'keyboard_arrow_right';

	position: absolute;
	left: 1em;
	top: 1.6em;
}

.faqActive .faqTitle::before
{
	content: 'keyboard_arrow_down';
}

.faqContent
{
	display: none;

	background-color: var(--grey-color-lighter);
	padding: 1em;
}

.faqActive .faqContent
{
	display: block;
}

/*
.faqContainer .faqIcon
{
	display: block;
	width: 42px;
	font-family: 'Material Icons Sharp';  
	font-size: 1em;
}

.faqContainer .faqIcon::before
{
	content: 'keyboard_arrow_right';
}
*/



#prhsSDContainer {
/*	padding-top: 1rem; */
}

#krhsSDContainer {
/*	padding-top: 1rem; */
}

/* 
 * common styling for admnin side html content
 */

.usrHTMLContent p:first-child
{
	margin-top: 0;
}

.usrHTMLContent ul:first-child
{
	margin-top: 0;
}

.usrHTMLContent ol:first-child
{
	margin-top: 0;
}



.usrHTMLContent li
{
	margin-bottom: 0.25em;
}

.usrHTMLContent a
{
	text-decoration: underline;
}

.usrHTMLContent a:hover
{


}

.usrHTMLContent ul
{
	padding-left: 0;
}

.usrHTMLContent ol
{
	padding-left: 0;
}

.usrHTMLContent li
{
	padding-left: 1.5rem;
}



.usrHTMLContent ul li::before
{
    position: absolute;
    top: 0.6em;
    left: 0;
    content: 'arrow_right';
    font-family: 'Material Icons Sharp';
}

.usrHTMLContent .floatLeftImg
{
  border: 1px solid grey;
  float: left;
  margin-right: 1em;
}

.usrHTMLContent .floatRightImg
{
  float: left;
}