/* 20250807103958 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #369ee6;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #369ee6;
  box-shadow: 0 0 2px #369ee6;
}

.gui-select.gui-focus .gui-handle {
  border-color: #369ee6;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #000000;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #d8d8d8;
  background-color: #f2f2f2;
}

.gui-block-option-block {
  border-color: #d8d8d8;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #8c8c8c;
}

.gui ul.gui-products li {
  border-color: #b2b2b2;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #b2b2b2;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #b2b2b2;
}

.gui-block-content .gui-table {
  border-color: #d8d8d8;
}

.gui-table thead tr th {
  border-color: #8c8c8c;
  background-color: #f2f2f2;
}

.gui-table tbody tr td {
  border-color: #d8d8d8;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #000000;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #000000;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #000000;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #000000;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #000000;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #000000;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #99cc00;
}

/* custom */
/*------ HEADER ------ */
<link rel="dns-prefetch" href="//app.usercentrics.eu" />
<link rel="dns-prefetch" href="//api.usercentrics.eu" />
<link rel="preconnect" href="//privacy-proxy.usercentrics.eu">
<link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script">
<script id="usercentrics-cmp" data-eu-mode="true" data-settings-id="_UqAHkgIPuuhFo" src="https://app.eu.usercentrics.eu/browser-ui/latest/loader.js" async></script>
<script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script>
<script type="text/javasript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Set default consent to 'denied'
gtag('consent', 'default', {
  'ad_storage': 'denied',
  'ad_user_data': 'denied',
  'ad_personalization': 'denied',
  'analytics_storage': 'denied'
  wait_for_update: 500 // milliseconds to wait for update from the CMP
});
</script>
<script type="text/javascript">uc.deactivateBlocking(['BJ59EidsWQ', /* GTM template ID */]);</script>
/* LOGO SVG */
#header .header-inner,
#main-navigation{
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyODMuNSAzMS4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyODMuNSAzMS4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBvbHlnb24gcG9pbnRzPSI4Ni44LDkuOCA5Myw5LjggOTMsMzAuNCA5Ny42LDMwLjQgOTcuNiw5LjggMTAzLjUsOS44IDEwMy41LDUuMSA4Ni44LDUuMSAJIi8+Cgk8cGF0aCBkPSJNMTIuMSw1LjFoLTZDMi44LDUuMSwwLDcuOCwwLDExLjJWMTRjMCwzLjQsMi44LDYuMSw2LjIsNi4xaDUuOWMwLjgsMCwxLjUsMC42LDEuNSwxLjR2Mi43YzAsMC44LTAuNywxLjUtMS41LDEuNWgtNgoJCWMtMC44LDAtMS40LTAuNy0xLjQtMS41di0xLjRIMHYxLjRjMCwzLjQsMi44LDYuMSw2LjIsNi4xaDZjMy40LDAsNi4xLTIuOCw2LjEtNi4xdi0yLjdjMC0zLjQtMi44LTYuMS02LjItNi4xSDYuMgoJCWMtMC44LDAtMS41LTAuNi0xLjUtMS40di0yLjdjMC0wLjgsMC43LTEuNSwxLjUtMS41aDZjMC44LDAsMS40LDAuNywxLjQsMS41djEuNGg0Ljd2LTEuNEMxOC4zLDcuOCwxNS41LDUuMSwxMi4xLDUuMXoiLz4KCTxwYXRoIGQ9Ik00Ny45LDUuMWwtOC4zLDI1LjNoNWwwLjktMi43aDkuMmwwLjksMi43aDQuOUw1Mi4xLDUuMUg0Ny45eiBNNTMsMjMuMWgtNi4xbDMuMS05LjNMNTMsMjMuMXoiLz4KCTxwYXRoIGQ9Ik03Ni45LDUuMUg2NC44djI1LjNoMTIuMmMzLjQsMCw2LjEtMi44LDYuMS02LjF2LTEzQzgzLjEsNy44LDgwLjMsNS4xLDc2LjksNS4xeiBNNzguNCwxMS4ybDAsMTNjMCwwLjgtMC42LDEuNS0xLjQsMS41CgkJaC03LjR2LTE2aDcuNUM3Ny43LDkuOCw3OC40LDEwLjQsNzguNCwxMS4yeiIvPgoJPHBvbHlnb24gcG9pbnRzPSIxMjIuMywyMC4zIDExMy40LDUuMiAxMTMuMyw1LjEgMTA4LjcsNS4xIDEwOC43LDMwLjQgMTEzLjQsMzAuNCAxMTMuNCwxNS4yIDEyMi40LDMwLjQgMTI3LDMwLjQgMTI3LDUuMSAKCQkxMjIuMyw1LjEgCSIvPgoJPHBhdGggZD0iTTE0NC43LDUuMWgtNmMtMy40LDAtNi4xLDIuOC02LjEsNi4xdjEzYzAsMy40LDIuOCw2LjEsNi4yLDYuMWg2YzMuNCwwLDYuMS0yLjgsNi4xLTYuMXYtMTMKCQlDMTUwLjksNy44LDE0OC4xLDUuMSwxNDQuNyw1LjF6IE0xMzcuMywyNC4zdi0xM2MwLTAuOCwwLjctMS41LDEuNS0xLjVoNmMwLjgsMCwxLjQsMC43LDEuNCwxLjVsMCwxM2MwLDAuOC0wLjYsMS41LTEuNCwxLjVoLTYKCQlDMTM3LjksMjUuNywxMzcuMywyNS4xLDEzNy4zLDI0LjN6Ii8+Cgk8cG9seWdvbiBwb2ludHM9IjE2Ni44LDIzLjEgMTYxLjUsNS4yIDE2MS40LDUuMSAxNTYuOSw1LjEgMTU2LjksMzAuNCAxNjEuNiwzMC40IDE2MS42LDE4IDE2NC41LDMwLjMgMTY0LjYsMzAuNCAxNjguOSwzMC40IAoJCTE3MS45LDE4IDE3MS45LDMwLjQgMTc2LjYsMzAuNCAxNzYuNiw1LjEgMTcyLjEsNS4xIAkiLz4KCTxwYXRoIGQ9Ik0xOTQsNS4xaC00LjJsLTguMiwyNS4xbC0wLjEsMC4zaDVsMC45LTIuN2g5LjJsMC45LDIuN2g0LjlMMTk0LDUuMkwxOTQsNS4xeiBNMTk0LjksMjMuMWgtNi4xbDMuMS05LjNMMTk0LjksMjMuMXoiLz4KCTxwYXRoIGQ9Ik0yMTkuMyw1LjFoLTEyLjF2MjUuM2gxMi4yYzMuNCwwLDYuMS0yLjgsNi4xLTYuMXYtMTNDMjI1LjUsNy44LDIyMi43LDUuMSwyMTkuMyw1LjF6IE0yMjAuOCwxMS4ybDAsMTMKCQljMCwwLjgtMC42LDEuNS0xLjQsMS41aC03LjR2LTE2aDcuNUMyMjAuMSw5LjgsMjIwLjgsMTAuNCwyMjAuOCwxMS4yeiIvPgoJPHBvbHlnb24gcG9pbnRzPSIyMzEuNCwzMC40IDI0Ny42LDMwLjQgMjQ3LjYsMjUuNyAyMzYuMiwyNS43IDIzNi4yLDIwLjEgMjQ3LjYsMjAuMSAyNDcuNiwxNS40IDIzNi4yLDE1LjQgMjM2LjIsOS44IDI0Ny42LDkuOCAKCQkyNDcuNiw1LjEgMjMxLjQsNS4xIAkiLz4KCTxwb2x5Z29uIHBvaW50cz0iMjY3LjQsMjAuMyAyNTguNSw1LjIgMjU4LjUsNS4xIDI1My44LDUuMSAyNTMuOCwzMC40IDI1OC42LDMwLjQgMjU4LjYsMTUuMiAyNjcuNSwzMC4zIDI2Ny41LDMwLjQgMjcyLjEsMzAuNCAKCQkyNzIuMSw1LjEgMjY3LjQsNS4xIAkiLz4KCTxwYXRoIGQ9Ik0yNzkuMSwwLjdjLTIuNCwwLTQuMywxLjktNC4zLDQuM2MwLDIuNCwxLjksNC4zLDQuMyw0LjNjMi40LDAsNC4zLTEuOSw0LjMtNC4zQzI4My41LDIuNywyODEuNSwwLjcsMjc5LjEsMC43egoJCSBNMjc5LjgsNC4yYzAsMC4zLTAuMiwwLjUtMC41LDAuNWgtMC42VjMuN2gwLjZDMjc5LjYsMy43LDI3OS44LDMuOSwyNzkuOCw0LjJ6IE0yODAuMiw1LjVjMC41LTAuMywwLjgtMC43LDAuOC0xLjMKCQljMC0wLjktMC43LTEuNi0xLjYtMS42aC0xLjl2NC45aDEuMlY1LjdoMC4ybDAuOSwxLjhoMS4zYy0wLjUsMC41LTEuMiwwLjctMiwwLjdjLTEuNywwLTMuMS0xLjQtMy4xLTMuMmMwLTEuOCwxLjQtMy4yLDMuMS0zLjIKCQljMS43LDAsMy4xLDEuNCwzLjEsMy4yYzAsMC45LTAuNCwxLjgtMSwyLjRMMjgwLjIsNS41eiIvPgoJPHBvbHlnb24gcG9pbnRzPSIyMS45LDkuOCAyOCw5LjggMjgsMzAuNCAzMi43LDMwLjQgMzIuNyw5LjggMzguNiw5LjggMzguNiw1LjEgMjEuOSw1LjEgCSIvPgo8L2c+Cjwvc3ZnPgo=');
}

