@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('css/fonts/open-sans-v35-latin-regular.woff2') format('woff2'),
  url('css/fonts/open-sans-v35-latin-regular.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('css/fonts/open-sans-v35-latin-italic.woff2') format('woff2'),
  url('css/fonts/open-sans-v35-latin-italic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('css/fonts/open-sans-v35-latin-600.woff2') format('woff2'),
  url('css/fonts/open-sans-v35-latin-600.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('css/fonts/open-sans-v35-latin-600italic.woff2') format('woff2'),
  url('css/fonts/open-sans-v35-latin-600italic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('css/fonts/open-sans-v35-latin-700.woff2') format('woff2'),
  url('css/fonts/open-sans-v35-latin-700.ttf') format('truetype');
}


@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('css/fonts/open-sans-v35-latin-700italic.woff2') format('woff2'),
  url('css/fonts/open-sans-v35-latin-700italic.ttf') format('truetype');
}
/*
@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('css/fonts/blinker-v4-latin-regular.woff2') format('woff2'),
  url('css/fonts/blinker-v4-latin-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Blinker';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('css/fonts/blinker-v4-latin-700.woff2') format('woff2'),
  url('css/fonts/blinker-v4-latin-700.ttf') format('truetype');
}
*/

/* reset margin and padding */
*, *::before, *::after {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

#horizontalAccordion { display:none; }
#horizontalAccordion ul.resp-tabs-list { display:none !important; }
#horizontalAccordion .resp-tab-content { display:none; }
#horizontalTab ul.resp-tabs-list { list-style-type:none; }
#horizontalTab ul.resp-tabs-list li { display: inline-block; }
#horizontalTab .resp-tabs-container { display: none; }

* {
  scrollbar-width: thin;
  scrollbar-color: #666 #eee;
}
*::-webkit-scrollbar {
  width: 9px;
}
*::-webkit-scrollbar-track {
  background: #eee;
}
*::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 0px;
  border: 1px solid #eee;
}
.no_scroll,
.viewer-open {
  overflow:hidden;
}
html {
  scrollbar-gutter: stable;
}
@media not all and (min-resolution: 0.001dpcm) {
  .no_scroll, .viewer-open {
    padding-right: calc(9px - (100vw - 100%));
  }
}

@supports (-webkit-overflow-scrolling: touch) {
  input[type=text], input[type=password], input[type=email], input[type=tel] { font-size: 16px !important; }
  select { font-size: 16px !important;  }
  textarea { font-size: 16px !important; }
  .SumoSelect > .CaptionCont { font-size:16px !important; }
}

body * {
  -moz-text-size-adjust: none;    /* Firefox Mobile */
  -webkit-text-size-adjust: 100%; /* Safari */
  -ms-text-size-adjust:     100%; /* Windows Mobile */
  max-height:          1000000px; /* Chrome for Android */
}

:root {
  /* Theme tokens (can be overridden via css/theme-*.css) */
  --c-bg: #fff;
  --c-text: #111;
  --c-muted-text: #555;

  --c-link: #333;
  --c-link-hover: #555;

  --c-surface: #f5f5f5;
  --c-input-bg: #eee;
  --c-border: #ddd;
  --c-aside-nav-sep: var(--c-border);
  --c-aside-nav-l1-bg: #ffffff;
  --c-aside-nav-l1-text: #555555;
  --c-aside-nav-l1-hover-bg: var(--c-header-usp-bg);
  --c-aside-nav-l1-hover-text: var(--c-header-usp-text);
  --c-aside-nav-l2-bg: #eeeeee;
  --c-aside-nav-l2-text: #555555;
  --c-aside-nav-l2-hover-bg: #b0b0b0;
  --c-aside-nav-l2-hover-text: #ffffff;
  --c-aside-box-bg: #ffffff;
  --c-border-strong: #ccc;

  --c-button-text: #fff;
  --c-button-bg: #222;
  --c-button-bg2: #666;

  --c-header-usp-bg: #383838;
  --c-header-usp-text: #fff;

  --c-gradient-bg: #444;
  --c-gradient-bg-image: none;
  --c-gradient-text: #fff;

  --c-footer-bg: #444;
  --c-footer-text: #fff;
  --c-footer-bg-image: none; /* oder linear-gradient(...) */

  --c-focus: #019cde;
  /* Navigation tokens */
	--c-nav-header-megadropdown-bg: #000;
	--c-nav-header-megadropdown-text: #fff;
	--c-nav-header-megadropdown-text: #fff;
  --c-nav-l1-text: var(--c-header-usp-text);
  --c-nav-l1-bg: transparent;
  --c-nav-dropdown-text: #222222;
  --c-nav-dropdown-hover-bg: #e0e0e0;
  --c-nav-dropdown-hover-text: var(--c-nav-dropdown-text);
  --c-nav-l1-hover-bg: #999;
  --c-nav-l1-hover-text: #222;

  --c-nav-dropdown-bg: #eee;
  --c-nav-dropdown-shadow: #666;
  --c-nav-item-border: #ccc;

  --c-nav-l1-sub-bg: #fff;
  --c-nav-l1-sub-text: #444;
  --c-nav-l1-sub-hover-bg: #fff;
  --c-nav-l1-sub-hover-text: #222;

  --c-nav-l2-bg: #eee;
  --c-nav-l2-text: #333;
  --c-nav-l2-hover-bg: #ccc;
  --c-nav-l2-hover-text: #222;

  --c-nav-l3-bg: #f1f1f1;
  --c-nav-l3-text: #333;
  --c-nav-l3-hover-bg: #eee;
  --c-nav-l3-hover-text: #222;

  --c-nav-l4-bg: #ccc;
  --c-nav-l4-text: #555;
  --c-nav-l4-hover-bg: #ccc;
  --c-nav-l4-hover-text: #333;

  --c-nav-l5-bg: #383838;
  --c-nav-l5-text: #fff;
  --c-nav-l5-hover-bg: #71321c;
  --c-nav-l5-hover-text: #fff;

  --c-nav-mobile-icon: #fff;
  --c-nav-mobile-text: #fff;
  --c-nav-mobile-bg: #383838;           /* bis 767px */
  --c-nav-mobile-bg-md: transparent;    /* ab 768px (kannst du ändern) */

  --c-nav-panel-link: #666;
  --c-nav-panel-link-hover: #444;
  --c-nav-panel-border: #eee;
  /* Breadcrumb tokens */
  --c-breadcrumb-bg: transparent;
  --c-breadcrumb-text: var(--c-muted-text);
  --c-breadcrumb-link: var(--c-link);
  --c-breadcrumb-link-hover: var(--c-link-hover);
  --c-breadcrumb-current: var(--c-text);
  --c-breadcrumb-sep: var(--c-muted-text);

  /* Pagination tokens */
  --c-pagination-text: var(--c-muted-text);
  --c-pagination-border: var(--c-border-strong);
  --c-pagination-link-text: #333;
  --c-pagination-link-bg: #eee;
  --c-pagination-link-hover-text: #fff;
  --c-pagination-link-hover-bg: #333;
  --c-pagination-current-text: #900;
  --c-pagination-current-bg: #f1f1f1;
  --c-pagination-disabled-text: #ccc;
  --c-pagination-disabled-bg: #fff;

  /* Filter / sorting tokens */
  --c-filter-bg: transparent;
  --c-filter-border: transparent;
  --c-filter-label: var(--c-muted-text);
  --c-filter-control-bg: var(--c-input-bg);
  --c-filter-control-text: var(--c-text);
  --c-filter-control-border: var(--c-border-strong);
  --c-filter-control-focus: var(--c-focus);

  --c-filter-view-bg: transparent;
  --c-filter-view-text: var(--c-muted-text);
  --c-filter-view-hover-text: var(--c-text);
  --c-filter-view-active-bg: transparent;
  --c-filter-view-active-text: var(--c-primary, #0b5fff);

  --c-filter-tags-header-text: var(--c-text);
  --c-filter-tags-reset-link: var(--c-link);

  --c-filter-tag-bg: transparent;
  --c-filter-tag-text: var(--c-muted-text);
  --c-filter-tag-border: transparent;


  /* Brand / semantic colors */
  --c-primary: #0b5fff;
  --c-primary-hover: #0847bf;
  --c-on-primary: #fff;
  
  --c-secondary: #383838;
  --c-secondary-hover: #222;
  --c-on-secondary: #fff;
  
  --c-danger: #b00020;
  --c-danger-hover: #7a0016;
  --c-on-danger: #fff;
  
  --c-success: #0b7a43;
  --c-success-hover: #075b32;
  --c-on-success: #fff;
  
  --c-warning: #b45309;
  --c-warning-hover: #92400e;
  --c-on-warning: #fff;
  
  --c-info: #0ea5e9;
  --c-info-hover: #0284c7;
  --c-on-info: #002233;
  
  /* Focus ring (WCAG-friendly) */
  --c-focus-ring: rgba(1, 156, 222, 0.35);
  --c-focus-ring-width: 3px;
  
  /* Links */
  --c-link: #333;
  --c-link-hover: #555;
  --c-link-visited: #333;
  --c-link-focus: var(--c-focus);
  
  /* Form controls (input / select / textarea) */
  
  --c-control-font-size: 13px;
  --c-control-line-height: 18px;
  --c-control-border-width: 1px;
  --c-control-border-style: solid;
  --c-control-border-radius: 4px;
  
  --c-input-color: #555;
  --c-input-bg: #eee;
  --c-input-border: #ddd;
  --c-input-hover-bg: var(--c-input-bg);
  --c-input-hover-border: #333;
  --c-input-shadow: rgba(0,0,0,0.2);
  --c-input-shadow-inset: inset 0 2px 1px 0 var(--c-input-shadow);
  --c-input-padding: 0.65em 0.5em 0.5em 0.5em;
  
  --c-input-placeholder: grey;
  
  --c-input-font-size: 14px;
  --c-input-height: 44px;
  --c-input-padding-fixed: 11px 11px 11px 11px;
  --c-input-transition: all 0.25s ease-in-out;
  
  --c-input-focus-bg: #fefefe;
  --c-input-focus-border: #333;
  --c-input-focus-color: #333;
  --c-focus-ring-width: 3px;
  --c-input-focus-ring: rgba(1,156,222,.35);
  
  --c-input-disabled-bg: #f2f2f2;
  --c-input-disabled-border: #e2e2e2;
  --c-input-disabled-color: #888;
  --c-input-disabled-opacity: 0.8;
  
  --c-input-invalid-border: #f00;
  --c-input-valid-border: #0c0;
  
  /* Custom checkbox / radio */
  --c-choice-off: #ccc;
  --c-choice-on: green;
  --c-choice-disabled: #ccc;
  
  /* Buttons (classic per button type) */
  --c-btn-primary-text: var(--c-on-primary);
  --c-btn-primary-bg: #222;
  --c-btn-primary-grad-from: #666;
  --c-btn-primary-grad-to: #222;
  --c-btn-primary-shadow: #ccc;
  
  --c-btn-primary-hover-text: var(--c-on-primary);
  --c-btn-primary-hover-bg: #111;
  --c-btn-primary-hover-grad-from: #555;
  --c-btn-primary-hover-grad-to: #111;
  --c-btn-primary-hover-shadow: #111;
  
  --c-btn-secondary-text: #222;
  --c-btn-secondary-bg: #eee;
  --c-btn-secondary-grad-from: #fff;
  --c-btn-secondary-grad-to: #ddd;
  --c-btn-secondary-border: #ccc;
  
  --c-btn-secondary-hover-text: #111;
  --c-btn-secondary-hover-bg: #e5e5e5;
  --c-btn-secondary-hover-grad-from: #fff;
  --c-btn-secondary-hover-grad-to: #cfcfcf;
  --c-btn-secondary-hover-border: #333;
  
  --c-btn-ghost-text: #333;
  --c-btn-ghost-bg: transparent;
  --c-btn-ghost-border: #333;
  --c-btn-ghost-hover-text: #111;
  --c-btn-ghost-hover-bg: rgba(0,0,0,0.06);
  --c-btn-ghost-hover-border: #111;
  
  --c-btn-link-text: var(--c-link);
  --c-btn-link-hover-text: var(--c-link-hover);
  
  --c-btn-danger-text: var(--c-on-danger);
  --c-btn-danger-bg: var(--c-danger);
  --c-btn-danger-hover-bg: var(--c-danger-hover);

  /* Legacy CSS button color classes - independent from generic form/theme colors */
  --c-cssbutton1-bg: #eee;
  --c-cssbutton1-text: #444;
  --c-cssbutton1-border: #ddd;
  --c-cssbutton1-hover-bg: #eee;
  --c-cssbutton1-hover-text: #444;
  --c-cssbutton1-hover-border: #ddd;
  --c-cssbutton1-hover-opacity: .8;

  --c-cssbutton2-bg: #eee;
  --c-cssbutton2-text: #900;
  --c-cssbutton2-border: #ddd;
  --c-cssbutton2-hover-bg: #eee;
  --c-cssbutton2-hover-text: #900;
  --c-cssbutton2-hover-border: #ddd;
  --c-cssbutton2-hover-opacity: .8;

  --c-cssbutton3-bg: #fafafa;
  --c-cssbutton3-text: #555;
  --c-cssbutton3-border: #c6c6c6;
  --c-cssbutton3-hover-bg: #fafafa;
  --c-cssbutton3-hover-text: #222;
  --c-cssbutton3-hover-border: #c6c6c6;

  --c-cssbutton4-bg: #528a50;
  --c-cssbutton4-text: #fff;
  --c-cssbutton4-border: #528a50;
  --c-cssbutton4-hover-bg: #528a50;
  --c-cssbutton4-hover-text: #fff;
  --c-cssbutton4-hover-border: #528a50;
  --c-cssbutton4-hover-opacity: .8;

  --c-cssbutton5-bg: transparent;
  --c-cssbutton5-text: #555;
  --c-cssbutton5-hover-bg: transparent;
  --c-cssbutton5-hover-text: #222;
  --c-cssbutton5-delete-bg: transparent;
  --c-cssbutton5-delete-text: #666;
  --c-cssbutton5-delete-hover-bg: transparent;
  --c-cssbutton5-delete-hover-text: #333;
  --c-cssbutton5-toggle-bg: #ccc;
  --c-cssbutton5-toggle-text: #333;
  --c-cssbutton5-toggle-hover-bg: #ccc;
  --c-cssbutton5-toggle-hover-text: #333;
  --c-cssbutton5-toggle-hover-opacity: .8;

  --c-cssbutton6-border: #d19c20;
  --c-cssbutton6-bg: #ffc848;
  --c-cssbutton6-grad-from: #ffc848;
  --c-cssbutton6-grad-to: #fbba22;
  --c-cssbutton6-text: #222;
  --c-cssbutton6-text-shadow: #ffd97e;
  --c-cssbutton6-inset-shadow: #ffe3a1;
  --c-cssbutton6-hover-bg: #fbba22;
  --c-cssbutton6-hover-grad-from: #fbba22;
  --c-cssbutton6-hover-grad-to: #ffc848;
  --c-cssbutton6-hover-text: #222;
  --c-cssbutton6-paypal-dark: #013088;
  --c-cssbutton6-paypal-light: #019cde;

  /* Responsive EasyTabs - independent from review tabs and generic borders */
  --c-resptab-container-bg: #fff;
  --c-resptab-container-text: inherit;
  --c-resptab-item-bg: #f1f1f1;
  --c-resptab-item-text: #555;
  --c-resptab-item-divider: #fff;
  --c-resptab-item-hover-bg: #f1f1f1;
  --c-resptab-item-hover-text: #555;
  --c-resptab-active-bg: #333;
  --c-resptab-active-text: #fff;
  --c-resptab-active-border: #ddd;
  --c-resptab-active-side-border: #fff;
  --c-resptab-content-bg: #fff;
  --c-resptab-content-text: inherit;
  --c-resptab-content-border: #ddd;
  --c-resptab-accordion-bg: #fafafa;
  --c-resptab-accordion-text: inherit;
  --c-resptab-accordion-border: #ddd;
  --c-resptab-accordion-active-bg: #eee;
  --c-resptab-accordion-active-text: #c1001a;
  --c-resptab-accordion-active-border: #ddd;
  --c-resptab-accordion-last-bg: transparent;
  --c-resptab-arrow: #333;
  --c-resptab-arrow-active: #333;
  
  /* Flags / badges (product listing) */
  --c-flag-new-bg: rgba(190,190,190,0.5);
  --c-flag-new-text: #900;
  --c-flag-special-bg: rgba(153,0,0,0.5);
  --c-flag-special-text: #fff;
  --c-flag-topseller-bg: transparent;
  --c-flag-topseller-text: #555;
  
  /* Tabs (reviewtabs) */
  --c-tabs-border: #eee;
  --c-tabs-bg: #fff;
  --c-tabs-text: #444;
  --c-tabs-inactive-bg: #fafafa;
  --c-tabs-inactive-text: #666;
  --c-tabs-hover-text: #333;
  
  /* Rating stars */
  --c-rating-star: #f1c40f;
  
  /* Progress bars */
  --c-progress-bg: #f5f5f5;
  --c-progress-bar-bg: darkgreen;
  --c-progress-bar-text: #fff;
  
  /* Tables */
  --c-table-row-alt: #fafafa;
  --c-table-head-bg: #383838;
  --c-table-head-text: #fff;
  --c-table-cell-border: #ccc;
  --c-table-cell-text: #000;
  --c-table-foot-bg: #f5f5f5;
  --c-table-foot-text: #000;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: var(--font-body-family, 'Open Sans', sans-serif);
  font-weight: var(--font-base-weight, 400);
  font-size: var(--font-base-size, 13px);
  line-height: var(--font-base-line-height, 21px);
  color: var(--c-text, #111);
  background: var(--c-bg, #fff);
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
.sr-only {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
iframe {
  display:block;
}
/* fix z-index for trusted shops container */
div[id^="trustbadge-container-"] {
  z-index:1299 !important;
}
/* prevent layout shift for oil cookie consent */
.as-oil {
  position: fixed;
}
body.popupcontent,
body.popupprint {
  background: var(--c-bg, #fff);
}
#layout-offline {
  max-width: 80%;
  margin: 20px auto;
}
.white-bg {
  background: var(--c-bg, #fff);
}
strong, b {
  font-weight: 700;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 1s ease;
}
.page-body {
  width: 100%;
  margin: 0;
  padding: 0;
}
.page-body.box-mode {
  background: #464449 url('img/background.jpg') center no-repeat fixed;
  background-image: image-set(
        url('img/background.webp') type('image/webp'),
        url('img/background.jpg') type('image/jpeg')
  );
  background-size: cover;
}
.page-wrap-full {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  background: var(--c-bg, #fff);
}
.page-wrap {
  margin: 0 auto;
  max-width: 1600px;
  background: var(--c-bg, #fff);
  -webkit-box-shadow: 0 0 10px 2px #000;
  -moz-box-shadow: 0 0 10px 2px #000;
  box-shadow: 0 0 10px 2px #000;
}
.fi {
  width: 24px;
  height: auto;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
div.law-info,
div.header-inner,
div.footer-inner,
div.main-container-outer,
div.main-container-outer-home {
  max-width: 1600px;
  margin: 0 auto;
}
.clearfix, .clear, .clearer {
  line-height: 0;
  height: 0;
  font-size: 0;
  clear: both;
}
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.flex-container-plain {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.flex-menu {
  display: none;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 320px;
  order: 0;
  padding: 0 30px 0 0;
}
.flex-content {
  order: 1;
  padding: 0;
}
.flex-box-50-plain {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
  max-width: 100%;
}
.flex-box-50 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 49%;
  max-width: 100%;
  border: 0 solid #666;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
  padding: 4px;
  margin: 4px;
}
.flex-box-50:hover {
  -webkit-box-shadow: 0 0 5px 0 #222;
  box-shadow: 0 0 5px 0 #222;
}
.grid {
  display: block;
}
.borderboxouter {
  padding: 6px;
  border: 0 solid #666;
  width: 100%;
}
@media only screen and (min-width: 601px) {
  .grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.borderboxouter {
  flex-grow: 1;
  flex-shrink: 1;
    flex-basis: 50%;
  }
}
.borderbox.item {
  box-shadow: 0 0 3px 0 #ccc;
  padding: 6px;
}
.borderbox.item:hover {
  box-shadow: 0 0 3px 0 #666;
  padding: 6px;
}
@media only screen and (min-width: 768px) {
  .flex-content {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 508px;
    order: 1;
    max-width: calc(100% - 320px);
    padding: 0;
  }
}
@media only screen and (min-width: 985px) {
  .flex-menu {
    display: block;
  }
}
a, a:link, a:visited, a:active, a:hover {
  background:transparent;
  text-decoration:none;
  outline:none;
  cursor:pointer;
  transition: all .35s ease;
}
a:link {
  color: var(--c-link, #333);
  outline:none;
}
a:visited {
  color: var(--c-link, #333);
  outline:none;
}
a:active {
  color: var(--c-link-hover, #555);
  outline:none;
}
a:hover {
  color: var(--c-link-hover, #555);
  text-decoration:underline;
  outline:none;
}

main a:link {
  color: var(--c-link, #333);
  text-decoration: underline;
  outline:none;
}
main a:visited {
  color: var(--c-link, #333);
  outline:none;
}
main a:active {
  color:#900;
  outline:none;
  text-decoration:underline;
}
main a:hover {
  color:#900;
  text-decoration:underline;
  outline:none;
}
a img {
  border:none;
  outline:none;
}
img {
  max-width: 100%;
  width: auto;
  height: auto;
}
picture {
  margin: 0;
  padding: 0;
  border: 0;
}
.centered-image {
  display: flex !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 100%;
  max-height: 100%;
}
.centered-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.image-center img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
header a:hover, footer a:hover{
  text-decoration: none;
}
.hide-on-mobile {
  display:none !important;
  width:0;
  height:0;
}
.hide_small_desktop {
  display: none;
}
.onlymobile{
  display:block;
}

h1, .h1-heading {
  margin: 8px 0;
  padding: 8px 0;
  border-bottom: 1px solid #ccc;
  font-family: var(--font-heading-family, var(--font-body-family, 'Open Sans', sans-serif));
  font-size: var(--font-h1-size, 24px);
  line-height: var(--font-h1-line-height, 28px);
  font-weight: var(--font-heading-weight, 700);
  letter-spacing: var(--font-heading-letter-spacing, 0);
	min-height: 44px;
}
h1:first-child, .h1-heading:first-child {
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
}
h2, .h2-heading {
  margin: 8px 0;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
  font-family: var(--font-heading-family, var(--font-body-family, 'Open Sans', sans-serif));
  font-size: var(--font-h2-size, 20px);
  line-height: var(--font-h2-line-height, 24px);
  font-weight: var(--font-heading-weight, 700);
  letter-spacing: var(--font-heading-letter-spacing, 0);
	min-height: 40px;
}
h3, .h3-heading {
  margin: 8px 0;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
  font-family: var(--font-heading-family, var(--font-body-family, 'Open Sans', sans-serif));
  font-size: var(--font-h3-size, 18px);
  line-height: var(--font-h3-line-height, 21px);
  font-weight: var(--font-heading-weight, 700);
  letter-spacing: var(--font-heading-letter-spacing, 0);
}
h4, .h4-heading {
  margin: 8px 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--c-nav-panel-border);
  font-family: var(--font-heading-family, var(--font-body-family, 'Open Sans', sans-serif));
  font-size: var(--font-h4-size, 16px);
  line-height: var(--font-h4-line-height, 21px);
  font-weight: var(--font-heading-weight, 700);
  letter-spacing: var(--font-heading-letter-spacing, 0);
}
h5, .h5-heading {
  margin: 8px 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--c-nav-panel-border);
  font-family: var(--font-heading-family, var(--font-body-family, 'Open Sans', sans-serif));
  font-size: var(--font-h5-size, 14px);
  line-height: var(--font-h5-line-height, 21px);
  font-weight: var(--font-heading-weight, 700);
  letter-spacing: var(--font-heading-letter-spacing, 0);
}
h6, .h6-heading {
  margin: 8px 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--c-nav-panel-border);
  font-family: var(--font-heading-family, var(--font-body-family, 'Open Sans', sans-serif));
  font-size: var(--font-h6-size, 13px);
  line-height: var(--font-h6-line-height, 21px);
  font-weight: var(--font-heading-weight, 700);
  letter-spacing: var(--font-heading-letter-spacing, 0);
}
p {
  margin-bottom: 10px;
}
.headline-right {
  float: right;
  display: inline-block;
  text-align: right;
  font-size: smaller;
  font-weight: normal;
}
.normal {
  font-weight: normal;
}
.strong {
  font-weight: bold;
}
.grey {
  color: #666;
}
.cycle-background-1 {
  background: #fafafa;
}
.cycle-background-2 {
  background: var(--c-bg, #fff);
}
.hr {
  margin: 10px auto;
  height: 1px;
  border-bottom: 1px solid #ccc;
}
.horizontal-rule-10 {
  border: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  margin: 10px auto;
  height: 1px;
  border-bottom: 1px solid #ccc;
}
.gradient {
  background-color: var(--c-gradient-bg);
  background-image: var(--c-gradient-bg-image);
  color: var(--c-gradient-text, #fff);
}
footer {
  color: var(--c-footer-text, #fff);
  background-color: var(--c-footer-bg);
  background-image: var(--c-footer-bg-image);
}
.oneline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.twolines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.threelines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
a.button:link, a.button:visited, a.button:focus,
.btn, .btn:link, .btn:visited, .btn:focus {
  box-shadow: 0 0 0.2em var(--c-btn-primary-shadow, #ccc);
  display: block;
  cursor: pointer;
  transition: 0.5s;
  text-align: center;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  color: var(--c-btn-primary-text, #fff);
  padding: 0.32em 0.5em;
  background: var(--c-btn-primary-bg, #222) linear-gradient(var(--c-btn-primary-grad-from, #666), var(--c-btn-primary-grad-to, #222));
  font-size: 1.05em;
  font-family: Arial, Sans-serif;
}
a.button:hover, a.button:active,
.btn:hover, .btn:active {
  box-shadow: 0 0 0.2em var(--c-btn-primary-hover-shadow, #111);
  color: var(--c-btn-primary-hover-text, #fff);
  background: var(--c-btn-primary-hover-bg, #111) linear-gradient(var(--c-btn-primary-hover-grad-from, #555), var(--c-btn-primary-hover-grad-to, #111));
}
a.button:focus-visible,
.btn:focus-visible {
  outline: none;
  box-shadow:
    0 0 0.2em var(--c-btn-primary-hover-shadow, #111),
    0 0 0 var(--c-focus-ring-width, 3px) var(--c-focus-ring, rgba(1,156,222,.35));
}

/* Button variants (classic per type) */
.btn-secondary, a.button.btn-secondary {
  box-shadow: none;
  color: var(--c-btn-secondary-text, #222);
  border: 1px solid var(--c-btn-secondary-border, #ccc);
  background: var(--c-btn-secondary-bg, #eee) linear-gradient(var(--c-btn-secondary-grad-from, #fff), var(--c-btn-secondary-grad-to, #ddd));
}
.btn-secondary:hover, a.button.btn-secondary:hover {
  color: var(--c-btn-secondary-hover-text, #111);
  border-color: var(--c-btn-secondary-hover-border, #333);
  background: var(--c-btn-secondary-hover-bg, #e5e5e5) linear-gradient(var(--c-btn-secondary-hover-grad-from, #fff), var(--c-btn-secondary-hover-grad-to, #cfcfcf));
}
.btn-ghost, a.button.btn-ghost {
  box-shadow: none;
  color: var(--c-btn-ghost-text, #333);
  border: 1px solid var(--c-btn-ghost-border, #333);
  background: var(--c-btn-ghost-bg, transparent);
}
.btn-ghost:hover, a.button.btn-ghost:hover {
  color: var(--c-btn-ghost-hover-text, #111);
  border-color: var(--c-btn-ghost-hover-border, #111);
  background: var(--c-btn-ghost-hover-bg, rgba(0,0,0,.06));
}
.btn-link, a.button.btn-link {
  box-shadow: none;
  border: 0;
  background: transparent;
  color: var(--c-btn-link-text, var(--c-link, #333));
  padding: 0;
  display: inline-block;
}
.btn-link:hover, a.button.btn-link:hover {
  color: var(--c-btn-link-hover-text, var(--c-link-hover, #555));
  text-decoration: underline;
}
.btn-danger, a.button.btn-danger {
  box-shadow: none;
  color: var(--c-btn-danger-text, #fff);
  background: var(--c-btn-danger-bg, #b00020);
}
.btn-danger:hover, a.button.btn-danger:hover {
  background: var(--c-btn-danger-hover-bg, #7a0016);
}

/* Reset input, select, textarea */
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='number'],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  width: 100%;
  font-size: var(--c-control-font-size);
  line-height: var(--c-control-line-height);
  opacity: 1;
}

/* Input & Textarea */
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='number'],
textarea {
  background-color: var(--c-input-bg);
  border: var(--c-control-border-width) var(--c-control-border-style) var(--c-input-border);
  border-radius: var(--c-control-border-radius);
  padding: var(--c-input-padding);
  box-shadow: var(--c-input-shadow-inset);
  color: var(--c-input-color);
}
textarea {
  resize:vertical;
}
input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='number'] {
  vertical-align: middle;
  transition: var(--c-input-transition);
  padding: var(--c-input-padding-fixed);
  height: var(--c-input-height);
  font-size: var(--c-input-font-size);
}

input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='number']:focus,
textarea:focus {
  outline: 0 none;
  background: var(--c-input-focus-bg);
  border: var(--c-control-border-width) var(--c-control-border-style) var(--c-input-focus-border);
  color: var(--c-input-focus-color);
  box-shadow:
    var(--c-input-shadow-inset),
    0 0 0 var(--c-focus-ring-width) var(--c-input-focus-ring);
}

input[type='text']:hover,
input[type='password']:hover,
input[type='tel']:hover,
input[type='email']:hover,
input[type='number']:hover,
textarea:hover,
textarea:active {
  background: var(--c-input-hover-bg);
  border: var(--c-control-border-width) var(--c-control-border-style) var(--c-input-hover-border);
  color: var(--c-input-color);
}

input:disabled,
textarea:disabled,
input[readonly],
textarea[readonly] {
  background: var(--c-input-disabled-bg);
  border-color: var(--c-input-disabled-border);
  color: var(--c-input-disabled-color);
  cursor: not-allowed;
  opacity: var(--c-input-disabled-opacity);
}

/* nicht oder falsch ausgefuellte Felder rot markieren */
input:focus:invalid {
  border-color: var(--c-input-invalid-border);
}
/* richtig ausgefuellte Felder gruen markieren */
input:required:focus:valid {
  border-color: var(--c-input-valid-border);
}

::-webkit-input-placeholder {
  color: var(--c-input-placeholder);
}
::-moz-placeholder {
  color: var(--c-input-placeholder);
}
:-ms-input-placeholder {
  color: var(--c-input-placeholder);
}
::placeholder {
  color: var(--c-input-placeholder);
}

input[type=password] {
  letter-spacing:1px;
}

/* nicht oder falsch ausgefuellte Felder rot markieren */
input:focus:invalid {
  border-color:#f00;
}
/* richtig ausgefuellte Felder gruen markieren */
input:required:focus:valid {
  border-color:#0c0;
}
::-webkit-input-placeholder {
  color: grey;
}
::-moz-placeholder {
  color: grey;
}
:-ms-input-placeholder {
  color: grey;
}
::placeholder {
  color: grey;
}
.form-input {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.form-input input[type="text"],
.form-input input[type="email"],
.form-input input[type="tel"],
.form-input input[type="number"],
.form-input input[type="password"],
.form-input textarea,
.form-input select,
.form-input .SumoSelect {
  /*width: 96%;*/
}
input[type=radio], 
input[type=checkbox] {
  margin: 0 3px;
}
.form legend {
  display: block;
  width: 100%;
  margin: 8px 0;
  padding: 8px 0;
  border-bottom: 1px solid var(--c-form-legend-border, var(--c-border, #ddd));
  font-size: 18px;
  font-weight: bold;
}
.form label {
  display: block;
}
.form-input {
  margin-bottom: 0.8em;
}
.form-row .mini {
  display: inline-block;
  padding: 4px 0;
}
.form-row .cus_check.padding {
  padding: 8px 0;
}
.inputRequirement {
  position: absolute;
  top:2px;
  right:6px;
  font-size: 8px;
  color: var(--c-form-required, #d90d0d);
  vertical-align:top;
  margin: 0 0 0 5px;
}
.inputNote {
  display: block;
  font-size: 10px;
  line-height: 12px;
  padding: 4px 0 0 0;
}
span.must {
  float: right;
  text-align: right;
  font-size: smaller;
  color: var(--c-form-required, #d90d0d);
  font-weight: normal;
}
.inputfield-button-combi {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.inputfield-button-combi-field {
  flex-grow: 4;
  flex-shrink: 1;
  flex-basis: auto;
}
.inputfield-button-combi-button {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.borderbox-highlight {
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
  padding: 4px 8px 8px 8px;
	background: #fff;
}
.text ul,
.product-info-description ul,
.product-info-short-description ul,
.resp-tab-content ul,
.products-short-desc ul,
.product-mini-desc ul,
.product-listing-boxitem-minidesc ul,
.categories-description ul,
.manufacturers-description ul,
.content-main ul,
.main ul,
.popupcontent ul,
.popupprint ul {
  margin-left:18px;
  margin-bottom: 20px;
}
.text ol,
.product-info-description ol,
.product-info-short-description ol,
.resp-tab-content ol,
.products-short-desc ol,
.product-mini-desc ol,
.product-listing-boxitem-minidesc ol,
.categories-description ol,
.manufacturers-description ol,
.content-main ol,
.main ol,
.popupcontent ol,
.popupprint ol {
  margin-left:28px;
  margin-bottom: 20px;
}
ul.plainlist {
  margin: 0 0 20px 10px;
  padding: 0;
  list-style: none;
}
ul.plainlist li {
  display: block;
  padding: 3px 0;
}
ul.accountlist, ul.accountlist li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.account-row-shipping, .account-row-payment {
  margin: 10px auto;
}
.agbframe {
  width: auto;
  height: 15em;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 0 solid #666;
  box-shadow: 0 0 0.4em #666 inset;
  padding: 0.4em;
  background: var(--c-bg, #fff);
}
.checkbox {
  margin: 16px auto 24px auto;
}
.successmessage,
.infomessage,
.errormessage {
  position: relative;
  padding: 10px 10px 10px 60px;
  margin-bottom: 8px;
}
.successmessage p,
.infomessage p,
.errormessage p {
  margin: 0;
  padding: 0 10px 6px 0;
  font-size: 16px;
}
.successmessage:before,
.infomessage:before,
.errormessage:before {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-weight: 900;
  font-size: 28px;
  padding: 10px 8px;
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width:48px;
  text-align: center;
  vertical-align: middle;
}
.successmessage {
  border: 1px solid #228b22;
  background: rgba(0,255,0,0.2);
  color: #228b22;
}
.successmessage:before {
  color: #fff;
  background: #228b22;
  content: "\f00c";
}
.infomessage {
  border: 1px solid #228b22;
  background: rgba(0,255,0,0.2);
  color: #228b22;
}
.infomessage:before {
  color: #fff;
  background: #228b22;
  content: "\f129";
}
.errormessage {
  border: 1px solid #d90d0d;
  background: rgba(255,0,0,0.2);
  color: #d90d0d;
}
.errormessage:before {
  color: #fff;
  background: #d90d0d;
  content: "\f00d";
}
.important_notice_highlightbox {
  border: 1px solid #d90d0d;
  box-shadow: 0 0 3px 0 #ccc;
  background: #fafafa;
  padding: 6px;
  margin-bottom: 12px;
}
.important_notice_content {

}

div.law-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  height: 38px;
  align-items: stretch;
	margin: 0 auto;
  position: relative;
}
div.law-info a {
  display: block;
  padding: 8px 10px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-size: 11px;
  line-height: 18px;
}
.law-info a:link,
.law-info a:visited,
.law-info a:active {
  color: #333;
}
.law-info a.is-current-page,
.law-info a[aria-current="page"] {
  color: var(--c-primary, #0b5fff);
  font-weight: 700;
  box-shadow: inset 0 -2px 0 currentColor;
}
@media only screen and (min-width: 601px) {
  div.law-info {
    align-items: flex-end;
    justify-content: flex-end;
		margin: 0 auto;
		height: 20px;
    padding-top: 0;
  }
  div.law-info a {
    padding: 4px 18px;
  }
}
.header-usp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  background: var(--c-header-usp-bg, #383838);
  color: var(--c-header-usp-text, #fff);
  height: 38px;
}
.header-usp-item {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-size: 13px;
  line-height: 38px;
  height: 38px;
}
.header-usp-item.usp-item2,
.header-usp-item.usp-item3,
.header-usp-item.usp-item4 {
  display: none;
}
.header-box-wishlist,
.header-box-information {
  display: none;
}
.header-topbar {
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #ddd;
  height: 38px;
}
.header-topbar-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  color:#383838;
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
}
.header-topbar-inner:after {
  clear: both;
}
.header-topbar-inner span.header-title {
  display:none;
  font-weight: bold;
}
.header-box-cart .count,
.header-box-wishlist .count {
  background: #444;
  color: #fff;
  display: inline-block;
  padding: 3px 6px;
  font-size: 11px;
  line-height: 11px;
  border-radius: 5px;
}
@media only screen and (min-width: 601px) {
  .header-topbar-inner span.header-title {
    display: unset;
  }
}
.header-topbar span.header-account-display,
.header-topbar span.header-content-display,
.header-topbar span.header-information-display,
.header-topbar span.header-search-display,
.header-topbar span.header-wishlist-display,
.header-topbar span.header-cart-display {
  display: inline-block;
  padding: 8px;
  border-right:1px solid #ddd;
  height: 100%;
}
.header-topbar span.header-content-display {
  border-left:1px solid #ddd;
}
.header-box-languages {
  height: 40px;
}
@media only screen and (min-width: 601px) {
  .header-box-languages {
    position: absolute;
    top:-28px;
    left:0;
    height:auto;
  }
}
@media only screen and (min-width: 768px) {
  .header-box-languages {
    left:unset;
  }
}
.header-box-content,
.header-box-information,
.header-box-search,
.header-box-info,
.header-box-languages,
.header-box-account,
.header-box-cart,
.header-box-wishlist {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  min-height:37px;
  min-width: 34px;
}
.header-login-box {
  padding: 8px;
}
.header-login-box-title {
  /*font-weight: bold;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom:1px solid #ddd;*/
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  background: #f1f1f1;
  color: #333;
  padding: 6px;
  border-radius: 4px;
}
.header-login-box label {
  font-size: 12px;
}
.header-login-box a.password-forgotten {
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 11px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.header-box-account .cssButtonPos3,
.header-login-box .cssButtonPos3 {
  margin: 4px auto;
  float: none !important;
  width: auto !important;
}
.header-box-cart, .header-box-wishlist {
  background: #f1f1f1;
  border-left:1px solid #ddd;
}
.header-box-spacer {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.header-box-search {
  cursor: pointer;
}
.header-logo-search {
  width: 100%;
  margin: 0 auto;
  min-height: 110px
}
.header-logo-search-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
}
.logo-link {
  padding: 10px;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  min-height: 120px;
  position: relative;
  text-align: center;
}
.search-box {
  float:right;
  position:static;
  display: none;
  width: 100%;
  margin: 4px auto;
  padding: 8px;
  border: 0 solid transparent;
  flex-grow: 0;
  flex-shrink: 1;
  order:3;
}
.quick-navi-box {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  background: #383838;
  color: #fff;
}
.search-inner {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.search-inner .search-cat {
  position:relative;
  z-index: 120;
  width:80px;
  display: none;
}
/*.search-cat select {
  width:80px;
  padding: .65em .5em .5em .5em;
  box-shadow: 0 0 0;
  background: #eee url('img/select-arrow.png') right no-repeat;
  color: #444;
}*/
.search-inner .search-cat .SumoSelect > .optWrapper {
  width: auto;
  max-width: 300px;
  min-width: 180px;
}
.search-inner .search-input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.search-inner.search-cat-mode .search-input input {
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.search-box .search-inner input[type='text'] {
  padding-right:10px;
  padding-left:10px;
  height:44px;
}
.search-box .search-inner input[type='image'] {
  position:absolute;
  right:0;
  top:0;
  width:76px;
  height:32px;
}
.search-inner .search-closer {
  display:block;
  width:35px;
  height:35px;
  text-align:center;
  font-size:20px;
  line-height:35px;
  cursor:pointer;
  background: #eee;
  color: #555;
  border-radius:4px;
  margin: 0 0 0 10px;
}
.search-inner .search-help {
  width: 24px;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  z-index: 1200;
  right: 80px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  line-height: 40px;
}
@media only screen and (min-width: 460px) {
  .search-inner .search-cat { display:inherit; }
}
@media only screen and (min-width: 980px) {
  .search-inner .search-closer { display:none; }
	.search-inner .search-help { right: 40px; }
}
.search-inner .search-button .cssButton .cssButtonIcon {
  font-size:18px;
}
#header-image {
  float: right;
  display: none;
  /*background: url('img/header-image.jpg') no-repeat;*/
  height: 95px;
  width: 120px;
  margin: 10px 0 10px auto;
}
.header-content-display,
.header-information-display,
.header-account-display {
  cursor: pointer;
}
.header-box-content,
.header-box-information,
.header-box-account {
  position: relative;
}
.header-content,
.header-information,
.header-account {
  /*display: none;
  position: absolute;
  width: 280px;
  height: auto;
  background: var(--c-bg, #fff);
  z-index: 666;
  border:1px solid #eee;
  box-shadow:0 0 0.4em #666;*/
}
.header-account #header_password {
  margin-bottom:6px
}
.header-content-title {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  background: #f1f1f1;
  color: #333;
  padding: 6px;
  border-radius: 4px;
}
.header-content-menu,
.header-information-menu,
.header-toggle-menu {
  margin:0;
  padding:0;
  list-style: none;
}
.header-content-menu li,
.header-information-menu li,
.header-toggle-menu li {
  margin:0;
  padding:0;
  list-style: none;
  font-size: 13px;
  font-weight: bold;
}
.header-toggle-menu li {
  font-size: 13px;
}
.header-content-menu li a,
.header-information-menu li a{
  display: block;
  padding:6px;
  border-bottom: 1px solid var(--c-nav-panel-border);
}
.header-content-menu li a:before,
.header-information-menu li a:before,
.header-toggle-menu li a:before {
  /*font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-weight: 900;
  content: "\f0da";
  padding-right:4px;*/
}
.header-content-menu li,
.header-information-menu li {
  margin:0;
  padding:0;
  list-style: none;
  font-size: 13px;
  font-weight: bold;
}
.header-toggle-menu li a {
  display: block;
  padding:8px;
  border-bottom: 1px solid var(--c-nav-panel-border);
  text-decoration: none;
  color: var(--c-nav-panel-link);
}
.header-toggle-menu li a:hover {
  color: var(--c-nav-panel-link-hover);
  text-decoration: none;
}
.header-toggle-menu li a.links i {
  padding:8px 0;
  width: 24px;
  text-align: center;
}
.header-box-languages {
  padding: 0 10px;
}
.header-infobox {
  padding: 8px;
}
.header-box-languages a {
  display: inline-block;
  padding: 10px;
}
.account-languages {
  text-align: center;
}
.header-lang {
  display: inline-block;
  padding: 16px;
}
.logo-desktop {
  display: none;
}
.logo-link picture img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.mobile-navigation-bar-top {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  background: var(--c-nav-mobile-bg);
}
.mobile-navigation-bar-top i.mnb {
  font-size: 22px;
  color: var(--c-nav-mobile-icon);
}
.mobile-navigation-bar-top .item.logoff-button {
  display: none;
}
.mobile-navigation-bar-top span.open-info,
.mobile-navigation-bar-top span.open-search {
  cursor: pointer;
}
.mobile-navigation-bar-top div.item-box-info,
.mobile-navigation-bar-top div.item-box-account,
.mobile-navigation-bar-top div.item-box-wishlist,
.mobile-navigation-bar-top div.item-box-cart,
.mobile-navigation-bar-top div.item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 48px;
  padding: 16px 0 10px 0;
  float: left;
  text-align: center;
  position: relative;
}
.mobile-navigation-bar-top span.mnb-title {
  font-size: 11px;
  display: none;
  padding: 4px;
  color: var(--c-nav-mobile-text);
}
.mobile-navigation-bar-top div.spacer {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: block;
  height:50px;
  float: left;
  text-align: center;
}
.mobile-navigation-bar-top .count {
  position: absolute;
  right: 0;
  top: 8px;
  background: #ddd;
  color: #555;
  display: inline-block;
  padding: 3px;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  font-weight: 700;
  min-width: 18px;
  border-radius: 5px;
}
.mobile-navigation-bar-top .open-info,
.mobile-navigation-bar-top .cart-button,
.mobile-navigation-bar-top .wishlist-button,
.mobile-navigation-bar-top .account-button,
.mobile-navigation-bar-top .item.logoff-button a {
  display: block;
}
.breadcrumb {
  margin: 0 auto;
  max-width: 1260px;
  padding:10px;
  font-size: 12px;
	line-height: 16px;
}
.breadcrumb span {
  padding-right: 4px;
  padding-left: 4px;
	vertical-align:top;
}
.breadcrumb span:first-child {
  padding-right: 4px;
  padding-left: 0;
}
.breadcrumb span.current {
  font-weight:600;
}
.breadcrumb {
  background: var(--c-breadcrumb-bg);
  color: var(--c-breadcrumb-text);
}
.breadcrumb a.headerNavigation {
  color: var(--c-breadcrumb-link);
}
.breadcrumb a.headerNavigation:hover,
.breadcrumb a.headerNavigation:focus-visible {
  color: var(--c-breadcrumb-link-hover);
  text-decoration: underline;
}
.breadcrumb span.current {
  color: var(--c-breadcrumb-current);
}
.breadcrumb .breadcrumb-sep {
  color: var(--c-breadcrumb-sep);
}
.main-container-outer-home {
  display: block;
  max-width: 100%;
  /*overflow: auto; /* flex-box problem with slick slider an position sticky */
  padding: 10px;
}
.main-container-outer {
  display: block;
  max-width: 100%;
}
.main-container-inner {
  order: 1;
  padding: 10px;
  display: block;
  position: relative;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
	.main-container-outer {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		justify-content: center;
		align-items: stretch;
		max-width: 100%;
	}
  .main-container-inner {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 75%;
    max-width: calc(100% - 280px);
    /*overflow-x: auto; /* flex-box problem with slick slider an position sticky */
    min-height: 600px;
		padding: 0;
  }
  .main-container-outer.sidebar-right .main-container-inner {
    order: 0;
  }
  .main-container-outer.sidebar-right aside.main-side {
    order: 1;
  }
}
.splide:not(.is-initialized) .splide__slide:not(:first-child) {
  display: none;
}
.mits_imageslider .splide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
  transition: all 0.5s ease-in-out;
  border:none;
}
.mits_imageslider .splide.splide_slider_single {
  visibility: visible;
  opacity:1;
}
.mits_imageslider .splide:hover {
  background:#000;
}
.mits_imageslider .splide__track {
  height: 100%;
  color:unset;
}
.mits_imageslider .splide__slide {
  width:100%;
}
.mits_imageslider .splide__pagination {
  bottom: -20px;
  height: 20px;
}
.mits_imageslider .splide__pagination li {
  height: 20px;
}
.mits_imageslider .splide__pagination__page {
  height: 20px;
}
.mits_imageslider .splide:hover img {
  opacity:0.8;
}
.mits_imageslider .splide a {
  display:block;
  width: 100%;
  height:100%;
}
.mits_imageslider .splide .slider_item_content {
  position: absolute;
  background: rgba(255,255,255,0.6);
  color: rgba(36,36,36,0.9);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius:4px;
  display: block;
  font-weight:900;
  text-transform:uppercase;
  padding: 12px 10px;
  left: 10px;
  bottom: 10px;
  max-width: calc(100% - 20px);
  font-size:12px;
  line-height:16px;
}
@media only screen and (min-width: 790px) {
  .mits_imageslider .splide .slider_item_content { font-size:14px; line-height:18px; }
}
@media only screen and (min-width: 985px) {
  .mits_imageslider .splide .slider_item_content { padding: 12px 20px; left: 30px; bottom: 30px; max-width: calc(100% - 60px); font-size:16px; line-height:20px; }
}
div.slider-desc{
	display:block;
	z-index:888;
	position:absolute;
	bottom:24px;
	padding:6px;
	max-width:100%;
	overflow:hidden;
	background:#ccc;
	-moz-opacity:0.7;
	opacity:0.70;
	filter:alpha(opacity=70);
}
main > h1:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
nav ul::after{
  clear:both;
  float:none;
}
nav.header-megadropdown {
  float:left;
  width:100%;
  font-size:1em;
  display: none;
  position: relative;
	background: var(--c-nav-header-megadropdown-bg, #000);
  color: var(--c-nav-header-megadropdown-text, #fff);
}
@media only screen and (min-width: 768px) {
  nav.header-megadropdown.mits-desktop-menu-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    float: none;
  }
  nav.header-megadropdown,
  nav.header-megadropdown ul {
    display:block;
  }
  nav.header-megadropdown a {
    display: block;
    text-decoration: none;
  }
  nav.header-megadropdown ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    max-width: 1260px;
    display: block;
  }
  nav.header-megadropdown ul li {
    position: relative;
    float: left;
    list-style: none;
    color: #222;
    transition: 0.5s;
    padding: 2px;
    /*border-right: 0.06em solid #ccc;*/
  }
  /*
  nav.header-megadropdown ul li:first-child {
    border-left: 0.06em solid #ccc;
  }
  */
  nav.header-megadropdown ul li a.cat-level1 {
		padding: 0.45em 1.84em;
		color: var(--c-nav-l1-text, #ffffff);
		background: var(--c-nav-l1-bg, #000);
		text-decoration: none;
		font-weight: bold;
	}
  nav.header-megadropdown ul li a.cat-level1:hover {
    background: var(--c-nav-l1-hover-bg);
    color: var(--c-nav-l1-hover-text);
    border-radius: 4px;
  }
  nav.header-megadropdown ul li:last-child a {
    border-right: 0;
  }
  nav.header-megadropdown ul ul {
    position: absolute;
    top: -9999px;
    left: -9999px;
    background: var(--c-nav-dropdown-bg);
    z-index: 666;
    box-shadow: 0 0 0.4em var(--c-nav-dropdown-shadow);
  }
  nav.header-megadropdown ul ul ul {
    /*box-shadow:none;*/
  }
  nav.header-megadropdown ul ul li {
    float: none;
    width: 22em;
    font-size: 0.9em;
  }
  nav.header-megadropdown ul ul li a {
  padding: 0.52em 0.88em;
  color: var(--c-nav-dropdown-text, #222);
  background: var(--c-nav-dropdown-bg, #ffffff);
  text-decoration: none;
  font-weight: 400;
  transition: 0.2s;
}

nav.header-megadropdown ul ul li a:hover,
nav.header-megadropdown ul ul li a:focus-visible {
  background: var(--c-nav-dropdown-hover-bg, #e0e0e0);
  color: var(--c-nav-dropdown-hover-text, var(--c-nav-dropdown-text, #222));
  text-decoration: none;
}


  nav.header-megadropdown ul ul li:last-child {
    border-bottom: none;
  }
  nav.header-megadropdown ul li:hover > ul {
    top: 100%;
    left: 0;
  }
  nav.header-megadropdown ul ul li:hover > ul {
    top: 0;
    left: 22em;
  }

  /* Level 1 */
  nav.header-megadropdown ul ul ul li.level1 {
    border-bottom: 0.06em solid var(--c-nav-item-border);
  }
  nav.header-megadropdown ul ul li.level1.cat-active-list ul.sub-menu li.level2 {
    border-top: 0.06em solid var(--c-nav-item-border);
  }
  nav.header-megadropdown ul ul a.cat-level1 {
    display: block;
    padding: 8px;
    background: var(--c-nav-l1-sub-bg);
    color: var(--c-nav-l1-sub-text);
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
  }
  nav.header-megadropdown ul ul a.cat-level1:hover {
    background: var(--c-nav-l1-sub-hover-bg);
    color: var(--c-nav-l1-sub-hover-text);
  }
  nav.header-megadropdown ul ul ul li a.cat-level1.catlink-with-subcat:after {
    right: 10px;
    top: 8px;
  }

  /* Level 2 */
  nav.header-megadropdown ul ul li.level2.cat-active-list ul.sub-menu li.level3 {
    border-top: 0.06em solid var(--c-nav-item-border);
  }
  nav.header-megadropdown ul ul a.cat-level2 {
    display: block;
    padding: 8px 8px 8px 12px;
    background: var(--c-nav-l2-bg);
    color: var(--c-nav-l2-text);
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
  }
  nav.header-megadropdown ul ul li a.cat-level2.catlink-with-subcat:before {
    font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
    font-weight: 900;
    content: "\f0da";
    padding-right: 4px;
    position: absolute;
    right: 14px;
    top: 8px;
  }
  nav.header-megadropdown ul ul a.cat-level2:hover {
    background: var(--c-nav-l2-hover-bg);
    color: var(--c-nav-l2-hover-text);
  }

  nav.header-megadropdown ul ul ul li a.cat-level2.catlink-with-subcat:after {
    right: 10px;
    top: 8px;
  }

  /* Level 3 */
  nav.header-megadropdown ul ul li.level3.cat-active-list ul.sub-menu li.level4 {
    border-top: 0.06em solid var(--c-nav-item-border);
  }
  nav.header-megadropdown ul ul a.cat-level3 {
    display: block;
    padding: 8px 8px 8px 8px;
    background: var(--c-nav-l3-bg);
    color: var(--c-nav-l3-text);
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
  }
  nav.header-megadropdown ul ul a.cat-level3:hover {
    background: var(--c-nav-l3-hover-bg);
    color: var(--c-nav-l3-hover-text);
  }
  nav.header-megadropdown ul ul ul li a.cat-level3.catlink-with-subcat:before {
    font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
    font-weight: 900;
    content: "\f0da";
    padding-right: 4px;
    position: absolute;
    right: 14px;
    top: 8px;
  }
  nav.header-megadropdown ul ul ul li a.cat-level3.catlink-with-subcat:after {
    right: 10px;
    top: 8px;
  }

  /* Level 4 */
  nav.header-megadropdown ul ul li.level4.cat-active-list ul.sub-menu li.level5 {
    border-top: 0.06em solid var(--c-nav-item-border);
    background: #aaa;
  }
  nav.header-megadropdown ul ul a.cat-level4 {
    display: block;
    padding: 0.65em 0.64em;
    background: var(--c-nav-l4-bg);
    color: var(--c-nav-l4-text);
    text-decoration: none;
    font-weight: bold;
  }
  nav.header-megadropdown ul ul a.cat-level4:hover {
    background: var(--c-nav-l4-hover-bg);
    color: var(--c-nav-l4-hover-text);
  }
  nav.header-megadropdown ul ul ul li a.cat-level4.catlink-with-subcat:after {
    right: 10px;
    top: 8px;
  }

  /* Level 5 */
  nav.header-megadropdown ul ul li.level5.cat-active-list ul.sub-menu li {
    border-top: 0.06em solid var(--c-nav-item-border);
    background: #383838;
  }
  nav.header-megadropdown ul ul a.cat-level5 {
    display: block;
    padding: 0.65em 0.64em;
    background: var(--c-nav-l5-bg);
    color: var(--c-nav-l5-text);
    text-decoration: none;
    font-weight: bold;
  }
  nav.header-megadropdown ul ul a.cat-level5:hover {
    background: var(--c-nav-l5-hover-bg);
    color: var(--c-nav-l5-hover-text);
  }
  nav.header-megadropdown ul ul ul li a.cat-level5.catlink-with-subcat:after {
    right: 10px;
    top: 8px;
  }
  nav.header-megadropdown ul ul ul li a.catlink-with-subcat {
    padding-right: 26px;
  }
  nav.header-megadropdown ul ul li.level1:last-child {
    border-bottom: none;
  }
}
.categories-list {
  margin-bottom: 20px;
}
.homesite {
  margin-right: 4px;
  margin-left: 4px;
}
.home-image-container {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin: 16px auto 36px auto;
}
.home-image-item-big {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  margin: 4px;
}
.home-image-item-big img{
  display: block;
  border: 0 solid #666;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
  width: 100%;
  height: 100%;
}
.home-image-item-small {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 305px;
  margin: 4px;
}
.home-image-item-small img{
  display: block;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
  border: 0 solid #666;
  width: 100%;
  height: 100%;
}

.home-imagetext-container {
	display: block;
	-webkit-box-shadow: 0 0 5px 0 #ccc;
	box-shadow: 0 0 5px 0 #ccc;
	border: 0 solid #666;
	margin: 16px 2px 36px 2px;
}
.home-imagetext-text {
		position: relative;
}
.home-imagetext-container.home-imagetext-container--text-only .home-imagetext-text {
  flex-basis: 100%;
}
.home-imagetext-image {
	display: block;
}
@media only screen and (min-width: 600px) {
	.home-imagetext-container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
  .home-imagetext-image {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 480px;
    text-align: center;
  }
  .home-imagetext-text {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50%;
	}
}
.home-imagetext-text-inner {
  padding: 4px 8px 32px 8px;
}
.home-imagetext-text-inner .h3-heading {
  text-align: center;
}
.home-imagetext-text a {
  display: block;
  padding: 4px 8px;
  text-align: right;
  font-weight: bold;
  background: #eee;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}

.home-text-container {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 16px auto 36px auto;
}
.home-text-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 405px;
  margin: 4px;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
  border: 0 solid #666;
  position: relative;
}
.home-text-item-inner {
  width: 100%;
  padding: 4px 4px 30px 4px;
}
.home-text-item a {
  display: block;
  padding: 4px 8px;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  background: #eee;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}

aside.main-side {
  display: none;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 260px;
  order: 0;
  padding: 10px 10px 20px 10px;
}
/* categories box on left side */
.aside-categories-box,
.aside-box {
  border: 1px solid #ccc;
  padding: 8px;
  max-width: 260px;
}
.aside-box {
  margin-top:16px;
}
.aside-box.html1 {
  margin-top: 0;
  margin-bottom: 16px;
}
.aside-box.product-box {
  padding: 8px 0 0 0;
}
.aside-categories-box-title,
.aside-box-title {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding:0 8px 8px 8px;
}
.aside-box.product-box .aside-box-title {
  margin: 0 8px 8px 8px;
}
.add-a-quickie-form {
  position: relative;
}
.aside-box-content {
  clear: both;
}
.aside-box-content.box-login {
  padding: 8px;
}
.aside-box-content-title {
  font-size: 14px;
  font-weight: bold;
  padding:0 0 12px 0;
}
.aside-box-content-inner {
  padding: 8px;
}
.aside-box-content.box-login label {
  font-size: 12px;
}
.aside-box-content.box-login a {
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 11px;
  text-align: right;
}

.aside-list-menu {
  margin:0;
  padding:0;
  list-style: none;
}
.aside-list-menu li {
  margin:0;
  padding:0;
  list-style: none;
  font-size: 14px;
  position: relative;
  border-bottom: 1px solid rgba(169, 169, 169, .5);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
.aside-list-menu li:last-child{
  border-bottom:none;
}
.aside-list-menu a {
  display:block;
  padding:8px;
  background:#fff;
  color:#383838;
  text-decoration:none;
  font-size: 14px;
  font-weight:bold;
}
.aside-list-menu a:hover{
  background:#383838;
  color:#fff;
}

.aside-box-content .write-first-review {
  padding: 0 8px 0 40px;
  font-size: 13px;
  position: relative;
}
.aside-box-content .write-first-review:before {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-weight: 900;
  font-size: 28px;
  content: "\f304";
  padding: 10px 8px;
  position: absolute;
  top: 0;
  left: 0;
}

.orderhistory-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.orderhistory-list li {
  margin: 0;
  padding: 4px 0 4px 8px;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 1px solid #ccc;
}
.orderhistory-list li a{
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 82%;
  padding: 8px 0;
}
.orderhistory-cart-icon {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 18%;
}

div.aside-categories-box nav,
div.aside-categories-box nav#canvas-menu {
  float: none;
  width: 100%;
}
div.aside-categories-box nav ul::after {
  clear:both;
  float:none;
}
div.aside-categories-box nav ul,
div.aside-categories-box nav#canvas-menu ul {
  margin:0 auto;
  padding:0;
  list-style:none;
}
div.aside-categories-box nav ul li,
div.aside-categories-box nav#canvas-menu ul li {
  list-style:none;
  transition:0.5s;
}
div.aside-categories-box nav ul li a,
div.aside-categories-box nav#canvas-menu ul li a {
  position: relative;
  transition:0.5s;
}
div.aside-categories-box nav ul li a.current,
div.aside-categories-box nav#canvas-menu ul li a.current {
  font-style: italic;
  text-decoration: #d90d0d underline;
}
div.aside-categories-box nav ul li a.catlink-with-subcat:after,
div.aside-categories-box nav#canvas-menu ul li a.catlink-with-subcat:after {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-weight: 900;
  font-style: normal !important;
  content: "\f107";
  padding-right:4px;
  position: absolute;
}

/* Level 1 */
div.aside-categories-box nav ul li.level1,
div.aside-categories-box nav#canvas-menu ul li.level1 {
  border-bottom:0.06em solid var(--c-nav-item-border);
}
div.aside-categories-box nav li.level1.not-active-list ul.sub-menu,
div.aside-categories-box nav#canvas-menu li.level1.not-active-list ul.sub-menu {
  display:none;
}
div.aside-categories-box nav li.level1.cat-active-list ul.sub-menu,
div.aside-categories-box nav#canvas-menu li.level1.cat-active-list ul.sub-menu {
  display: block;
}
div.aside-categories-box nav li.level1.cat-active-list ul.sub-menu li.level2,
div.aside-categories-box nav#canvas-menu li.level1.cat-active-list ul.sub-menu li.level2 {
  border-top:0.06em solid var(--c-nav-item-border);
}
div.aside-categories-box nav a.cat-level1,
div.aside-categories-box nav#canvas-menu a.cat-level1 {
  display:block;
  padding:8px;
  background:#fff;
  color:#383838;
  text-decoration:none;
  font-size: 14px;
  font-weight:bold;
}
div.aside-categories-box nav a.cat-level1:hover,
div.aside-categories-box nav#canvas-menu a.cat-level1:hover {
  background:#383838;
  color:#fff;
}
div.aside-categories-box nav ul li a.cat-level1.catlink-with-subcat:after,
div.aside-categories-box nav#canvas-menu ul li a.cat-level1.catlink-with-subcat:after {
  right:10px;
  top:8px;
}

/* Level 2 */
div.aside-categories-box nav li.level2.not-active-list ul.sub-menu,
div.aside-categories-box nav#canvas-menu li.level2.not-active-list ul.sub-menu {
  display:none;
}
div.aside-categories-box nav li.level2.cat-active-list ul.sub-menu,
div.aside-categories-box nav#canvas-menu li.level2.cat-active-list ul.sub-menu {
  display: block;
}
div.aside-categories-box nav li.level2.cat-active-list ul.sub-menu li.level3,
div.aside-categories-box nav#canvas-menu li.level2.cat-active-list ul.sub-menu li.level3 {
  border-top:0.06em solid var(--c-nav-item-border);
}
div.aside-categories-box nav a.cat-level2,
div.aside-categories-box nav#canvas-menu a.cat-level2 {
  display:block;
  padding:8px 8px 8px 12px;
  background:#eee;
  color:#383838;
  text-decoration:none;
  font-size: 12px;
  font-weight:bold;
}
div.aside-categories-box nav a.cat-level2:hover,
div.aside-categories-box nav#canvas-menu a.cat-level2:hover {
  background:#383838;
  color:#fff;
}
div.aside-categories-box nav ul li a.cat-level2.catlink-with-subcat:after,
div.aside-categories-box nav#canvas-menu ul li a.cat-level2.catlink-with-subcat:after {
  right:10px;
  top:8px;
}

/* Level 3 */
div.aside-categories-box nav li.level3.not-active-list ul.sub-menu,
div.aside-categories-box nav#canvas-menu li.level3.not-active-list ul.sub-menu {
  display:none;
}
div.aside-categories-box nav li.level3.cat-active-list ul.sub-menu,
div.aside-categories-box nav#canvas-menu li.level3.cat-active-list ul.sub-menu {
  display: block;
}
div.aside-categories-box nav li.level3.cat-active-list ul.sub-menu li.level4,
div.aside-categories-box nav#canvas-menu li.level3.cat-active-list ul.sub-menu li.level4 {
  border-top:0.06em solid var(--c-nav-item-border);
}
div.aside-categories-box nav a.cat-level3,
div.aside-categories-box nav#canvas-menu a.cat-level3 {
  display:block;
  padding:8px 8px 8px 22px;
  background:#f4E5be;
  color:#383838;
  text-decoration:none;
  font-size: 11px;
  font-weight:bold;
}
div.aside-categories-box nav a.cat-level3:hover,
div.aside-categories-box nav#canvas-menu a.cat-level3:hover {
  background:#f1f1f1;
  color:#333;
}
div.aside-categories-box nav ul li a.cat-level3:before,
div.aside-categories-box nav#canvas-menu ul li a.cat-level3:before {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-weight: 900;
  content: "\f0da";
  padding-right:4px;
  position: absolute;
  left:14px;
  top:8px;
}
div.aside-categories-box nav ul li a.cat-level3.catlink-with-subcat:after,
div.aside-categories-box nav#canvas-menu ul li a.cat-level3.catlink-with-subcat:after {
  right:10px;
  top:8px;
}

/* Level 4 */
div.aside-categories-box nav li.level4.not-active-list ul.sub-menu,
div.aside-categories-box nav#canvas-menu li.level4.not-active-list ul.sub-menu {
  display:none;
}
div.aside-categories-box nav li.level4.cat-active-list ul.sub-menu,
div.aside-categories-box nav#canvas-menu li.level4.cat-active-list ul.sub-menu {
  display: block;
}
div.aside-categories-box nav li.level4.cat-active-list ul.sub-menu li.level5,
div.aside-categories-box nav#canvas-menu li.level4.cat-active-list ul.sub-menu li.level5 {
  border-top:0.06em solid var(--c-nav-item-border);
  background:#666;
}
div.aside-categories-box nav a.cat-level4,
div.aside-categories-box nav#canvas-menu a.cat-level4 {
  display:block;
  padding:0.65em 0.64em;
  background:#fac500;
  color:#383838;
  text-decoration:none;
  font-weight:bold;
}
div.aside-categories-box nav a.cat-level4:hover,
div.aside-categories-box nav#canvas-menu a.cat-level4:hover {
  background:#383838;
  color:#fff;
}
div.aside-categories-box nav ul li a.cat-level4.catlink-with-subcat:after,
div.aside-categories-box nav#canvas-menu ul li a.cat-level4.catlink-with-subcat:after {
  right:10px;
  top:8px;
}

/* Level 5 */
div.aside-categories-box nav li.level5.not-active-list ul.sub-menu,
div.aside-categories-box nav#canvas-menu li.level5.not-active-list ul.sub-menu {
  display:none;
}
div.aside-categories-box nav li.level5.cat-active-list ul.sub-menu,
div.aside-categories-box nav#canvas-menu li.level5.cat-active-list ul.sub-menu {
  display: block;
}
div.aside-categories-box nav li.level5.cat-active-list ul.sub-menu li,
div.aside-categories-box nav#canvas-menu li.level5.cat-active-list ul.sub-menu li {
  border-top:0.06em solid var(--c-nav-item-border);
  background:#fac500;
}
div.aside-categories-box nav a.cat-level5,
div.aside-categories-box nav#canvas-menu a.cat-level5 {
  display:block;
  padding:0.65em 0.64em;
  background:#fac500;
  color:#383838;
  text-decoration:none;
  font-weight:bold;
}
div.aside-categories-box nav a.cat-level5:hover,
div.aside-categories-box nav#canvas-menu a.cat-level5:hover {
  background:#383838;
  color:#fff;
}
div.aside-categories-box nav ul li a.cat-level5.catlink-with-subcat:after,
div.aside-categories-box nav#canvas-menu ul li a.cat-level5.catlink-with-subcat:after {
  right:10px;
  top:8px;
}
div.aside-categories-box nav ul li a.catlink-with-subcat,
div.aside-categories-box nav#canvas-menu ul li a.catlink-with-subcat {
  padding-right: 26px;
}
div.aside-categories-box nav li.level1:last-child,
div.aside-categories-box nav#canvas-menu li.level1:last-child {
  border-bottom:none;
}

footer a:link,
footer a:visited,
footer a:active {
  color: #fff;
}
.footer-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  padding-top: 12px;
}
.footer-box {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 19%;
  position: relative;
  min-width: 240px;
}
.footer-box-big {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
  position: relative;
}
.footer-box-newsletter {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 25%;
  position: relative;
}
.footer-box-newsletter-top {
  background: #383838;
  color: #fff;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis:100%;
  order:0;
}
.footer-box-newsletter {
  order: var(--mits-footer-order-mobile, 0);
}
.footer-box.footer-contentbox {
  order: var(--mits-footer-order-mobile, 1);
}
.footer-box.footer-html-content2 {
  order: var(--mits-footer-order-mobile, 2);
}
.footer-box.footer-informationbox {
  order: var(--mits-footer-order-mobile, 3);
}
.footer-box-big.footer-html-content1,
.footer-box.footer-html-content1 {
  order: var(--mits-footer-order-mobile, 4);
}
.footer-box.footer-blog-contentbox {
  order: var(--mits-footer-order-mobile, 5);
}
.footer-box.footer-blog {
  order: var(--mits-footer-order-mobile, 6);
}
.footer-box.footer-social-media {
  order: var(--mits-footer-order-mobile, 7);
}
.footer-box.footer-paymenticons {
  order: var(--mits-footer-order-mobile, 8);
}
.footer-box.footer-shippingandpaymenticons {
  order: var(--mits-footer-order-mobile, 9);
}
.footer-box.footer-shippingicons {
  order: var(--mits-footer-order-mobile, 10);
}
.footer-box.footer-shippingbox {
  order:10;
}
.footer-box.footer-shopvoting {
  order:11;
}
.footer-box.footer-shopvoting .footer-content {
  display: block;
}
@media only screen and (min-width: 480px) {
  .footer-box-newsletter,
  .footer-box.footer-contentbox,
  .footer-box.footer-html-content2,
  .footer-box.footer-informationbox,
  .footer-box-big.footer-html-content1,
  .footer-box.footer-html-content1,
  .footer-box.footer-blog-contentbox,
  .footer-box.footer-blog,
  .footer-box.footer-social-media,
  .footer-box.footer-paymenticons,
  .footer-box.footer-shippingandpaymenticons,
  .footer-box.footer-shippingicons {
    order: var(--mits-footer-order-desktop, var(--mits-footer-order-mobile, 0));
  }
  .footer-box.footer-shippingbox {
    order:10;
  }
  .footer-box.footer-shopvoting {
    order:6;
  }
  .footer-box.footer-shopvoting .footer-content {
    display: block;
  }
}
.footer-box-newsletter-top .footer-box-newsletter-inner {
  text-align: center;
  margin: 0 auto;
  padding:32px 20px;
  position: relative;
  max-width:580px;
}
.footer-box-newsletter .footer-box-newsletter-inner {
  padding: 20px;
}
.footer-box-newsletter-inner p {
  font-size: 12px;
}
.footer-box-newsletter-top .footer-box-newsletter-inner .footer-box-header {
  color: #fff;
  border-bottom: 0;
  margin-bottom: 0;
  padding:6px 0;
}
.footer-box-big .footer-box-header,
.footer-box .footer-box-header,
.footer-box-newsletter .footer-box-header {
  padding: 8px;
}
.footer-box-big .footer-box-header span,
.footer-box .footer-box-header span,
.footer-box-newsletter .footer-box-header span {
  display:block;
}
footer .footer-box-header {
  cursor: default;
}
.js footer.mits-footer-collapsible .footer-box-header {
  cursor: pointer;
}
.js footer.mits-footer-collapsible .footer-box-header span:after {
  display: block;
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-weight: 900;
  content: "\f067";
  padding-right:4px;
  float: right;
}
.js footer.mits-footer-collapsible .is-open > .footer-box-header span:after,
.js footer.mits-footer-collapsible .is-open > .footer-box-newsletter-inner > .footer-box-header span:after {
  content: "\f068";
}
@media only screen and (min-width: 480px) {
  .js footer.mits-footer-collapsible .footer-box-header span:after {
    display: none;
  }
}
.footer-box-newsletter-top .footer-newsletter-input {
  position: relative;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
}
.footer-box-newsletter .footer-newsletter-input {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.footer-content {
  display: block;
  padding: 8px;
}
.js footer.mits-footer-collapsible.mits-footer-mobile-closed .footer-content {
  display: none;
}
.js footer.mits-footer-collapsible.mits-footer-mobile-open .footer-content,
footer.mits-footer-static .footer-content {
  display: block;
}
@media only screen and (min-width: 480px) {
  footer .footer-content {
    display: block;
    padding: 8px;
  }
  .footer-box,
  .footer-box-big {
    display: block;
    padding:20px;
  }
}
.mits-footer-widerruf-placement {
  display: block;
  width: 100%;
  margin-top: 12px;
  box-sizing: border-box;
}
.mits-footer-widerruf-placement .mits-widerruf-public-button {
  max-width: 100%;
  box-sizing: border-box;
}
.footer-box-header {
  padding: 12px 0;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  margin-bottom: 12px;
  color: #fff;
}
.footer-box address {
  font-style: normal;
  margin: 20px auto 20px auto;
}
.footer-content-menu,
.footer-information-menu,
.footer-blog-content-menu,
.footer-toggle-menu {
  margin:0;
  padding:0;
  list-style: none;
}
.footer-content-menu li,
.footer-information-menu li,
.footer-blog-content-menu li,
.footer-toggle-menu li {
  margin:0;
  padding:0;
  padding-left:10px;
  list-style: none;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid rgba(169, 169, 169, .5);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
.footer-toggle-menu li {
  font-size: 14px;
}
.footer-content-menu li a,
.footer-information-menu li a,
.footer-blog-content-menu li a{
  display: block;
  padding:2px;
}
.footer-content-menu li.level1:before,
.footer-information-menu li.level1:before,
.footer-blog-content-menu li.level1:before,
.footer-toggle-menu li:before {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-weight: 900;
  /*content: "\f0da";*/
  content: "\f105";
  padding-right:4px;
  position: absolute;
  left:0;
  top:2px;
}
.footer-content-menu li.active1 a,
.footer-information-menu li.active1 a,
.footer-blog-content-menu li.active1 a {
  font-style: italic;
}
/* Sublevel */
.footer-content-menu li.level2:before,
.footer-information-menu li.level2:before,
.footer-blog-content-menu li.level2:before {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-weight: 900;
  content: "\f0da";
  /*content: "\f105";*/
  padding-right:4px;
  position: absolute;
  left:0;
  top:2px;
}
.footer-content-menu li.active1 ul,
.footer-information-menu li.active1 ul,
.footer-blog-content-menu li.active1 ul {
  border-top: 1px solid #bbb;
}
.footer-content-menu li.active1 ul,
.footer-information-menu li.active1 ul,
.footer-blog-content-menu li.active1 ul{
  margin:0;
  padding-left:0;
}
.footer-content-menu li.active1 ul li,
.footer-information-menu li.active1 ul li,
.footer-blog-content-menu li.active1 ul li {
  margin:0;
  padding-left:10px;
}
.footer-content-menu li.level2,
.footer-information-menu li.level2,
.footer-blog-content-menu li.level2 {
  font-weight: normal;
  font-style: normal;
}
.footer-content-menu li.active1 ul li:last-child,
.footer-information-menu li.active1 ul li:last-child {
  border: 0;
}
/* Sublevel End */
.footer-toggle-menu li a {
  display: block;
  padding:8px;
}
.footer-content.social-media {
  text-align: center;
}
.footer-content.social-media .fa-brands,
.footer-content.social-media .fa-solid,
.footer-content.social-media .fa-regular,
.footer-content.social-media .fab,
.footer-content.social-media .fas,
.footer-content.social-media .far {
  font-size: 48px;
  padding: 5px;
}
.footer-content.social-media.color .fa-facebook-square,
.footer-content.social-media.color .fa-facebook {
  color:#3b5998;
}
.footer-content.social-media.color .fa-instagram-square,
.footer-content.social-media.color .fa-instagram {
  color:#d93175;
}
.footer-content.social-media.color .fa-twitter-square,
.footer-content.social-media.color .fa-twitter {
  color:#1da1f2;
}
.footer-content.social-media.color .fa-pinterest-square,
.footer-content.social-media.color .fa-pinterest-p {
  color:#cc2028;
}
.footer-content.social-media.color .fa-youtube-square,
.footer-content.social-media.color .fa-youtube {
  color:#e12c29;
}
.footer-content.social-media.color .fa-linkedin,
.footer-content.social-media.color .fa-linkedin-in {
  color:#00598d;
}
.footer-content.social-media.color .fa-flickr {
  color:#ff0084;
}
.footer-content.social-media.color .fa-whatsapp-square,
.footer-content.social-media.color .fa-whatsapp {
  color:#25d366;
}
.footer-content.social-media.color .fa-blogger,
.footer-content.social-media.color .fa-blogger-b {
  color:#f57d00;
}
.footer-content.social-media.color .fa-blog {
  color:#333;
  font-size: 40px;
}

.footer-content.paymenticons img {
  display: block;
  width: 32%;
  max-width: 128px;
  float: left;
  clear-after: left;
}
.footer-content.shippingicons img {
  display: block;
  width: 32%;
  max-width: 128px;
  float: left;
  clear-after: left;
}
.footer-content.shippingandpaymenticons img {
  display: block;
  width: 32%;
  max-width: 96px;
  float: left;
  clear-after: left;
}
.footer-content.shippingandpaymenticons img.shipping-image {
  display: block;
  width: auto;
  max-width: 100%;
  float: none;
  margin-bottom: 8px;
}
.footer-content.shippingandpaymenticons .payment-icons,
.footer-content.shippingandpaymenticons .shipping-icons {
  display: block;
  clear: both;
  float: none;
  margin: 8px auto;
}
.footer-content.shippingandpaymenticons .payment-icons {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #666;
}
.payment-icons-title,
.shipping-icons-title {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 8px;
}

div.checkoutborder {
  background: var(--c-bg, #fff);
  border: solid green 2px;
  padding: 0 10px 15px 10px;
  -webkit-box-shadow: 0 0 5px 0 green;
  box-shadow: 0 0 5px 0 green;
}

/*
flex-direction: row (von links nach rechts = Standardwert)
flex-direction: column (von oben nach unten)
flex-direction: row-reverse (von rechts nach links)
flex-direction: column-reverse (von unten nach oben)

flex-grow: 0 (Items dürfen nicht größer werden als festgelegt)
flex-shrink: 1 (Items dürfen kleiner werden als festgelegt)
flex-basis: auto (Die Basis-Größe der Items wird automatisch festgelegt – also anhand der Angaben height, width bzw. auf Grundlage des enthaltenen Inhalts)
order: 0 (Die Reihenfolge entspricht der des HTML-Codes)

justify-content: flex-start (Am Anfang der Hauptachse)
justify-content: center (In der Mitte der Hauptachse)
justify-content: flex-end (Am Ende der Hauptachse)
justify-content: space-between (Das 1. Flex-Item ist am ganz Anfang der Achse, das letzte ganz am Ende. Alle anderen Items werden gleichmäßig verteilt. Es entstehen also Abstände zwischen den Items.)
justify-content: space-around (Die Flex-Items werden wie bei space-between verteilt, allerdings entsteht auch vor dem 1. Item und nach dem letzten Item ein Abstand)
justify-content: space-evenly (Die Flex-Items werden wie bei den beiden vorherigen Methoden verteilt, allerdings werden die Abstände einheitlich gewählt)

align-items: flex-start (Am Anfang der Kreuzachse)
align-items: center (In der Mitte der Kreuzachse)
align-items: flex-end (Am Ende der Kreuzachse)
align-items: baseline (Die Flex-Items werden so ausgerichtet, dass die Grundlinie der Schrift bündig ist. Nur sichtbar bei unterschiedlichen Schriftgrößen)
align-items: stretch (Alle Flex-Items sind so hoch wie die Flexbox)
 */

.listing-filter {
  padding: 8px 0;
  margin-bottom: 10px;
}
.listing-filter {
  background: var(--c-filter-bg);
  border-bottom: 1px solid var(--c-filter-border);
}
.listing-filter label {
  display: block;
  color: var(--c-filter-label);
}
.listing-filter select,
.listing-filter input[type="text"],
.listing-filter input[type="search"] {
  background: var(--c-filter-control-bg);
  color: var(--c-filter-control-text);
  border: 1px solid var(--c-filter-control-border);
  border-radius: var(--radius, 12px);
}
.listing-filter select:focus-visible,
.listing-filter input[type="text"]:focus-visible,
.listing-filter input[type="search"]:focus-visible {
  outline: 3px solid var(--c-filter-control-focus);
  outline-offset: 2px;
}
.view-changer a.view-row,
.view-changer a.view-box {
  background: var(--c-filter-view-bg);
  color: var(--c-filter-view-text);
  border-radius: var(--radius, 12px);
}
.view-changer a.view-row:hover,
.view-changer a.view-box:hover,
.view-changer a.view-row:focus-visible,
.view-changer a.view-box:focus-visible {
  color: var(--c-filter-view-hover-text);
}
.view-changer a.active {
  background: var(--c-filter-view-active-bg);
  color: var(--c-filter-view-active-text);
}
.product-tags-filter-header {
  color: var(--c-filter-tags-header-text);
}
.product-tags-filter-reset {
  color: var(--c-filter-tags-reset-link);
}
.product-tags-filter-item label {
  display: block;
  background: var(--c-filter-tag-bg);
  color: var(--c-filter-tag-text);
  border: 1px solid var(--c-filter-tag-border);
  border-radius: var(--radius, 12px);
  padding: 6px 10px;
}
.filter-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 -8px;
}
.filter-manufacturer,
.filter-sorting,
.filter-counter,
.view-changer {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 8px;
  min-height: 52px;
}
.filter-manufacturer,
.filter-sorting,
.filter-counter {
  flex-basis: 24%;
  min-width: 150px
}
.view-changer {
  flex-basis: 110px;
  white-space: nowrap;
}
a.view-row, a.view-box {
  font-size: 30px;
  line-height: 44px;
  padding: 0 8px;
  float: right;
  color: #555;
}
a.view-row:hover,
a.view-box:hover {
  color: #666;
}
a.view-row.is-active,
a.view-box.is-active {
  color: #ddd;
}

.product-tags-filter {
  margin: 12px auto;
}
.product-tags-filter-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.product-tags-filter-header {
  font-size: 12px;
  font-weight: bold;
}
.product-tags-filter-item {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 8px;
  flex-basis: 48%;
}
@media only screen and (min-width: 601px) {
  .product-tags-filter-item {
    flex-basis: 23%;
  }
}
.pagination-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  margin: 12px auto;
}
.pagination-text {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 6px 12px 6px 0;
  color: var(--c-pagination-text);
  font-size: 12px;
}
.pagination {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  text-align: right;
  color: #555;
  font-size: 12px;
}
.pagination-page {
  padding: 6px 12px;
  color: #555;
  font-size: 12px;
}
.pagination-current-page,
.pagination-page-link,
.pagination-no-page {
  display: inline-block;
  border:1px solid var(--c-pagination-border);
  padding: 6px 12px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
a.pagination-page-link {
  color: var(--c-pagination-link-text);  
  background: var(--c-pagination-link-bg);
}
a.pagination-page-link:hover {
  color: var(--c-pagination-link-hover-text);
  background: var(--c-pagination-link-hover-bg);
}
.pagination-current-page {
  color: var(--c-pagination-current-text);  
  background: var(--c-pagination-current-bg);
}
.pagination-no-page {
  color: var(--c-pagination-disabled-text);  
  background: var(--c-pagination-disabled-bg);
}

.categories,
.manufacturers {
  padding-bottom: 12px;
  margin: 0 -8px;
}
.categories-image,
.manufacturers-image {
  display: block;
  max-width: 100%;
  position: relative;
  margin: 10px auto;
}
.categories-description,
.manufacturers-description {
  padding: 0 8px 8px 8px;
}
.categories-description h1:first-child,
.manufacturers-description h1:first-child {
  margin: 0 0 8px 0 !important;
  padding: 0 0 8px 0 !important;
}
.categories-subcats-heading {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid var(--c-nav-panel-border);
  padding: 8px;
  margin: 16px auto;
}
.categories-subcats {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0 -8px;
}
.subcateorie {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 160px;
}
@media only screen and (min-width: 484px) {
  .subcateorie {
    flex-basis: 240px;
  }
}
@media only screen and (min-width: 600px) {
  .subcateorie {
    flex-basis: 280px;
  }
  .categories-image,
  .manufacturers-image {
    float: left;
    max-width: 100%;
    margin: 20px;
  }
}
.subcateorie-inner {
  display: block;
  margin: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px 0 #eee;
  box-shadow: 0 0 5px 0 #eee;
}
.subcateorie-inner:hover {
  -webkit-box-shadow: 0 0 5px 0 #666;
  box-shadow: 0 0 5px 0 #666;
}
.subcateorie-inner .centered-image {
  display: grid !important;
  place-items: center;
  width: 100%;
  min-width: 0;
  height: var(--mits-category-list-slot-height, 200px);
  max-width: 100%;
  max-height: var(--mits-category-list-slot-max-height, none);
  aspect-ratio: var(--mits-category-list-slot-ratio, auto);
  overflow: hidden;
  box-sizing: border-box;
}
.subcateorie-inner .centered-image > picture,
.subcateorie-inner .centered-image > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.subcateorie-inner .centered-image > img,
.subcateorie-inner .centered-image > picture > img,
.subcateorie-inner .centered-image > a > img,
.subcateorie-inner .centered-image > a > picture > img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}
.subcateorie-title {
  background: #eee;
  display: block;
  margin: 0;
  padding: 8px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

.product-listing-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 0 -6px 20px -6px;
}
.product-listing-box .product-listing-boxitem {
  flex-grow: 1;
  flex-shrink: 0;
  /*flex-basis: 318px;*/
}
/*
.product-listing-box:after {
  content: '';
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 318px;
}*/
.product-listing-box .product-listing-boxitem { width:100%; max-width:100% }
@media only screen and (min-width: 400px) {
  .product-listing-box .product-listing-boxitem { width:50%; max-width:50% }
}
@media only screen and (min-width: 768px) {
  .product-listing-box .product-listing-boxitem { width:33%; max-width:33% }
}
@media only screen and (min-width: 980px) {
  .product-listing-box .product-listing-boxitem { width:33%; max-width:33% }
}
.product-listing-boxitem .centered-image {
  padding: 4px;
}
.product-listing-boxitem-inner {
  position: relative;
  margin: 8px;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
}
.product-listing-boxitem-inner:hover {
  -webkit-box-shadow: 0 0 5px 0 #666;
  box-shadow: 0 0 5px 0 #666;
}
/* Product image slot: the slot owns the geometry, never the intrinsic image. */
.product-listing-box .product-listing-boxitem-inner .centered-image {
  display: grid !important;
  place-items: center;
  width: 100%;
  min-width: 0;
  height: var(--mits-product-box-slot-height, 320px);
  max-width: 100%;
  max-height: var(--mits-product-box-slot-max-height, none);
  aspect-ratio: var(--mits-product-box-slot-ratio, auto);
  overflow: hidden;
  box-sizing: border-box;
}
.product-listing-box .product-listing-boxitem-inner .centered-image > picture,
.product-listing-box .product-listing-boxitem-inner .centered-image > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.product-listing-box .product-listing-boxitem-inner .centered-image > img,
.product-listing-box .product-listing-boxitem-inner .centered-image > picture > img,
.product-listing-box .product-listing-boxitem-inner .centered-image > a > img,
.product-listing-box .product-listing-boxitem-inner .centered-image > a > picture > img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}
.product-listing-boxitem-title,
.product-listing-boxitem-title .h2-heading {
  background: #eee;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0;
  padding: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  min-height: 64px;
  border: 0;
}
.product-listing-boxitem-minidesc {
  padding: 8px;
  font-size: 12px;
  text-align: center;
  color: #666;
  line-height: normal;
  height: 46px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.product-listing-boxitem-price {
  color: #444;
  text-align: center;
  display: block;
}
.product-listing-boxitem-price-pangv {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  line-height: normal;
}
.product-listing-boxitem-shipping {
  padding: 2px;
  font-size: 11px;
  text-align: center;
  color: #666;
  line-height: normal;
}
.product-listing-boxitem-shipping.mits-delivery-date {
  min-height: 48px;
}
.product-listing-boxitem-vpe {
  font-size: 10px;
  text-align: left;
  padding: 2px;
  flex-grow: 1;
  flex-shrink: 1;
  color: #666;
}
.product-listing-boxitem-tax {
  font-size: 10px;
  text-align: right;
  padding: 2px;
  flex-grow: 1;
  flex-shrink: 1;
  color: #666;
}
.product-listing-boxitem-price-pangv a,
.product-listing-item-shipping a {
  color: #666;
}
.product-listing-boxitem-price-pangv a:hover,
.product-listing-boxitem-shipping a:hover {
  color: #444;
}
.product-listing-boxitem-inner .new-products-flag {
  position: absolute;
  top:0;
  right: 0;
  width: auto;
  height: auto;
  padding: 4px 10px;
  background: var(--c-flag-new-bg, rgba(190,190,190,0.5));
  color: var(--c-flag-new-text, #900);
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  z-index: 3;
}
.product-listing-boxitem-inner .specials-flag {
  position: absolute;
  top:0;
  left: 0;
  width: auto;
  height: auto;
  padding: 4px 10px;
  background: var(--c-flag-special-bg, rgba(153,0,0,0.5));
  color: var(--c-flag-special-text, #fff);
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  z-index: 3;
}
.product-listing-boxitem-inner .topseller-flag {
  position: absolute;
  top:0;
  left: 50%;
  transform: translate(-50%, 0);
  width: auto;
  height: auto;
  padding: 4px 10px;
  color: var(--c-flag-topseller-text, #555);
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  z-index: 3;
}
.box-last-viewed-categories,
.account-history-category {
  padding:8px;
  font-size: 12px;
  text-align: center;
}
.aside-box-title .show-all,
.h3-heading .show-all,
.h4-heading .show-all {
  display: inline-block;
  float: right;
  font-size: 11px;
}
.aside-box .product-listing-boxitem-inner,
.aside-box .product-listing-boxitem-inner:hover {
  -webkit-box-shadow: unset;
  box-shadow: unset;
  margin: 0;
}
.aside-box .product-listing-boxitem-title,
.aside-box .product-listing-boxitem-title .h2-heading {
  font-size: 12px;
}
.product-listing-boxitem-price .standard-price {
  font-weight: bold;
  font-size: 18px;
}
.product-listing-boxitem-price .old-price {

}
.product-listing-boxitem-price .new-price {

}
.product-listing-boxitem-price .save-price {

}
.product-listing-boxitem-price .uvp-price {

}
.product-listing-boxitem-price .item-price {
  font-weight: bold;
  font-size: 18px;
}
.product-listing-boxitem-price .graduated-price {

}
.product-listing-boxitem-price .small-price {
  font-size: 11px;
}
.product-listing-boxitem-price .no-price {

}
.product-listing-boxitem-price .special-price {
  font-weight: bold;
  font-size: 18px;
  color: #900;
}

.aside-box .product-listing-boxitem-price .standard-price {
  font-size: 14px;
}

.product-listing-row {

}
.product-listing-rowitem {
  clear: both;
  display: block;
  float: none;
  margin: 16px auto;
}
.product-listing-rowitem-inner {
  position: relative;
  margin: 8px;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
}
.product-listing-rowitem-inner:hover {
  -webkit-box-shadow: 0 0 5px 0 #666;
  box-shadow: 0 0 5px 0 #666;
}
.product-listing-rowitem-inner .centered-image {
  display: grid !important;
  place-items: center;
  padding: 6px;
  min-width: 0;
  max-width: 100%;
  max-height: var(--mits-product-row-slot-max-height, none);
  aspect-ratio: var(--mits-product-row-slot-ratio, auto);
  overflow: hidden;
  box-sizing: border-box;
  align-self: flex-start;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 300px;
  position: relative;
}
.product-listing-rowitem-inner .centered-image > picture,
.product-listing-rowitem-inner .centered-image > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.product-listing-rowitem-inner .centered-image > img,
.product-listing-rowitem-inner .centered-image > picture > img,
.product-listing-rowitem-inner .centered-image > a > img,
.product-listing-rowitem-inner .centered-image > a > picture > img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}
.product-listing-rowitem-inner .products-short-desc {
  padding: 8px;
}
.product-listing-rowitem-content {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: 400px;
  border: 1px solid #eee;
  position: relative;
}
.product-listing-rowitem-title {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
}
.product-listing-rowitem-title h2 {
  background: #eee;
  margin: 0;
  padding: 8px;
  text-align: left;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  border: 0;
}
.product-listing-rowitem-price .price-row {
  color: #444;
  text-align: right;
  display: block;
  padding: 4px;
}
.product-listing-rowitem-price-pangv {
  clear: both;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: stretch;
}
.product-listing-rowitem-shipping {
  padding: 2px 4px;
  font-size: 11px;
  text-align: right;
  color: #666;
}
.product-listing-rowitem-vpe {
  font-size: 10px;
  text-align: left;
  padding: 2px;
  flex-grow: 1;
  flex-shrink: 0;
  color: #666;
}
.product-listing-rowitem-tax {
  font-size: 10px;
  text-align: right;
  padding: 2px;
  flex-grow: 1;
  flex-shrink: 0;
  color: #666;
}
.product-listing-rowitem-price-pangv a,
.product-listing-item-shipping a {
  color: #666;
}
.product-listing-rowitem-price-pangv a:hover,
.product-listing-rowitem-shipping a:hover {
  color: #444;
}
.product-listing-rowitem-inner .new-products-flag {
  position: absolute;
  top:0;
  left: 0;
  width: auto;
  height: auto;
  padding: 4px 10px;
  background: var(--c-flag-new-bg, rgba(190,190,190,0.5));
  color: var(--c-flag-new-text, #900);
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  z-index: 3;
}
.product-listing-rowitem-inner .specials-flag {
  position: absolute;
  top:0;
  right: 0;
  width: auto;
  height: auto;
  padding: 4px 10px;
  background: var(--c-flag-special-bg, rgba(153,0,0,0.5));
  color: var(--c-flag-special-text, #fff);
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  z-index: 3;
}
.product-listing-rowitem-inner .topseller-flag {
  position: absolute;
  top:0;
  left: 50%;
  transform: translate(-50%, 0);
  width: auto;
  height: auto;
  padding: 4px 10px;
  color: var(--c-flag-topseller-text, #555);
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  z-index: 3;
}

.price-row .standard-price {
  font-weight: bold;
  font-size: 18px;
}
.price-row .old-price {
  float: left;
  display: block;
  padding-right: 10px;
}
.price-row .new-price {
  font-weight: bold;
  font-size: 18px;
  color: var(--c-flag-new-text, #900);
  white-space: nowrap;
}
.price-row .save-price {
  display: block;
  font-size: 10px;
}
.price-row .uvp-price {
  float: left;
  display: block;
  padding-right: 10px;
}
.price-row .item-price {
  font-weight: bold;
  font-size: 18px;
}
.price-row .graduated-price {
  float: left;
  display: block;
  padding-right: 10px;
}
.price-row .small-price {
  font-size: 11px;
}
.price-row .no-price {

}
.price-row .special-price {
  font-weight: bold;
  font-size: 18px;
  color: #900;
}

.slider-products-box {
  padding: 10px;
  position: relative;
}
.slider-products-boxitem {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
}
.slider-products-boxitem:hover {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px 0 #666;
  box-shadow: 0 0 5px 0 #666;
}
.slider-products-box .centered-image {
  display: grid !important;
  place-items: center;
  width: 100%;
  min-width: 0;
  height: var(--mits-product-slider-slot-height, 280px);
  max-width: 100%;
  max-height: var(--mits-product-slider-slot-max-height, none);
  aspect-ratio: var(--mits-product-slider-slot-ratio, auto);
  overflow: hidden;
  box-sizing: border-box;
}
.slider-products-box .centered-image > picture,
.slider-products-box .centered-image > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.slider-products-box .centered-image > img,
.slider-products-box .centered-image > picture > img,
.slider-products-box .centered-image > a > img,
.slider-products-box .centered-image > a > picture > img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
}
.slider-products-box .slider-products-boxitem-title {
  height:52px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  line-height: unset;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #eee;
  padding: 4px;
  background: #eee;
}
.slider-products-boxitem-price {
  color: #444;
  text-align: center;
  display: block;
}
.slider-products-boxitem-price .standard-price {
  font-weight: bold;
  font-size: 18px;
}
.slider-products-boxitem-price .old-price {

}
.slider-products-boxitem-price .new-price {

}
.slider-products-boxitem-price .save-price {

}
.slider-products-boxitem-price .uvp-price {

}
.slider-products-boxitem-price .item-price {
  font-weight: bold;
  font-size: 18px;
}
.slider-products-boxitem-price .graduated-price {

}
.slider-products-boxitem-price .small-price {
  font-size: 11px;
}
.slider-products-boxitem-price .no-price {

}
.slider-products-boxitem-price .special-price {
  font-weight: bold;
  font-size: 18px;
  color: #900;
}
.slider-products-boxitem-price-pangv {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
}
.slider-products-boxitem-shipping {
  padding: 2px;
  font-size: 10px;
  text-align: center;
  color: #666;
}
.slider-products-boxitem-shipping.mits-delivery-date {
  line-height: 12px;
  min-height: 38px;
  color: #666;
}
.slider-products-boxitem-vpe {
  font-size: 10px;
  text-align: left;
  padding: 2px;
  flex-grow: 1;
  flex-shrink: 1;
  color: #666;
}
.slider-products-boxitem-tax {
  font-size: 10px;
  text-align: right;
  padding: 2px;
  flex-grow: 1;
  flex-shrink: 1;
  color: #666;
}
.slider-products-boxitem-price-pangv a,
.slider-products-boxitem-shipping a {
  color: #666;
}
.slider-products-boxitem-price-pangv a:hover,
.slider-products-boxitem-shipping a:hover {
  color: #444;
}
.slider-products-box .new-products-flag {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 4px 10px;
  background: var(--c-flag-new-bg, rgba(190,190,190,0.5));
  color: var(--c-flag-new-text, #900);
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
.slider-products-box .specials-flag {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
  padding: 4px 10px;
  background: var(--c-flag-special-bg, rgba(153,0,0,0.5));
  color: var(--c-flag-special-text, #fff);
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
.slider-products-box .topseller-flag {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: auto;
  height: auto;
  padding: 4px 10px;
  color: var(--c-flag-topseller-text, #555);
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
}
.topseller-green {
  background: rgba(33,255,0,0.5);
}
.button-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.button-group-nowrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.button-group-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}
.product-info {
  position: relative;
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
}
.product-info-imagebox {
	display: flex;
  order: 0;
  flex: 0 1 auto;
  align-self: flex-start;
  height: auto;
  width: 100%;
	padding: 0;
  position: relative;
  float: none;
}
.product-info-imagebox-inner {

}
.product-info-imagebox-inner .slider-for img{
  border: 1px solid #eee;
  position: relative;
  cursor: zoom-in;
}
.product-info-databox {
  width: 100%;
  order: 1;
  flex: 0 1 auto;
}
.product-info-databox-inner {
  container-name: product-details;
  container-type: inline-size;
}
@media only screen and (min-width: 601px) {
  .product-info-imagebox,
  .product-info-databox {
    width: 50%;
    float: unset;
    position: sticky;
    top: 0;
  }
  .product-info-imagebox {
    padding: 0 12px 0 0;
  }
}
#big-single-image-container {
  max-width: 98%;
  -ms-flex: 0 0 98%;
  flex: 0 0 98%;
  order: 1;
}
#big-image-container {
  max-width: 83%;
  -ms-flex: 0 0 83%;
  flex: 0 0 83%;
  order: 2;
  border: 1px solid #ccc;
  padding: 8px;
}
#more-image-container {
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 15%;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  order: 1;
  margin: 0 10px 0 0;
}
.slider-nav img {
  cursor: pointer;
}
.slider-nav-imagebox {
  position: relative;
  padding: 0;
  margin: 0px 0px 10px 0px;
  box-sizing: border-box;
  height: 100%;
}
.slider-nav-imagebox div {
  overflow: hidden;
}
#big-image-zoomer {
  overflow: hidden;
}
#big-image-zoomer button {
  width: 40px;
  height: 100%;
}
#big-image-zoomer:hover button {
  background: #eee;
  opacity: 0.5;
}
.product-info-imagebox .slider-nav {
  margin: 0 auto;
  max-width: 86%;
}
.product-info-imagebox .slider-nav-imagebox div {
  height: 100%;
  border: 1px solid #ccc;
}
.product-info-imagebox .slider-nav-imagebox img {
  width: auto;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  margin: auto;
}
.product-info-short-description {
  font-size: 13px;
  border-bottom: 1px solid var(--c-nav-panel-border);
  margin-bottom: 16px;
}
.product-info-price {
  margin-top: 16px;
  text-align: right;
}
.product-info-price .standard-price {
  display: block;
  font-weight: bold;
  font-size: 28px;
  text-align: right;
  margin: 16px 0;
}
.product-info-price .productOldPrice,
.product-info-price .old-price {
  font-size: 12px;
  padding-right: 30px;
}
.product-info-price .productNewPrice,
.product-info-price .new-price {
  text-align: right;
  font-size: 28px;
  font-weight: bold;
  color: var(--c-flag-new-text, #900);
}
.product-info-price .save-price {
  display: block;
  float: none;
  clear: both;
  width: 100%;
  font-size: 11px;
  text-align: right;
}
.product-info-price .uvp-price {
  font-size: 16px;
  margin: 16px 0;
  padding-right: 30px;
}
.product-info-price .item-price {
  display: block;
  font-weight: bold;
  font-size: 28px;
  text-align: right;
  margin: 16px 0;
}
.product-info-price .graduated-price {
  font-size: 16px;
  margin: 16px 0;
  padding-right: 30px;
}
.product-info-price .small-price,
.product-info-price .small_price {
  font-size: 12px;
}
.product-info-price .no-price {
  font-weight: bold;
  font-size: 18px;
}
.product-info-price .special-price {
  font-weight: bold;
  font-size: 18px;
  color: #900;
}
.product-info-topbar {
  margin-bottom: 12px;
}
.product-info-reviews {
  white-space: nowrap;
  text-align: left;
}
.fa-regular.fa-star,
.far.fa-star,
.product-info-reviews .fa-star.full,
.product-info-reviews .fa-star-half-alt {
  color: var(--c-rating-star, #f1c40f);
}
.product-info-reviews-rating-icons {
	padding: 0 4px;
}
.product-info-topbar img {
  position: relative;
  max-height: 36px;
  display: inline-block;
  float: right;
}
.product-info-left {
  float: left;
  width: 50%;
  padding-right: 30px;
  font-size: 12px;
}
.product-info-left strong {
  display: inline-block;
  width: 70px;
}
.product-info-right {
  float: left;
  width: 50%;
  text-align: right;
  font-size: 12px;
}
.product-info-print {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 4px 0 6px;
}
.product-info-print > .fa-print {
  flex: 0 0 auto;
  font-size: 1em;
}
.product-info-print-link {
  min-width: 0;
}
.product-info-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--product-meta-min-column-width, 260px), 1fr));
  gap: var(--product-meta-gap, 1px);
  width: 100%;
  margin: var(--product-meta-margin, 6px 0 16px);
  padding: var(--product-meta-padding, 0px);
  overflow: hidden;
  box-sizing: border-box;
  background: var(--product-meta-background, var(--c-border, #ddd));
  border-width: var(--product-meta-border-width, 1px);
  border-style: var(--product-meta-border-style, solid);
  border-color: var(--product-meta-border-color, var(--c-border, #ddd));
  border-radius: var(--product-meta-radius, var(--radius-card, 4px));
  font-size: var(--product-meta-font-size, 12px);
  line-height: var(--product-meta-line-height, 1.45);
}
.product-info-meta-item {
  display: grid;
  grid-template-columns: minmax(var(--product-meta-label-min-width, 104px), var(--product-meta-label-width, 40%)) minmax(0, 1fr);
  column-gap: var(--product-meta-column-gap, 10px);
  align-items: start;
  min-width: 0;
  padding: var(--product-meta-item-padding, 8px 10px);
  background: var(--product-meta-item-background, var(--c-bg, #fff));
  border-width: var(--product-meta-item-border-width, 0px);
  border-style: var(--product-meta-item-border-style, solid);
  border-color: var(--product-meta-item-border-color, var(--c-border, #ddd));
  border-radius: var(--product-meta-item-radius, 0px);
  box-sizing: border-box;
}
.product-info-meta-label,
.product-info-meta-value {
  min-width: 0;
  margin: 0;
}
.product-info-meta-label {
  font-weight: var(--product-meta-label-weight, 700);
  color: var(--product-meta-label-color, var(--c-muted-text, #555));
}
.product-info-meta-value {
  color: var(--product-meta-value-color, var(--c-text, #111));
  text-align: left;
  overflow-wrap: anywhere;
}
.product-info-meta-item-shipping .product-info-meta-label i {
  margin-right: 4px;
}
.product-info-shipping-image {
  display: inline-block;
  width: auto;
  max-width: 64px;
  height: auto;
  max-height: 20px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.product-info-meta-item-discount .product-info-meta-value {
  color: var(--product-meta-discount-color, var(--c-danger, #900));
  font-weight: 700;
}
.product-info-stock-status {
  margin: 8px 0 16px;
  font-size: 12px;
  text-align: right;
}
@media only screen and (max-width: 420px) {
  .product-info-meta {
    grid-template-columns: 1fr;
  }
  .product-info-stock-status {
    text-align: left;
  }
}
.product-info-vpe {
  padding-right: 30px;
  font-size: 11px;
}
.product-info-tax {
  text-align: right;
  font-size: 13px;
}
.product-info-discount {
  text-align: right;
  font-size: 13px;
}
.product-info-expires {
  font-size: 12px;
  font-weight: bold;
  color: #900;
  text-align: right;
  margin: 12px 0;
}
.product-info-flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  width: 100%;
}
.product-info-flex-container .flex-items:nth-child(1) {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: stretch;
  order: 0;
}
.product-info-flex-container .flex-items:nth-child(2) {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  align-self: stretch;
  order: 1;
}
.product-info-infomessage {
  border: 1px solid #e74c3c;
  padding: 4px;
  background: #f1f1f1;
  margin-bottom: 4px;
}
.addtobasket {
  --product-buy-qty-width: 76px;
  width: 100%;
  margin: 20px 0 16px;
  clear: both;
  float: none;
  box-sizing: border-box;
}
.addtobasket-inner {
  display: grid;
  width: 100%;
  gap: 10px;
  align-items: end;
}
.addtobasket-inner-primary,
.addtobasket-inner-secondary {
  grid-template-columns: var(--product-buy-qty-width) minmax(0, 1fr);
}
.addtobasket-inner + .addtobasket-inner {
  margin-top: 8px;
}
.addtobasket-option {
  grid-column: 1 / -1;
  margin-bottom: 0 !important;
}
.addtobasket-quantity {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 0;
}
.addtobasket-unit {
  display: block;
  margin: 0 0 4px;
  color: var(--c-muted-text, #555);
  font-size: 11px;
  line-height: 1.25;
  text-align: center;
  overflow-wrap: anywhere;
}
.addtobasket-input {
  width: 100%;
  min-width: 0;
  padding: 0;
}
.addtobasket-input input {
  width: 100%;
  box-sizing: border-box;
  padding-right: 6px;
  padding-left: 6px;
  text-align: center;
}
.addtobasket-cart-button {
  min-width: 0;
  width: 100%;
  padding: 0;
}
.addtobasket-inner-primary .addtobasket-cart-button .cssButton {
  white-space: normal;
}
.addtobasket-cart-button > .cssButtonPos10,
.addtobasket-cart-button > .cssButton,
.addtobasket-cart-button .cssButton {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}
.addtobasket-wishlist-button {
  grid-column: 2;
  justify-self: end;
  width: 50px;
  padding: 0;
}
.addtobasket-wishlist-button .cssButtonPos11 {
  margin: 0;
}
.addtobasket-inner-secondary > .addtobasket-input {
  min-height: 1px;
}
@container product-details (min-width: 460px) {
  .addtobasket {
    --product-buy-qty-width: 84px;
  }
  .addtobasket-inner-primary:has(> .addtobasket-wishlist-button) {
    grid-template-columns: var(--product-buy-qty-width) minmax(0, 1fr) auto;
  }
  .addtobasket-inner-primary:has(> .addtobasket-wishlist-button) .addtobasket-wishlist-button {
    grid-column: auto;
    justify-self: stretch;
  }
}
@container product-details (max-width: 300px) {
  .addtobasket-inner-primary .cssButtonText {
    padding-right: 1px;
    padding-left: 1px;
    font-size: 14px;
    line-height: 20px;
  }
}
.express-info {
  margin-top: 8px;
  text-align: right;
}
.product-info-url {
  border:1px solid var(--c-pagination-border);
  background: #eee;
  color: #666;
  padding: 6px;
  font-size: 12px;
}
.product-info-dateadded {
  font-size: 11px;
  margin: 12px auto;
}
.productoptions {
  margin: 16px 0;
  clear: both;
  float: none;
}
.product-options-full {
  margin: 4px auto 32px auto;
}
.options_row_multi {
  margin-bottom: 16px;
}
.options-row-selection {
  margin: 0 0 16px 0;
}
.options-name {
  font-weight: bold;
  font-size: 14px;
  border-bottom: 0 solid #ccc;
}
.options-selection {
  border-bottom: 1px solid #ccc;
  padding: 6px;
}
.options-selection-content {
  display: flex;
}
.options-selection-text {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  align-self: stretch;
}
.options-selection-price {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  align-self: stretch;
  font-weight: bold;
  color: #333;
  text-align: right;
}
.options-selection-model {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  align-self: stretch;
  color: #666;
  font-size: 11px;
}
.options-selection-ean {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  align-self: stretch;
  color: #666;
  font-size: 11px;
  text-align: right;
}


.product-tags-row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--c-nav-panel-border);
  padding: 2px 0;
}
.product-tags-row:first-child {
  border-top: 1px solid #eee;
}
.product-tags-row a:hover {
  text-decoration: none;
}
.product-tags-options {
  flex-grow: 3;
  flex-shrink: 1;
  flex-basis: 30%;
  align-self: stretch;
  position: relative;
  cursor: default;
  padding: 0 2px;
}
.product-tags-options-name,
.product-tags-values-item {
  padding: 0 2px;
}
.product-tags-values {
  flex-grow: 9;
  flex-shrink: 1;
  flex-basis: 70%;
  align-self: stretch;
  position: relative;
  cursor: default;
  padding: 0 2px;
}
.product-tags-values-item img {
  max-height: 28px;
}
.product-tags-tooltip {
  border-bottom: 1px dashed #999;
}
.product-tags-tooltip-hover {
  display: none;
  position: absolute;
  left: 0;
  min-width: 320px;
  max-width: 100%;
  height: auto;
  padding: 4px;
  border: 1px solid #eee;
  background: #f1f1f1;
  -webkit-box-shadow: 0 0 5px #333;
  box-shadow: 0 0 5px #333;
  z-index: 2;
}
.product-tags-tooltip:hover .product-tags-tooltip-hover {
  display: block;
}

.mits-gpsr-content {
	padding:4px;
	background:#fafafa;
}
.gpsr-infos-heading {
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #888;
	padding:10px;
}
.gpsr-infos {
	display:flex;
	flex-wrap:wrap;
}
.gpsr_manufacturer,
.gpsr_responsibleperson {
	flex-basis: 50%;
	flex-grow:1;
	flex-shrink:1;
}
.gpsr_manufacturer_inner,
.gpsr_responsibleperson_inner {
	padding:10px;
}
.gpsr_heading {
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid #999;
}
.gspr-address-row {
	font-weight:normal;
	font-size:12px;
}
.gspr-additional {
	padding:10px;
}

.graduated-prices-headline {
  font-size: 13px;
  font-weight: bold;
  margin-top: 12px;
}
.graduated-prices {
  margin: 0 -2px 12px -2px;
}
.graduated-prices,
.graduated-prices-item {
  display: flex;
  flex-wrap: wrap;
}
.graduated-prices-item {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
}
.graduated-prices-box {
  display: flex;
  flex-wrap: wrap;
  padding: 6px;
  border: 1px solid #eee;
  border-collapse: collapse;
  width: 100%;
  margin:2px;
}
.graduated-prices-title {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
  font-size: 11px;
}
.graduated-prices-price {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 50%;
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-align: right;
  white-space: nowrap;
}
.graduated-prices-vpe {
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: 100%;
  color: #666;
  text-align: right;
  font-size: 10px;
  font-weight: normal;
}
.product-navigator {
  font-size: 13px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid var(--c-nav-panel-border);
}
.product-navigator-back {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 40%;
  text-align: left;
  padding: 8px 30px 2px 0;
  line-height: 20px;
  align-items: stretch;
  justify-content: center;
  white-space: nowrap;
}
.product-navigator-next-previous {
  flex-grow: 3;
  flex-shrink: 1;
  flex-basis: 60%;
  text-align: right;
  padding: 2px 0;
  line-height: 20px;
  align-items: stretch;
  justify-content: center;
  white-space: nowrap;
}
.product-navigator-next-previous a,
.product-navigator-next-previous span.inactive {
  display: inline-block;
  padding: 6px 0 6px 30px;
}

#reviewtabs {
  width: 100%;
  height:30px;
  padding-right: 2px;
  margin-top: 30px;
  margin-left: 0;
  padding-left: 0;
}
#reviewtabs li {
  float:left;
  list-style:none;
  border: 1px solid #eee;
  margin-right: 4px;
  margin-left: 0;
  padding-left: 0;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  outline:none;
}
#reviewtabs li a {
  font-weight: bold;
  color: var(--c-tabs-text, #444);
  padding-top: 5px;
  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 8px;
  display:block;
  background: var(--c-tabs-bg, #fff);
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  text-decoration:none;
  outline:none;
}
#reviewtabs li small {
  font-weight: normal;
}
#reviewtabs li a.inactive{
  padding-top:5px;
  padding-bottom:8px;
  padding-left: 8px;
  padding-right: 8px;
  color: var(--c-tabs-inactive-text, #666);
  background: var(--c-tabs-inactive-bg, #fafafa);
  outline:none;
}
#reviewtabs li a:hover,
#reviewtabs li a.inactive:hover {
  color: var(--c-tabs-hover-text, #333);
  outline:none;
}
.reviewcontainer {
  clear:both;
  width:100%;
  padding-top: 20px;
}
#reviewtabs .fa-star.full,
.reviewbar-stars .fa-star.full,
#reviewtabs .fa-star,
.reviewbar-stars .fa-star,
#reviewtabs .fa-star-half-alt,
.reviewbar-stars .fa-star-half-alt {
  color: var(--c-rating-star, #f1c40f);
}

.progress {
  height: 18px;
  margin-bottom: 4px;
  overflow: hidden;
  background-color: var(--c-progress-bg, #f5f5f5);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: var(--c-progress-bar-bg, darkgreen);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
.reviewbar {
  display: flex;
  flex-wrap: nowrap;
}
.reviewbar-stars {
  flex-basis:10%;
  min-width:120px;
  padding: 2px 0;
}
.reviewbar-progress {
  flex-basis: 80%;
  padding: 2px 0;
}
.reviewbar-values {
  flex-basis:10%;
  min-width:100px;
  padding: 2px 0;
  text-align: right;
  font-size: 11px;
  color: #666;
}

.reviewsbox {
  margin: 6px;
}
.reviewsbox img {
  max-height: 140px;
}
.reviewsbox .product-info-imagebox-inner {
  height: 150px;
}
.reviewsbox-inner {
  padding: 4px;
}
.reviewsbox-inner .products-title {
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  height: 54px;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.floating-right-buttons {
  float: right;
  display: inline-block;
  text-align: right;
}
div.content-site {
  width:100%;
  clear:both;
  float:none;
  margin:20px auto;
  position:relative;
}
div.content-site p {
  text-align:justify;
}
div.content-main {
  float:none;
  width:100%;
}
div.content-menu {
  position:relative;
  float:none;
  margin-left:0;
  margin-bottom:20px;
  width:100%;
  background: #f9f9f9;
  padding: 10px;
}
@media only screen and (min-width: 769px) {
  div.content-menu {
    position: sticky;
    float: right;
    top: 0;
    left: 80%;
    margin-left: 1%;
    width: 20%;
  }
  div.content-main {
    position: relative;
    width: 78%;
    left: 0;
  }
}
.upcoming-list, .upcoming-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom:1px solid #555;
}
.upcoming-list li {
  border:1px solid #555;
  border-bottom:0;
}
.upcoming-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.upcoming-date {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 140px;
  padding: 8px;
  background: #555;
  color: #fff;
  border-bottom:1px solid #fff;
}
.upcoming-list li:last-child .upcoming-date {
   border-bottom:0;
}
.upcoming-link {
  flex-grow: 11;
  flex-shrink: 1;
  flex-basis: 300px;
  padding: 8px;
}
.account-menu {
  margin:0;
  padding:0;
  list-style: none;
}
.account-menu li {
  margin:0;
  padding:0;
  list-style: none;
  font-size: 13px;
  font-weight: bold;
}
.account-menu li a.links {
  display: block;
  padding:8px;
  border-bottom: 1px solid var(--c-nav-panel-border);
  text-decoration: none;
  color: #444;
}
.account-menu li a.links:hover {
  color: #900;
  text-decoration: none;
}
.account-menu li a.links i {
  padding:8px 0;
  width: 32px;
  text-align: center;
}
.account-item {
  background: var(--c-bg, #fff);
}
.account-item-selected {
  background: #eee;
}
.address-block {
  padding: 10px;
  height: 100%;
}
.address-standard {
  background: #fafafa;
  color: #900;
}
.shippingtime-infotext {
  clear: both;
  font-size: 11px;
  color: #555;
  margin-top: 20px;
}
.nottable-scrollable table,
.content_site table,
.product-info-description table,
.categories-description table{
  width:100%;
  border-collapse:collapse
}
.nottable-scrollable tr:nth-of-type(odd),
.content_site tr:nth-of-type(odd),
.product-info-description tr:nth-of-type(odd),
.categories-description tr:nth-of-type(odd){
  background:var(--c-table-row-alt, #fafafa);
}
.nottable-scrollable th,
.content_site th,
.product-info-description th,
.categories-description th {
  border:0.1em solid var(--c-table-head-bg, #383838);
  padding:0.2em;
  text-align:left;
  background:var(--c-table-head-bg, #383838);
  color:var(--c-table-head-text, #fff);
  font-weight:bold
}
.nottable-scrollable tfoot th,
.content_site tfoot th,
.product-info-description tfoot th,
.categories-description tfoot th {
  background:var(--c-table-foot-head-bg, #f5f7fa);
  color:var(--c-table-foot-head-text, #fff);
  font-weight:bold
}
.nottable-scrollable td,
.content_site td,
.product-info-description td,
.categories-description td {
  border:0.1em solid var(--c-table-cell-border, #ccc);
  padding:0.2em;
  text-align:left;
  color:var(--c-table-cell-text, #000);
}
td.center,th.center{
  text-align:center
}
td.right,
th.right {
  text-align:right
}
.nottable-scrollable tfoot tr,
.nottable-scrollable tfoot th {
  background:var(--c-table-foot-bg, #f5f5f5);
  color:var(--c-table-cell-text, #000);
  font-weight:normal;
  text-align:right;
}
.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}
.nottable-scrollable table,
.nottable-scrollable thead,
.nottable-scrollable tbody,
.nottable-scrollable tfoot,
.nottable-scrollable th,
.nottable-scrollable td,
.nottable-scrollable tr {
  display:block;
}
.nottable-scrollable thead tr {
  position:absolute;
  top:-9999px;
  left:-9999px;
}
.nottable-scrollable tr {
  border:0.1em solid var(--c-table-cell-border, #ccc);
}
.nottable-scrollable td {
  border:none;
  border-bottom:0.1em solid #eee;
  position:relative;
  padding-left:50%;
}
.nottable-scrollable td.center,
.nottable-scrollable th.center {
  text-align:left;
}
.nottable-scrollable td.right,
.nottable-scrollable th.right {
  text-align:left;
}
.nottable-scrollable td:before {
  position:absolute;
  top:6px;
  left:6px;
  width:45%;
  padding-right:10px;
  white-space:nowrap;
}

@media only screen and (min-width:640px){
  .nottable-scrollable table,
  .nottable-scrollable thead,
  .nottable-scrollable tbody,
  .nottable-scrollable tfoot,
  .nottable-scrollable th,
  .nottable-scrollable td,
  .nottable-scrollable tr {
    display:unset;
  }
  .nottable-scrollable thead tr {
    position:unset;
    top:unset;
    left:unset;
  }
  .nottable-scrollable tr {
    border:initial;
  }
  .nottable-scrollable td {
    border:initial;
    border-bottom:initial;
    position:unset;
    padding-left:unset;
  }
  .nottable-scrollable td.center,
  .nottable-scrollable th.center {
	    text-align:center;
	}
  .nottable-scrollable td.right,
  .nottable-scrollable th.right {
	  text-align:right;
	}
  .nottable-scrollable td:before {
    position:unset;
    top:unset;
    left:unset;
    width:unset;
    padding-right:unset;
    white-space:unset;
  }
}

.text {
  position:relative;
}
.text_overlay {
  height: 100%;
  position: absolute;
  z-index: 50;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgb(255,255,255));
  transition: all 1.25s;
  text-align: center;
}
.text_collapse {
  max-height: 250px;
  min-height: 250px;
  margin-bottom: 30px;
  padding-bottom: 2.5rem;
  overflow: hidden;
  transition: max-height 1s ease-out;
}
.text_open {
  padding-bottom: 0.5rem;
  margin-bottom: 16px;
}
button.collapse_button_open {
  display:block;
  padding:6px 20px;
  font-weight: bold;
  width:200px;
  margin:250px auto 0 auto;
  cursor: pointer;
  color:#fff;
  background: #7d7e7d;
  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
  background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%);
  border-radius: 4px 4px 4px 4px;
  border:0;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  box-shadow: 2px 2px 2px 0 #999;
}
a.collapse_button_close {
  display:none;
  padding:6px 20px;
  font-weight: bold;
  width:200px;
  margin:20px auto;
  cursor: pointer;
  text-align:center;
  color:#fff !important;
  background: #7d7e7d;
  background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
  background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
  background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%);
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  box-shadow: 2px 2px 2px 0 #999;
}
a.collapse_button_close:hover,button.collapse_button_open:hover {
  color:#fff !important;
  background: #7d7e7d;
  background: -moz-linear-gradient(top, #0e0e0e 0%, #7d7e7d 100%);
  background: -webkit-linear-gradient(top, #0e0e0e 0%,#7d7e7d 100%);
  background: linear-gradient(to bottom, #0e0e0e 0%,#7d7e7d 100%);
  text-decoration:none;
}
.blog-container {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: 16px -0.5% 16px -0.5%;
}
.blog-item-full {
  width: 100%;
  margin: 0.5%;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
  position: relative;
}
.blog-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 49%;
  margin: 0.5%;
  min-width: 280px;
  -webkit-box-shadow: 0 0 5px 0 #ccc;
  box-shadow: 0 0 5px 0 #ccc;
  position: relative;
}
.blog-item-inner {
  padding: 8px 8px 12px 8px;
}
.blog-item-inner .h5-heading {
  margin-top: 0;
  padding-top: 0;
}
.blog-item-inner .more-link {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
  padding: 4px 8px;
  text-align: right;
  background: #f1f1f1;
  font-weight: bold;
}
.blog-desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
}
.mits_scrollicon {
  z-index: 4;
}
.mits_copyright {
  margin: 0 auto;
  padding: 6px;
  text-align: center;
  font-size: 11px;
  width: 100%;
  float: none;
  clear: both;
}
a.cookie-consent-bottom {
  display: block;
  text-align: center;
  padding: 8px;
}
.copyright {
  display: none;
  margin:0 auto;
  text-align:center;
  font-size:11px;
  padding:0 0 10px 0;
  width:100%;
}
.parseTime {
  text-align:center;
  color: var(--c-choice-off, #ccc);
  font-size:10px;
  padding:0 0 0 0;
  margin: -10px 0 0 0;
}
.search_cat,
.header-usp-item.usp-item2 {
  display: none;
}
@media only screen and (min-width: 400px) {
  .home-image-container {
    flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 461px) {
  .search_cat,
  .header-usp-item.usp-item2 {
    display: block;
  }
  .mobile-navigation-bar-top .item.logoff-button,
  .mobile-navigation-bar-top div.item-box-wishlist {
    display: block;
  }
  .mobile-navigation-bar-top span.mnb-title {
    display: block;
  }
  .mobile-navigation-bar-top div.item-box-info,
  .mobile-navigation-bar-top div.item-box-account,
  .mobile-navigation-bar-top div.item-box-wishlist,
  .mobile-navigation-bar-top div.item-box-cart,
  .mobile-navigation-bar-top div.item {
    flex-basis: 64px;
    padding: 22px 0 10px 0;
  }
}

@media only screen and (min-width: 600px) {
  .home-imagetext-container {
    flex-wrap: nowrap;
  }
  .product-listing-rowitem-content {
    padding-bottom: 44px;
  }
  .product-listing-rowitem-content .button-group-nowrap {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 280px;
  }
}

.hide-on-mobile {display:none !important;width:0;height:0}
#header-image,
.header-usp-item.usp-item3,
.header-usp-item.usp-item4,
.header-box-wishlist,
.pagination-page {
  display:none;
}

@media only screen and (min-width: 768px) {
  .hide-on-mobile {
    display:unset !important;
    width:auto;
    height:auto;
  }
  .onlymobile,
  .hide-on-desktop, 
  /*nav.main-side,*/
  .logo-desktop,
  .mobile-navigation-bar {
    display: none;
    height: 0;
    width: 0;
    font-size: 0;
  }
  aside.main-side {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 260px;
    order: 0;
    padding: 10px 10px 20px 10px;
  }
  #header-image,
  .header-usp-item.usp-item3,
  .header-box-wishlist,
  .canvasmenu,
  .header-box-information,
  aside.main-side,
  .pagination-page,
  nav.header-megadropdown ul {
    display:block;
  }
  .logo-link {
    width: 40%;
    flex-grow: 0;
    min-height: 110px;
  }
  .quick-navi-box {
    width: 20%;
    background: transparent;
    color: #666;
    margin-top: 10px;
		height: 110px;
  }
  .mobile-navigation-bar-top {
    justify-content: flex-end;
    background: var(--c-nav-mobile-bg-md);
  }
  .mobile-navigation-bar-top div.spacer {
    display: none;
  }
  .mobile-navigation-bar-top i.mnb,
  .mobile-navigation-bar-top span.mnb-title {
    color: #666;
  }
  .mobile-navigation-bar-top i.mnb:hover,
  .mobile-navigation-bar-top span.mnb-title:hover {
    color: #555;
  }
  .hamburger-button {
    order: 9
  }
}

@media only screen and (min-width: 980px) {
  .header-box-search {
    display: none;
  }
  .header-usp-item.usp-item4 {
    display: block;
  }
  .logo-desktop,
  #header-image {
    display: block;
  }
  .logo-link {
    text-align: unset;
    width: 30%;
  }
  .search-box{
    display: block;
    width: auto;
    max-width: 360px;
    margin:32px 0 10px 0;
    flex-grow: 1;
    padding:0;
    order:unset;
  }
  .mobile-navigation-bar-top .mobile-navigation-search-display {
    display: none;
  }
}
@media only screen and (min-width: 1080px) {
  .hide_small_desktop {
    display: inline;
  }
}

@media only screen and (min-width: 1280px) {
  .search-box{
    max-width: unset;
  }
}

.page-wrap,
.breadcrumb,
div.law-info,
div.header-inner,
div.footer-inner,
div.main-container-outer,
div.main-container-outer-home,
.header-topbar-inner,
.header-logo-search-inner,
nav.header-megadropdown ul {
  max-width: 1600px;
}

.mits_scrollicon{padding:0.4em;text-align:center;text-decoration:none;-moz-border-radius:0.2em;-webkit-border-radius:0.2em;border-radius:0.2em;background:#ccc;opacity:0.5;position:fixed;bottom:3em;right:2em;display:none;border:0.1em solid #333;}
.mits_scrollicon img{height:2em;width:2em;}
.mits_scrollicon i{font-size:28px;padding:0 8px}
@media print {.mits_scrollicon{display:none !important}}

/* CSS from tpl_modified_responsive/tpl_modified_nova */
.field_item_row {
  padding: 0;
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}
.field_item_1 {
  position:relative;
  width:100%;
  padding: 5px 0;
}
.field_item_2 {
  position:relative;
  width:50%;
  padding: 5px 10px;
}
.field_item_3 {
  position:relative;
  width:120px;
  padding: 5px 10px;
}
.field_item_4 {
  position:relative;
  flex: 1;
  padding: 5px 10px;
}
.field_item_5 {
  position:relative;
  width:25%;
  padding: 5px 10px;
}
@media only screen and (max-width: 500px) {
  #new_find .field_item_5 span.cssButtonText { display:none; }
}
.field_item_6 {
  position:relative;
  width:200px;
  padding: 5px 10px;
}
.field_item_7 {
  position:relative;
  width:60px;
  padding: 5px 10px 5px 0px;
}
.field_item_7 .cssButtonIcon {
  font-size: 18px;
}
.mini {
  font-size:11px;
  font-weight:normal;
}
.midi {
  font-size:12px;
  font-weight:normal;
}
.button_left,
.button_left_cart {
  display:inline-block;
  max-width: 48%;
  margin: 10px 0 0 0;
  min-height:32px;
  line-height:32px;
}
.button_left_cart {
  max-width:130px;
}
@media only screen and (min-width: 759px) {
  .button_left_cart { max-width: 48%; }
}
.button_right,
.button_right_cart {
  float:right;
  display:inline-block;
  max-width: 48%;
  margin: 10px 0 0 0;
  text-align: right;
  min-height:32px;
  line-height:32px;
}
.button_right_cart {
  max-width:170px;
}
@media only screen and (min-width: 759px) {
  .button_right_cart { max-width: 48%; }
}
.button_left_error {
  float:left;
  display:inline-block;
  max-width: 48%;
  margin: -10px 0 0 0;
  min-height:32px;
  line-height:32px;
}
@media only screen and (min-width: 759px) {
  .button_left_error { margin: 22px 0 0 0; }
}
.button_right_checkout {
  float:right;
  text-align:right;
  display:inline-block;
  margin: 10px 0 0 0;
  min-width:200px;
  width:100%;
}
@media only screen and (min-width: 500px) {
  .button_right_checkout { width:auto; }
}
.button_right_checkout_small {
  float:right;
  margin: 4px 0 0 20px;
  font-style: normal;
}
.button_left img,
.button_left input,
.button_left_error input,
.button_right img,
.button_right input,
.button_left_cart img,
.button_left_cart input,
.button_right_cart img,
.button_right_cart input,
.button_right_checkout input {
  vertical-align:bottom;
}
.button_left_cart img {
  margin: 0 5px 5px 0;
}
@media only screen and (min-width: 759px) {
  .button_left_cart img { margin: 0 5px 0 0; }
}
.paypal_button {
  margin: 0 0 5px 0;
  display:inline-block;
}
@media only screen and (min-width: 759px) {
  .paypal_button { margin:0 2px 0 0; }
}
.paypal_button img {
  height:32px;
}
.paypal_button2 {
  margin:5px 0 0 0;
  display:block;
}
.paypal_button2 img {
  height:32px;
}
.express_button {
  margin: 0 0 5px 0;
  display:inline-block;
}
@media only screen and (min-width: 759px) {
  .express_button { margin:0 0 0 0; }
}
.paypal_button img {
  height:32px;
}
.button_row_checkout {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 500px) {
  .button_row_checkout { -webkit-flex-direction: row; flex-direction: row; }
}
.button_row_checkout_left {
  margin: 10px 0 0 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-sizing:border-box;
}
.button_row_checkout_right {
  margin: 10px 0 0 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  box-sizing:border-box;
  text-align:right;
}
/* 23. START postions for CSS Buttons */
.button_row {
  margin: 15px -5px 0px -5px;
  display: flex;
  flex-wrap: wrap;
  flex-direction:column;
}
@media only screen and (min-width: 520px) {
  .button_row { flex-direction:row; }
}

.button_row > .br_left {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.button_row > .br_right {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.button_row a:hover {
  text-decoration:none;
}
.br_btn_0 {
  padding:5px;
  width:100%;
}
.br_btn_1 {
  padding:5px;
  min-width:100%;
}
@media only screen and (min-width: 520px) {
  .br_btn_1 { min-width:250px; }
}

.br_btn_checkout {
  padding:5px;
  width:100%;
  max-width:480px;
}
.br_btn_checkout .apms_form_inner {
  max-width:480px;
  width:100% !important;
}
.br_btn_checkout .apms_form_button {
  min-width: 100% !important;
  max-width:480px !important;
}
.br_btn_checkout .apms_form_button_inner {
  min-height: 44px !important;
}
.br_btn_checkout .apms_container_full {
  font-size:14px;
  line-height:20px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.br_btn_alternate {
  display:block;
  width:100%;
  text-align:center;
  height:20px;
  position:relative;
}
.br_btn_alternate:before {
  content: '';
  display:block;
  height:1px;
  border-top:1px solid #d9d9d9;
  position:absolute;
  top:1px;
  left:10%;
  right:10%;
  bottom: 0px;
  margin: auto;
}
.br_btn_alternate span {
  position:relative;
  z-index:1;
  display:inline-block;
  vertical-align:top;
  background:#fff;
  font-size:10px;
  line-height:20px;
  font-weight:400;
  color:#666;
  padding: 0px 10px;
  text-transform:uppercase;
}
/* 23. END postions for CSS Buttons */
.text_left {
  float:left;
  width: 48%;
  margin: 10px 0 0 0;
  min-height:28px;
  font-size:10px;
  line-height:14px;
}
p.onlytop {
  margin:8px 0 0 0;
}
p.nomargin {
  margin:0 0 0 0;
}
p.textright {
  text-align:right;
}
table {
  width:100%;
  border-spacing: 0;
  border-collapse:collapse;
}
table td {
  padding:4px 0;
}
.td_full {
  width:100%;
}

div.hr_1 {
  height:1px;
  line-height:1px;
  margin:0;
  padding:0;
  display:block;
  border-bottom:solid 1px #ddd;
  background-color:transparent;
}
div.hr_5 {
  height:1px;
  line-height:1px;
  margin:5px 0;
  padding:0;
  display:block;
  border-bottom:solid 1px #ddd;
  background-color:transparent;
}
div.hr_10 {
  height:1px;
  line-height:1px;
  margin:10px 0;
  padding:0;
  display:block;
  border-bottom:solid 1px #ddd;
  background-color:transparent;
}
div.hr_15 {
  height:1px;
  line-height:1px;
  margin:15px 0;
  padding:0;
  display:block;
  border-bottom:solid 1px #ddd;
  background-color:transparent;
}

.box_reviews_icons {
  display:block;
  font-size:15px;
  line-height:15px;
  color:#ccc;
  padding: 10px 0 0 0;
  text-align:center;
}
.box_reviews_icons .fa-solid,
.box_reviews_icons .fa-regular,
.box_reviews_icons .fas,
.box_reviews_icons .far {
  padding: 0 1px 0 0;
}
.box_reviews_icons .full  {
  color:#f1c40f;
}
div.highlightbox {
  padding:15px 0;
  background:#fff;
  border:0 solid #fff;
}
div.highlightbox.plainleft {
  padding:15px 0 15px 0;
  background-color:transparent;
  border:none;
}
div.highlightbox.plainright {
  padding:15px 0 15px 0;
  background-color:transparent;
  border:none;
}
div.highlightbox.plainfull {
  padding:15px 0 15px 0;
  background-color:transparent;
  border:none;
}
div.highlightbox.grey {
  padding: 15px 10px;
  background:#f5f5f5;
  border: 1px solid var(--c-border, #ddd);
}
div.highlightbox.checkoutborder {
  background:#fff;
  border:solid #0d0 2px;
  padding: 15px 10px !important;
}
.margintop {
  margin-top:38px;
}
div.highlightbox ul {
  margin-left:15px;
  padding:0;
  display:block;
  list-style-type:square;
  line-height:19px;
}
div.highlightbox ul.accountlist {
  margin-left:15px;
  padding:0;
  display:block;
  list-style-type:square;
  line-height:23px;
}

.checkout_confirmation_gift {
  color:#333;
  border-bottom: 1px solid #e1e1e1;
}
.checkout_confirmation_gift .successmessage,
.checkout_confirmation_gift .errormessage {
  margin: 10px 0 10px 0;
}
.checkout_confirmation_gift .successmessage .successmessage p {
  margin: 0 0 5px 0;
}
.checkout_confirmation_gift .successmessage .successmessage p:last-child {
  margin: 0 0 0 0;
}
.checkout_confirmation_gift .ordertotal_row {
  background: #f5f5f5;
  border: 0px;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  flex-direction: column;
  padding: 12px 10px;
}
@media only screen and (min-width: 600px) {
  .checkout_confirmation_gift .ordertotal_row { flex-direction: row; }
}
.checkout_confirmation_gift .ordertotal_row input[type=text] {
  background:#fff;
}
.checkout_confirmation_gift .ot_width_gift_1 {
  display:none;
  flex: 1;
  padding: 0 0 8px 1px;
  width:100%;
  font-weight:700;
  font-size:12px;
  line-height:16px;
}
@media only screen and (min-width: 600px) {
  .checkout_confirmation_gift .ot_width_gift_1 { padding: 0 20px 0 0; width:100%; }
}

.checkout_confirmation_gift .ot_width_gift_2 {
  width:100%;
  padding: 0 0 0 0;
}
.checkout_confirmation_gift .fa-circle-info {
  color: #296aab;
}
.checkout_confirmation_gift .gift_item_row {
  padding: 0px;
}
.checkout_confirmation_gift .gift_item_row > div {
  padding-top: 0px;
  padding-bottom: 0px;
}
.errormessage a {
  text-decoration:underline;
}
.errormessage.shopsystem {
  margin-top:36px;
  margin-bottom:-36px;
}
.messageStackError {
  color:#e74c3c !important;
  font-size:12px !important;
}
td.messageStackError {
  padding:2px 0;
}
.markProductOutOfStock {
  color:#e74c3c !important;
  padding-left:5px;
}
.markProductOutOfStock span {
  color:#e74c3c !important;
}
.messageStackSuccess {
  color:#333 !important;
}

ul#checkoutnavigation {
  margin: 0 -10px 20px -10px;
  padding: 0;
}
ul#checkoutnavigation li {
  list-style-type:none;
  float:none;
  width:100%;
  padding: 10px 10px 0 10px;
  box-sizing: border-box;
}
ul#checkoutnavigation li .active {
  padding: 10px 10px;
  display:block;
  background-color: #555;
  border: 1px solid #555;
  color: #FFFFFF;
}
ul#checkoutnavigation li .active .title {
  display:block;
  font-size:13px;
  line-height:19px;
  font-weight:700;
  box-sizing: border-box;
}
ul#checkoutnavigation li .active .description {
  display:none;
  font-size:12px;
  line-height:16px;
  padding-top:5px;
  min-height:32px;
}
ul#checkoutnavigation li .inactive {
  padding: 10px 10px;
  display:block;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #aaa;
}
ul#checkoutnavigation li .inactive .title {
  display:block;
  font-size:13px;
  line-height:19px;
  font-weight:700;
  box-sizing: border-box;
}
ul#checkoutnavigation li .inactive .description {
  display:none;
  font-size:12px;
  line-height:16px;
  padding-top:5px;
  min-height:32px;
}
ul#checkoutnavigation.cn_no_shipping li {
  width:100%;
}
ul#checkoutnavigation.cn_no_shipping li .active .description {
  min-height: 20px;
}
ul#checkoutnavigation.cn_no_shipping li .inactive .description {
  min-height: 20px;
}

@media only screen and (min-width: 400px) {
  ul#checkoutnavigation li { float:left; width:50%; }
  ul#checkoutnavigation li .inactive .title { font-size: 13px; }
  ul#checkoutnavigation li .active .title { font-size: 13px; }
}
@media only screen and (min-width: 600px) {
  ul#checkoutnavigation.cn_no_shipping li { width: 33.3333%; }
}
@media only screen and (min-width: 759px) {
  ul#checkoutnavigation li { float:left; width:25%; }
}
@media only screen and (min-width: 920px) {
  ul#checkoutnavigation li .description { display:block !important; }
}

ol#address_block {
  margin: 15px 0 0 20px;
}
ol#address_block li {
  border-top: 1px solid #ddd;
  margin-top:10px;
  padding-top: 10px;
}
ol#address_block li label {
  font-weight:bold;
}
ol#address_block li .address {
  display:inline-block;
  padding:5px 0 0 17px;
}
.checkoutcomment textarea {
  height:142px;
}
.checkoutagb {
  margin-bottom:10px;
}
.checkoutconditions {
  padding: 10px 10px 0 10px;
  font-size:12px;
  text-align: left;
  line-height: 20px;
}
.checkoutconditions input#conditions {
  position:relative;
  bottom:-2px;
  margin-right:4px;
}
table.paymentmoduledata {
  font-size:12px;
  line-height:15px;
}
table.paymentmoduledata tr td.title {
  vertical-align:top;
  padding-top:8px;
}
table.paymentmoduledata tr td.field {
  vertical-align:top;
  padding-left:12px;
}
table.paymentinfotable tr td   {
  padding: 2px 20px 2px 0;
}
table.paymentinfotable.paypallink span.cssButton, table.paymentinfotable.paypalpluslink span.cssButton {
  max-width: 165px;
  margin: 10px 0 0 0;
}
/* Accordion in checkout */
.checkout_accordion .errormessage {
  margin: 10px 0 0 0;
}
.checkout_accordion .infomessage {
  margin: 10px 0 0 0;
}
.checkout_accordion .cus_radio input[type="radio"] ~ label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0px 15px 0px 25px;
}
.checkout_accordion .shipping_name,
.checkout_accordion .payment_name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0px 10px 0 0;
}
.checkout_accordion .shipping_costs,
.checkout_accordion .payment_costs {
  white-space:nowrap;
  padding: 0 0 0 0;
}
.checkout_accordion img {
  max-width:100%;
  height:auto;
  vertical-align:top;
}
.dutyinfo {
  font-size:12px;
  padding:5px;
  margin-top:8px;
}
.button_right_checkout .checkoutconditions input[type=checkbox] {
  vertical-align: middle;
  bottom: inherit !important;
}
.color_ot_total {
  color:#e74c3c;
}
.color_error_message {
  color:#e74c3c;
}
a.color_more {
  color:green !important;
}
a.color_more:hover {
  color: #095c05 !important;
  text-decoration:underline !important;
}
.color_edit_info {
  color:green;
}
.content_site {
  padding: 0 0 20px 0;
}
.content_site ul {
  margin-left:16px;
}
.content_site ol {
  margin-left:28px;
}
.content_site img {
  max-width:100% !important;
  height:auto !important;
}
.ordercontainer_row {
  display: flex;
  flex-wrap:wrap;
  justify-content: flex-end;
}
.ordercontainer_details {
  width:100%;
}
.ordercontainer_total {
  width:100%;
  padding: 0 0 0 0;
}
@media only screen and (min-width: 700px) {
  .ordercontainer_total { width:60%; padding: 0 0 0 0; }
}
@media only screen and (min-width: 985px) {
  .ordercontainer_details { width:70%;}
  .ordercontainer_total   { width:30%; padding: 0 0 0 40px; }
}

.ordercontainer_total_inner {
  position: -webkit-sticky;
  position: sticky;
  top:60px;
}

.ordersum {
  background:var(--c-table-foot-bg, #f5f5f5);
  padding:0px;
  margin: 0 0 20px 0;
  font-weight:400;
  border: solid #e1e1e1;
  border-width: 0px 0px 0px 0px
}
@media only screen and (min-width: 985px) {
  .ordersum { border-width: 1px 1px 0px 1px }
}
.ordersum_heading {
  display:none;
  padding: 10px 10px 10px 10px;
  font-size: 12px;
  line-height: 20px;
  text-transform:none;
  font-weight: 700;
  border-bottom:1px solid #e1e1e1;
}
@media only screen and (min-width: 985px) {
  .ordersum_heading { display:block; }
}
.ordertotal_block {
  font-size:14px;
  line-height:18px;
}

.ordersum_nocart {
  padding: 0 0 0 0;
  margin: 0 0 20px 0;
  font-weight:400;
}
.ordersum_nocart .ordertotal_block {
  width:100%;
}

.ordertotal_row {
  display: flex;
  padding: 12px 10px;
  border-bottom: 1px solid #e1e1e1;
}
.ordertotal_row .ot_width_1 {
  flex: 1;
}
.ordertotal_row .ot_width_2 {
  text-align:right;
  white-space:nowrap;
  padding: 0 0 0 15px;
}
.ordertotal_row .ot_width_3 {
  width:110px;
}
.ot_select {
  align-items: center;
}
.ot_select select {
  height:36px;
  opacity:0;
}
.ot_select .SumoSelect > .CaptionCont {
  background-color: #fff;
  font-size:13px;
  line-height:17px;
  height: 36px;
  max-width:180px;
}
.ot_select .SumoSelect .SelectBox {
  padding: 9px 9px 9px 9px;
}
.ot_select .SumoSelect .search-txt {
  background-color: #fff;
  font-size:13px;
  line-height:17px;
  height: 34px;
  padding: 9px 9px 9px 9px;
}
.ot_shipping {
  background:#fff;
  font-size:13px;
  line-height:17px;
  position:relative;
}
.ot_shipping .SumoSelect {
  position: static;
}
.ot_weight {
  background:#fff;
  font-size:12px;
  line-height:16px;
}
.ot_total {
  padding: 12px 10px;
}
.ot_total strong {
  font-weight:700;
}
.ot_red {
  color:#dd1d1d !important;
}

.color_ot_total {
  color:#dd1d1d;
}
.color_error_message {
  color:#dd1d1d;
}
/* 25. END shopping_cart and checkout */


/* 26. START order_details */
.orderflex {
  border-top:1px solid #e1e1e1;
}
.orderflex_row {
  display: flex;
  padding: 20px 0px;
  border-bottom:1px solid #e1e1e1;
  font-size:14px;
  line-height:20px;
  flex-wrap: wrap;
  align-items:flex-start;
}
.orderflex_row_header {
  padding: 10px 0px ;
  text-transform:none;
  font-size:12px;
  line-height:20px;
  font-weight:700;
}
.of_header_col_img {
  width:80px;
}
@media (min-width: 760px){
  .of_header_col_img { width:110px; }
}
.of_header_col_flex {
  flex:1;
  padding: 0px 0px 0px 20px;
}
.of_header_col_summary {
  display:flex;
  width:120px;
}
@media (min-width: 760px){
  .of_header_col_summary { width:280px; }
}
.of_header_col_qty {
  display:none;
  width: 160px;
  justify-content: center;
}
@media (min-width: 760px){
  .of_header_col_qty { display: flex; }
}
.of_header_col_total {
  display:flex;
  width: 120px;
  justify-content: flex-end;
}

.of_col_img {
  width:80px;
  position:relative;
}
@media (min-width: 760px){
  .of_col_img { width:110px; }
}

.of_col_flex {
  flex: 1;
  padding: 0px 0px 15px 20px;
}
@media (min-width: 760px){
  .of_col_flex { padding: 0px 5% 0px 20px; }
}

.of_col_summary {
  overflow:hidden;
  display: flex;
  width:100%;
  border-top: 1px solid #e1e1e1;
  padding: 10px 0 0 0;
}
@media (min-width: 760px){
  .of_col_summary { border-top: none; width: initial; padding: 0 0 0 0; }
}

.of_col_qty {
  display:flex;
  width:initial;
  align-items:center;
  justify-content:center;
}
.of_col_qty.top {
  align-items:flex-start;
}

@media only screen and (min-width: 760px) {
  .of_col_qty { width:160px; }
}

.of_col_qty_label {
  display:flex;
  align-items:center;
  flex:1;
  width: 100px;
  text-transform:none;
  font-size:12px;
  line-height:20px;
  font-weight:700;
}
@media only screen and (min-width: 760px) {
  .of_col_qty_label { display:none; }
}

.of_col_qty_inner {
  display:flex;
}

.of_quantity_field {
  flex:1;
}
.of_quantity_field input {
  width:60px;
  text-align:center;
}
.of_quantity_update {
  margin: 0 0 0 10px;
  width:44px;
}
.of_quantity_update .cssButtonIcon {
  font-size: 18px;
}
.of_quantity_update button {
  height:44px;
  opacity:0;
}

.of_col_total {
  display:flex;
  flex:1;
  width:auto;
  align-items:center;
  justify-content:flex-end;
}
@media only screen and (min-width: 760px) {
  .of_col_total { width:120px; }
}

.of_col_total_inner {
  display:flex;
  flex-direction:column;
  align-items: flex-end;
  white-space:nowrap;
  padding: 0 0 0 10px;
}
.of_col_total_singleprice {
  display:block;
  text-align:right;
  font-size:11px;
  line-height:15px;
  color:#666;
}
.markProductOutOfStock {
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  font-weight: 700;
  margin: 0 0 0 5px;
  vertical-align: -1px;
}
.markProductOutOfStock > span {
  color:#e32828 !important;
}
.of_productname  {
  margin: 0 0 10px 0;
  font-weight:600;
}
.of_productname a {
  display:block;
}
.of_productname a.iframe {
  display:inline-block;
  font-weight:400;
  font-size:13px;
  line-height:15px;
}
.of_productname a:hover {
  text-decoration:none;
}

.of_description {
  margin: 12px 0 0 0;
  padding: 0px 0px;
  font-size:13px;
  line-height:19px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.of_description p {
  margin: 0px 0px;
  padding: 0px 0px;
}
.of_attributes {
  list-style-type:none;
  margin: 12px 0 0 0;
}
.of_attributes li {
  font-size:13px;
  line-height:19px;
  padding: 1px 0px;
}
.of_inforows {
  margin: 12px 0 0 0;
}
.of_infoline {
  font-size:13px;
  line-height:19px;
  padding: 1px 0px;
}

.of_action {
  border-top: 0px solid #e1e1e1;
  width:100%;
  padding: 12px 0 12px 0px;
}
@media only screen and (min-width: 760px) {
  .of_action { padding: 12px 0 0 0px; }
}
.of_action > span {
  display:inline-block;
  vertical-align:top;
  padding: 0px 0px;
  margin: 0 20px 0 0;
}
.of_action > span.of_wishlist a {
  font-size:12px;
  line-height:16px;
  font-weight:600;
  padding: 5px 0px;
  display:block;
  color:#666;
}
.of_action > span.of_wishlist .fa-solid,
.of_action > span.of_wishlist .fa-regular {
  margin-right:5px;
}
.of_action > span.of_wishlist a:hover {
  color:#333;
  text-decoration:none;
}

.of_action > span.of_delete .cssButton {
  padding: 0px 0px;
  font-size:12px;
  line-height:16px;
  font-weight:600;
  text-transform: none;
  min-height: 26px;
}
.of_action > span.of_delete .cssButtonIcon {
  font-size: 12px;
  line-height: 26px;
}
.of_action > span.of_delete .cssButtonText {
  font-size: 12px;
  line-height: 26px;
  text-transform:none;
  font-weight:600;
}
.of_action > span.of_delete a:hover {
  text-decoration:none;
}
.of_action > span.of_delete .cssButtonColor5 {
  background: var(--c-cssbutton5-delete-bg, transparent);
  color: var(--c-cssbutton5-delete-text, #666);
}
.of_action > span.of_delete .cssButtonColor5:hover {
  background: var(--c-cssbutton5-delete-hover-bg, transparent);
  color: var(--c-cssbutton5-delete-hover-text, #333);
  opacity:1;
}
.order_details .pp-message {
  margin: 20px 0;
}
.order_details .pp-message > span {
  max-width:100% !important;
}
/* 26. END order_details */


/* 27. START gift box shopping cart */
.giftbox {
  padding: 0px 0px 0px 0px;
  margin: 0 0 0 0;
  background:#f5f5f5;
  border:solid #e1e1e1;
  border-width: 1px 1px 1px 1px;
}
.giftbox input[type=text] {
  background-color: #fff;
}

.giftbox_heading {
  display:none;
  padding: 10px 10px 10px 10px;
  font-size: 12px;
  line-height: 20px;
  text-transform: none;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
}
.gift_item_row {
  padding: 5px 10px;
  margin: 0px -10px;
  display: flex;
  flex-wrap: wrap;
}
.gift_text_row {
  border:solid #e1e1e1;
  border-width: 1px 0px 0px 0px;
  padding: 10px 10px;
  font-size:12px;
  line-height:18px;
}
.gift_text_row .fa-solid {
  color: #296aab;
}
.giftbox .errormessage,
.giftbox .infomessage,
.giftbox .successmessage {
  margin: 0px;
  border-bottom: 1px solid #e1e1e1;
  font-size:13px;
  line-height:17px;
}
.giftbox .successmessage p {
  margin: 0 0 5px 0;
}
.giftbox .successmessage p:last-child {
  margin: 0 0 0 0;
}
.giftbox a.arrow {
  display:inline-block;
  margin: 5px 0 0 0;
  color:#555;
  font-weight:700;
}
.giftbox a.arrow:hover {
  color:#555;
  text-decoration:none;
}
/* 27. END gift box shopping cart */
/* 25. START products_table for order_details, account_history_info, checkout_confirmation */
ul.orderlist {
  list-style-type:none;
  margin: 0 0 0 0 !important;
  padding: 0;
}
ul.orderlist li {
  list-style-type:none;
  line-height:19px;
  margin: 0;
  padding: 0;
}
ul.orderlist li .orderlist_row {
  vertical-align:top;
  padding: 10px 10px;
}
ul.orderlist li .orderlist_header {
  padding: 10px 10px 10px 10px;
  font-size:10px !important;
  line-height:18px;
  color:#666666;
  font-weight:700 !important;
  background:transparent;
  border-bottom:1px solid #ddd;
  border-top:1px solid #ddd;
}
.borderbox.checkoutborder ul.orderlist li .orderlist_header {
  border-top: 0 !important;
  padding-top: 0 !important;
  margin-top: -4px;
}
ul.orderlist.account_history li .orderlist_header {
  border-top: 0 !important;
  padding-top: 0 !important;
  margin-top: -4px;
}
ul.orderlist li .orderlist_header span.ol_productsname {
  font-size:10px !important;
  line-height:18px;
  font-weight:bold !important;
}
ul.orderlist li .orderlist_header span.ol_singleprice {
  font-weight:bold !important;
}
ul.orderlist li .orderlist_header span.ol_totalprice {
  font-weight:bold !important;
}
ul.orderlist li .orderlist_header span.ol_price_row {
  float:right;
  display:inline-block;
}
.ol_row1 {
  background:#fff;
  border-bottom:1px solid #ddd;
}
.ol_row2 {
  background:#f5f5f5;
  border-bottom:1px solid #ddd;
}
span.ol_quantity {
  float:left;
  display:inline-block;
  padding-right:10px;
}
@media only screen and (min-width: 759px) {
  span.ol_quantity { padding-right:0; }
}
span.ol_quantity2 {
  float:left;
  display:inline-block;
  padding-top:5px;
}
span.ol_image {
  float:left;
  /*display:none;*/
  text-align:center;
}
@media only screen and (min-width: 759px) {
  span.ol_image { display:inline-block; }
}
span.ol_image img {
  max-width:80px;
  max-height:80px;
  margin: 0 auto;
  text-align:center;
}
span.ol_productsname {
  float:left;
  display:inline-block;
  font-size: 13px;
  line-height: 19px;
}
span.ol_productsname a {
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  padding: 0;
}
span.ol_productsname a:hover {
  text-decoration:none;
}
span.ol_price_row {
  float:right;
  display:inline-block;
  margin-top:10px;
}
@media only screen and (min-width: 759px) {
  span.ol_price_row { margin-top:0; }
}
span.ol_delete {
  float:right;
  text-align:center;
  display:inline-block;
}
span.ol_singleprice {
  float:right;
  text-align:right;
}
span.ol_totalprice {
  float:right;
  text-align:right;
}
.ol_width1 { width:  5.0%; min-width:40px; }
.ol_width2 { width: 12.0%; min-width:100px; }
.ol_width3 { width: 75.0%; }
@media screen and (min-width: 500px) {
  .ol_width3 { width: 80%; }
}
@media only screen and (min-width: 759px) {
  .ol_width3 { width: 40%; }
}
.ol_width4 { width: 37.0%; min-width:230px; border-top:1px dotted #eee; padding-top:10px; }
@media screen and (min-width: 500px) {
  .ol_width4 { border-top:none; padding-top:0;}
}
.ol_width4_header { width: 37.0%; min-width:230px; display:none !important; }
@media only screen and (min-width: 759px) {
  .ol_width4_header { display:inline-block !important; }
}
.ol_width5 { width: 35.0%; }
.ol_width6 { width: 35.0%; }
.ol_width7 { width: 30.0%; }
.ol_distance {
  display:block;
  padding-top:5px;
}
.ol_model {
  font-size:12px;
  line-height:18px;
  font-weight:normal;
  margin: 2px 0 0 0;
}
.ol_shipping {
  font-size:12px;
  line-height:18px;
  font-weight:normal;
  margin: 2px 0 0 0;
}
.ol_short_desc {
  margin: 8px 0px;
  font-size:12px;
  line-height:18px;
}
.ol_tags_row {
  margin: 0 0 10px 0;
}
.ol_tags_item {
  font-size:12px;
  line-height:18px;
  font-weight:normal;
  margin: 2px 0 0 0;
}
ul.attributes_list {
  list-style-type:none;
  margin: 5px 0 5px 0 !important;
  padding: 4px 0;
}
ul.attributes_list li {
  border: none !important;
  font-size:12px;
  line-height:20px;
}
.ord_wishlist {
  display:block;
  padding:10px 0 0 0;
  font-size:11px;
  color:#999;
}
.ord_wishlist a {
  color:#999 !important;
  text-transform:none !important;
  font-size:11px !important;
  font-weight:bold !important;
}
.ord_wishlist a:hover {
  text-decoration:none;
}
.ord_wishlist .fa-solid,
.ord_wishlist .fa-regular,
.ord_wishlist .fas,
.ord_whislist .far {
  padding-right:4px;
}
.total_table_right {
  padding: 10px 0 0 0;
  float:right;
}
table.total_table {
  font-size:13px;
  line-height:19px;
}
table.total_table tr td {
  padding:2px 5px;
  vertical-align:top;
}
.ord_width_total {
  width:105px;
}
.ord_subtotal {
  margin: 0 0 0 0;
  float:right;
  width:100%;
  text-align:right;
  line-height:21px;
  padding: 0 0 0 0;
}
.ord_subtotal .shipping_container {
  margin: 4px 0;
}
.ord_subtotal select {
  max-width:180px;
  margin-left:5px;
}
.ord_subtotal .SumoSelect {
  max-width:180px;
  margin-left:5px;
  text-align: left;
}
.ord_subtotal .shipping_hinweis {
  font-size:12px;
  line-height:16px;
  margin: 0 0 4px 0;
}
.ord_table_right {
  text-align:right;
}
.ord_width100 {
  width:100px;
}
ul.ord_total_list {
  margin: 0 !important;
  padding: 0;
  list-style-type:none !important;
}
ul.ord_total_list li {
  padding: 10px 10px;
  line-height:19px;
}
.otl_row1 {
  border-bottom:1px solid #ddd;
  background:#fafafa;
}
.otl_row2 {
  background:#f5f5f5;
  padding: 10px 10px 4px 10px !important;
}
.otl_row3 {
  background:#f5f5f5;
  padding: 5px 10px 10px 10px !important;
  color:#999;
}
.otl_row4 {
  border-top:1px solid #ddd;
  background:#d4edda;
  padding:15px 10px !important;
}
.otl_row2 .otl_col1 {
  line-height:35px;
}
.otl_col1 {
  width:50%;
  float:left;
  text-align:left;
}
.otl_col2 {
  width:50%;
  float:left;
  text-align:right;
}
.otl_col3 {
  width:76%;
  float:left;
  text-align:left;
}
.otl_col4 {
  width:24%;
  float:left;
  text-align:right;
  white-space:nowrap;
}
@media screen and (min-width: 500px) {
  .otl_col3 { width: 80%; }
  .otl_col4 { width: 20%; }
}
.express_info_cart {
  display:block;
  text-align:right;
  line-height:12px;
  font-size:10px;
  padding:2px 2px 5px 0;
}
.express_info_cart a {
  color:#555;
}
.express_info_cart a:hover {
  color: var(--c-link-hover, #555);
  text-decoration:underline;
}
.reviewrow {
  border-bottom: 1px solid #ddd;
  padding:10px 0 4px 0;
}
.reviewrow p {
  border: 1px solid var(--c-border, #ddd);
  background: #f1f1f1;
  margin-top: 6px;
  padding:4px;
}
.reviewrow_title {
  line-height:18px;
}
.reviewrow_title .rating_icons {
  display:inline-block;
  font-size:13px;
  line-height:15px;
  color: var(--c-choice-off, #ccc);
  padding: 0 3px 0 5px;
}
.reviewrow_title .rating_icons .fa-solid,
.reviewrow_title .rating_icons .fa-regular,
.reviewrow_title .rating_icons .fas,
.reviewrow_title .rating_icons .far {
  padding: 0 1px 0 0;
}
.reviewrow_title .rating_icons .full  {
  color:#f1c40f;
}
.mediarow {
  border-bottom: 1px solid #ddd;
  padding:10px 5px 10px 5px;
}
.media_bg1 {
  background:#fafafa;
}
.media_bg2 {
  background:#ffffff;
}
.mediarow_headline {
  line-height:32px;
}
.mediarow_title {
  font-weight:bold;
  display:inline-block;
}
.mediarow_button {
  float:right;
  text-align:right;
  display:inline-block;
  height:42px;
  min-width:120px;
}
.mediarow_filesize {
  float:right;
  text-align:right;
  display:inline-block;
  padding: 0 30px 0 0;
  font-style:italic;
}
.mediarow_desc {
  padding: 0;
}
body.popupcontent {
  min-width:100%;
  background:#fff none;
  box-sizing:border-box;
  padding: 10px;
}
body.popupcontent h1 {
  margin-top:0 !important;
}
body.popupcontent img {
  max-width:100%;
  width:auto;
  height:auto;
}
body.popupcontent ul {
  margin: 0 0 0 16px;
}
body.popupprint {
  min-width:100%;
  background:#fff none;
}
.printwrap {
  width:700px;
  margin: 0 auto;
}
.printlogo {
  padding:10px 0;
  text-align:center;
  border-bottom: 1px solid #ccc;
  margin-bottom:10px;
}

/* print order */
.printColumsLeft {
  float:left;
  width:48%;
}
.printColumsRight {
  float:right;
  width:48%;
}
/* print info */
.printColumsInfoLeft {
  float:left;
  width:500px;
  padding: 0;
}
.printColumsInfoLeft ul{
  margin: 8px 0 8px 15px;
}
.printColumsInfoLeft ol{
  margin: 8px 0 8px 15px;
}
.printColumsInfoRight {
  float:right;
  width:164px;
  text-align:center;
}
.printColumsInfoRight img {
  max-width:160px;
  height:auto;
  margin: 10px auto 0 auto;
  border: 1px solid var(--c-border, #ddd);
  padding:1px;
}
ul.printinfolist {
  margin-left:15px;
}
ul.printinfolist li.active {
  font-weight:bold;
}
.moimages {
  float:left;
  width:126px;
  height:126px;
  border: 1px solid var(--c-border, #ddd);
  padding:2px;
  margin: 0 10px 10px 0;
  position:relative;
}
.moimages:nth-child(5n+1) {
  margin-right:0;
}
.moimages img {
  position:absolute;
  margin: auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color: #FFFFFF;
  max-height:126px;
  max-width:126px;
}
/* admin print-order */
.printwrap_admin {
  padding-top:40px;
  width:700px;
  margin: 0 auto;
}
p.underline {
  margin:105px 0 3px 15px;
  font-size:10px;
  text-decoration:underline;
}
.printlogo_admin {
  padding:0 0;
  text-align:right;
  margin:0 0 20px 0;
}
.printlogo_admin img {
  max-width:336px;
}
.print_small {
  font-size:12px;
  line-height:18px;
}
.print_big {
  font-size:26px;
  font-weight:bold;
  text-transform:uppercase;
  padding:30px 0 0 0;
}
.printwrap table.order_table,
.printwrap_admin table.order_table {
  margin-top:0;
  font-size:13px;
  line-height:19px;
  width:100%;
}
.printwrap .ord_table_left,
.printwrap_admin .ord_table_left {
  text-align:left;
}
.printwrap .ord_table_right,
.printwrap_admin .ord_table_right {
  text-align:right;
}
.printwrap .ord_width40,
.printwrap_admin .ord_width40 {
  width:40px;
}
.printwrap .ord_width110,
.printwrap_admin .ord_width110 {
  width:110px;
}
.printwrap .ord_width120,
.printwrap_admin .ord_width120 {
  width:120px;
}
.printwrap table.order_table tr.headerrow,
.printwrap_admin table.order_table tr.headerrow {
  font-size:12px;
  line-height:19px;
  font-weight:bold;
  background:transparent;
}
.printwrap table.order_table tr.headerrow td,
.printwrap_admin table.order_table tr.headerrow td {
  padding:5px 5px;
  vertical-align:top;
}
.printwrap table.order_table tr.mainrow td,
.printwrap_admin table.order_table tr.mainrow td {
  border-top: 1px solid #ddd;
  padding:10px 5px;
  vertical-align:top;
}
.printwrap table.order_table ul.attributes_list,
.printwrap_admin table.order_table ul.attributes_list {
  list-style-type:none;
  margin: 7px 0 0 0 !important;
}
.printwrap table.order_table ul.attributes_list li,
.printwrap_admin table.order_table ul.attributes_list li {
  font-size:12px;
  line-height:20px;
}
.printwrap .total_table_right,
.printwrap_admin .total_table_right {
  float:right;
}
.printwrap table.total_table,
.printwrap_admin table.total_table {
  font-size:13px;
  line-height:19px;
}
.printwrap table.total_table tr td,
.printwrap_admin table.total_table tr td {
  padding:2px 5px;
  width:120px;
  white-space:nowrap;
}
/* END print content (popup print_product_info, popup print_order.html) */

/* 36. START coupon box - error message */
.hb_box_text {
  float:left;
  display:inline-block;
  line-height:30px;
  font-size:12px;
  height:32px;
  padding: 0 30px 0 0;
  font-weight:bold;
}
.hb_box_input {
  float:left;
  display:block;
  width: 320px;
  height:32px;
}
.hb_box_button {
  float:left;
  display:inline-block;
  height:32px;
  padding: 0 0 0 20px;
}
/* END coupon box - error message */

/* 38. START offline & admin-login */
#layout_offline {
  max-width:700px;
  margin:40px auto;
  padding:30px;
  border: 1px solid var(--c-border, #ddd);
}
#layout_adminlogin {
  position:relative;
  margin: 50px auto;
  padding:15px;
  background:#fff;
  border:solid #eee 1px;
  -webkit-box-shadow: 0 0 15px #3d3d3d;
  -moz-box-shadow: 0 0 15px #3d3d3d;
  box-shadow: 0 0 15px #3d3d3d;
  width:400px;
}
#layout_adminlogin a.help_adminlogin {
  position:absolute;
  width:32px;
  height:32px;
  outline:none;
  top:10px;
  right:10px;
  display:block;
}
#layout_adminlogin .login {
  float:right;
  margin: 10px 0 0 0;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  padding: 2px 20px;
  border-radius: 2px;
  color: #fff;
  border: solid 1px #101010;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#242424));
  background: -moz-linear-gradient(top,  #494949,  #242424);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#242424');
}
#layout_adminlogin .login:hover {
  text-decoration: none;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#494949));
  background: -moz-linear-gradient(top,  #242424,  #494949);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#494949');
}
/* END offline & admin-login */

/* 38. START downloads */
.download_box {
  border-top: 1px solid #e1e1e1;
  margin: 0 0 20px 0;
}
.download_row {
  display: flex;
  border-bottom: 1px solid #e1e1e1;
  padding:10px 0;
}
.dl_icon {
  width:50px;
  padding: 5px 0px 0px 5px;
}
.dl_icon a {
  display:inline-block;
  font-size:20px;
  line-height:20px;
  padding: 5px;
  border-radius:20px;
  width:34px;
  text-align:center;
}
.dl_icon a.dl_allow {
  border: 2px solid #43c875;
  color:#43c875;
}
.dl_icon a.dl_lock {
  border: 2px solid #e32828;
  color:#e32828;
}
.dl_icon a:hover {
  opacity:0.8;
  text-decoration:none;
}
.dl_content {
  flex: 1;
  line-height:22px;
  font-size:14px;
}
.dl_content a {
  color:#555;
  text-decoration:none;
}
.dl_content a:hover {
  text-decoration:none;
  border-bottom: 1px solid #999;
}
/* 38. END downloads */

.toggle_overlay {
  display:none;
  position:fixed;
  top:0;
  background:rgba(0,0,0,0.3);
  width:100%;
  height:100%;
  z-index:1300;
}
.toggle_info,
.toggle_account,
.toggle_cart,
.toggle_wishlist {
  text-align:left;
  position:fixed;
  top:0;
  bottom: 0;
  margin: auto;
  z-index:1301;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-width:100%;
  padding:50px 20px 70px 20px;
  background:#fff;
  color:#333;
  right:-440px;
  width:440px;
  display:block !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity:0;
  box-sizing:border-box;
}
.admin_mode .toggle_info,
.admin_mode .toggle_account,
.admin_mode .toggle_cart,
.admin_mode .toggle_wishlist {
  padding-top:76px;
}
.toggle_info.active,
.toggle_account.active,
.toggle_cart.active,
.toggle_wishlist.active {
  opacity:1;
  right:0;
}
.toggle_info > .toggle_closer,
.toggle_account > .toggle_closer,
.toggle_cart > .toggle_closer,
.toggle_wishlist > .toggle_closer {
  cursor:pointer;
  width:30px;
  height:30px;
  background:#eee;
  color:#555;
  position:absolute;
  top:15px;
  right:20px;
  font-size:20px;
  line-height:30px;
  text-align:center;
  box-sizing:border-box;
}
.toggle_info > .toggle_closer .fa-solid,
.toggle_account > .toggle_closer .fa-solid,
.toggle_cart > .toggle_closer .fa-solid,
.toggle_wishlist > .toggle_closer .fa-solid,
.toggle_info > .toggle_closer .fa-regular,
.toggle_account > .toggle_closer .fa-regular,
.toggle_cart > .toggle_closer .fa-regular,
.toggle_wishlist > .toggle_closer .fa-regular,
.toggle_info > .toggle_closer .fas,
.toggle_account > .toggle_closer .fas,
.toggle_cart > .toggle_closer .fas,
.toggle_wishlist > .toggle_closer .fas,
.toggle_info > .toggle_closer .far,
.toggle_account > .toggle_closer .far,
.toggle_cart > .toggle_closer .far,
.toggle_wishlist > .toggle_closer .far {
  padding: 0 !important;
  font-size:20px !important;
}
.admin_mode .toggle_info > .toggle_closer,
.admin_mode .toggle_account > .toggle_closer,
.admin_mode .toggle_cart > .toggle_closer,
.admin_mode .toggle_wishlist > .toggle_closer {
  top:46px;
}
.toggle_closer {
  cursor:pointer;
}
.toggle_info .infomessage,
.toggle_account .infomessage,
.toggle_cart .infomessage,
.toggle_wishlist .infomessage {
  margin: 10px 0 10px 0;
}
.toggle_cart .giftmessage {
  margin: 10px 0 10px 0;
  padding: 10px 10px 10px 50px;
  position:relative;
  border: none;
  font-size:14px !important;
  line-height:18px;
  font-weight:400;
  color:#3d82ab;
  background: #d5e6f0;
}
.toggle_cart .giftmessage:before {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-weight:900;
  content: '\f06b';
  position:absolute;
  width:38px;
  top:0;
  left:0;
  bottom: 0;
  font-size:22px;
  line-height:22px;
  padding: 0 0;
  color:#d5e6f0;
  background:#3d82ab;
  -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.toggle_cart .addaquickie {
  margin-top: 50px;
}
.toggle_headline {
  margin: 10px 0;
  padding: 10px;
  font-size:14px;
  line-height:18px;
  font-weight:700;
  text-transform:uppercase;
  text-align: center;
  border-radius: 4px;
  background: #eee;
}
.toggle_products {
  margin: 10px 0;
  border-top: 1px solid #ddd;
}
.toggle_products_item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.toggle_products_image {
  width:50px;
}
.toggle_products_image_inner {
  width:100%;
  position:relative;
  background:#fff;
  border: 1px solid #eee;
}
.toggle_products_image_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
}
.toggle_products_image_inner img {
  max-width:90%;
  max-height:90%;
  width:auto !important;
  height:auto !important;
  margin: auto;
  position: absolute;
  font-size:0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.toggle_products_content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 15px;
}
.tpc_title {
  font-size: 14px;
  line-height: 16px;
}
.tpc_title a {
  font-size: 14px !important;
  line-height: 16px !important;
}
.tpc_title a:hover {
  text-decoration:none;
}
.tpc_quantity {
  margin: 4px 0 0 0;
  font-size: 12px;
  line-height: 14px;
  font-weight:600;
}
.toggle_products_icon {
  width:30px;
}
.toggle_products_icon a {
  line-height:initial !important;
  min-height:initial !important;
}
.toggle_products_icon .cssButton {
  padding: 0 2px !important;
  min-height:30px !important;
  height:30px !important;
  line-height:30px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggle_products_icon .cssButton .cssButtonText {
  display:none !important;
}
.toggle_products_icon .cssButtonColor5 {
  background: var(--c-cssbutton5-toggle-bg, #ccc);
  color: var(--c-cssbutton5-toggle-text, #333);
}
.toggle_products_icon .cssButtonColor5:hover {
  background: var(--c-cssbutton5-toggle-hover-bg, #ccc);
  color: var(--c-cssbutton5-toggle-hover-text, #333);
  opacity: var(--c-cssbutton5-toggle-hover-opacity, .8);
}
.toggle_products_icon .fa-solid,
.toggle_products_icon .fa-regular,
.toggle_products_icon .fas,
.toggle_products_icon .far {
  display: inline-block;
  padding: 0 !important;
  font-size: 14px !important;
  line-height:30px !important;
}
.toggle_action_1,
.toggle_action_2 {
  margin: 10px 0;
}
.toggle_action_1 a,
.toggle_action_2 a {
  text-decoration:none !important;
  line-height:initial !important;
  height:initial !important;
}
/* END toggle shopping cart box */

/* 41. START Janolaw.de (BASIC Template for AGB Hosting Content) */
.janolaw-absatz {
  font-size: 12px;
  margin: 8px 4px 4px 8px;
}
.janolaw-paragraph {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 16px 4px 4px 8px;
}
#janolaw-paragraph {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 16px 4px 4px 8px;
}
.janolaw-text {
  font-size: 12px;
  margin: 8px 4px 4px 8px;
}
.janolaw-adress {
  font-size: 12px;
  margin: 8px 4px 4px 8px;
}
.janolaw-block {
  font-size: 12px;
  margin: 8px 4px 4px 8px;
}
#janolaw-footer{
}
#janolaw-body{
}
/* END Janolaw.de */


/* 42. START sitemap  */
.sitemap {
  -moz-column-count: 1;
  -moz-column-gap: 0;
  -moz-column-rule: 1px solid #eee;
  -webkit-column-count: 1;
  -webkit-column-gap: 0;
  -webkit-column-rule: 1px solid #eee;
  column-count: 1;
  column-gap: 0;
  column-rule: 1px solid #eee;
}
@media screen and (min-width: 500px) {
  .sitemap { -moz-column-count: 2;-moz-column-gap: 60px; -webkit-column-count: 2; -webkit-column-gap: 60px; column-count: 2; column-gap: 60px; }
}
@media only screen and (min-width: 759px) {
  .sitemap { -moz-column-count: 3;-moz-column-gap: 60px; -webkit-column-count: 3; -webkit-column-gap: 60px; column-count: 3; column-gap: 60px; }
}

.sitemap > ul.nocolumnbreak {
  overflow: hidden;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside:avoid;
  column-break-inside:avoid;
  break-inside: avoid-column;
  margin-left:0;
  margin-bottom:30px;
  list-style-type:none;
  display:inline-block;
  width:100%;
}
.nocolumnbreak {
  margin-bottom: 30px !important;
}
.sitemap > ul > li {
  float:left;
  width:100%;
}
.sitemap ul {
  list-style-type:none;
  margin-left:0;
}

.sitemap ul > li.sitemap_header {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size:13px;
  font-weight:600;
  line-height:31px;
}
.sitemap ul > li.sitemap_header > a {
  background:#f5f5f5;
  color:#333;
  display:block;
  padding: 0 5px;
}
.sitemap ul > li.sitemap_header a:hover {
  color:#333 !important;
  text-decoration:none !important;
  background: #f5f5f5 !important;
}

.sitemap ul li li {
  border-top: 1px solid #ddd;
  font-size:13px;
  font-weight:normal;
  line-height:31px;
}
.sitemap ul li li > a {
  background:#fff !important;
  color:#333;
  display:block;
  padding: 0 5px;
}
.sitemap a:hover {
  color:#333 !important;
  text-decoration:none !important;
  background: #f5f5f5 !important;
}
/* END sitemap  */

/* 43. START product_reviews_info */
.pri_rating_text {
  float:left;
  display:inline-block;
  padding-right:5px;
}
.pri_rating_stars {
  float:left;
  display:inline-block;
}
.pri_rating_stars img {
  float:left;
}
.pri_rating_icons {
  display:inline-block;
  font-size:13px;
  line-height:17px;
  color: var(--c-choice-off, #ccc);
  padding: 0 0 0 0;
}
.pri_rating_icons .fa-solid,
.pri_rating_icons .fas {
  padding: 0 1px 0 0;
}
.pri_rating_icons .full  {
  color:#f1c40f;
}
/* END product_reviews_info */

/* START Subcontent navigation in content */
.subcontent {
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px;
  width:100%;
  box-sizing: border-box;
  float: none;
  margin: 0 0 20px 0;
  max-width: 100%;
}
@media only screen and (min-width: 690px) {
  .subcontent { float:right; margin: 4px 0 40px 40px; max-width:260px; }
}
.subcontent h4 a:hover {
  text-decoration:none;
}
.subcontent ul {
  margin: 0 0 0 15px;
  list-style-type:square;
  padding: 0;
}
.subcontent ul li a {
  display:block;
  padding: 4px 0;
  border-bottom: 1px solid #ccc;
}
.subcontent ul li a:hover {
  text-decoration:none;
}
/* END Subcontent navigation in content */

/* START autocomplete */
.suggestionsBox {
  position:absolute;
  right:-10px;
  left:-10px;
  top:calc(100% - 12px);
  margin:auto;
  background:#fff;
  z-index:1100;
  padding: 20px 0px 20px 0px;
  text-align:left;
  box-shadow: 0 10px 15px -15px #333;
}
@media only screen and (min-width: 980px) {
  .suggestionsBox { top:66px; right:0px; left:0px; padding: 10px 0px 20px 0px; }
}
.suggestionsBox .suggestionList {
  width:100%;
  max-width:980px;
  background:#fff;
  margin:0px auto;
  padding:0 0 0 0;
}
.suggestionsBox .suggestionList ul {
  max-height:640px;
  overflow:auto;
  text-align:left;
  margin: 0px;
  padding: 0px;
  list-style-type:none;
  display:flex;
  flex-wrap:wrap;
}
.suggestionsBox .suggestionList ul li {
  width:100%;
  padding: 0 10px;
}
@media only screen and (min-width: 460px) {
  .suggestionsBox .suggestionList ul li { width:50%; }
}
@media only screen and (min-width: 690px) {
  .suggestionsBox .suggestionList ul li { width:33.3333%; }
}
@media only screen and (min-width: 920px) {
  .suggestionsBox .suggestionList ul li { width:25%; }
}
.suggestionsBox .suggestionList li a {
  display:block;
  text-decoration:none;
}
.suggestionsBox .autocomlete_item {
  display:flex;
  font-size:14px;
  line-height:18px;
  padding: 10px 0;
  border-top: 1px solid #e1e1e1;
}
@media only screen and (min-width: 690px) {
  .suggestionsBox .autocomlete_item { padding: 20px 0; }
}
.suggestionsBox .ac_image {
  width:50px;
  height:50px;
  padding: 5px;
  overflow:hidden;
  background:#fff;
  border: 1px solid #e1e1e1;
}
@media only screen and (min-width: 460px) {
  .suggestionsBox .ac_image { width:60px; height:60px; }
}
@media only screen and (min-width: 690px) {
  .suggestionsBox .ac_image { width:70px; height:70px; }
}
.suggestionsBox .ac_content {
  flex:1;
  padding: 0 0 0 10px;
}
.suggestionsBox .ac_text {
  display:block;
  padding: 2px 0px 0px 0px;
  color:#434343;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.suggestionsBox .ac_price {
  display:block;
  padding: 5px 0 0 0;
  white-space:nowrap;
  font-weight:700;
  color: #434343;
  font-size:12px;
  line-height:16px;
}
.suggestionsBox .ac_price .small_price {
  font-size:10px;
  font-weight:400;
}
.suggestionsBox .ac_price .new_price {
  color: #e32828;
}
.suggestionsBox .ac_price .graduated_price,
.suggestionsBox .ac_price .item_price {
  display:block;
}
.suggestionsBox .ac_price .save_price,
.suggestionsBox .ac_price .no_price {
  display:none;
}
.suggestionsBox .ac_vpe {
  font-size:10px;
  line-height:12px;
  color:#666;
  font-weight:400;
  display:block;
}
.suggestionsBox .autocompletecloser {
  cursor:pointer;
}
.suggestionsBox .autocomplete_error {
  padding:6px 0 11px 0;
  display:inline-block;
  text-align:center;
  width:100%;
}
.suggestionsBox .autocomplete_button {
  text-align:center;
  padding: 20px 0 0 0;
  margin: 10px 10px 0 10px;
  border-top: 1px solid #e1e1e1;
}
.suggestionsBox .autocomplete_button a {
  display:inline-block;
}
.suggestionsBox .autocomplete_button .cssButton {
  width:280px;
  margin: 0px auto;
}
.suggestionsBox .autocomplete_button a:hover {
  text-decoration:none;
}
/* END autocomplete */

.external_links a:after {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  content: '\f35d';
  font-weight: 900;
  font-size: 9px;
  line-height:9px;
  margin: 0 0 0 5px;
  vertical-align:2px;
}

/* 47. START CSS Buttons */
/* Globals for CSS Buttons */
.cssButton {
  position:relative;
  font-family: 'Open Sans', sans-serif;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding: 9px 5px;
  font-weight:900;
  text-align:center;
  text-transform:none;
  white-space:nowrap;
  text-decoration:none;
  min-height:44px;
  border-radius:4px;
  transition: all 0.3s ease-in-out;
}
.cssButton button {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  color:transparent;
  cursor:pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.cssButton .fas,
.cssButton .far,
.cssButton .fa-solid,
.cssButton .fa-regular {
  padding-left:3px;
  padding-right:3px;
}
.cssButtonText {
  font-size:16px;
  line-height:24px;
  text-transform:uppercase;
  vertical-align:top;
  padding: 0 3px;
}
.cssButtonIcon {
  font-size:16px;
  line-height:24px;
  vertical-align:top;
  padding: 0 3px;
}
.cssButtonIcon .far,
.cssButtonIcon .fas,
.cssButtonIcon .fa-solid,
.cssButtonIcon .fa-regular {
  vertical-align:top;
  line-height:24px;
}
/* Colors for CSS Buttons */
/* Color1 Buttons */
.cssButtonColor1 {
  border-radius:4px;
  border: 1px solid var(--c-cssbutton1-border, #ddd);
  text-decoration:none;
  background-color: var(--c-cssbutton1-bg, #eee);
  color: var(--c-cssbutton1-text, #444);
  display:inline-block;
}
.cssButtonColor1:hover {
  border-color: var(--c-cssbutton1-hover-border, #ddd);
  background-color: var(--c-cssbutton1-hover-bg, #eee);
  color: var(--c-cssbutton1-hover-text, #444);
  opacity: var(--c-cssbutton1-hover-opacity, .8);
  text-decoration:none !important;
}
/* Color2 Buttons */
.cssButtonColor2 {
  border-radius:4px;
  border: 1px solid var(--c-cssbutton2-border, #ddd);
  text-decoration:none;
  background-color: var(--c-cssbutton2-bg, #eee);
  color: var(--c-cssbutton2-text, #900);
  display:inline-block;
}
.cssButtonColor2:hover {
  border-color: var(--c-cssbutton2-hover-border, #ddd);
  background-color: var(--c-cssbutton2-hover-bg, #eee);
  color: var(--c-cssbutton2-hover-text, #900);
  opacity: var(--c-cssbutton2-hover-opacity, .8);
  text-decoration:none !important;
}
/* Transparent Buttons with Border */
.cssButtonColor3 {
  border-radius:4px;
  background: var(--c-cssbutton3-bg, #fafafa);
  border: 1px solid var(--c-cssbutton3-border, #c6c6c6);
  color: var(--c-cssbutton3-text, #555);
}
.cssButtonColor3:hover {
  background: var(--c-cssbutton3-hover-bg, #fafafa);
  border-color: var(--c-cssbutton3-hover-border, #c6c6c6);
  color: var(--c-cssbutton3-hover-text, #222);
  text-decoration:none !important;
}
/* Color4 Buttons */
.cssButtonColor4 {
  border-radius:4px;
  border:1px solid var(--c-cssbutton4-border, #528a50);
  text-decoration:none;
  background-color: var(--c-cssbutton4-bg, #528a50);
  color: var(--c-cssbutton4-text, #fff);
  display:inline-block;
}
.cssButtonColor4:hover {
  border-color: var(--c-cssbutton4-hover-border, #528a50);
  background-color: var(--c-cssbutton4-hover-bg, #528a50);
  color: var(--c-cssbutton4-hover-text, #fff);
  opacity: var(--c-cssbutton4-hover-opacity, .8);
  text-decoration:none !important;
}
/* Transparent Icons no Border */
.cssButtonColor5 {
  border-radius:4px;
  background: var(--c-cssbutton5-bg, transparent);
  color: var(--c-cssbutton5-text, #555);
}
.cssButtonColor5:hover {
  background: var(--c-cssbutton5-hover-bg, transparent);
  color: var(--c-cssbutton5-hover-text, #222);
  text-decoration:none !important;
}
/* Yellow Paypal Express Buttons */
.cssButtonColor6 {
  border-radius:4px;
  border:1px solid var(--c-cssbutton6-border, #d19c20);
  text-decoration:none;
  background-color: var(--c-cssbutton6-bg, #ffc848);
  background-image: linear-gradient(to bottom, var(--c-cssbutton6-grad-from, #ffc848) 15%, var(--c-cssbutton6-grad-to, #fbba22) 90%);
  color: var(--c-cssbutton6-text, #222);
  display:inline-block;
  text-shadow:1px 1px 0 var(--c-cssbutton6-text-shadow, #ffd97e);
  box-shadow:inset 1px 1px 0 0 var(--c-cssbutton6-inset-shadow, #ffe3a1);
  height:32px;
}
.cssButtonColor6:hover {
  background-color: var(--c-cssbutton6-hover-bg, #fbba22);
  background-image: linear-gradient(to bottom, var(--c-cssbutton6-hover-grad-from, #fbba22) 15%, var(--c-cssbutton6-hover-grad-to, #ffc848) 90%);
  color: var(--c-cssbutton6-hover-text, #222);
  text-decoration:none !important;
}
.cssButtonColor6 .color-paypal0 {
  font-size:10px;
  line-height:16px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color: var(--c-cssbutton6-paypal-dark, #013088);
  padding: 0 5px 0 0;
  vertical-align:middle;
}
.cssButtonColor6 .color-paypal1 {
  font-size:18px;
  line-height:16px;
  font-family: 'Poppins', sans-serif;
  font-style:italic;
  font-weight:700;
  color: var(--c-cssbutton6-paypal-dark, #013088);
}
.cssButtonColor6 .color-paypal2 {
  font-size:18px;
  line-height:16px;
  font-family: 'Poppins', sans-serif;
  font-style:italic;
  font-weight:700;
  color: var(--c-cssbutton6-paypal-light, #019cde);
}
/* Positions for CSS Buttons */

/* Box add_a_quickie & newsletter */
.cssButtonPos1 {
  position:absolute;
  right:0;
  top:0;
  width:50px;
}
.cssButtonPos1 .fa-solid,
.cssButtonPos1 .fa-regular,
.cssButtonPos1 .fas,
.cssButtonPos1 .far {
  font-size:16px;
  vertical-align:bottom;
}
.cssButtonPos1 .cssButton {
  height:32px;
}
/* Box search */
.cssButtonPos2 {
  width:80px;
  height:35px;
}
/* Box login */
.cssButtonPos3 {
  float:right;
  width:100px;
}
/* Single Button 130 */
.cssButtonPos4 {
  min-width: 130px;
}
/* Edit Buttons adress_book */
.cssButtonPos5 {
  display:inline-block;
  margin: 0 0 0 10px;
  width:35px;
}
.cssButtonPos5 .fa-solid,
.cssButtonPos5 .fa-regular,
.cssButtonPos5 .fas,
.cssButtonPos5 .far {
  font-size:16px;
  vertical-align:middle;
}
/* Small Cart Buttons account, account_history, account_history_info */
.cssButtonPos6 {
  float:left;
  width:44px;
  display:block;
  margin: 0 0 5px 5px;
}
.cssButtonPos6 .fa-solid,
.cssButtonPos6 .fa-regular,
.cssButtonPos6 .fas,
.cssButtonPos6 .far {
  font-size:16px;
  vertical-align:bottom;
}
/* More than one Button in one line account_history_info & shopping_cart */
.cssButtonPos7 {
  float:left;
  margin: 0 5px 5px 0;
  min-width: 130px;
}
.cssButtonPos8 {
  float:right;
  margin: 0 0 5px 5px;
  min-width: 165px;
}
.cssButtonPos9 {
  float:left;
  margin: 0 5px 5px 0;
  min-width: 150px;
}
/* Delete Button in flyout wishlist & shopping cart */
ul.tc_list li .tc_delete {
  height: 26px;
  right: 0;
  top: 6px;
  width: 26px;
}
ul.tc_list li .tc_delete .cssButton {
  width:100%;
  text-align:center;
  padding: 4px 0;
  line-height:19px;
}
ul.tc_list li .tc_delete .cssButton .fa-solid,
ul.tc_list li .tc_delete .cssButton .fa-regular,
ul.tc_list li .tc_delete .cssButton .fas,
ul.tc_list li .tc_delete .cssButton .far {
  font-size: 15px;
  line-height:19px;
  padding-right: 0;
}
/* Add to basket Button product_info */
.cssButtonPos10 {
  display:block;
  width:100%;
  margin: 0 0 5px 0;
}
/* Small Buttons wishlist */
.cssButtonPos11 {
  width:50px;
  display:inline-block;
  margin: 0 2px 0 2px;
}
.cssButtonPos11 .fa-solid,
.cssButtonPos11 .fa-regular,
.cssButtonPos11 .fas,
.cssButtonPos11 .far {
  font-size:16px;
  vertical-align:-2px;
}
/* Big Buttons checkout */
.cssButtonPos12 {
  min-width:200px;
  display:inline-block;
  width:100%;
}
@media only screen and (min-width: 500px) {
  .cssButtonPos12 { width:auto;}
}
.cssButtonPos12 .cssButton {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 5px;
  min-width:220px;
}
/* Small Cart Buttons delete */
.cssButtonPos13 {
  display:block;
  margin: 0 0 0 0;
}
.cssButtonPos13 .cssButton {
  padding: 5px 5px;
}
.cssButtonPos13 .fa-solid,
.cssButtonPos13 .fa-regular,
.cssButtonPos13 .fas
.cssButtonPos13 .far {
  font-size:15px;
  vertical-align:bottom;
}
/* Checkout Buttons Shipping & Payment */
.cssButtonPos14,
.cssButtonPos15 {
  max-width:initial;
  display:inline-block;
  width:100%;
}
.cssButtonPos14 .cssButton,
.cssButtonPos15 .cssButton {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 5px;
}
@media only screen and (min-width: 500px) {
  .cssButton {
    font-size:16px;
    line-height:17px;
  }
  .cssButtonPos1 .fas {
    font-size:16px;
  }
	.cssButtonPos5 .fa-solid,
  .cssButtonPos5 .fa-regular,
  .cssButtonPos5 .fas,
  .cssButtonPos5 .far {
    font-size:16px;
  }
	.cssButtonPos6 .fa-solid,
  .cssButtonPos6 .fa-regular,
  .cssButtonPos6 .fas,
  .cssButtonPos6 .far {
    font-size:16px;
  }
	.cssButtonPos11 .fa-solid,
  .cssButtonPos11 .fa-regular,
  .cssButtonPos11 .fas,
  .cssButtonPos11 .far	{
    font-size:16px;
  }
  .cssButtonPos12 .cssButton {
    font-size: 16px;
    line-height: 20px;
  }
	.cssButtonPos13 .fa-solid,
  .cssButtonPos13 .fa-regular,
  .cssButtonPos13 .fas,
  .cssButtonPos13	{
    font-size:15px;
  }
  .cssButtonPos14 .cssButton,
  .cssButtonPos15 .cssButton {
    font-size: 16px;
    line-height: 20px;
  }
  .cssButtonPos14 { max-width:220px; }
  .cssButtonPos15 { max-width:220px; }
}

.cookie-consent-bottom {
  background: transparent;
  border: 0;
  color: var(--c-footer-text);
  cursor: pointer;
}
.cookie-consent-bottom:hover {
  text-decoration: underline;
}

/* END CSS Buttons */

/* 48. START CSS Write reviews */
.show_rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  display:inline-block;
  padding: 0 15px;
  position:relative;
  bottom:-1px;
}
.show_rating input {
  position: absolute;
  left: -999999px;
}
.show_rating label {
  display: inline-block;
  font-size: 0;
  padding: 0 1px;
}
.show_rating > label:before {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-size:20px;
  line-height:20px;
  position: relative;
  display: block;
  content: "\f005";
  font-weight: 900;
  color: var(--c-rating-star-empty, #ccc);
  background: var(--c-rating-star-empty, #ccc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.show_rating > label:hover:before,
.show_rating > label:hover ~ label:before,
.show_rating > label.selected:before,
.show_rating > label.selected ~ label:before {
  color: var(--c-rating-star, #f1c40f);
  background: #f1c40f;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* END CSS Write reviews */

/* 49. START Custom checkbox & radio */
/* globals & helper */
.cus_my_5 {
  margin: 5px 0;
}
.cus_mb_10 {
  margin-bottom: 10px;
}
.cus_label {
  padding-left: 26px;
}
ol#address_block {
  margin: 15px 0 0 0;
  list-style: none;
}
.cus_radio label .address {
  display: block !important;
  padding: 5px 0 0 0 !important;
  font-weight:400 !important;
}
/* custom checkbox */
.cus_check {
  font-size:13px;
  line-height:19px;
}
.cus_check.cus_check_small {
  font-size:13px;
  line-height:18px;
}
.cus_check input[type="checkbox"] {
  position: absolute !important;
  visibility:hidden;
  opacity: 0;
}
.cus_check input[type="checkbox"] ~ label {
  padding-left: 26px;
  position: relative;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  margin: 0 0 0 0;
}
.cus_check input[type="checkbox"] ~ label:before {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  content: "\f0c8";
  font-weight:400;
  font-size: 18px;
  line-height:18px;
  position: absolute;
  top: 2px;
  left: 1px;
  color: var(--c-choice-off, #ccc);
  transition: background .15s;
}
.cus_check.cus_check_small input[type="checkbox"] ~ label:before {
  top: 2px;
}
.cus_check input[type="checkbox"]:disabled ~ label {
  color: var(--c-choice-disabled, #ccc);
}
.cus_check input[type="checkbox"]:disabled ~ label,
.cus_check input[type="checkbox"]:disabled ~ label:before,
.cus_check input[type="checkbox"]:disabled ~ label:after {
  cursor: not-allowed;
}
.cus_check input[type="checkbox"]:disabled,
.cus_check input[type="checkbox"]:disabled ~ label:before,
.cus_check input[type="checkbox"]:disabled:checked ~ label:before {
  opacity:0.5;
}
.cus_check input[type="checkbox"] ~ label:after {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  content: '\f14a';
  font-weight:900;
  font-size: 18px;
  line-height:18px;
  position: absolute;
  top: 2px;
  left: 1px;
  color: var(--c-choice-on, green);
  transition: transform .15s;
  transform: scale(0) rotate(90deg);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cus_check.cus_check_small input[type="checkbox"] ~ label:after {
  top: 2px;
}
.cus_check input[type="checkbox"]:checked ~ label:after {
  transform: scale(1) rotate(0deg);
}
/* custom radios */
.cus_radio {
  font-size:13px;
  line-height:19px;
}
.cus_radio.cus_radio_small {
  font-size:13px;
  line-height:18px;
}
.cus_radio > label {
  padding-left: 26px;
}
.cus_radio input[type="radio"] {
  position: absolute;
  visibility:hidden;
  opacity: 0;
}
.cus_radio input[type="radio"] ~ label {
  padding-left: 26px;
  position: relative;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  margin: 0 0 0 0;
}
.cus_radio input[type="radio"] ~ label:before {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  content: "\f111";
  font-weight:400;
  font-size: 18px;
  line-height:18px;
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--c-choice-off, #ccc);
  transition: background .15s;
}
.cus_radio.cus_radio_small input[type="radio"] ~ label:before {
  top: 2px;
}
.cus_radio input[type="radio"]:disabled ~ label {
  color: var(--c-choice-disabled, #ccc);
}
.cus_radio input[type="radio"]:disabled ~ label,
.cus_radio input[type="radio"]:disabled ~ label:before,
.cus_radio input[type="radio"]:disabled ~ label:after {
  cursor: not-allowed;
}
.cus_radio input[type="radio"]:disabled,
.cus_radio input[type="radio"]:disabled ~ label:before,
.cus_radio input[type="radio"]:disabled:checked ~ label:before {
  opacity:0.5;
}
.cus_radio input[type="radio"] ~ label:after {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  content: '\f192';
  font-weight:900;
  font-size: 18px;
  line-height:18px;
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--c-choice-on, green);
  transition: transform .15s;
  transform: scale(0) rotate(90deg);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cus_radio.cus_radio_small input[type="radio"] ~ label:after {
  top: 2px;
}
.cus_radio input[type="radio"]:checked ~ label:after {
  transform: scale(1) rotate(0deg);
}
/* END Custom checkbox & radio */
/* 50. START New address book handling */
#address_block_new {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type:none;
  margin: 15px -10px 0 -10px;
  padding: 0;
}
#address_block_new > li {
  order:2;
  float:left;
  width:100%;
  box-sizing:border-box;
  padding: 0 10px;
  margin: 0;
}
@media only screen and (min-width: 759px) {
  #address_block_new > li { width:50%; }
}
#address_block_new > li.selected {
  order:1;
}
#address_block_new > li.selected .address_inner {
  background:#eee;
  padding: 15px 10px;
}
#address_block_new > li .address_inner {
  border-top: 1px solid #ddd;
  padding: 15px 10px;
  box-sizing:border-box;
  height:100%;
}
ol#address_block_new li label {
  font-weight: 700;
}
ol#address_block_new li label .address {
  display: block !important;
  padding: 5px 0 0 0 !important;
  font-weight: 400 !important;
}
#address_block_new form {
  position:relative;
  padding: 0 120px 0 0;
}
#address_block_new .address_actions {
  overflow:hidden;
  position:absolute;
  top:0;
  right:0;
  width:100px;
  text-align:right;
}
#address_block_new .address_inner_block {
  position:relative;
  padding: 0 120px 0 0;
}
/* END New address book handling */

/* START reviews_note */
.box_reviews_note {
  font-size:9px;
  line-height:13px;
  font-weight:400;
  margin: 0 0 10px 0;
}
.headline_reviews_note {
  float:none;
  display:block;
  font-size:10px;
  line-height:12px;
  margin: 12px 0 0 0;
  font-weight:400;
}
@media only screen and (min-width: 850px) {
  .headline_reviews_note { float:right; display:inline-block; }
}
.reviews_note_full {
  display:block;
  font-size:10px;
  line-height:12px;
  margin: -10px 0 20px 0;
  font-weight:400;
}
.reviews_note_detail {
  display:block;
  font-size:10px;
  line-height:12px;
  margin: 0 0 10px 0;
  font-weight:400;
}
/* END reviews_note */

/* START Klarna */

/* product_info */
.klarna_PPBox {
  margin-top:5px !important;
  height:50px !important;
  width: 99% !important;
  font-size:13px !important;
}
.klarna_PPBox .klarna_PPBox_topMid span {
  margin-top:9px !important;
}
/* shopping cart */
.karna_container {
  margin: 5px 0;
  float:right;
  width:300px;
}
.karna_container .klarna_PPBox {
  margin-top:5px !important;
  margin-bottom:0 !important;
  height:50px !important;
  width: 99% !important;
  font-size:13px !important;
}
.karna_container .klarna_PPBox .klarna_PPBox_bottomMid {
  height:170px !important;
}
.karna_container .klarna_PPBox .klarna_PPBox_topMid span {
  margin-top:9px !important;
}
.karna_container .klarna_PPBox .klarna_PPBox_pull {
  margin-top: -2px !important;
}
/* checkout */
.klarna_box {
  min-width: 100% !important;
  max-width: 100% !important;
  border: none !important;
  padding: 0 !important;
}
.klarna_box_bottom input {
  height:auto !important;
}
.klarna_box_bottom select {
  height: auto !important;
  padding:3px !important;
}
.klarna_einwilligung {
  max-width: 100% !important;
}
.klarna_language .klarna_display_in {
  display:none !important;
}
.klarna_language .klarna_flag_list {
  border-top:none !important;
}
.klarna_box_bottom {
  display:block !important;
}
.klarna_box_bottom ol.paymentPlan {
  margin: 3px 0 10px 0;
  padding: 5px;
}
/* END Klarna */

#dsgvo .agbframe {
  margin: 0 0 20px 0;
  border: 1px solid #d9d9d9;
  color: #666;
  vertical-align: middle;
  padding: 10px;
  border-radius: 4px;
  font-size:14px;
  line-height:20px;
  height:130px;
  overflow:auto;
  text-align: left;
}
#dsgvo .button_right {
  max-width:240px;
}
.field_password {
  display:flex;
  align-items:center;
  background-color:#f2f2f2;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  transition: all 0.3s ease-in-out;
  color: #555;
  border-radius: 4px;
  height:44px;
  box-shadow: inset 0 2px 1px 0 rgba(0,0,0,0.2);
}
.field_password:hover {
  background-color:#f2f2f2;
  border-color: #999;
  color: #555;
}
.field_password:focus-within {
  background-color:#fff;
  border-color: #999;
  color: #333;
  outline: 0 none;
}
.field_password input[type=text],
.field_password input[type=password] {
  height:42px;
  padding: 10px 11px 10px 11px;
  background:transparent;
  border:none;
  box-shadow: unset;
}
.field_password input[type=text]:hover,
.field_password input[type=password]:hover {
  background:transparent;
  border:none;
}
.field_password input[type=text]:focus,
.field_password input[type=password]:focus {
  background:transparent;
  border:none;
}
.field_input {
  flex:1;
}
.field_eye {
  width:42px;
  height:42px;
  line-height:44px;
  text-align:center;
  display:block;
  font-size:20px;
}
.field_eye .fa-eye {
  color: var(--c-choice-off, #ccc);
  cursor:pointer;
}
.field_eye .fa-eye-slash {
  color:#555;
  cursor:pointer;
}
.pd_imagebox {
  float: none;
  margin: 0 auto 20px auto;
  width: 100%;
}
.pd_big_image {
  position:relative;
  width:100%;
  margin: 0 0 0 0;
  border:1px solid #eee;
  box-sizing: border-box;
  text-align:center;
}
/*.pd_big_image:before {
  content: '';
  padding-top: 100%;
  display: block;
  overflow:hidden;
}*/
.pd_big_image img {
  margin: auto;
  /*position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;*/
  max-width: 100%;
  max-height: 100%;
  width:auto;
  height:auto;
}
.zoomtext {
  line-height:14px;
  font-size:10px;
  padding:10px 0;
}
.pd_small_image_row {
  margin: 0 -5px 0 -5px;
}
.pd_small_image {
  float:left;
  position:relative;
  width:33.3333%;
  padding: 0 5px;
  margin: 0 0 10px 0;
  box-sizing: border-box;
}
.pd_small_image_inner {
  border:1px solid #eee;
  text-align: center;
  position:relative;
  width:100%;
  box-sizing: border-box;
}
.pd_small_image_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
  overflow:hidden;
}
.pd_small_image_inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 88%;
  max-height: 88%;
  width:auto;
  height:auto;
}
.pd_small_image_tab_row {
  margin: 0 -5px 0 -5px;
}
.pd_small_image_tab {
  float:left;
  position:relative;
  width:33.3333%;
  padding: 0 5px;
  margin: 0 0 10px 0;
  box-sizing: border-box;
}
@media screen and (min-width: 400px) {
  .pd_small_image_tab { width:25%; }
}
@media screen and (min-width: 500px) {
  .pd_small_image_tab { width:20%; }
}
.pd_small_image_tab_inner {
  border:1px solid #eee;
  text-align: center;
  position:relative;
  width:100%;
  box-sizing: border-box;
}
.pd_small_image_tab_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
  overflow:hidden;
}
.pd_small_image_tab img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 96%;
  max-height: 96%;
  width:auto;
  height:auto;
}
.pd_big_image,.pd_small_image_tab_inner {
  background: var(--c-bg, #fff);
}
.pd_small_image_tab { width:25%; }

blockquote {
  font-style: italic;
  position: relative;
  border: medium none;
  margin: 0;
  color: #4B4B4D;
  padding: 0.6em 3em 0.6em 3em;
  background: #f1f1f1;
  box-shadow: 0 0 0.4em #666;
  margin-top: 1em;
  margin-bottom: 1em;
}
blockquote::before {
  display: block;
  content: "\00BB";
  font-size: 2em;
  position: absolute;
  left: 0.5em;
  top: 10px;
  color: #4B4B4D;
}
blockquote::after {
  display: block;
  content: "\00AB";
  font-size: 2em;
  position: absolute;
  right: 0.5em;
  bottom: 10px;
  color: #4B4B4D;
}

.videobereich {position:relative;height:0;margin-bottom:12px;padding-bottom:56.25%;background:#ccc}
.videoextern {position:absolute;top:0;left:0;width:100%;height:100%}

div.extendedTextContainer {
  width:100%;
  clear:both;
  float:none;
  margin:20px auto;
  position:relative;
}
div.extendedTextContainer p {
  text-align:justify;
}
div.extendedTextContent {
  float:none;
  width:100%;
}
div.extendedTextIndex ul,
div.extendedTextIndex ul li {
  margin: 0;
  padding: 0;
}
div.extendedTextIndex ul li {
  margin-left: 12px;
}
div.extendedTextContent ul li {
  margin-left: 15px;
}
div.extendedTextContent ul {
  margin-bottom: 12px;
}
div.extendedTextIndex {
  position:relative;
  float:none;
  margin-left:0;
  margin-bottom:20px;
  width:100%;
  background: #f9f9f9;
  padding: 10px;
}
@media only screen and (min-width:768px) {
  div.extendedTextContent {
    position:relative;
    width:75%;
    left:0;
  }
  div.extendedTextIndex {
    position:sticky;
    float:right;
    top:0;
    left:80%;
    margin-left:4%;
    width:20%;
  }
  div.extendedTextIndex h3 {
    margin-top: 0;
  }
  div.extendedTextIndex ul li {
    font-size: 12px;
  }
}

.faq_chevron {
  margin-bottom: 10px;
}
.faq_chevron strong {
  display: block;
  padding: 4px;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #eee;
  background: #f1f1f1;
}
.faq_chevron strong:after {
  font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
  font-weight: 900;
  content: "\f067";
  padding-right:4px;
  float: right;
}
.toggle_faq {
  display: none;
  padding: 4px;
  border: 1px solid #eee;
}
.faq_images {
  display: flex;
  flex-wrap: wrap;
}
.faq_images a {
  flex: 1 1 24%;
  padding: 2px;
}
.faq_images img {
  max-width: 100%;
  height: auto;
}
table{width:100%;border-collapse:collapse}
.nottable-scrollable tr:nth-of-type(odd),.content_site tr:nth-of-type(odd),.pd_description tr:nth-of-type(odd),.cat_description tr:nth-of-type(odd){background:#f5f5f5}
th{background:#333;color:#fff;font-weight:bold}
tfoot th{background:#f5f5f5;color:#fff;font-weight:bold}
table td,td,th{padding:0.2em;text-align:left}
.nottable-scrollable td,.content_site td,.pd_description td,.cat_description td,
.nottable-scrollable th,.content_site th,.pd_description th,.cat_description th {border:0.1em solid #ccc;}
td.center,th.center{text-align:center}
td.right,th.right{text-align:right}
@media only screen and (max-width:640px){
  .nottable-scrollable table, .nottable-scrollable thead, .nottable-scrollable tbody, .nottable-scrollable tfoot, .nottable-scrollable th, .nottable-scrollable td, .nottable-scrollable tr{display:block}
  .nottable-scrollable thead tr{position:absolute;top:-9999px;left:-9999px}
  .nottable-scrollable tr{border:0.1em solid #ccc}
  .nottable-scrollable td{border:none;border-bottom:0.1em solid #eee;position:relative;padding-left:50%}
  .nottable-scrollable td.center, .nottable-scrollable th.center{text-align:left}
  .nottable-scrollable td.right, .nottable-scrollable th.right{text-align:left}
  .nottable-scrollable td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}
}
.nottable-scrollable tfoot tr, .nottable-scrollable tfoot th{background:#f5f5f5;color:#000;font-weight:normal;text-align:right}
.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}
.blue{color:#09F}
.green{color:#0A0}
.space30{margin-bottom:30px}
.space50{margin-bottom:50px}

.overlay_cn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: visible;
  opacity: 1;
  z-index: 1300;
}
.overlay_cn:target {
  visibility: hidden;
  opacity: 0;
  display: none
}
.popup_cn {
  margin: 50px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 70%;
  position: relative;
}
.popup_cn h2 {
  margin-top: 0;
  color: #333;
}
.popup_cn .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup_cn .close:hover {
  color: orange;
}
.popup_cn .content {
  max-height: 30%;
  overflow: auto;
}
.csn-cont {
  margin: 8px 0;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #c00;
  border-radius: 5px;
}
#countdown {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: bold;
}
.csn-header {
  font-size: 18px;
}
div.important_notice_highlightbox {
  box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  border: 1px solid #900;
  margin: 10px auto;
  padding: 6px;
  background: #f1f1f1;
}
div.important_notice_header {
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #900;
}
div.important_notice_content {
  text-align: center;
  font-size: 13px;
}
div.notice_highlightbox {
  box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  margin: 10px auto;
  padding: 6px;
}
div.notice_header {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #666;
}
div.notice_content {
  font-size: 13px;
}


/* === A11Y Foundation + Theme Tokens (auto-added) ===================== */
:root{
  /* Used for anchor jumps / skip-link focus so the sticky header doesn't cover content */
  --scroll-padding-top: 120px;
}

/* Base overrides (keep minimal – existing stylesheet remains the main driver) */
body{ background: var(--c-bg); color: var(--c-text); }
a{ color: var(--c-link); }
a:hover, a:focus{ color: var(--c-link-hover); }

html{ scroll-padding-top: var(--scroll-padding-top); }
:target{ scroll-margin-top: var(--scroll-padding-top); }

.sr-only{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}

/* Visible keyboard focus (WCAG 2.4.7) */
:focus-visible{
  outline: 3px solid var(--c-focus);
  outline-offset: 2px;
}

/* Skip link */
.skip-link{
  position:absolute;
  left:-999px;
  top: 10px;
  z-index: 9999;
  background: var(--c-primary);
  color: var(--c-on-primary);
  padding: 10px 12px;
  border-radius: 8px;
}
.skip-link:focus, .skip-link:focus-visible{ left: 10px; }

/* Prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto !important; }
  *, *::before, *::after{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
}

/* Offcanvas menu close button */
.canvasmenu-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--c-border);
  background: var(--c-bg);
  color: var(--c-text);
  border-radius: 8px;
  margin: 4px 10px;
  position: absolute;
  z-index: 3;
  cursor: pointer;
}

/* Ensure common icon/tap targets meet minimum target size (WCAG 2.5.8 AA) */
.mobile-navigation-bar-top .item a,
.mobile-navigation-bar-top .item button,
.item-box-account a,
.item-box-wishlist a,
.item-box-cart a,
.toggle_closer,
.splide__arrow,
.splide__pagination__page{
  min-width: 24px;
  min-height: 24px;
}

/* More comfortable (still keeps layout stable for icons/buttons) */
.splide__arrow,
.splide__pagination__page{
  min-width: 32px;
  min-height: 32px;
}

/* Carousel pause/play toggle (WCAG 2.2.2 A + 2.5.7 AA) */
.splide-a11y-toggle{
  position:absolute;
  top: 10px;
  right: 10px;
  z-index: 5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--c-border);
  background: var(--c-bg);
  color: var(--c-text);
  border-radius: 10px;
}

/* --- originally: css/custom.css --- */

.canvasmenu,
nav.main-side {
  display: block;
}
.vbox-overlay {
  height: 100% !important;
}
.vbox-container {
  height: 100% !important;
  overflow: hidden !important;
}
.vbox-content {
  height: 100% !important;
}
.vbox-child {
  max-height: 100% !important;
  /*width: auto !important;
  background-color: transparent !important;*/
  max-width: 100% !important;
  height: 100%;
  box-shadow: none !important;
  display: flex;
}
.vbox-child img {
  max-height: 100%;
  max-width: 100%;
  display: inline-block;
  object-fit: contain;
}

@media only screen and (min-width:480px) {
  .footer-box.footer-html-content2 {
    order: 9;
  }
}
.subcontent {
  max-width: unset;
}

#big-image-zoomer button.splide__arrow--prev,
#big-image-zoomer button.splide__arrow--next,
.mits_imageslider button.splide__arrow--prev,
.mits_imageslider button.splide__arrow--next,
.slider-products button.splide__arrow--prev,
.slider-products button.splide__arrow--next,
.mits_testimonial_slider button.splide__arrow--prev,
.mits_testimonial_slider button.splide__arrow--next {
  opacity: 0;
}
#big-image-zoomer:hover button.splide__arrow--prev,
#big-image-zoomer:hover button.splide__arrow--next,
.mits_imageslider:hover button.splide__arrow--prev,
.mits_imageslider:hover button.splide__arrow--next,
.slider-products:hover button.splide__arrow--prev,
.slider-products:hover button.splide__arrow--next,
.mits_testimonial_slider:hover button.splide__arrow--prev,
.mits_testimonial_slider:hover button.splide__arrow--next {
  transition: all 0.5s ease-in-out;
  opacity: 0.5;
}
.splide__slide img {
  margin: 0 auto;
  display: block;
}
.splide.mits_imageslider .splide__slide img {
  width: 100%;
}
#mits_street_number,
#mits_street_address {
  position: relative;
  display: block;
}


/* -------------------------------------------------------------------------
   MITS Desktop-Kategoriennavigation
   Schaltbar ueber MITS_DESKTOP_CATEGORY_MENU in config/tpl_config.php:
   classic | mega | catalog
   ------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  /* Gemeinsame Basis fuer die neuen Desktop-Menues. */
  nav.header-megadropdown.mits-desktop-menu-mega,
  nav.header-megadropdown.mits-desktop-menu-catalog {
    overflow: visible;
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul,
  nav.header-megadropdown.mits-desktop-menu-catalog > ul {
    position: relative;
  }

  /* ---------------------------------------------------------------------
     Variante \"mega\": Hauptkategorien bleiben in der horizontalen Leiste.
     Das Untermenue der jeweiligen Hauptkategorie nutzt die volle Breite.
     --------------------------------------------------------------------- */
  nav.header-megadropdown.mits-desktop-menu-mega > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1 {
    position: static;
    float: none;
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1 > ul.sub-menu {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 28px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 22px 24px 26px;
    background: var(--c-nav-dropdown-bg, #fff);
    box-shadow: 0 8px 18px var(--c-nav-dropdown-shadow, rgba(0,0,0,.18));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 700;
    transform: translateY(6px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1:hover > ul.sub-menu,
  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1:focus-within > ul.sub-menu {
    top: 100%;
    left: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1 > ul.sub-menu > li.level2 {
    float: none;
    width: auto;
    min-width: 0;
    padding: 0;
    position: static;
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1 > ul.sub-menu > li.level2 > a.cat-level2 {
    position: relative;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--c-nav-item-border, #ddd);
    background: transparent;
    font-size: 13px;
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1 > ul.sub-menu > li.level2 > a.cat-level2.catlink-with-subcat:before {
    display: none;
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1 > ul.sub-menu > li.level2 > ul.sub-menu {
    display: block;
    position: static;
    top: auto;
    left: auto;
    width: auto;
    max-width: none;
    margin: 4px 0 0;
    padding: 0;
    box-shadow: none;
    background: transparent;
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1 > ul.sub-menu > li.level2 > ul.sub-menu > li.level3 {
    float: none;
    width: auto;
    padding: 0;
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1 > ul.sub-menu > li.level2 > ul.sub-menu > li.level3 > a.cat-level3 {
    position: relative;
    padding: 6px 6px 6px 16px;
    background: transparent;
    font-size: 12px;
    font-weight: 400;
  }

  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1 > ul.sub-menu > li.level2 > ul.sub-menu > li.level3 > a.cat-level3:before {
    content: '\f054';
    display: block;
    font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
    font-size: 8px;
    font-weight: 900;
    position: absolute;
    left: 2px;
    right: auto;
    top: 7px;
    padding: 0;
  }

  /* ---------------------------------------------------------------------
     Variante \"catalog\": kompakte Hauptnavigation mit zwei schaltbaren
     Vollbreiten-Panels fuer Produktkatalog und Informationen.
     --------------------------------------------------------------------- */
  nav.header-megadropdown.mits-desktop-menu-catalog > ul.mits-catalog-root {
    display: flex;
    align-items: stretch;
    margin: 0 auto;
    padding: 0;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-main-nav-item,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-menu-item {
    position: static;
    float: none;
    padding: 2px;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-nav-account-start {
    margin-left: auto;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-main-nav-link,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-main-nav-button {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0.45em 1.3em;
    border: 0;
    border-radius: 4px;
    background: var(--c-nav-l1-bg, transparent);
    color: var(--c-nav-l1-text, #fff);
    font: inherit;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-main-nav-link:hover,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-main-nav-link:focus-visible,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-main-nav-button:hover,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-main-nav-button:focus-visible,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-menu-item.mits-menu-open > .mits-main-nav-button {
    background: var(--c-nav-l1-hover-bg, #333);
    color: var(--c-nav-l1-hover-text, #fff);
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-menu-chevron {
    font-size: .72em;
    transition: transform .16s ease;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-menu-item.mits-menu-open > .mits-main-nav-button .mits-menu-chevron {
    transform: rotate(180deg);
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-menu-panel {
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    padding: 22px 26px 26px;
    border-top: 1px solid var(--c-nav-item-border, #ddd);
    background: var(--c-nav-dropdown-bg, #fff);
    color: var(--c-nav-dropdown-text, #222);
    box-shadow: 0 8px 18px var(--c-nav-dropdown-shadow, rgba(0,0,0,.18));
    z-index: 700;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-menu-panel[hidden] {
    display: none !important;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 30px;
    position: static;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid > li.level1 {
    float: none;
    width: auto;
    min-width: 0;
    padding: 0;
    position: static;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid > li.level1 > a.cat-level1 {
    position: relative;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--c-nav-item-border, #ddd);
    border-radius: 0;
    background: transparent;
    color: var(--c-nav-dropdown-text, #222);
    font-size: 13px;
    text-transform: uppercase;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid > li.level1 > a.cat-level1:hover,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid > li.level1 > a.cat-level1:focus-visible {
    background: transparent;
    color: var(--c-nav-dropdown-hover-text, var(--c-nav-dropdown-text, #222));
    text-decoration: underline;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid > li.level1 > ul.sub-menu,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid > li.level1 > ul.sub-menu > li.level2 > ul.sub-menu {
    display: block;
    position: static;
    top: auto;
    left: auto;
    width: auto;
    margin: 0;
    padding: 5px 0 0;
    background: transparent;
    box-shadow: none;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid > li.level1 > ul.sub-menu > li.level2,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid > li.level1 > ul.sub-menu > li.level2 > ul.sub-menu > li.level3 {
    float: none;
    width: auto;
    padding: 0;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level2,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level3 {
    position: relative;
    background: transparent;
    color: var(--c-nav-dropdown-text, #222);
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level2 {
    padding: 7px 4px 7px 15px;
    font-size: 12px;
    font-weight: 600;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level3 {
    padding: 5px 4px 5px 29px;
    font-size: 11px;
    font-weight: 400;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level2:before,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level3:before {
    content: '\f054';
    display: block;
    font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
    font-size: 7px;
    font-weight: 900;
    position: absolute;
    padding: 0;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level2:before {
    left: 2px;
    right: auto;
    top: 8px;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level3:before {
    left: 16px;
    right: auto;
    top: 6px;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level2:hover,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level2:focus-visible,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level3:hover,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-level3:focus-visible {
    background: var(--c-nav-dropdown-hover-bg, #e0e0e0);
  }

  /* Informationen: content + information als eigene Spalten im selben Panel. */
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-information-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px 36px;
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-information-column {
    min-width: 0;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-information-title {
    margin: 0 0 8px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--c-nav-item-border, #ddd);
    color: var(--c-nav-dropdown-text, #222);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog ul.mits-information-links {
    display: block;
    position: static;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog ul.mits-information-links li,
  nav.header-megadropdown.mits-desktop-menu-catalog ul.mits-information-links li.level1,
  nav.header-megadropdown.mits-desktop-menu-catalog ul.mits-information-links li.level2,
  nav.header-megadropdown.mits-desktop-menu-catalog ul.mits-information-links li.level3 {
    float: none;
    width: auto;
    padding: 0;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog ul.mits-information-links ul {
    display: block;
    position: static;
    width: auto;
    margin: 0;
    padding: 0 0 0 14px;
    background: transparent;
    box-shadow: none;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog ul.mits-information-links a {
    position: relative;
    display: block;
    padding: 7px 6px 7px 16px;
    background: transparent;
    color: var(--c-nav-dropdown-text, #222);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog ul.mits-information-links a:before {
    content: '\f054';
    position: absolute;
    left: 3px;
    top: 8px;
    font-family: var(--mits-fa-family, 'Font Awesome 6 Free');
    font-size: 7px;
    font-weight: 900;
  }

  nav.header-megadropdown.mits-desktop-menu-catalog ul.mits-information-links a:hover,
  nav.header-megadropdown.mits-desktop-menu-catalog ul.mits-information-links a:focus-visible {
    background: var(--c-nav-dropdown-hover-bg, #e0e0e0);
    color: var(--c-nav-dropdown-hover-text, var(--c-nav-dropdown-text, #222));
  }
}

@media only screen and (min-width: 980px) {
  nav.header-megadropdown.mits-desktop-menu-mega > ul > li.level1 > ul.sub-menu,
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.aside-list-menu li.nav-active-path:not(.nav-current) > a,
.header-content-menu li.nav-active-path:not(.nav-current) > a,
.header-information-menu li.nav-active-path:not(.nav-current) > a,
.header-blog-content-menu li.nav-active-path:not(.nav-current) > a,
.header-toggle-menu li.nav-active-path:not(.nav-current) > a,
.header-toggle-menu li.nav-current > a,
ul.mits-information-links li.nav-active-path:not(.nav-current) > a {
  color: var(--c-nav-panel-link-hover, var(--c-link-hover, #555));
  font-weight: 700;
}

.aside-list-menu li.nav-current > a,
.header-content-menu li.nav-current > a,
.header-information-menu li.nav-current > a,
.header-blog-content-menu li.nav-current > a,
.header-toggle-menu li.nav-current > a,
ul.mits-information-links li.nav-current > a {
  background: var(--c-surface, #f5f5f5);
  color: var(--c-nav-panel-link-hover, var(--c-link-hover, #555));
  font-weight: 700;
  box-shadow: inset 3px 0 0 var(--c-focus, #019cde);
  text-decoration: none;
}

.footer-content-menu li.nav-active-path:not(.nav-current) > a,
.footer-information-menu li.nav-active-path:not(.nav-current) > a,
.footer-blog-content-menu li.nav-active-path:not(.nav-current) > a {
  color: var(--c-link-hover, #555);
  font-weight: 700;
}

.footer-content-menu li.nav-current > a,
.footer-information-menu li.nav-current > a,
.footer-blog-content-menu li.nav-current > a {
  color: var(--c-link-hover, #555);
  font-style: normal;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

nav.header-megadropdown a.cat-active:not(.current) {
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  nav.header-megadropdown:not(.mits-desktop-menu-catalog) > ul > li.cat-active-list > a.cat-level1 {
    background: var(--c-nav-l1-hover-bg, #999);
    color: var(--c-nav-l1-hover-text, #222);
  }

  nav.header-megadropdown:not(.mits-desktop-menu-catalog) a.cat-level1.current {
    background: var(--c-nav-l1-hover-bg, #999);
    color: var(--c-nav-l1-hover-text, #222);
    box-shadow: inset 0 -3px 0 var(--c-focus, #019cde);
  }
  nav.header-megadropdown:not(.mits-desktop-menu-catalog) ul ul a.cat-level1.current {
    background: var(--c-nav-l1-sub-hover-bg, #fff);
    color: var(--c-nav-l1-sub-hover-text, #222);
    box-shadow: inset 3px 0 0 var(--c-focus, #019cde);
  }
  nav.header-megadropdown:not(.mits-desktop-menu-catalog) ul ul a.cat-level2.current {
    background: var(--c-nav-l2-hover-bg, #ccc);
    color: var(--c-nav-l2-hover-text, #222);
    box-shadow: inset 3px 0 0 var(--c-focus, #019cde);
  }
  nav.header-megadropdown:not(.mits-desktop-menu-catalog) ul ul a.cat-level3.current {
    background: var(--c-nav-l3-hover-bg, #eee);
    color: var(--c-nav-l3-hover-text, #222);
    box-shadow: inset 3px 0 0 var(--c-focus, #019cde);
  }
  nav.header-megadropdown:not(.mits-desktop-menu-catalog) ul ul a.cat-level4.current {
    background: var(--c-nav-l4-hover-bg, #ccc);
    color: var(--c-nav-l4-hover-text, #333);
    box-shadow: inset 3px 0 0 var(--c-focus, #019cde);
  }
  nav.header-megadropdown:not(.mits-desktop-menu-catalog) ul ul a.cat-level5.current {
    background: var(--c-nav-l5-hover-bg, #71321c);
    color: var(--c-nav-l5-hover-text, #fff);
    box-shadow: inset 3px 0 0 var(--c-focus, #019cde);
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .is-current-page > .mits-main-nav-link,
  nav.header-megadropdown.mits-desktop-menu-catalog .is-current-section > .mits-main-nav-link,
  nav.header-megadropdown.mits-desktop-menu-catalog .is-current-section > .mits-main-nav-button {
    background: var(--c-nav-l1-hover-bg, #333);
    color: var(--c-nav-l1-hover-text, #fff);
    box-shadow: inset 0 -3px 0 var(--c-focus, #019cde);
  }

  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.cat-active:not(.current) {
    color: var(--c-nav-dropdown-hover-text, var(--c-link-hover, #555));
    font-weight: 700;
  }
  nav.header-megadropdown.mits-desktop-menu-catalog .mits-catalog-grid a.current {
    background: var(--c-nav-dropdown-hover-bg, #e0e0e0);
    color: var(--c-nav-dropdown-hover-text, var(--c-link-hover, #555));
    font-weight: 700;
    box-shadow: inset 3px 0 0 var(--c-focus, #019cde);
  }
}

div.aside-categories-box nav a.cat-active:not(.current),
nav#canvas-menu a.cat-active:not(.current),
.mm-spn a.cat-active:not(.current),
.hc-offcanvas-nav a.cat-active:not(.current) {
  color: var(--c-aside-nav-l1-hover-text, var(--c-link-hover, #555));
  font-weight: 700;
}

div.aside-categories-box nav a.current,
nav#canvas-menu a.current,
.mm-spn a.current,
.hc-offcanvas-nav a.current {
  background: var(--c-aside-nav-l2-bg, var(--c-surface, #f5f5f5));
  color: var(--c-aside-nav-l1-hover-text, var(--c-link-hover, #555));
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  box-shadow: inset 4px 0 0 var(--c-focus, #019cde);
}

.mobile-navigation-bar-top .hamburger-button.is-current-section > .toggle-canvas-menu,
.mobile-navigation-bar-top .item-box-account.is-current-section > .account-button,
.mobile-navigation-bar-top .item-box-info.nav-current-section > .open-info,
.header-box-information.nav-current-section > .header-information-display,
.header-box-blog-content.nav-current-section > .header-blog-content-display {
  color: var(--c-focus, var(--c-link-hover, #019cde));
  box-shadow: inset 0 -3px 0 var(--c-focus, #019cde);
}


/* MITS Config Center: an intentionally empty managed USP list hides the bar completely. */
.header-usp.mits-usp-managed:not(.mits-usp-dynamic) {
  display: none;
  height: 0;
  min-height: 0;
}

/* MITS Config Center: flexible USP bar */
.header-usp.mits-usp-dynamic {
  height: auto;
  min-height: 38px;
  align-items: stretch;
}
.header-usp.mits-usp-dynamic .usp-item-dynamic {
  display: none;
  height: auto;
  min-height: 38px;
  padding: 0 8px;
  text-align: center;
}
.header-usp.mits-usp-dynamic .usp-item-dynamic:first-child {
  display: block;
}
.header-usp.mits-usp-dynamic .usp-item-dynamic a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.header-usp.mits-usp-dynamic .usp-item-dynamic i {
  margin-right: .45em;
}
@media only screen and (min-width: 461px) {
  .header-usp.mits-usp-dynamic .usp-item-dynamic:nth-child(2) { display: block; }
}
@media only screen and (min-width: 768px) {
  .header-usp.mits-usp-dynamic .usp-item-dynamic:nth-child(3) { display: block; }
}
@media only screen and (min-width: 980px) {
  .header-usp.mits-usp-dynamic .usp-item-dynamic { display: block; }
}


/* MITS Config Center: typography/radius tokens and field-level validation */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], input[type="url"], select, textarea,
.SumoSelect > .CaptionCont, .select2-container .select2-selection {
  border-radius: var(--radius-control, 4px);
}
.borderbox.item {
  border-radius: var(--radius-card, 0px);
}
input.is-invalid, select.is-invalid, textarea.is-invalid,
.select2-container .select2-selection.is-invalid {
  border-color: var(--c-input-invalid-border, #c62828) !important;
  box-shadow: 0 0 0 2px rgba(198,40,40,.16);
}
.invalid-feedback {
  display: block;
  margin-top: .35rem;
  color: var(--c-input-invalid-border, #b00020);
  font-size: .92em;
  line-height: 1.35;
}
fieldset.is-invalid {
  outline: 2px solid var(--c-input-invalid-border, #c62828);
  outline-offset: 3px;
}