@media screen and (min-width: 992px) {
  #header .header-inner {
   height: 110px !important;
   background-image: none;
  }
  
  #header .wrap-cart{
    margin-top: 8px;
  }
  
  #popup-bag .title-popup{
    margin-bottom: .5rem;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 991px) {
  #header .header-inner {
    height: 140px;
    background-size: 100px auto;
    background-position: 20px 10px;
  }
  
  #header .toggle-nav{
    margin-top: 18px;
  }
  
  #logo{
    top: -10px;
  }
  
  #header .wrap-cart{
    top: 28px;
  }
  
  #header .wrap-cart ul.item{
    /*padding-top: 0;*/
  }
  
  .mobile-search{
    margin-top: 0px;
  }
}

/* MAIN NAVIGATION */

#main-navigation .primary-menu .sub-menu > li > a{
  font-size: .8rem;
}

@media screen and (min-width: 992px) {
  
  #main-navigation{  
   margin-top: -10px;
   padding-top: 18px;
   background-size: 130px auto;
   background-position: 9px 3px;
  }

  #main-navigation .primary-menu .sub-menu {
      top: 65px;
      padding-top: 15px;
      padding-bottom: 20px;
  }
  
  #main-navigation .primary-menu .sub-menu > li {
    width: auto;
    margin-right: 2em;
  }
}

@media screen and (min-width: 992px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #main-navigation{ 
     background-position: 11px 0px;
     background-size: 135px auto;
  }
}

@media screen and (max-width: 991px) {
  
  #main-navigation{
   background-image: none; 
  }
  
}


/*------ BREADCRUMB ------ */

.site-breadcrumb{
}


/*------ CATEGORY ------ */

.category .content li{
  display: block;
  float: none !important;
  width: auto !important;
}

/* product name */
.category li.title a,
.category .price{
  font-size: 0.85rem;
}

.category .brand-title{
  display: none;
}

.category .price{
  text-align: left !important;
}


/*------ PRODUCT DETAIL ------ */

.product-detail .title li {
    display: block;
    width: auto !important;
}

.product-detail .brandtitle{
  margin: 0;
}

.product-detail .title li.price{
  margin: .5rem 0 2rem;
}

.product-detail .title li.price strong{
  font-size: 1rem;
}

@media screen and (min-width: 1200px) {
  .product-detail .pro-info{
    padding-top: 0;
  }
}

.accordion h2 .icon,
.product-configure .select2-container::after{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
  background-image: none;
}

.accordion h2.open .icon{
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #000000 transparent;
}


/*------ (ALREADY EXISTED) ------ */

/* Slider Button unten rechts */
.slick-dots li button {
  background: gray;
}

/* Slider Pfeil unten */
.slider .arrow {
  -webkit-filter: invert(50%);
}

/* Slider Pfeile rechts und links */
.slick-arrow {
  -webkit-filter: invert(50%);
}


/* Ethan */ 

span.stars {
    display: none;
}

span.stars .score {
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url(score-dark.png);
    margin: 0;
}

.reviews span.stars {
    position: absolute;
    top: 10px;
    right: 20px;
}
/* Ethan */
