/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 9098 2015-12-02 11:22:33Z Tomcraft $

   modified eCommerce Shopsoftware
   http://www.modified-shop.org

   Copyright (c) 2009 - 2013 [www.modified-shop.org]
   -----------------------------------------------------------------------------------------
   Released under the GNU General Public License
   ---------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------
    01. Fonts
    02. Globals (body, tables, p, etc. )
    03. Header
    04. Headlines
    05. Links
    06. Inputs, Selects, Textarea
    07. Footer, Copyright, Parse Time
    08. Content
    09. HR pseudos
    10. Breadcrumbs
    11. New Boxes
    12. Categories box
    13. Highlightbox
    14. Product-Navigator
    15. Error, info & success messages
    16. Checkout
    17. Color Defination from language-Files, main.php, ot-Module
    18. Listing globals
    19. Productlist boxes
    20. Productlist rows
    21. Categories listing & subcats
    22. Pagination
    23. Filter manufacturer
    24. Content sites (AGB, Datenschutz, etc.)
    25. Products table for order_details, account_history_info, checkout_confirmation
    26. Product details
    27. Graduated prices
    28. Addtobasket
    29. Product_details reviews
    30. Product_options
    31. Product_details media
    32. Popup content
    33. print content (popup print_product_info, popup print_order.html)
    34. Reviews
    35. Upcoming_products
    36. Coupon box - error message
    37. Downloads
    38. Offline & Admin-login
    39. Toggle shopping cart box
    40. Carousel Bestseller box
    41. Janolaw.de (BASIC Template for AGB Hosting Content)
    42. Sitemap
    43. Product_reviews_info
    44. Last viewed in account
    45. Account cart and click buttons
    46. Miscellaneous
    47. CSS Buttons
    48. CSS Write reviews

    ---------------------------------------------------------------------------------------*/

    /* 1. START fonts */

/*
  font-family: 'Montserrat', sans-serif;
  font-weights: 300,400,500,600,700

  font-family: 'Nunito Sans', sans-serif;
  font-weights: 300,400,600,700


  gr�n:   #00ca8d;
  rot:    #eb0037;
  orange: #ef7e00;
  */

  /* Fonts */

  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(''),
    url('css/fonts/montserrat/montserrat-v15-latin-300.woff2') format('woff2'),
    url('css/fonts/montserrat/montserrat-v15-latin-300.woff') format('woff');
  }
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''),
    url('css/fonts/montserrat/montserrat-v15-latin-regular.woff2') format('woff2'),
    url('css/fonts/montserrat/montserrat-v15-latin-regular.woff') format('woff');
  }
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(''),
    url('css/fonts/montserrat/montserrat-v15-latin-500.woff2') format('woff2'),
    url('css/fonts/montserrat/montserrat-v15-latin-500.woff') format('woff');
  }
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''),
    url('css/fonts/montserrat/montserrat-v15-latin-600.woff2') format('woff2'),
    url('css/fonts/montserrat/montserrat-v15-latin-600.woff') format('woff');
  }
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(''),
    url('css/fonts/montserrat/montserrat-v15-latin-700.woff2') format('woff2'),
    url('css/fonts/montserrat/montserrat-v15-latin-700.woff') format('woff');
  }




  @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(''),
    url('css/fonts/nunito-sans/nunito-sans-v6-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('css/fonts/nunito-sans/nunito-sans-v6-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''),
    url('css/fonts/nunito-sans/nunito-sans-v6-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('css/fonts/nunito-sans/nunito-sans-v6-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''),
    url('css/fonts/nunito-sans/nunito-sans-v6-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('css/fonts/nunito-sans/nunito-sans-v6-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(''),
    url('css/fonts/nunito-sans/nunito-sans-v6-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('css/fonts/nunito-sans/nunito-sans-v6-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }




  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(''),
    url('css/fonts/hind/hind-v11-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('css/fonts/hind/hind-v11-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''),
    url('css/fonts/hind/hind-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('css/fonts/hind/hind-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(''),
    url('css/fonts/hind/hind-v11-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('css/fonts/hind/hind-v11-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''),
    url('css/fonts/hind/hind-v11-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('css/fonts/hind/hind-v11-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  @font-face {
    font-family: 'Hind';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(''),
    url('css/fonts/hind/hind-v11-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('css/fonts/hind/hind-v11-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }


  @font-face {
    font-family: 'Apercu';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''),
    url('css/fonts/apercu/ApercuPro.woff2') format('woff2'),
    url('css/fonts/apercu/ApercuPro.woff') format('woff');
  }
  @font-face {
    font-family: 'Apercu';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(''),
    url('css/fonts/apercu/ApercuPro-Medium.woff2') format('woff2'),
    url('css/fonts/apercu/ApercuPro-Medium.woff') format('woff');
  }
  @font-face {
    font-family: 'Apercu';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''),
    url('css/fonts/apercu/ApercuPro-Bold.woff2') format('woff2'),
    url('css/fonts/apercu/ApercuPro-Bold.woff') format('woff');
  }
  
  
  @font-face {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(''),
    url('css/fonts/helvetica_neue/NeueHelveticaTextProLight.woff2') format('woff2'),
    url('css/fonts/helvetica_neue/NeueHelveticaTextProLight.woff') format('woff');
  }
  @font-face {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(''),
    url('css/fonts/helvetica_neue/NeueHelveticaTextProMedium.woff2') format('woff2'),
    url('css/fonts/helvetica_neue/NeueHelveticaTextProMedium.woff') format('woff');
  }
  @font-face {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(''),
    url('css/fonts/helvetica_neue/NeueHelveticaTextProMedium.woff2') format('woff2'),
    url('css/fonts/helvetica_neue/NeueHelveticaTextProMedium.woff') format('woff');
  }  
  @font-face {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local(''),
    url('css/fonts/helvetica_neue/NeueHelveticaTextProMedium.woff2') format('woff2'),
    url('css/fonts/helvetica_neue/NeueHelveticaTextProMedium.woff') format('woff');
  }    

/*
  font-size 1rem = 10px

  Montserrat
  html { font-size: 62.5%; }

  Nunito Sans
  html { font-size: 70.0%; }

  Hind
  html { font-size: 62.5%; }


  */

html { font-size: 62.5%; }

body, input, textarea, select, .cssButton {
  font-family: 'Helvetica Neue', sans-serif;
}

/* END fonts */

/* 2. START globals */
* {
  margin:0;
  padding:0;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

/* scrollbars */
* {
  scrollbar-width: thin;
  scrollbar-color: #999 #eee;
}
*::-webkit-scrollbar {
  width: 9px;
}
*::-webkit-scrollbar-track {
  background: #eee;
}
*::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 0px;
  border: 1px solid #eee;
}
.no_scroll,
.viewer-open {
  overflow:hidden;
}
/* srollbars prevent layout swift when open toggle menus */
html {
  scrollbar-gutter: stable;
}
/* scrollbars safari */
@media not all and (min-resolution: 0.001dpcm) {
  .no_scroll, .viewer-open {
    padding-right: calc(9px - (100vw - 100%));
  }
}

/* prevent flicker in responsive tabs & accordion */
#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; }


/* Disable font boosting on mobile browsers */
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 */
}

/* start Fix for new paypal checkout */
body * iframe {
  max-height: initial;
  height:initial;
}
#apms_button1 .paypal-buttons {
  height: 35px !important;
  min-height: 35px !important;
}
#apms_button2 .paypal-buttons {
  height: 35px !important;
  min-height: 35px !important;
}
@media only screen and (min-width: 759px) {
  .apms_form_button.apms_nocheckout { height: 60px !important; }
}
/* end Fix for new paypal checkout */

body {
  font-weight: 400;
  font-size:1.4rem;
  line-height:2.2rem;
  background-color:#fff;
  color:#000;
}

/* prevent zooming inputs */
@supports (-webkit-overflow-scrolling: touch) {
  input[type=number], input[type=text], input[type=password], input[type=email], input[type=tel] { font-size:1.6rem !important;  }
  select { font-size:1.6rem !important; }
  textarea { font-size:1.6rem; }
  .SumoSelect > .CaptionCont { font-size:1.6rem !important;  }
}








  @media screen and (max-width: 690px) {
    #admin ul li.right { display: none; }
    #admin ul li.logo { display:none;}
    #admin ul li.language { display:none;}
  }


  .clearfix, .clear, .clearer {
    line-height:0px;
    height:0px;
    clear:both;
  }

  .bold {
    font-weight:600;
  }

  .center {
    text-align:center !important;
  }


  .cf:before, .cf:after { content: ""; display: table; }
  .cf:after { clear: both; }
  .cf { zoom: 1; }

  img, a img {
    max-width:100%;
    height:auto;
    vertical-align:top;
    border:none;
    outline:none;
    text-decoration:none;
    font-size:1px;
    line-height:1px;
    color: transparent;
  }
  .lazyload,
  .lazyloading {
    opacity: 0;
  }
  .lazyloaded {
    opacity: 1;
    transition: opacity 1s ease;
  }

  #layout_wrap {
    width:100%;
    max-width:2048px;
    padding: 0px 0px;
    margin: 0px auto;
  }
  .layout_wrap_inner {
    position: relative;
    z-index: 1;
  }


  .width_full {
    max-width:100%;
    margin: 0px auto;
    padding: 0px 10px;
  }
  .width_big {
    padding: 0px 10px;
    margin: 0px auto;
    max-width:1920px;
  }
  .width_medium {
    padding: 0px 10px;
    margin: 0px auto;
    max-width:1920px;
    /* max-width:1620px; */
  }
  .width_small {
    padding: 80px 10px;
    margin: 0px auto;
    max-width:1220px;
  }
  @media (min-width: 1024px){
    .width_full { padding: 0px 0px;}
    .width_big { padding: 0px 0px;}
    .width_medium { padding: 0px 0px;}
    .width_small { padding: 80px 0px;}
  }




.contentbox {
  padding:0 0;
}

.mb_1 { margin-bottom: 10px;}
.mb_2 { margin-bottom: 20px;}
.mb_3 { margin-bottom: 30px;}
.mb_4 { margin-bottom: 40px;}
.mb_5 { margin-bottom: 50px;}

.mr_5 { margin-right: 5px;}
.ml_5 { margin-left: 5px;}



.my_1 { margin-top: 10px; margin-bottom: 10px;}
.my_2 { margin-top: 20px; margin-bottom: 20px;}
.my_3 { margin-top: 30px; margin-bottom: 30px;}
.my_4 { margin-top: 40px; margin-bottom: 40px;}
.my_5 { margin-top: 50px; margin-bottom: 50px;}

.mt_1 { margin-top: 10px;}
.mt_2 { margin-top: 20px;}
.mt_3 { margin-top: 30px;}
.mt_4 { margin-top: 40px;}
.mt_5 { margin-top: 50px;}


.layout_notice_top {
  width:100%;
  padding: 10px 10px;
  text-align:center;
  background: #000;
  border-bottom: 0px solid #d7d7d8;
  color:#fff;
  font-size:1.1rem;
  line-height:1.9rem;
  font-weight:400;
}

.layout_notice_bot {
  width:100%;
  padding: 15px 10px;
  text-align:center;
  background: #000;
  border-bottom: 0px solid #d7d7d8;
  color:#fff;
  font-size:1.1rem;
  line-height:1.9rem;
  font-weight:600;
  align-items:center;
}
.layout_notice_bot .SumoSelect,
.layout_notice_bot select {
  height:24px !important;
}
.layout_notice_bot .SelectBox {
  height:24px !important;
  padding: 1px 8px !important;
  font-size:1.2rem !important;
  border-radius:4px !important;
}
.layout_notice_bot .sumo_orders > p > span {
  margin-top: 0 !important;
  font-size: 1.1rem;
}
.layout_notice_bot .sumo_orders > p > label::after {
  height: 20px !important;
}



.layout_notice_bot input[type=submit] {
  height: 24px;
  max-height: 24px !important;
  min-height: 24px !important;
}

.layout_notice_top a,
.layout_notice_bot a {
  color:#000 !important;
  border-bottom: 0px solid #000;
}
.layout_notice_top a:hover,
.layout_notice_bot a:hover {
  color:#000 !important;
  text-decoration:none;
}


.layout_header {
  background:#fff;
  width:100%;
  padding: 18px 0px;
  margin: 0px auto;
  position: -webkit-sticky;
  position: sticky;
  top:0px;
  border-bottom: 1px solid #000;
  z-index:1300;

}
.admin_mode .layout_header {
  top:36px;
}

.layout_header_checkout {
  position:relative;
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.col_logo_checkout {
  width:120px;
  height:auto;
}
.col_logo_checkout img {
  width:120px;
  height:auto;
}
@media (min-width: 600px){
  .col_logo_checkout { width:120px; height:auto; }
  .col_logo_checkout img { width:120px; height:auto; }
}

.col_logo_back {
  flex: 1;
  text-align:right;
}
.col_logo_back a {
  padding: 1px 0px;
  font-size:1.1rem;
  line-height:1.7rem;
  font-weight:500;
  text-transform:none;
  color:#999;
  border-bottom: 1px solid #ccc;
}
.col_logo_back a:hover {
  text-decoration:none;
  color:#000;
  border-bottom: 1px solid #000;
}


/*
  header_case_1
  header_case_2
  header_case_3
  */

.layout_header_inner {
  position:relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
@media (min-width: 600px){
  .layout_header_inner { flex-wrap: wrap; padding:0 24px;}
}


  /* Men� Button */
  .col_menu {
    display:block;
    width:50px;
    position:relative;
    text-align:center;
    white-space:nowrap;
  }
  @media (min-width: 600px){
    .col_menu { width:80px !important; }
  }

  .header_case_1 .col_menu { order:80; }
  .header_case_2 .col_menu { order:30; }
  .header_case_3 .col_menu { order:1; }

  @media (min-width: 1161px){
    .header_case_1 .col_menu {display:none; }
    .header_case_2 .col_menu {display:none; }
    .header_case_3 .col_menu {display:none; }
  }

  /* Search Button */
  .col_search {
    width:50px;
    text-align:center;
  }
  @media (min-width: 600px){
    .col_search { width:40px !important; }
  }

  .header_case_1 .col_search { order: 30; }
  .header_case_3 .col_search { order: 2; }

  @media (min-width: 1161px){
    .header_case_1 .col_search { order: 40; }
    .header_case_2 .col_search { order: 40; }
    .header_case_3 .col_search { order: 40; }
  }


  /* Account Button */
  .col_account {
    display:none;
    width:50px;
    position:relative;
    text-align:center;
    white-space:nowrap;
    order: 50;
  }
  @media (min-width: 600px){
    .col_account { width:40px !important; }
  }

  @media (min-width: 1161px){
    .header_case_1 .col_account { display:block; }
    .header_case_2 .col_account { display:block; }
    .header_case_3 .col_account { display:block; }
  }


  /* wishlist Button */
  .col_wishlist {
    width:50px;
    position:relative;
    text-align:center;
    order: 60;
  }
  @media (min-width: 600px){
    .col_wishlist { width:40px; }
  }


  /* Cart Button */
  .col_cart {
    width:50px;
    position:relative;
    text-align:center;
    order: 70;
  }
  @media (min-width: 600px){
    .col_cart { width:40px; }
  }



  /* Logo */
  .col_logo {
    width:120px;
    height:auto;
  }
  .col_logo_inner {
    vertical-align:top;
    width:90px;
    height:auto;
    margin: 0px auto;
  }
  .col_logo_inner img {
    width:160px;
    height:auto;
  }

  .header_case_1 .col_logo { order: 20; margin: auto;}
  .header_case_1 .col_logo_inner { margin: 0 0;}
  .header_case_2 .col_logo { order: 60; flex: 1; }
  .header_case_3 .col_logo { order: 40; position:absolute; left:0px; right:0px; margin: auto;}


.col_logo_inner{text-align: center; padding-top: 0px;}
  @media (min-width: 600px){
    .col_logo { width:160px; }
    .col_logo_inner { width:160px; }
    .col_logo_inner img { width:160px; padding:4px; height:auto; }
  }
  @media (min-width: 1160px){
    .col_logo { width:160px;
    height:auto; }
  }


.layout_header{
  min-height: 70px;
}












  /* Kategorien */
  .header_case_1 .col_categories {
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: center;
    flex: 1;
    order: 30;
  }
  @media (min-width: 1161px){
    .header_case_1 .col_categories { padding: 0px 0px 0px 0px; }
  }

  .header_case_2 .col_categories {
    margin: 0px 0 0 0;
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: center;
    width:auto;
    order: 100;
  }
  @media (min-width: 1161px){
    .header_case_2 .col_categories { margin: 5px 0 0 0; width:100%; }
  }

  .header_case_3 .col_categories {
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: flex-start;
    flex: 1;
    order: 10;
  }
  @media (min-width: 1161px){
    .header_case_3 .col_categories { padding: 0px 0px 0px 0px; }
  }


  .col_categories_menu {
    display:none;
  }
  .col_categories_content {
    display:block;
  }

  @media (min-width: 1161px){
    .header_case_1 .col_categories_content { display:none; }
    .header_case_2 .col_categories_content { display:none; }
    .header_case_3 .col_categories_content { display:none; }
  }






  #cart_short {
    z-index:1000;
    vertical-align:top;
  }
  #cart_short > a {
    position:relative;
    display: flex;
    flex-direction: column;
    color:#000;
    text-align:center;
    transition: all 0.3s ease-in-out;
  }
  #cart_short > a:hover {
    color:#000;
    text-decoration:none;
  }
  #cart_short .icon {
    margin: 0px auto;
    width:24px;
    height:24px;
  }
  #cart_short .heading {
    padding: 2px 0 0 0;
    font-size:1.0rem;
    line-height:1.4rem;
    height:16px;
    font-weight:500;
    display:none;
  }
  @media (min-width: 600px){
    #cart_short .heading { display:block; }
  }


  #cart_short .count {
    position:absolute;
    right:0px;
    top:0px;
    background:#555;
    color:#fff;
    display:inline-block;
    padding: 3px;
    font-size:1.0rem;
    line-height:1.1rem;
    text-align:center;
    font-weight:700;
    min-width:20px;
    border-radius: 5px;
  }

  #wish_short {
    z-index:1000;
    vertical-align:top;
  }
  #wish_short > a {
    position:relative;
    display: flex;
    flex-direction: column;
    color:#000;
    text-align:center;
    transition: all 0.3s ease-in-out;
  }
  #wish_short > a:hover {
    color:#000;
    text-decoration:none;
  }
  #wish_short .icon {
    margin: 0px auto;
    width:18px;
    height:18px;
  }
  #wish_short .heading {
    padding: 2px 0 0 0;
    font-size:1.0rem;
    line-height:1.4rem;
    height:16px;
    font-weight:500;
    display:none;
  }
  @media (min-width: 600px){
    #wish_short .heading { display:block; }
  }


  #wish_short .count {
    position:absolute;
    right:0px;
    top:-3px;
    background:#555;
    color:#fff;
    display:inline-block;
    padding: 3px;
    font-size:1.0rem;
    line-height:1.1rem;
    text-align:center;
    font-weight:700;
    min-width:20px;
    border-radius: 5px;
  }

  #menu_short {
    z-index:1000;
    vertical-align:top;
  }
  #menu_short > div {
    position:relative;
    display: flex;
    flex-direction: column;
    color:#000;
    text-align:center;
    transition: all 0.3s ease-in-out;
    cursor:pointer;
  }

  #menu_short > div:hover {
    color:#000;
    text-decoration:none;
  }
  #menu_short .icon {
    margin: 0px auto;
    width:24px;
    height:24px;
  }
  #menu_short .heading {
    padding: 2px 0 0 0;
    font-size:1.0rem;
    line-height:1.4rem;
    height:16px;
    font-weight:500;
    display:none;
  }
  @media (min-width: 600px){
    #menu_short .heading { display:block; }
  }



  #account_short {
    z-index:1000;
    vertical-align:top;
  }
  #account_short > a {
    position:relative;
    display: flex;
    flex-direction: column;
    color:#000;
    text-align:center;
    transition: all 0.3s ease-in-out;
  }
  #account_short > a:hover {
    color:#000;
    text-decoration:none;
  }
  #account_short .icon {
    margin: 0px auto;
    width:24px;
    height:24px;
  }
  #account_short .heading {
    padding: 2px 0 0 0;
    font-size:1.0rem;
    line-height:1.4rem;
    height:16px;
    font-weight:500;
    display:none;
  }
  @media (min-width: 600px){
    #account_short .heading { display:block; }
  }




  #search_short {
    z-index:1000;
    vertical-align:top;
  }
  #search_short > a {
    position:relative;
    display: flex;
    flex-direction: column;
    color:#000;
    text-align:center;
    transition: all 0.3s ease-in-out;
  }
  #search_short > a:hover {
    color:#000;
    text-decoration:none;
  }
  #search_short .icon {
    margin: 0px auto;
    width:24px;
    height:24px;
  }
  #search_short .heading {
    padding: 2px 0 0 0;
    font-size:1.0rem;
    line-height:1.4rem;
    height:16px;
    font-weight:500;
    display:none;
  }
  @media (min-width: 600px){
    #search_short .heading { display:block; }
  }



  .toggle_search {
    background: rgba(255,255,255,0.9);
    position:absolute;
    top:-10px;
    bottom:-10px;
    left:0px;
    right:0px;
    display: none;
    z-index: 1302;
  }
  .toggle_search_background {
    display:block;
    position:fixed;
    top:0px;
    left:0px;
    background: rgba(255,255,255,0.9);
    width:100%;
    height:100%;
    z-index:3;
  }

  .toggle_search_inner {
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
  }

  #search {
    position:relative;
    width:100%;
    max-width:720px;
  }
  .search_inner {
    width:100%;
    display: flex;
    align-items: center;
    position:relative;
    z-index:1200;
  }
  .search_inner .search_cat {
    display:none;
    position:relative;
    z-index: 1200;
    width:120px;
    text-align:left;
  }
  @media (min-width: 600px){
    .search_inner .search_cat { display:block; }
  }


  .search_inner .search_input {
    flex: 1;
  }
  #search .search_inner input[type=text] {
    padding: 15px 10px;
    height:52px;
    border: solid #000;
    border-width: 0px 0px 1px 0px;
    background: #fff !important;
    font-size:1.6rem;
    font-weight:500;
  }

  #search .search_inner .search_button {
    opacity:0;
    visibility:hidden;
    display:none;
    width:50px;
  }
  #search .search_inner .search_button span.cssButtonText {
    display: none;
  }
  #search .search_inner #search_closer {
    width:50px;
    cursor:pointer;
  }
  .search_inner .search_cat .SumoSelect {
    height:52px;
  }
  .search_inner .search_cat .SumoSelect > .CaptionCont {
    background-color: #fff !important;
    border:none;
    border-right:0px solid #f9f9f9 !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size:1.2rem;
    text-transform:none;
    font-weight:600;
    padding: 15px 8px;
  }
  .search_inner .search_cat .SumoSelect:focus > .CaptionCont { border: 0px solid #ddd !important; border-right:0px solid #f2f2f2 !important; }
  .search_inner .search_cat .SumoSelect:focus > .CaptionCont { border: 0px solid #ddd !important; border-right:0px solid #f2f2f2 !important; }

  .search_inner .SumoSelect > .CaptionCont > span {
    padding-right: 20px;
  }
  .search_inner .search_cat .SumoSelect > .optWrapper {
    width:auto !important;
    max-width:300px !important;
    min-width:180px;
    border-radius: 0px;
  }
  .search_inner .search_cat .SumoSelect > .optWrapper > .options li.opt {
    padding: 5px 6px;
    font-size:1.3rem;
    line-height:1.9rem;
    font-weight:400;
  }
  .search_inner.search_cat_mode input[type=text] {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }


  .layout_slider {
    position:relative;
    margin: 0px 0 1px 0;
    padding: 0px;
    overflow:hidden;
  }

  .layout_slider.case1:before {
    content: "";
    display:block;
    padding-top: 170%;
  }
  @media only screen and (min-width: 600px) {
    .layout_slider.case1:before { padding-top: 50%; }
  }
  @media only screen and (min-width: 1200px) {
    .layout_slider.case1:before { padding-top: 50%; }
  }

  .layout_slider.case2:before {
    content: "";
    display:block;
    padding-top: 150%;
  }
  @media only screen and (min-width: 600px) {
    .layout_slider.case2:before { padding-top: 125%; }
  }
  @media only screen and (min-width: 1024px) {
    .layout_slider.case2:before { padding-top: 70%; }
  }

  .slider-home-1,
  .slider-home-2 {
    display:block;
    position:absolute !important;
    left:0;
    right:0;
    bottom:0;
    top:0;
  }

  .slider_home_item {
    position:relative;
    overflow:hidden;
  }
  .slider_home_item a {
    display:block;
  }

  .slider_content {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom: 0px;
    margin: auto;
    width:100%;
    height:100%;
    display: flex;
  }
  .slider_content_inner {
    background:rgba(255,255,255,0.0);
    padding: 20px;
    display:inline-block;
    max-width: 600px;
    margin: 5%;
    transition: all 0.3s ease-in-out;
  }
  .slider_content_inner:hover {
    background:rgba(255,255,255,0.0);
  }

  .slider_content_top_left {
    justify-content: flex-start;
    text-align:left;
  }
  .slider_content_top_center {
    justify-content: center;
    text-align:center;
  }
  .slider_content_top_right {
    justify-content: flex-end;
    text-align:right;
  }

  .slider_content_bottom_left {
    justify-content: flex-start;
    align-items: flex-end;
    text-align:left;
  }
  .slider_content_bottom_center {
    justify-content: center;
    align-items: flex-end;
    text-align:center;
  }
  .slider_content_bottom_right {
    justify-content: flex-end;
    align-items: flex-end;
    text-align:right;
  }

  .slider_content_center_left {
    justify-content: flex-start;
    align-items: center;
    text-align:left;
  }
  .slider_content_center_center {
    justify-content: center;
    align-items: center;
    text-align:center;
  }
  .slider_content_center_right {
    justify-content: flex-end;
    align-items: center;
    text-align:right;
  }

  .slider_title {
    display:block;
  }
  .slider_title h3 {
    font-size:3.8rem;
    line-height:4.2rem;
    font-weight:300;
    color:#fff;
  }
  .slider_action {
    margin: 15px 0 0 0;
    display:inline-block;
    background:#000;
    border-radius: 0px;
    padding: 11px 24px;
    color:#fff;
    font-size:1.4rem;
    line-height:2.0rem;
    font-weight:400;
  }
  .slider_action:hover {
	 opacity:0.8;
	 text-decoration:none !important;
  }

  /* 5. START Links global */
  a, a:link, a:visited, a:active, a:hover {
    text-decoration:none;
    outline:none;
    cursor:pointer;
  }
  a:link {
    color:#000;
    outline:none;
  }
  a:visited {
    color:#000;
    outline:none;
  }
  a:hover, a:active {
    color:#000;
    outline:none;
  }
  a:hover {
    color:#000;
    text-decoration:underline;
    outline:none;
  }
  /* END Links global */

  .font_small {
    font-size:1.2rem;
    line-height:1.8rem;
  }
  .font_midi {
    font-size:1.4rem;
    line-height:2.0rem;
  }


  .flex_column_row {
    margin: 0px 0px;
    display: flex;
    flex-wrap: wrap;
  }
  .flex_2column_item {
    padding: 0px 0px;
    margin: 20px 0 20px 0;
    width:100%;
  }
  .flex_2column_item h4 {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }

  .flex_2column_item.onecolumn {
    max-width:500px;
    padding: 0px !important;
    margin: 0px auto;
  }

  .flex_2column_item:nth-child(odd) {
    padding: 0 0 0 0;
  }
  .flex_2column_item:nth-child(even) {
    padding: 0 0 0 0;
  }

  @media only screen and (min-width: 780px) {
    .flex_2column_item { width:50%; }
    .flex_2column_item:nth-child(odd) { padding: 0 5% 0 0; }
    .flex_2column_item:nth-child(even) { padding: 0 0 0 5%; }
  }

  .flex_2column_flex {
    flex: 1;
  }

  .flex_3column_item {
    padding: 0px 30px;
    margin: 20px 0 20px 0;
    flex: 1;
  }
  .flex_1column_item {
    padding: 0px 30px;
    margin: 20px 0 20px 0;
    width:300px;
  }

  /* Start Fallback */
  .highlightbox {
    padding:15px 0;
  }
  /* End Fallback */

  .flex_column_row.bordered {
    margin: 30px -30px 20px -30px;
  }
  .flex_column_row.bordered .flex_2column_item {
    margin: 0px 0px 0px 0px;
  }
  .flex_column_row.bordered .contentbox {
    padding: 20px 0px 20px 0;
    margin: 0 0 0 0;
    border-top: 1px solid #ccc;
  }


  /* Buttonrows - Position */
  .buttonrow_full {
    width:100%;
  }

  .buttonrow_half {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column-reverse;
  }
  .buttonrow_half > div {
    padding: 0px 0px;
    width:100%;
  }
  .buttonrow_half > div:nth-child(odd) {
    padding: 0 0 0 0;
    margin: 15px 0 0 0;
  }
  .buttonrow_half > div:nth-child(even) {
    padding: 0 0 0 0;
  }

  @media only screen and (min-width: 600px) {
    .buttonrow_half { flex-direction: row; }
    .buttonrow_half > div { width:50%; }
    .buttonrow_half > div:nth-child(odd) { padding: 0 5% 0 0; margin: 0 0 0 0;}
    .buttonrow_half > div:nth-child(even) { padding: 0 0 0 5%; }
  }

  .buttonrow_drittel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .buttonrow_drittel_right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .br_col1 {
    width:100%;
    margin: 0 0 10px 0;
  }
  .br_col2 {
    width:100%;
    display: flex;
    flex-direction: column;
  }

  @media only screen and (min-width: 600px) {
    .br_col1 { width:calc(50% - 5px); margin: 0 0 0 0;}
    .br_col2 { width:calc(50% - 5px); }
  }
  @media only screen and (min-width: 800px) {
    .br_col1 { width:33.3333%; margin: 0 0 0 0; }
    .br_col2 { width:33.3333%; }
  }

  .br_continue_button {
    display:none;
  }
  @media only screen and (min-width: 600px) {
    .br_continue_button { display:block; }
  }




  p {
    margin:8px 0 8px 0;
  }
  table {
    width:100%;
    border-spacing: 0;
    border-collapse:collapse;
  }
  table td {
    padding:4px 0px;
  }
  .td_full {
    width:100%;
  }
  /* END globals */




/* 4. START headlines */
h1 {
  color:#000;
  font-weight:600;
  font-size:2.4rem;
  line-height:3.4rem;
  text-transform:none;
  margin:15px 0 15px 0;
  padding:24px;
  text-align:left;
  border-bottom: 0px solid #eee;
}

h1.listing {
  text-transform:none;
  font-weight:500;
  font-size:2.8rem;
  line-height:3.4rem;
  text-align:left;
}

.pseudo_h1 {
  color:#000;
  font-weight:600;
  font-size:2.4rem;
  line-height:3.4rem;
  text-transform:none;
  margin:24px 0px 15px 0px;
  padding:24px;
  text-align:left;
  border-bottom: 0px solid #eee;
}


  h2 {
   font-weight:700;
   color:#000;
   font-size:1.8rem;
   line-height:2.4rem;
   margin:20px 0px 8px 0px;
   padding:24px;
   width:auto;
   border-bottom: 0px solid #eee;
   padding-bottom:5px;
 }
 h3 {
  color:#000;
  font-weight:600;
  font-size:1.6rem;
  line-height:2.2rem;
  margin: 0;
  padding: 24px 0;
}

h4 {
	color:#000;
	font-weight:700;
  text-transform:none;
  font-size:1.4rem;
  line-height:2rem;
  margin:0px 0px 10px 0px;
  padding:24px 0;
  border-bottom: 0px solid #e1e1e1;
}

h5 {
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:600;
  text-transform: uppercase;
  color: #000;
  margin: 24px;
}

/* END headlines */



/* 6. START inputs */
.field_item_row {
  padding: 0px 0;
  margin: 0px -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;
}
.field_item_6 {
  position:relative;
  width:200px;
  padding: 5px 10px;
}
.field_item_7 {
  position:relative;
  width:60px;
  padding: 5px 10px 5px 0px;
}

.field_eye {
  position:absolute;
  bottom: 5px;
  right:0px;
  width:45px;
  height:45px;
  line-height:46px;
  text-align:center;
  cursor:pointer;
  display:block;
  font-size:20px;
}
.la-eye {
  color:#ccc;
}
.la-eye-slash {
  color:#555;
}


.field_text {
  display:inline-block;
  font-size:1.2rem;
  line-height:2.6rem;
  padding: 2px 5px 2px 5px;
  font-weight:500;
  white-space:nowrap;
  transition: all 0.3s ease-in-out;
}
.field_item_1:focus-within .field_text,
.field_item_2:focus-within .field_text,
.field_item_3:focus-within .field_text,
.field_item_4:focus-within .field_text {
  background:#000;
  color:#fff !important
}


.inputRequirement,
.inputRequirement_textarea {
  position:absolute;
  right:2px;
  top:9px;
  font-size:1.0rem;
  line-height:1.6rem;
  color:#f67766;
  font-weight:600;
}
.inputRequirement .fas,
.inputRequirement_textarea .fas {
  float:right;
  font-size:0.6rem;
  line-height:1.6rem;
  margin-left:6px;
}

.field_item_row .inputRequirement,
.field_item_row .inputRequirement_textarea {
  right:12px;
}
.fields_required {
  margin-left:2px;
  font-size:1.1rem;
  line-height:1.1rem;
  vertical-align:baseline;
  color:#f67766;
  font-weight:400;
  text-transform:none;
  white-space:nowrap;
}
.fields_required .fas {
  vertical-align:middle;
  font-size:0.6rem;
  line-height:0.8rem;
  margin: 0px 0px 0px 1px;
}


input {
  font-size:1.4rem;
  line-height:2.0rem;
  font-weight:400;
}
textarea {
  font-size:1.4rem;
  line-height:2.0rem;
  font-weight:400;
  background-color:#f9f9f9;
  border-color: #aaa;
  color: #444;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  padding: 11px 10px 11px 10px;
  border-radius: 2px;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease-in-out;
}
textarea#message { height:120px; }
textarea#message_body { resize: vertical; height:120px; }
textarea#review { height:90px; }
textarea#comments { height:100px; background:#fff !important; }

select {
  font-size:1.4rem;
  line-height:2.0rem;
  font-weight:400;
  background-color:#f9f9f9;
  border-color: #aaa;
  color: #444;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  padding: 11px 10px 11px 10px;
  border-radius: 2px;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease-in-out;
  height:44px;
  opacity:0;
}
input[type=number], input[type=text], input[type=password], input[type=email], input[type=tel] {
  background-color:#f9f9f9;
  border-color: #aaa;
  color: #444;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  padding: 11px 10px 11px 10px;
  border-radius: 2px;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.3s ease-in-out;
  height:44px;
}
input[type=password] {
  letter-spacing:1px;
}
input[type=number]:hover, input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, select:hover, textarea:hover {
  background-color:#fff;
  border-color: #000;
  color: #000;
}
input[type=number]:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, select:focus, textarea:focus {
  background-color:#fff;
  border-color: #000;
  color: #000;
  outline: 0 none;
}


#loginbox ::-webkit-input-placeholder { color: #444;  }
#loginbox ::-moz-placeholder { color: #444;  }
#loginbox :-ms-input-placeholder { color: #444; }
#loginbox :-moz-placeholder { color: #444; }

.search_input ::-webkit-input-placeholder { color: #444;  }
.search_input ::-moz-placeholder { color: #444;  }
.search_input :-ms-input-placeholder { color: #444; }
.search_input :-moz-placeholder { color: #444; }

.sf_newsletter_input ::-webkit-input-placeholder { color: #444;  }
.sf_newsletter_input ::-moz-placeholder { color: #444;  }
.sf_newsletter_input :-ms-input-placeholder { color: #444;  }
.sf_newsletter_input :-moz-placeholder { color: #444;  }

.box_newsletter_input ::-webkit-input-placeholder { color: #444;  }
.box_newsletter_input ::-moz-placeholder { color: #444;  }
.box_newsletter_input :-ms-input-placeholder { color: #444;  }
.box_newsletter_input :-moz-placeholder { color: #444;  }



/* END inputs */


/* 7. START Footer */

.layout_footer {
  width:100%;
  padding: 0px 24px;
  margin: 140px 0 0 0;
  border-top: 1px solid #d7d7d8;
}

.footer_checkout {
  display:block;
  margin: 0px auto;
  padding: 40px 30px;
  width:100%;
  max-width:900px;
}
.footer_checkout .footer_content {
  margin: 50px 0 0 0;
}
.footer_checkout .box_content {

}
.footer_checkout .box_content_heading {
  display:none;
  text-align: center;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:600;
  margin: 0 0 10px 0;
}
.footer_checkout .footerlist {
  margin: 0px;
  list-style-type:none;
  display:block;
  text-align:center;
}
.footer_checkout .footerlist ul {
  display:none;
}
.footer_checkout .footerlist li {
  display:inline-block;
  vertical-align:top;
  padding: 1px 10px;
}
.footer_checkout .footerlist li a {
  color:#000;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:500;
}
.footer_checkout .footerlist li a:hover {
  color:#000;
  text-decoration:none;
  border-bottom: 1px solid #999;
}


.footer_payment {
  margin: 40px 0px 20px 0;
}
.footer_payment .footerlist_payment {
  margin: 0px;
  list-style-type:none;
  display:block;
  text-align:center;
}
.footer_payment .footerlist_payment li {
  display:inline-block;
  vertical-align:top;
  padding: 0px 8px;
  width:60px;
}
.footer_payment .footerlist_payment li img {
  width:100%;
  height:auto;
  vertical-align:top;
}



.footer1 {
  display:block;
  margin: 0px auto;
  padding: 0px 10px;
  width:100%;
  max-width:700px;
}
@media only screen and (min-width: 700px) {
  .footer1  { padding: 0 30px; }
}

.footer1 .footer_newsletter {
  margin: 50px 0 0 0;
}
.footer1 .box_newsletter {
  margin: 0px 0 0 0;
}
.footer1 .box_newsletter_heading {
  text-align:center;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:600;
  margin: 0 0 10px 0;
}
.footer1 .box_newsletter_form {
  margin: 0px auto 0 auto;
  width:100%;
  max-width:300px;
}
.footer1 .box_newsletter_input input,
.footer1 .box_newsletter_input input:focus
.footer1 .box_newsletter_input input:hover {
  border-width: 0px 0px 1px 0px !important;
  border-color:#999;
}
.footer1 .box_newsletter_button {
  margin: 15px 0 0 0;
}
.footer1 .box_newsletter_disclaimer {
  text-align:center;
  margin: 10px 0 0 0;
  font-size:1.1rem;
  line-height:1.5rem;
}

.footer1 .footer_currencies {
  margin: 20px auto 0px auto;
  width:100%;
  max-width:200px;
}

.footer1 .footer_language {
  margin: 50px 0 0 0;
}
.footer1 .box_languages {
  text-transform:uppercase;
  text-align:center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer1 .box_languages .fas {
  margin: 0 15px 0 0;
}
.footer1 .box_languages a {
  display:block;
  margin: 0px 10px;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:500;
  border-bottom: 1px solid transparent;
  padding: 1px 0 0 0;
}
.footer1 .box_languages a:hover {
  text-decoration:none;
  border-bottom: 1px solid #999;
}
.footer1 .box_languages a.lang_de.german,
.footer1 .box_languages a.lang_en.english {
  font-weight:700;
  border-bottom: 1px solid #999;
}

.footer1 .footer_content {
  margin: 50px 0 0 0;
}
.footer1 .box_content,
.footer1 .box_information {

}
.footer1 .box_content_heading,
.footer1 .box_information_heading {
  display:none;
  text-align: center;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:600;
  margin: 0 0 10px 0;
}
.footer1 .footerlist {
  margin: 0px;
  list-style-type:none;
  display:block;
  text-align:center;
}
.footer1 .footerlist ul {
  display:none;
}
.footer1 .footerlist li {
  display:inline-block;
  vertical-align:top;
  padding: 1px 10px;
}
.footer1 .footerlist li a {
  color:#000;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:600;
}
.footer1 .footerlist li a:hover {
  color:#000;
  text-decoration:none;
  border-bottom: 1px solid #999;
}

.footer1 .footer_misc {
  margin: 50px 0 0 0;
}
.footer1 .box_misc {
}
.footer1 .footerlist_social {
  margin: 0px;
  list-style-type:none;
  display:block;
  text-align:center;
}
.footer1 .footerlist_social li {
  display:inline-block;
  vertical-align:top;
  padding: 0px 10px;
}
.footer1 .footerlist_social li a {
  color:#000;
  font-size:2.0rem;
  line-height:2.0rem;
  display:block;
}
.footer1 .footerlist_social li a:hover {
  color:#000;
  text-decoration:none;
}


.footer2 {
  display:block;
}
@media only screen and (min-width: 700px) {
  .footer2 { display: flex; }
}

.footer2 > .col {
  width: 100%;
  padding: 0 0 0 0;
}
.footer2 > .col:last-child {
  width: 100%;
  padding: 0 0 0 0;
}
@media only screen and (min-width: 700px) {
  .footer2 > .col { width: 30%; padding: 0 30px 0 0; }
  .footer2 > .col:last-child { width: 40%; padding: 0 0 0 0; }
}
@media only screen and (min-width: 900px) {
  .footer2 > .col { width: 36%; padding: 0 30px 0 0; }
  .footer2 > .col:last-child { width: 28%; padding: 0 0 0 0; }
}

.footer2 .box_content_heading,
.footer2 .box_information_heading {
  font-size:1.8rem;
  line-height:2.4rem;
  font-weight:600;
  margin: 0 0 10px 0;
}
.footer2 .box_content,
.footer2 .box_information {
  display:none;
}
@media only screen and (min-width: 700px) {
  .footer2 .box_content, .footer2 .box_information { display:block; margin: 50px 0 0 0; }
}
.footer2 .footerlist {
  margin: 0px;
  list-style-type:none;
  display:block;
}
.footer2 .footerlist ul {
  display:none;
}
.footer2 .footerlist li {
  padding: 4px 0px;
}
.footer2 .footerlist li a {
  display:inline-block;
  color:#000;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:400;
  padding: 1px 0px;
  border-bottom: 1px solid transparent;
}
.footer2 .footerlist li a:hover {
  color:#000;
  text-decoration:none;
  border-bottom: 1px solid #999;
}

.footer2 .footer_newsletter {
  margin: 50px 0 0 0;
}
.footer2 .box_newsletter {
  margin: 0px 0 0 0;
}
.footer2 .box_newsletter_heading {
  font-size:1.8rem;
  line-height:2.4rem;
  font-weight:600;
  margin: 0 0 10px 0;
}
.footer2 .box_newsletter_form {
  margin: 0px auto 0 auto;
  width:100%;
}
.footer2 .box_newsletter_input input,
.footer2 .box_newsletter_input input:focus
.footer2 .box_newsletter_input input:hover {
  border-width: 0px 0px 1px 0px !important;
  border-color:#999;
}
.footer2 .box_newsletter_button {
  margin: 15px 0 0 0;
}
.footer2 .box_newsletter_disclaimer {
  margin: 10px 0 0 0;
  font-size:1.1rem;
  line-height:1.5rem;
}

.footer2 .footer_language {
  display:none;
}
@media only screen and (min-width: 700px) {
  .footer2 .footer_language { margin: 30px 0 0 0; display:block; }
}
.footer2 .box_languages {
  text-transform:uppercase;
  text-align:center;
  display: flex;
  align-items: center;
}
.footer2 .box_languages .fas {
  margin: 0 15px 0 0;
}
.footer2 .box_languages a {
  display:block;
  margin: 0px 10px;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:500;
  border-bottom: 1px solid transparent;
  padding: 1px 0 0 0;
}
.footer2 .box_languages a:hover {
  text-decoration:none;
  border-bottom: 1px solid #999;
}
.footer2 .box_languages a.lang_de.german,
.footer2 .box_languages a.lang_en.english {
  font-weight:700;
  border-bottom: 1px solid #999;
}

.footer2 .footer_currencies {
  display:none;
}
@media only screen and (min-width: 700px) {
  .footer2 .footer_currencies { margin: 30px 0 0 0; display:block; }
}

.footer2 .footer_misc {
  display:none;
}
@media only screen and (min-width: 700px) {
  .footer2 .footer_misc { margin: 30px 0 0 0; display:block; }
}
.footer2 .box_misc {
}
.footer2 .footerlist_social {
  margin: 0px;
  list-style-type:none;
  display:block;
}
.footer2 .footerlist_social li {
  display:inline-block;
  vertical-align:top;
  padding: 0px 20px 0 0;
}
.footer2 .footerlist_social li a {
  color:#000;
  font-size:1.4rem;
  line-height:2.0rem;
  display:block;
}
.footer2 .footerlist_social li a:hover {
  color:#000;
  text-decoration:none;
}


.footer3 {
  display:block;
}
@media only screen and (min-width: 700px) {
  .footer3 { display:none; }
}

.footer3 .box_content_heading,
.footer3 .box_information_heading {
  display:none !important;
}
.footer3 .box_content,
.footer3 .box_information {
  margin: 0px 0 0 0;
}
.footer3 .footerlist {
  margin: 0px;
  list-style-type:none;
  display:block;
}
.footer3 .footerlist ul {
  display:none;
}
.footer3 .footerlist li {
  padding: 4px 0px;
}
.footer3 .footerlist li a {
  display:inline-block;
  color:#000;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:400;
  padding: 1px 0px;
  border-bottom: 1px solid transparent;
}
.footer3 .footerlist li a:hover {
  color:#000;
  text-decoration:none;
  border-bottom: 1px solid #999;
}

.footer_accordion {
  margin: 40px 0 20px 0 !important;
}
.footer_accordion h2.resp-accordion {
  position:relative;
  font-size:1.3rem;
  line-height:1.9rem;
  text-transform: uppercase;
  color:#000;
  font-weight:600;
  padding: 15px 1px !important;
  background-color:#fff;
  border: solid #ddd;
  border-width:0px 0px 1px 0px;
}
.footer_accordion h2.resp-tab-active {
  border-color:#ddd !important;
  color:#000 !important;
  font-weight:600 !important;
  background-color: #fff !important;
  padding: 15px 1px !important;
}
.footer_accordion .resp-tab-content {
  padding: 10px 0px 10px 0px;
  border: solid #ddd;
  border-width: 1px 0 1px 0 !important;
}
.footer_accordion .resp-arrow {
  border:none !important;
}
.footer_accordion .resp-tab-active .resp-arrow {
  border:none !important;
}
.footer_accordion .resp-arrow {
  top: 0px;
  width: 20px;
  height: 20px;
  right: 5px;
  position: absolute;
  bottom: 1px;
  margin: auto;
}
.footer_accordion .resp-arrow:after {
  font-family: 'Line Awesome Free';
  content: '\f107';
  font-weight: 900;
  font-size:10px;
  line-height:22px;
  color: red;
  text-align: center;
  display: block;
  color:#999;
}
.footer_accordion .resp-tab-active .resp-arrow:after {
  font-family: 'Line Awesome Free';
  content: '\f106';
  color:#000;
}

.footer3 .footer_language {
  padding: 15px 0px;
  margin: 0px 0 0px 0;
}
.footer3 .box_languages {
  text-transform:uppercase;
  text-align:center;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width: 700px) {
  .footer3 .box_languages { justify-content: flex-start; }
}

.footer3 .box_languages .fas {
  margin: 0 15px 0 0;
}
.footer3 .box_languages a {
  display:block;
  margin: 0px 10px;
  font-size:1.2rem;
  line-height:1.4rem;
  font-weight:500;
  border-bottom: 1px solid transparent;
  padding: 1px 0 0 0;
}
.footer3 .box_languages a:hover {
  text-decoration:none;
  border-bottom: 1px solid #999;
}
.footer3 .box_languages a.lang_de.german,
.footer3 .box_languages a.lang_en.english {
  font-weight:700;
  border-bottom: 1px solid #999;
}

.footer3 .footer_misc {
  padding: 15px 0px;
  margin: 0px 0 0px 0;
}
.footer3 .box_misc {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 700px) {
  .footer3 .box_misc { justify-content: flex-start; }
}











.footer3 .footerlist_social {
  margin: 0px;
  list-style-type:none;
  display:block;
}
.footer3 .footerlist_social li {
  display:inline-block;
  vertical-align:top;
  padding: 0px 20px 0 0;
}
.footer3 .footerlist_social li a {
  color:#000;
  font-size:2.0rem;
  line-height:2.0rem;
  display:block;
}
.footer3 .footerlist_social li a:hover {
  color:#000;
  text-decoration:none;
}


.copyright_note {
  margin: 60px 0 0 0;
  text-align:center;
  color:#666;
  font-size:1.0rem;
  line-height:1.8rem;
  padding: 0 0 15px 0;
  font-weight:400;
}
.copyright_note a {
  color:#666;
}
.copyright_note a:hover {
  text-decoration:none;
  border-bottom:1px solid #666;
  color:#666;
}

.copyright {
  display:none;
  height:0px;
}

/* ParseTime */
.parseTime {
  margin:0 auto;
  text-align:center;
  color:#ccc;
  font-size:1.0rem;
  padding:0 0 0px 0;
  margin: -10px 0 0 0;
}
/* END Footer */




/* 8. START content*/
.layout_content {
  width:100%;
  padding: 0px 0px;
  margin: 0px auto;
}
.layout_content_inner {
  width:100%;
}


/* 10. START breadcrumbs */
.breadcrumb {
  display:none;
  padding:45px 30px 15px 30px;
  list-style-type:none;
  outline:none;
  font-size:1.0rem;
  line-height:1.6rem;
}
.breadcrumb.show {
  display:block;
}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {
  line-height:1.6rem;
  outline:none;
  font-weight:400;
  cursor:pointer;
  color:#555;
  margin:0;
  padding:0;
}
.breadcrumb a:hover {
  text-decoration:none;
  color:#000;
}
.breadcrumb span.current {
  font-weight:600;
}
.breadcrumb .fas {
  color:#999;
  padding: 0px 10px;
}
/* 10. END breadcrumbs */

.home_row {

}
.home_text p {
  margin:15px 0;
}
.home_text p:first-child {
  margin-top:-5px;
}

.home_text ul {
  margin-left:18px;
  padding:0;
  display:block;
}
.home_text img {
  vertical-align:top;
  max-width:100% !important;
  height:auto !important;
}




.gift_accordion {
  float:right;
  width: 100%;
}
/*
@media (min-width: 1024px){
  .gift_accordion { width:60%; }
}
*/

.gift_accordion .hide {
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
}
.gift_accordion .gift_item {
  position: relative;
  width: 100%;
  border-top: 1px solid #fff;
}
.gift_accordion gift_item:last-child {
}
.gift_accordion .gift_label {
  padding: 10px 30px 10px 10px;
  width: 100%;
  display: block;
  font-size:1.4rem;
  line-height:2.0rem;
  color:#000;
  border-bottom: 1px solid #fff;
  background:#fff;
  text-align:center;
  font-weight:500;
}
.gift_label:hover {
  cursor: pointer;
}
.gift_label:before {
  font-family: 'Line Awesome Free';
  content: '\f107';
  font-weight: 900;
  position: absolute;
  height: 20px;
  width: 20px;
  font-size:14px;
  line-height:20px;
  display: inline-block;
  top:10px;
  right:8px;
  text-align:center;
}
.gift_item input[type=checkbox]:checked ~ .gift_label:before {
  transform: rotate(180deg);
}
.gift_child {
  margin: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  opacity: 0;
  padding: 0px 10px;
  height: 0;
  font-size:1rem;
  line-height:1.6rem;
  color:#999;
}
.gift_item input[type=checkbox]:checked ~ .gift_child {
  border-bottom: 1px solid #ddd;
  margin: 0 0px 0px 0px;
  padding: 0px 10px;
  height: auto;
  opacity: 1;
}

table.table_gift {

}
table.table_gift tr td.gift_field {
  padding-right:10px;
}
table.table_gift tr td.gift_button {
  width:100px;
}
table.table_gift tr td.gift_button input {
  vertical-align:top;
}

.gift_button .cssButton {
  padding: 10px 5px!important;
}

/* 13. END Highlightbox */


/* 14. START product_navigator */
.productnavigator {
  margin:30px 0px 0px 0px;
  background-color:#f5f5f5;
  padding:10px 5px;
  font-size:1.2rem;
  line-height:2.0rem;
  color:#999;
}
.productnavigator .detail_back {
  display:inline-block;
  float:left;
}
.productnavigator .detail_next_previous {
  display:inline-block;
  float:right;
  text-align:right;
  white-space:nowrap;
}
.productnavigator .inactive {
  color:#bbb;
}
.productnavigator a {
  color:#666;
}
.productnavigator a:hover {
  color:#666;
  text-decoration:underline;
}
/* 14. END product_navigator */


/* 15. START error, info & success messages */
.errormessage {
  position:relative;
  border: none;
  padding: 10px 10px 10px 10px;
  font-size:1.4rem !important;
  line-height:1.8rem;
  font-weight:400;
  color:#f67766;
  background: #fdf1f0;
  margin:0 0 20px 0;
}
.errormessage a {
  color:#f67766;
  text-decoration:none;
  border-bottom: 1px solid #f67766;
}
.errormessage p {
  margin: 0px 0px;
  padding: 0px 0px;
}

.errormessage.shopsystem {
  margin-top:38px;
  margin-bottom:-32px;
}
.errormessage ul li {
  margin-left:10px;
}
.messageStackError {
  color:#f67766 !important;
  font-size:1.4rem !important;
}
td.messageStackError {
  padding:2px 0px;
}
.markProductOutOfStock {
  font-size:1.5rem;
  line-height:1.5rem;
  display:inline-block;
  font-weight:600;
  margin: 0 0 0 5px;
  vertical-align:-1px;
}
.markProductOutOfStock > span {
  color:#f67766 !important;
}

/* INFO MESSAGES */
.infomessage {
  position:relative;
  border: none;
  padding: 10px 10px 10px 10px;
  font-size:1.4rem !important;
  line-height:1.8rem;
  font-weight:400;
  color:#3d82ab;
  background: #d5e6f0;
  margin: 0 0 20px 0;
}
.infomessage p {
  margin: 0px 0px;
  padding: 0px 0px;
}
.infomessage a {
  color:#3d82ab;
  text-decoration:none;
  border-bottom: 1px solid #3d82ab;
}

/* SUCCESS MESSAGES */
.successmessage {
  position:relative;
  border: none;
  padding: 10px 10px 10px 10px;
  font-size:1.4rem !important;
  line-height:1.8rem;
  font-weight:400;
  color:#71ad82;
  background: #e3efe6;
  margin: 0 0 20px 0;
}
.successmessage p {
  margin: 0px 0px;
  padding: 0px 0px;
}
.successmessage a {
  color:#71ad82;
  text-decoration:none;
  border-bottom: 1px solid #71ad82;
}

/* 15. END error, info & success messages */


/* 16. START checkout */

ul#checkoutnavigation {
  margin: 140px 0px 40px 0px;
  list-style-type:none;
  display: flex;
  position:relative;
}

ul#checkoutnavigation:before {
  content:'';
  display:block;
  height:1px;
  border-top: 1px solid #d7d7d8;
  width:100%;
  position:absolute;
  top:18px;
  left:0px;
  right:0px;
  z-index:1;
}
ul#checkoutnavigation li {
  float:left;
  width:25%;
  padding: 0px 10px 0px 10px;
  text-align:center;
  positioN:relative;
  z-index:2;
}
ul#checkoutnavigation.cn_no_shipping li {
  width: 33.3333%;
}
ul#checkoutnavigation li .number {
  display:inline-block;
  vertical-align:top;
  width:36px;
  height:36px;
  line-height:3.3rem;
  font-size:1.4rem;
  text-align:center;
  background:#fff;
  color:#555;
  border: 1px solid #555;
  font-weight:400;
  border-radius:40px;
}
ul#checkoutnavigation li .active .number {
  background:#000;
  color:#fff;
  border: 1px solid #000;
}
ul#checkoutnavigation li .done .number {
  background:#000;
  color:#fff;
  border: 1px solid #000;
}

ul#checkoutnavigation li .title {
  padding: 5px 0 0 0;
  display:block;
  vertical-align:top;
  font-size:1.2rem;
  line-height:1.8rem;
  text-align:center;
  color:#000;
  font-weight:500;
}

.checkout_row {
  margin: 0px 0px 20px 0px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.checkout_confirmation .checkout_row {
  flex-direction: column-reverse;
}


.checkout_row_history .account_icons {
  display:none;
  margin: 0px -4px 0 0
}
@media (min-width: 900px){
  .checkout_row_history .account_icons { display:block; }
}


.checkout_info {
  float:left;
  width: 100%;
  padding: 5px 10px 15px 10px;
  background: #f5f5f5;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:400;
}
.checkout_action {
  padding: 6px 0 0 0px;
  width:100%;
  float:right;
  margin: 0 0 30px 0;
}

.checkout_accept {
  padding: 10px 0 0 0px;
  width:100%;
  float:right;
}
@media (min-width: 985px){
  .checkout_row { display:block; }
  .checkout_action { width:74%; padding: 6px 0 0 40px; margin: 0 0 0 0; }
  .checkout_info { width: 26%; padding: 5px 10px 15px 10px; }
  .checkout_accept { padding: 0px 0 0 40px; width: 74%; }
}


.checkout_action h4 {
  font-size:1.3rem;
  line-height:1.9rem;
  margin: 0px 0px 3px 0px;
  padding: 6px 0;
}

.checkout_info h4 {
  font-size:1.2rem;
  line-height:1.8rem;
  margin: 0px 0px 3px 0px;
  padding: 6px 0;
}

.checkout_accordion{
  margin: 0 0 0px 0 !important;
}
.checkout_accordion h2.resp-accordion {
  background-color:#fff;
  position:relative;
}
.checkout_accordion h2.resp-tab-active {
  border-color:#ddd !important;
  color:#000 !important;
  background-color: #f5f5f5 !important;
}
.checkout_accordion label {
  color:#555 !important;
  padding-right:100px;
  font-size:1.3rem;
  line-height:2.1rem;
  font-weight:500;
}
.checkout_accordion h2.resp-tab-active label {
  color:#000 !important;
  font-weight:600 !important;
}

.checkout_accordion .shipping_costs,
.checkout_accordion .payment_costs {
  position: absolute;
  right: 30px;
  font-size:1.3rem;
  line-height:2.1rem;
  font-weight:600;
}
.checkout_accordion .cus_label {
  padding-left:30px;
  opacity:0.3;
}
.checkout_accordion img {
  vertical-align:-2px;
  margin: 0 10px 0 0;
}
.checkout_accordion .resp-arrow {
  border:none !important;
}
.checkout_accordion .resp-tab-active .resp-arrow {
  border:none !important;
}
.checkout_accordion .resp-arrow {
  top: 0px;
  width: 20px;
  height: 20px;
  right: 5px;
  position: absolute;
  bottom: 1px;
  margin: auto;
}
.checkout_accordion .resp-arrow:after {
  font-family: 'Line Awesome Free';
  content: '\f107';
  font-weight: 900;
  font-size:10px;
  line-height:22px;
  text-align: center;
  display: block;
  color:#999;
}
.checkout_accordion .resp-tab-active .resp-arrow:after {
  font-family: 'Line Awesome Free';
  content: '\f106';
  color:#000;
}
.checkout_accordion .resp-tab-content {
  padding: 15px 10px;
  font-size:1.3rem;
  line-height:1.9rem;
}


.checkout_comment {
  margin: 0 0 0 0;
}
.checkoutconditions {
  padding: 10px;
  text-align: left;
  background:#fdf2cf;
  margin: 10px 0 0 0;
  font-weight:400;
}
.checkoutconditions strong {
  font-weight:500 !important;
}
.checkoutconditions a.color_more {
  font-weight: 700 !important;
}
.cus_check_gift {
  color:#3d82ab !important;
}


.checkout_box_row {
  display: flex;
  flex-wrap: wrap;
}

.checkout_box {
  width:100%;
  margin: 15px 0px 0px 0px;
  padding: 0 0 0 0;
  font-size:1.2rem;
  line-height:1.8rem;
}
@media (min-width: 510px){
  .checkout_box { width:50%; padding: 0 10px 0 0;}
}
@media (min-width: 985px){
  .checkout_box { width:100%; padding: 0 0 0 0;}
}


.checkout_box_products {
  margin: 20px 0 0 0;
  border: 1px solid #ddd;
  padding: 6px 10px 10px 10px;
}
@media (min-width: 985px){
  .checkout_box_products { margin: -5px 0 0 0; }
}


.checkout_box_products h4 {
  border-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.checkout_box h4 a,
.checkout_box_products h4 a {
  margin-left:3px;
  text-transform:none;
  font-weight:400;
}
.checkout_box h4 a.color_more,
.checkout_box_products h4 a.color_more {
  font-size:1.1rem;
  line-height:1.5rem;
}


ol#address_block {
  margin: 15px 0px 0px 20px;
}
ol#address_block li {
  border-top: 1px solid #ddd;
  margin-top:10px;
  padding-top: 10px;
}
ol#address_block li label {
  font-weight: 600;
  font-size:1.3rem;
  line-height:1.9rem;
  padding-top:1px;
}
ol#address_block li .address {
  display:inline-block;
  padding:5px 0px 0px 17px;
}


div.agbframe {
  background-color:#fff;
  border-color: #999;
  color: #999999;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  padding: 5px 5px 5px 5px;
  border-radius: 2px;
  font-size:1.2rem;
  line-height:1.8rem;
  height:120px;
  overflow:auto;
  text-align: left;
}
.checkoutagb {
  margin-bottom:10px;
}

table.paymentmoduledata {
  font-size:1.2rem;
  line-height:1.5rem;
}
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 0px;
}
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;
}
.shipping_radio, .payment_radio {
  display:inline-block;
  width:30px;
  vertical-align:-1px;
}
.shipping_costs, .payment_costs {
  float:right;
  margin-right:10px;
}
.dutyinfo {
  font-size:1.2rem;
  padding:5px;
  margin-top:8px;
}

/* END checkout */


/* 17. START Color Defination from language-Files, main.php, ot-Module  */
.color_ot_total {
  color:#eb0037;
}
.color_error_message {
  color:#eb0037;
}
a.color_more {
  color:#000 !important;
  border-bottom: 1px solid #aaa;
  font-weight:400;
}
a.color_more:hover {
  color:#000 !important;
  text-decoration:none !important;
  border-bottom: 1px solid #555;
}
.color_edit_info {
  color:#000;
  border-bottom: 1px solid #555;
}
/* END Color Defination from language-Files, main.php, ot-Module  */


/* 18. START Listing globals */

.flex_listing_container {
  margin: 0px 0px;
  display: flex;
  flex-wrap: wrap;
}

/* END Listing globals */


/* 19. START productlist boxes */
.lb_box_1 {
  width: 100%;
  position:relative;
  padding: 0px 1px;
  margin: 0px 0 40px 0;
  overflow:hidden;
}
@media (min-width: 350px){
  .lb_box_1 { width: 50%; }
}
@media (min-width: 780px){
  .lb_box_1 { width: 33.3333%; }
}
@media (min-width: 1024px){
  .lb_box_1 { width: 25%; }
}

.lb_box_2 {
  width: 100%;
  position:relative;
  padding: 0px 1px;
  margin: 0px 0 40px 0;
  overflow:hidden;
}
@media (min-width: 600px){
  .lb_box_2 { width: 16.6666%; }
}


.lb_box_inner {
  background:transparent;
}
.lb_image {
  margin: 0 0 0 0;
  text-align: center;
  width: 100%;
  position:relative;
  display:block;
  overflow:hidden;
}
.lb_image:before {
  content: "";
  display:block;
  padding-top: 128.6173%;
}
.lb_image img {
  max-width:100%;
  max-height:100%;
  width:auto !important;
  height:auto !important;
  margin: auto;
  position: absolute;
  font-size:0.1px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.lb_image .lb_image_main {
  opacity:1;
}
.lb_image .lb_image_alternate {
  opacity:0;
}
.lb_image:hover .lb_image_main {
  opacity:0;
}
.lb_image:hover .lb_image_alternate {
  opacity:1;
}

.lb_attributes {
  display:none;
  position:absolute;
  z-index:1;
  background:rgba(255,255,255,0.80);
  padding:25px 10px 20px 10px;
  text-align:center;
  width: 100%;
  bottom:0;
  left:0;
  right:0;
  transition: all 0.3s ease-in-out;
  transform: translate3d(0, 100%, 0);
}
.lb_image:hover .lb_attributes {
  transform: translate3d(0, 0, 0);
}

@media (min-width: 1024px){
  .lb_attributes { display:block; }
}




.lb_attributes_title {
  display:block;
  font-size:1rem;
  line-height:1.8rem;
  font-weight:400;
  text-transform:uppercase;
}
.lb_attributes_row {
  display:block;
  text-align:center;
}
.lb_attributes_item {
  vertical-align:top;
  display:inline-block;
  font-size:1.4rem;
  line-height:2.0rem;
  min-width:26px;
  text-align:center;
  padding: 3px 2px;
  margin: 0px 0px;
  border-bottom:1px solid transparent;
  background:transparent;
  color:#000;
}
.lb_attributes_item:hover {
  background:#000;
  color:#fff;
}

button.lb_attributes_item:hover .lb_attributes_item{
  color: #fff;
}
.lb_attributes_item.outofstock {
  position:relative;
  opacity:0.6;
  font-weight:400;
  color:#999;
}

.lb_attributes_item.outofstock:after,
.lb_attributes_item.outofstock:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #999;
  position: absolute;
  margin: auto;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.lb_attributes_item:after {
  transform: rotate(45deg);
}
.lb_attributes_item:before {
  transform: rotate(-45deg);
}


.lb_save {
  position:absolute;
  top:10px;
  left:10px;
  display:inline-block;
  font-weight:500;
  text-transform:uppercase;

  padding: 2px 6px;
  background: #000;
  margin:6px;
  color: #fff;
  font-size: 1rem;  
}
@media (min-width: 600px){
  .lb_save { font-size:1.2rem; line-height:1.8rem; padding: 4px 10px 4px 10px; }
}
.lb_new {
  position:absolute;
  top:10px;
  left:10px;
  display:inline-block;
  font-weight:400;
  text-transform:uppercase;
  font-size:1.0rem;
  line-height:1.6rem;
  padding: 10px;
  color:#000;
}
@media (min-width: 600px){
  .lb_new { font-size:1.2rem; line-height:1.8rem; padding: 10px; }
}

.lb_content {
  position:relative;
  padding: 10px;
}
.lb_title {
  font-weight:300;
  font-size:1.2rem;
  line-height:1.9rem;
  padding: 1px 0px 1px 0px;
  display: -webkit-box;
  /*-webkit-line-clamp: 1;*/
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.lb_title a {
}
.lb_title a:hover {
  text-decoration:none;
}

.lb_price {
  position:relative;
  padding: 1px 0;
  font-size:1.2rem;
  line-height:1.8rem;
  color:#000;
  font-weight:500;
  white-space:nowrap;
}
.lb_price .no_price {
  font-size:0.9rem;
  line-height:1.2rem;
  font-weight:400;
  display:block;
  padding:0 0 0 0px;
  color:#999;
}
.lb_price .new_price {
  vertical-align:top;
  display:inline-block;
  color:#000;
  padding-right:10px;
}
.lb_price .small_price {
  font-size:1.0rem;
  font-weight:500;
  line-height:1.0rem;
}
.lb_price .old_price {
  vertical-align:top;
  display:inline-block;
  color:#eb0037;
  text-decoration:line-through;
}
.lb_price .save_price {
  font-size:0.9rem;
  font-weight:normal;
  line-height:1.5rem;
}
.lb_price .item_price {
  font-weight:400;
  font-size:1.0rem !important;
  line-height:1.2rem;
  font-weight:400 !important;
  color:#666;
}
.lb_price .item_price .small_price {
  font-size:0.9rem !important;
  line-height:1.1rem;
}
.lb_price .item_price.with_vpe {
  bottom: 15px !important;
}
.lb_price .uvp_price {
  display:block;
}
.lb_price .graduated_price {
  display:block;
}
.lb_vpe {
  display:block;
  text-align:left;
  padding: 0px 0px 0 0;
  font-size:1.0rem;
  line-height:1.2rem;
  color:#999;
}
.lb_wish {
  display:none;
  position:absolute;
  top:5px;
  right:5px;
  width:30px;
  height:30px;
}
.lb_wish a {
  display:block;
  vertical-align:top;
}
.lb_wish .cssButton {
  text-align: center;
  padding: 0px 0px;
  font-size:1.6rem;
  line-height:3.0rem;
  min-height: auto;
}
.lb_delete {
  position:absolute;
  top:8px;
  right:2px;
  width:24px;
  height:24px;
}
.lb_delete a {
  display:block;
  vertical-align:top;
}
.lb_delete .cssButton {
  text-align: center;
  padding: 0px 0px;
  font-size:1.4rem;
  line-height:2.4rem;
  min-height: auto;
}
.lb_delete .cssButton .cssButtonText {
  display:none !important;
}
.lb_cart .cssButton {
  display: inline-block;
  width: auto;
  text-align: left;
  padding: 0px 0px;
  font-size:1.1rem;
  line-height:1.7rem;
  font-weight: 500;
  min-height: initial;
  border-bottom: 1px solid #ccc;
  margin: 4px 0 0 0;
  color: #999;
}
.lb_cart .cssButton .cssButtonText {
  padding: 0px;
}
.lb_cart .cssButton .fas,
.lb_cart .cssButton .far {
  display:none !important;
}
.lb_cart .cssButton:hover {
  border-bottom: 1px solid #000;
  color: #000;
  text-decoration:none;
}

.lb_images_small {
  display: flex;
  flex-wrap: wrap;
  margin: 6px -3px 0px -3px;
}
.lbis_item {
  width:auto;
  margin: 0px;
  padding:1px;
  max-width:40px;
}
.lbis_item a {
  display:block;
}
.lbis_item a:hover {
  text-decoration:none;
}

.lbis_item img {
  width:100%;
  height:auto;
  vertical-align:top;
}
/* END productlist boxes */


/* 21. START categories listing & subcats */
.subcats {
  margin: 0 0 80px 0;
}
.subcats_row {
  margin: 0px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.subcats_item {
  width:43%;
  min-height:80px;
  padding: 1px;
  margin: 0 0 0 0;
}
@media (min-width: 500px){
  .subcats_item { width:25%; }
}
@media (min-width: 1024px){
  .subcats_item { width:20%; }
}

.subcats_item_inner {
  position:relative;
  display: flex;
  height:100%;
  background:#fafafa;
}
.subcats_item_inner a {
  display:block;
  width:100%;
}
.subcats_item_inner a:hover {
  text-decoration:none;
}
.subcats_item_inner a:hover img {
  opacity:0.7;
}
.subcats_image {
  margin: 0 0 0 0;
  text-align: center;
  width: 100%;
  position:relative;
  display:block;
  overflow:hidden;
}
.subcats_image:before {
  content: "";
  display:block;
  padding-top: 66.6666%;
}
.subcats_image img {
  width:100%;
  height:auto !important;
  margin: auto;
  position: absolute;
  font-size:0.1px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.subcats_title {
  display:block;
  position:absolute;
  left:10px;
  right:10px;
  bottom: 20px;
  margin: auto;
  text-align:center;
}
.subcats_title_inner {
  display:inline-block;
  background:#000;
  color:#fff;
  font-weight:500;
  font-size:1.4rem;
  line-height:2.0rem;
  padding: 10px 25px;
  border-radius:2px;
}

.subcatlist_menu {
  margin: -10px auto 30px auto;
  width:100%;
  max-width:800px;
  text-align:center;
}

.subcatlist_menu .menuzord_list_image_container {
  display:none;
  visibility:hidden;
  height:0px;
}
.subcatlist_menu .menuzord_list_image_name {
  padding: 0px 0px !important;
}


.subcatlist_menu ul {
  list-style-type:none;
}
.subcatlist_menu ul .cat_level_2_image,
.subcatlist_menu ul .cat_level_3_image {
  display:none;
  visibility:hidden;
  height:0px;
}
.subcatlist_menu img {
  display:none;
  height:0px;
}
.subcatlist_menu > ul {
  display:block;
}
.subcatlist_menu > ul > li.level1 {
  display:none;
}
.subcatlist_menu > ul > li.active1,
.subcatlist_menu > ul > li.activeparent1 {
  display:block;
}
.subcatlist_menu > ul > li.active1 > a,
.subcatlist_menu > ul > li.activeparent1 > a {
  display:none;
}
.subcatlist_menu .menu_items {
  text-align:center;
}
.subcatlist_menu .menu_items > li {
  vertical-align:top;
  display:inline-block;
}
.subcatlist_menu .menu_items > li > a {
  vertical-align:top;
  display:inline-block;
  margin: 15px 15px 0px 15px;
  font-size:1.4rem;
  line-height:2.0rem;
  border-bottom: 1px solid transparent;
  white-space:nowrap;
  color:#666;
}
.subcatlist_menu .menu_items > li > a:hover {
  text-decoration:none;
  border-bottom: 1px solid #555;
}
.subcatlist_menu .menu_items > li.active1 > a,
.subcatlist_menu .menu_items > li.activeparent1 > a,
.subcatlist_menu .menu_items > li.active2 > a,
.subcatlist_menu .menu_items > li.activeparent2 > a,
.subcatlist_menu .menu_items > li.active3 > a,
.subcatlist_menu .menu_items > li.activeparent3 > a,
.subcatlist_menu .menu_items > li.active4 > a,
.subcatlist_menu .menu_items > li.activeparent4 > a {
  text-decoration:none;
  border-bottom: 1px solid #555;
}

.subcatlist_menu ul.menu_depth_1 ul > li > ul {
  display:none;
}

.subcatlist_menu ul.menu_depth_2 ul > li.level2 {display:none;}
/* .subcatlist_menu ul.menu_depth_2 ul > li.level2.overview {display:inline-block;} */
.subcatlist_menu ul.menu_depth_2 ul > li.level2.nosubs {display:inline-block;}

.subcatlist_menu ul.menu_depth_2 ul > li.level2 > a {display:none;}
/* .subcatlist_menu ul.menu_depth_2 ul > li.level2.overview > a {display:inline-block;} */
.subcatlist_menu ul.menu_depth_2 ul > li.level2.nosubs > a {display:inline-block;}

.subcatlist_menu ul.menu_depth_2 ul > li.level3 > ul {display:none;}




.subcatlist_menu ul.menu_depth_2 ul > li.level2.active2 { display:block; }
.subcatlist_menu ul.menu_depth_2 ul > li.level2.active2.nosubs { display:inline-block; }

.subcatlist_menu ul.menu_depth_2 ul > li.level2.activeparent2 { display:block; }
.subcatlist_menu ul.menu_depth_2 ul > li.level2.activeparent2.nosubs { display:inline-block; }
.subcatlist_menu ul.menu_depth_2 ul > li > ul { display:block; }


.subcatlist_menu ul.menu_depth_3 ul > li > ul { display:block; }
.subcatlist_menu ul.menu_depth_3 ul > li.level2 {display:none;}
.subcatlist_menu ul.menu_depth_3 ul > li.level2 > a {display:none;}
.subcatlist_menu ul.menu_depth_3 ul > li.level2.active2 { display:block; }
.subcatlist_menu ul.menu_depth_3 ul > li.level2.activeparent2 { display:block; }
.subcatlist_menu ul.menu_depth_3 ul > li > ul { display:block; }





.cat_description {
  padding: 40px 0px 0px 0px;
}
.cat_description ul {
  margin-left:18px;
}
.cat_description ol {
  margin-left:28px;
}
/* END categories listing & subcats */



/* 22. START pagination */
.pagination {
  margin: 30px 0 0 0;
}
.pagination .pagination_bar {
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
.pagination .pagination_text {
  display:none;
}
.pagination .pagination_list {
  display:block;
  float:none;
}
.pagination .pagination_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.pagination .pagination_list ul li {
  vertical-align:top;
  display:inline-block;
  font-size:1.4rem;
  line-height:3.2rem;
  text-align: center;
}
.pagination .pagination_list ul li a,
.pagination .pagination_list ul li .icon {
  display: inline-block;
  min-width:34px;
  padding: 0 0px;
  text-align:center;
  margin: 3px 3px;
  text-decoration:none;
  color: #000;
  background-color: transparent;
  border: 1px solid #ddd;
}
.pagination .pagination_list ul li.current {
  display: inline-block;
  min-width:34px;
  padding: 0 0px;
  text-align:center;
  margin: 3px 3px;
  text-decoration:none;
  background-color:#000;
  border: 1px solid #000;
  color:#fff;
}
.pagination .pagination_list ul li a:hover,
.pagination .pagination_list ul li .icon:hover {
  cursor:pointer;
  color:#000;
  border: 1px solid #555;
  background: transparent;
}
.pagination .pagination_list .fas {
  font-size:1.4rem;
  color:#777;
}

/* END pagination */


/* 23. START filter manufacturer */
.filter_bar {
  position:relative;
  background-color: #fff;
  margin-bottom: 30px;
  padding: 0px 0px;
  font-weight:400;
}
.filter_bar select {
  opacity:0;
}
.sort_bar {
  margin: 0px 0 0 0;
}
.sort_bar_row {
  margin: 0px 0px 0px 0px;
  display: flex;
  align-items: center;
}

.sort_bar_item {
  float:left;
  display:inline-block;
  padding:0px 0px;
}
.sort_bar_item.set {
  display:none;
}
.sort_bar_item.right {
  display:inline-block;
  white-space:nowrap;
  float:right;
  flex: 1;
  text-align:right;
  padding: 0px 10px 0 0;
}
@media (min-width: 780px){
  .sort_bar_item.set { display:inline-block; }
}

.sort_bar_item .SumoSelect > .CaptionCont {
  border: 1px solid transparent !important;
  background: #fff !important;
  display: inline-block;
  font-size:1.2rem;
  line-height:2.0rem;
}
.sort_bar_item .SumoSelect > .optWrapper.open {
  min-width: 240px;
  font-size:1.2rem;
  line-height:1.8rem;
}
.sort_bar_item  .SumoSelect > .optWrapper > .options > li {
  padding: 5px 5px;
  border-bottom: 1px solid #e0e0e0;
  font-size:1.2rem;
  line-height:1.8rem;
}
.sort_bar_item .CaptionCont.SelectBox.Selected {
  color: #000 !important;
  background: #f5f5f5 !important;
}
.sort_bar_item .SumoSelect .optWrapper {
  min-width: 200px;
}

.sort_bar_item a.view_tags {
  display:block;
  color:#000;
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:400;
  white-space:nowrap;
  border-radius: 2px;
}
.sort_bar_item a.view_tags .fas,
.sort_bar_item a.view_tags .far {
  padding: 0 0 0 5px;
  font-size:1.1rem;
}
.sort_bar_item a.view_tags .fa-filter {
  padding: 0 5px 0 0;
  font-size:1.1rem;
}
.sort_bar_item a.view_tags span {
  padding: 11px 10px;border: 1px solid transparent;
}

.sort_bar_item a.view_tags .show.hide { display:none; }
.sort_bar_item a.view_tags .show.view { display:block; }
.sort_bar_item a.view_tags .close.hide { display:none; }
.sort_bar_item a.view_tags .close.view { display:block;}

.sort_bar_item a.view_tags.Selected .show.hide { display:block; }
.sort_bar_item a.view_tags.Selected .show.view { display:none; }
.sort_bar_item a.view_tags.Selected .close.hide { display:block; }
.sort_bar_item a.view_tags.Selected .close.view { display:none; }

.sort_bar_item a.view_tags:hover {
  text-decoration:none;
}

.view_text {
  display:inline-block;
  font-size:1.2rem;
  line-height:2.0rem;
  padding: 0 5px 0 0;
  font-weight:400;
}
.view_filler {
  display:inline-block;
  font-size:1.0rem;
  line-height:2.0rem;
  font-weight:400;
  color:#999;
}

a.view_list {
  display:inline-block;
  font-size:1.2rem;
  line-height:2.0rem;
  color:#999;
  padding:0px 6px;
  font-weight:600;
}
a.view_list:hover, a.view_list.active {
  color:#000;
  text-decoration:none;
}
a.view_box {
  display:inline-block;
  font-size:1.2rem;
  line-height:2.0rem;
  color:#999;
  padding:0px 6px;
  font-weight:600;
}
a.view_box:hover, a.view_box.active {
  color:#000;
  text-decoration:none;
}

.viewsmall_2 { display:inline; }
.viewsmall_3 { display:none; }
.viewsmall_4 { display:none; }

@media (min-width: 780px){
  .viewsmall_2 { display:none; }
  .viewsmall_3 { display:inline; }
  .viewsmall_4 { display:none; }
}
@media (min-width: 1024px){
  .viewsmall_2 { display:none; }
  .viewsmall_3 { display:none; }
  .viewsmall_4 { display:inline; }
}

.viewbig_1 { display:inline; }
.viewbig_2 { display:none; }
@media (min-width: 600px){
  .viewbig_1 { display:none; }
  .viewbig_2 { display:inline; }
}



.tags_bar_toogle {
  display:none;
  margin: 0 0 30px 0;
}
.tags_bar {
  position:relative;
  margin-top:-30px;
  padding: 10px;
}
.tags_bar_headline {
  font-size:1.0rem;
  line-height:1.2rem;
  font-weight:600;
  padding: 7px 0px 4px 2px;
}
a.tags_bar_reset {
  float:right;
  font-size:1.0rem;
  line-height:1.2rem;
  font-weight:400;
  color:#000;
}
a.tags_bar_reset:hover {
  text-decoration:none;
  opacity:0.8;
}

.tags_bar_row {
  margin: 0px -5px 0px -5px;
}
.tags_bar_item {
  float:left;
  width:50%;
  padding:5px 5px;
}
@media (min-width: 500px){
  .tags_bar_item { width:33.3333%; }
}
@media (min-width: 700px){
  .tags_bar_item { width:25%; }
}
@media (min-width: 900px){
  .tags_bar_item { width:20%; }
}




.tags_bar_item .SumoSelect {
  height: 34px;
}

.tags_bar_item .SumoSelect > .CaptionCont {
  border: 1px solid #ddd !important;
  background: #fff !important;
  display: block;
  font-size:1.2rem;
  line-height:2.0rem;
  padding: 6px 8px;
  height:34px;
}
.tags_bar_item .SumoSelect > .optWrapper.open {
  min-width: 240px;
  font-size:1.2rem;
  line-height:1.8rem;
}
.tags_bar_item  .SumoSelect > .optWrapper > .options > li {
  padding: 5px 5px;
  border-bottom: 1px solid #e0e0e0;
  font-size:1.2rem;
  line-height:1.8rem;
}
.tags_bar_item .SumoSelect > .CaptionCont > label:hover {

}
.tags_bar_item .SumoSelect > .optWrapper > .options > li.selected {

}
.tags_bar_item .CaptionCont.SelectBox.Selected {
  color: #000 !important;
  background: #eee !important;
}
/* END filter manufacturer */


/* 24. START content sites (AGB, Datenschutz, etc.) */
.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;
}
/* END content sites (AGB, Datenschutz, etc.) */


/* account_history */
.historyflex {
  border-top:1px solid #ddd;
}
.historyflex_row {
  padding: 30px 0px;
  border-bottom:1px solid #ddd;
}
.historyflex_title  {
  margin: 0px 0 20px 0;
  font-weight:400;
  text-transform:uppercase;
}
.historyflex_title a {
}
.historyflex_title a:hover {
  text-decoration:none;
  border-bottom: 1px solid #555;
}
.historyflex_row_inner {
  display: flex;
  font-size:1.2rem;
  line-height:1.8rem;
  flex-wrap: wrap;
}
.hfr_col1 {
  width:200px;
}
.hfr_col2 {
  flex: 1;
}
.hfr_col2 img {
  width: auto;
  max-height: 140px;
  object-fit: contain;
  margin: 0 auto;
  padding:2px 1px;
}
.hfr_col2 a:hover {
  text-decoration:none;
}
.hfr_col3 {
  width:52px;
  padding: 0 0 0 10px;
}




/* 25. START products_table for order_details, account_history_info, checkout_confirmation */
/*
.ordercontainer_row {
  display: flex;
  flex-direction: column;
}
.ordercontainer_details {
}
.ordercontainer_total {
}
*/

.ordercontainer_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	-webkit-box-align: flex-end;
	align-items: flex-end;
}
.ordercontainer_details {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width:100%;
  padding: 0 0px 0 0;
}
.ordercontainer_total {
  width:100%;
  padding: 10px;
  border:1px solid #000;
  margin: 0 0 0 10px;
  height: max-content;
  background:#fff;
}
@media only screen and (min-width: 700px) {
  .ordercontainer_total { width:60%; padding: 20px; }
}
@media only screen and (min-width: 985px) {
  .ordercontainer_row { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: initial; -webkit-box-align: initial; align-items: initial; }
  .ordercontainer_total { width:40%; padding: 20px; }
  .ordercontainer_details { padding: 0 40px 0 0; }
}

.ot_total_sticky {
  position: -webkit-sticky;
  position: sticky;
  top:80px;
}
.admin_mode .ot_total_sticky {
  top:116px;
}

.orderflex {
  border-top:1px solid #fff;
}
.orderflex_row {
  display: flex;
  padding: 20px 0px;
  border-bottom:1px solid #fff;
  font-size:1.4rem;
  line-height:2.0rem;
  flex-wrap: wrap;
}
.orderflex_row_header {
  padding: 10px 0px ;
  text-transform:uppercase;
  font-size:1.0rem;
  line-height:2.0rem;
  font-weight:400;
  display:none;
}
.orderflex_row_header > div {
  padding: 0px 10px !important;
}
.orderflex_row_header > .of_col_summary {
  display:none;
}
@media (min-width: 700px){
  .orderflex_row_header > .of_col_summary { padding: 0px !important; min-height:auto; display: flex; }
}

.orderflex_row_header .of_col_single {
  padding: 0px 10px 0px 10px;
  justify-content: flex-end;
}
.orderflex_row_header .of_col_total {
  padding: 0px 10px 0px 10px;
  justify-content: flex-end;
}

.orderflex_row:nth-child(odd) {
  background: #ffffff;
}
.orderflex_row:nth-child(even) {
  background:#ffffff;
}

.of_col_img {
  width:120px;
  padding: 0px 10px 0px 10px;
  position:relative;
}
@media (min-width: 500px){
  .of_col_img { width:130px; }
}
@media (min-width: 900px){
  .of_col_img { width:140px; }
}

.of_col_img_inner {
  display:block;
  vertical-align:middle;
  text-align:center;
  height:auto;
  overflow:hidden;
  position:relative;
}
.of_col_img_inner:before {
  content: "";
  display:block;
  padding-top: 128.6173%;
  background:#fff;
}
.of_col_img_inner img {
  width:100%;
  height:100%;
  margin: auto;
  position: absolute;
  font-size:0.1px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit:cover;
}

.of_col_flex {
  flex: 1;
  padding: 0px 10px 0px 10px;
}
.of_col_summary {
  overflow:hidden;
  display: flex;
  width:100%;
  margin: 0px 0 0 0;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: center;
  min-height:44px;
  flex-direction: column;
}
@media (min-width: 700px){
  .of_col_summary { width:45%; margin: 0 0 0 0; flex-direction: row;}
}

.of_col_qty {
  width:100%;
  padding: 0px 10px 0px 10px;
  text-align:center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.of_col_single {
  text-align:right;
  width:100%;
  padding: 0px 10px 0px 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  display:none;
}
@media (min-width: 700px){
  .of_col_single { display:block; }
}


.of_col_total {
  text-align:left;
  width:100%;
  padding: 0px 10px 0px 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.of_col_qty_label,
.of_col_single_label,
.of_col_total_label {
  display:block;
  padding: 11px 0px 9px 0px;
  text-transform: uppercase;
  font-size:1.0rem;
  line-height:2.0rem;
  font-weight:500;
  width:123px;
  text-align:left;
}
@media (min-width: 700px){
  .of_col_qty_label, .of_col_single_label, .of_col_total_label { display:none; }
  .of_col_single { width:100px; }
  .of_col_total { width:100px; text-align:right;}
  .of_col_qty { width:auto; flex: 1; }
}

.of_col_single_inner {
  flex: 1;
  align-items: center;
}
.of_col_total_inner {
  flex: 1;
  align-items: center;
}
.of_col_qty_inner {
  flex: 1;
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 700px){
  .of_col_qty_inner { justify-content: center; }
}

.of_col_total_tax {
  display:block;
  font-size:0.9rem;
  line-height:1.3rem;
  text-align:right;
}

.of_productname  {
  margin: 0px 0 10px 0;
  font-weight:500;
  text-transform:none;
}
@media (min-width: 700px){
  .of_productname  { margin: 0px 0 10px 0; }
}

.of_productname a {
  display:block;
}
.of_productname a.iframe {
  display:inline-block;
  font-weight:700;
  font-size:1.2rem;
  line-height:1.4rem;
  text-transform: none;
}
.of_productname a:hover {
  text-decoration:none;
}
.of_description {
  margin: 10px 0 10px 0;
  padding: 0px 0px;
  font-size:1.2rem;
  line-height:1.8rem;
}
.of_description p {
  margin: 0px 0px;
  padding: 0px 0px;
}
.of_attributes {
  list-style-type:none !important;
  margin: 0 0 0 0 !important;
}
.of_attributes li {
  font-size:1.2rem;
  line-height:1.8rem;
  padding: 1px 0px;
}
.of_model {
  font-size:1.2rem;
  line-height:1.8rem;
  padding: 1px 0px;
}
.of_shipping {
  font-size:1.2rem;
  line-height:1.8rem;
  padding: 1px 0px;
}
.of_quantity_field {
  width:50px;
  text-align:left;
}
@media (min-width: 700px){
  .of_quantity_field { text-align:center; }
}

.of_quantity_field input {
  text-align:center;
  background:#fff;
  border-width: 0px 0px 1px 0px;
  border-radius:0px;
  padding: 6px 5px 6px 5px;
  height: 34px;
}

.of_quantity_update {
  margin: 0 0 0 5px;
  padding: 0 0 0 0px;
  width:44px;
}
.of_quantity_update .cssButton {
  color: #666;
  border-color: #999;
}
.of_quantity_update button {
  height:42px;
  opacity:0;
}

.of_action {
  border-top: 1px solid #fff;
  width:100%;
  padding: 12px 0 0 0px;
  margin: 10px 0px 0 0;
  font-size:1.0rem;
  line-height:1.4rem;
  text-transform:none;
  font-weight:500;
}
.of_action > span {
  display:inline-block;
  vertical-align:top;
  padding: 0px 0px;
  margin: 0 20px 0 0;
}
.of_action > span a {
  display:block;
  color:#999;
}
.of_action > span .fas,
.of_action > span .far {
  margin-right:6px;
}
.of_action > span a:hover {
  color:#000;
  text-decoration:none;
}
.of_action > span .cssButtonColor5 {
  padding: 0px !important;
  background: transparent;
  color: #999;
}
.of_action > span .cssButtonColor5:hover {
  color: #000;
  text-decoration: none !important;
}
.of_action > span .cssButton {
  position: relative;
  display: block;
  width: 100%;
  text-align: inherit;
  padding: inherit;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:500;
  white-space: nowrap;
  text-decoration: none;
  min-height: inherit;
}
.of_action > span .cssButton .las,
.of_action > span .cssButton .lar {
  padding-left: 0;
  padding-right: 0;
}
.of_action > span .cssButton .cssButtonText {
  padding: inherit;
  font-size: inherit;
  line-height: inherit;
  height: inherit;
}
.of_action > span .cssButton .cssIconLeft,
.of_action > span .cssButton .cssIconRight {
  padding: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none !important;
}

.ordersum {
  background:#fff;
  padding:0px;
  margin: 0 0 20px 0;
  font-weight:400;
  border-top:none;
}
@media only screen and (min-width: 985px) {
  .ordersum { border-top:1px solid #fff; }
}

.ordersum.nocart {
  background:transparent;
}
.ordersum.nocart .ordertotal_row {
  border-top: 0px !important;
  border-bottom: 1px solid #ddd !important;
}
.ordersum_heading {
  display:none;
  padding: 10px 10px 10px 10px;
  font-size: 1.4rem;
  line-height: 2.0rem;
  font-weight: 600;
  border-bottom:1px solid #fff;
}
@media only screen and (min-width: 985px) {
  .ordersum_heading { display:block; }
}


.ordertotal_block {
  font-size:1.2rem;
  line-height:1.8rem;
}
.ordertotal_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 6px 10px 6px 10px;
  border-bottom: 1px solid #fff;
  color:#999;
}
.ordertotal_row strong,
.ordertotal_row b {
  font-weight:600;
  color:#000;
}

.ordertotal_row .ot_width_1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ordertotal_row .ot_width_1 .SelectBox {
  padding: 6px 8px 6px 8px;
}
.ordertotal_row .ot_width_1 .SumoSelect,
.ordertotal_row .ot_width_1 select {
  height: 34px;
}


.ordertotal_row .ot_width_2 {
  width:120px;
  text-align:right;
}


/* css for agent mode in shopping-cart */
.ordertotal_row:has(input) {
  align-items:center;
}
.ordertotal_row:has(input) .ot_width_2 {
  flex:1;
  display:flex;
}
.ordertotal_row:has(input) .ot_width_2 strong {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap:10px;
}
.ordertotal_row:has(input) .ot_width_2 a {
  color:#fff !important;
  width:100px;
}
.ordertotal_row .ot_width_2 a {
  color:#fff !important;
}
/* css for agent mode in shopping-cart */


.ordertotal_row .ot_width_3 {
  width:60%;
}
.ot_select {
	align-items: center;
}
.ot_shipping {
  background: transparent;
}
.ot_total {
  padding: 15px 10px;
  background: transparent;
  border-bottom: 1px solid #ddd;
  font-weight:600;
}
.ot_total strong {
  font-weight:600;
  color:#000;
  font-size:1.6rem;
}
.ot_red {
  color:#f67766 !important;
}

.button_row_cart {
  margin: 20px -5px 0px -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.button_row_cart > .br_full {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width:100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
.button_row_cart .br_btn_full {
  padding: 0px 5px;
  margin: 0 0 0px 0;
  width:100%;
}
.br_btn_alternate {
  display:block;
  width:100%;
  text-align:center;
  height:30px;
  position:relative;
}
.br_btn_alternate:before {
  content: '';
  display:block;
  height:1px;
  border-top:1px solid #ccc;
  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:30px;
  font-weight:400;
  color:#999;
  padding: 0px 10px;
  text-transform:uppercase;
}

#cart_quantity .buttonrow_drittel .cssButton {
  padding: 11px 5px !important;
}


.ordertotal_payment {
  margin: 20px 0px 0px 0;
}
.ordertotal_payment .ordertotal_payment_list {
  margin: 0px;
  list-style-type:none;
  display:block;
  text-align:center;
}
.ordertotal_payment .ordertotal_payment_list li {
  display:inline-block;
  vertical-align:top;
  padding: 0px 5px;
  width:40px;
}
.ordertotal_payment .ordertotal_payment_list li img {
  width:100%;
  height:auto;
  vertical-align:top;
  opacity:0.8;
}

/* odermode total */
.ordermode_ordercontainer_total {
}
.ordermode_ordercontainer_total .ordersum {
  float:right;
  width:100%;
  background:#fff;
  padding:0px;
  margin: 0 0 0px 0;
  font-weight:400;
}
@media (min-width: 1024px){
  .ordermode_ordercontainer_total .ordersum { width:60%; }
}

.ordermode_ordercontainer_total .ordersum.nocart {
  background:transparent;
}
.ordermode_ordercontainer_total .ordersum.nocart .ordertotal_row {
  border-top: 0px !important;
  border-bottom: 1px solid #ddd !important;
}

.ordermode_ordercontainer_total .ordertotal_block {
  font-size:1.4rem;
  line-height:1.8rem;
}
.ordermode_ordercontainer_total .ordertotal_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 12px 10px;
  border-bottom: 1px solid #ddd;
}
.ordermode_ordercontainer_total .ordertotal_row strong,
.ordermode_ordercontainer_total .ordertotal_row b {
  font-weight:400;
}

.ordermode_ordercontainer_total .ordertotal_row .ot_width_1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ordermode_ordercontainer_total .ordertotal_row .ot_width_2 {
  width:85px;
  text-align:right;
}
.ordermode_ordercontainer_total .ordertotal_row .ot_width_3 {
  width:60%;
}
.ordermode_ordercontainer_total .ot_select {
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.ordermode_ordercontainer_total .ot_shipping {
  background:#fff;
  font-size:1.3rem;
  line-height:1.9rem;
}
.ordermode_ordercontainer_total .ot_total {
  padding: 15px 10px;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  font-weight:700;
}
.ordermode_ordercontainer_total .ot_total strong {
  font-weight:700;
}
.ordermode_ordercontainer_total .ot_red {
  color:#f67766 !important;
}

/* ENDE Warenkorb als Liste */
/* END products_table for order_details, account_history_info, checkout_confirmation */

/* 26. START Product details */
.pd_flexrow {
  margin: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}


.pd_fleximage,
.pd_fleximage_big {
    position: relative;
}

.tags-images{
    position: absolute;
    top: 0;
    right:0 !important;
	  padding:10px;
    z-index:1;
}
.pd_fleximage .tags-images,
.pd_fleximage_big .tags-images {
    position: absolute;
    top: 0;
    right: 6%;
}

.lb_image .tags-images{
    top: unset;
    bottom: 0;
    z-index:0;
}

.pd_fleximage img.tag_image,
.pd_fleximage_big img.tag_image,
.lb_image img.tag_image {
    width: 60px !important;
    margin: unset;
    position: relative;
}

.tags_values_info a span {
    text-decoration: underline;
}


.pd_fleximage {
  width:100%;
  padding: 0 0 0 0;
  margin: 0 0 20px 0;
}
.pd_fleximage_big {
  width:100%;
  padding: 0 0 0 0;
  margin: 0 0 20px 0;
}
.pd_flexcontent {
  width:100%;
  padding: 0 0 0 0;
}
.pd_flexcontent_small {
  width:100%;
  padding: 0 0 0 0;
}

.pd_flexcontent_sticky {
  position: -webkit-sticky;
  position: sticky;
  top:90px;
}
.admin_mode .pd_flexcontent_sticky {
  top:126px;
}

@media (min-width: 780px){
  .pd_fleximage { width:50%; padding: 0 3% 0 0; margin: 0 0 0 0; }
  .pd_flexcontent { width:50%; padding: 0 0 0 3%; }
  .pd_fleximage_big { width:66.6666%; padding: 0 0 0 0; margin: 0 0 0 0; }
  .pd_flexcontent_small { width:33.3333%; padding: 5%; }
}

.pd_fleximage_sticky {
  position: -webkit-sticky;
  position: sticky;
  top:90px;
}
.admin_mode .pd_fleximage_sticky {
  top:126px;
}

/* info_tabs_v1 */
#pd_image_zoomer_single img {
  width:100%;
  height:auto;
  vertical-align:top;
  margin-bottom: 0px;
  cursor: zoom-in;
}
#pd_image_zoomer_single img:last-child {
  margin-bottom: 0px;
}
#pd_image_zoomer_single video {
  width:100%;
  height:100% auto;
  vertical-align:top;
  margin-bottom: 0px;
}
@media (min-width: 780px){
  #pd_image_zoomer_single img { margin-bottom: 20px; }
  #pd_image_zoomer_single  video { margin-bottom: 20px; }
}


/* info_tabs_v2 */
.pd_tabs_v2 #pd_image_zoomer_top {
  display:none;
}
.pd_tabs_v2 #pd_image_zoomer_more {
  display:none;
}
.pd_tabs_v2 #pd_image_zoomer_single {
  display:block;
}
@media (min-width: 780px){
  .pd_tabs_v2 #pd_image_zoomer_top { display:block; }
  .pd_tabs_v2 #pd_image_zoomer_more { display:block; }
  .pd_tabs_v2 #pd_image_zoomer_single { display:none; }
}

#pd_image_zoomer_top img {
  width:100%;
  height:auto;
  vertical-align:top;
  cursor: zoom-in;
}
#pd_image_zoomer_more img {
  width:100%;
  height:auto;
  vertical-align:top;
  cursor: zoom-in;
}
#pd_image_zoomer_more video {
  width:100%;
  height:100% auto;
  vertical-align:top;
}
.pd_flexrow_imagemore {
  margin: 0px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
.pd_fleximagemore {
  width:50%;
  margin: 40px 0 0 0;
  padding: 0 0 0 0;
}
.pd_fleximagemore:nth-child(odd) {
  padding: 0 3% 0 0;
}
.pd_fleximagemore:nth-child(even) {
  padding: 0 0 0 3%;
}

/* info_tabs_v3 */
.pd_tabs_v3 #pd_image_zoomer_gallery {
  margin: 0px 0px 0 0px;
  display: none;
  flex-wrap: wrap;
}
.pd_tabs_v3 #pd_image_zoomer_single {
  display:block;
}
@media (min-width: 780px){
  .pd_tabs_v3 #pd_image_zoomer_single { display:none; }
  .pd_tabs_v3 #pd_image_zoomer_gallery { display: flex; }
}

#pd_image_zoomer_gallery img {
  width:100%;
  height:auto;
  vertical-align:top;
  cursor: zoom-in;
}
#pd_image_zoomer_gallery video {
  width:100%;
  height:auto;
  vertical-align:top;
}
.pd_image_zoomer_gallery_item {
  padding: 1px;
  width:50%;
  position:relative;
}
.pd_image_zoomer_gallery_item:nth-child(1n+5) {
  width:25%;
}

/* info_tabs_v4 */
.pd_image_container {
  float:left;
  width:calc(100% - 10px);
  display: flex;
  margin: -5px 0px 0 10px;
  flex-direction: row;
}
.pd_image_small_container {
  float:left;
  width:16.6666%;
  display: flex !important;
  flex-direction: column;
}
.pd_image_big_container {
  float:right;
  width:83.3334%;
  overflow:hidden;
}
.pd_image_small {
  display:block;
  font-size:2.0rem;
  height:100%;
  color:#fff;
  padding: 5px 0 5px 0;
  display: flex !important;
}
.pd_image_small_inner {
  width:100%;
  background:transparent;
  position:relative;
  overflow:hidden;
}
.pd_image_small_inner video,
.pd_image_small_inner img {
  margin: auto;
  position: absolute;
  font-size:0.1px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width:100% !important;
  max-height:100% !important;
  cursor: pointer;
}
.pd_image_big {
  vertical-align:top;
  display:block;
  position:relative;
  padding: 5px 0 5px 0;
}
.pd_image_big_inner:before {
  content: "";
  display:block;
  padding-top: 128.6173%;
}
.pd_image_big_inner {
  overflow:hidden;
  visibility:hidden;
  position:relative;
  width:100%;
  background:#fff;
}
.pd_image_big video,
.pd_image_big img {
  margin: auto;
  position: absolute;
  font-size:0.1px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width:100% !important;
  max-height:100% !important;
  cursor: zoom-in;
}
.pd_image_small_container .slick-slide {
  border: 0px solid transparent !important;
  height:20% !important;
  opacity:1.0;
}
.pd_image_small_container .slick-slide.slick-current {
  opacity:0.4;
}
.pd_image_small_container .slick-slide.slick-current img {
  border: 1px solid #000;
}
.pd_image_small_container .slick-slide > div {
  height:100% !important;
}
.pd_image_small_container .slick-list.draggable {
  height:100% !important;
  left:-10px;
}
.pd_image_small_container .slick-track {
  height:100% !important;
}
/* end info_tabs */

.pd_catname {
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:400;
  text-transform:uppercase;
  margin: 0 0 8px 0;
}
.pd_catname a {
  color:#666;
  border-bottom: 1px solid #ddd;
}
.pd_catname a:hover {
  color:#666;
  text-decoration:none;
  border-bottom: 1px solid #555;
}
.pd_title {
  text-align:left;
  font-weight: 500;
  font-size:1.8rem;
  line-height:2.8rem;
  padding: 12px 0px;
  margin: 0 0 0 0;
  text-transform: none;
}
.pd_model {
  color:#999;
  font-size:1.0rem;
  line-height:1.6rem;
  font-weight:400;
  margin: 0 0 0px 0;
}

.pd_pricebox {
  margin: 20px 0 0 0;
}
.pd_price {
  position:relative;
  padding: 0px 0 0 0;
  color: #000;
  font-size:1.6rem;
  line-height:2.4rem;
  font-weight: 500;
}
.pd_price .no_price {
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:normal;
  display:block;
  padding:4px 0 4px 0;
  color:#999;
}
.pd_price .standard_price {

}
.pd_price .new_price {
  vertical-align:top;
  display:inline-block;
  color:#000;
  padding-right:10px;
}
.pd_price .old_price {
  vertical-align:top;
  display:inline-block;
  color:#eb0037;
  text-decoration:line-through;
}

.pd_price .save_price {
  display: inline-block;
  padding: 0px 9px;
  background: #000;
  margin: 0px 24px;
  color: #fff;
  font-size: 1.2rem;
}
.pd_price .small_price {
  font-size:1.0rem;
  font-weight:500;
  line-height:1.0rem;
}
.pd_price .item_price {
  padding: 0 0 4px 0;
  display:block;
  font-size:1.0rem;
  line-height:1.2rem;
  font-weight:500;
  color:#777;
}
.pd_price .uvp_price {
  display:block;
  color:#434343;
}
.pd_price .graduated_price {
  display:block;
  color:#eb0037;
}
.pd_tax {
  text-align:left;
  margin: 4px 0 0 0;
  font-size:1.0rem;
  color:#999;
  line-height:1.2rem;
}
.pd_tax a {
  color:#999;
  text-decoration:none;
  border-bottom: 1px solid #ccc;
}
.pd_tax a:hover {
  color:#999;
  text-decoration:none;
  border-bottom: 1px solid #ccc;
}
.pd_vpe {
  padding: 4px 0 0 0;
  font-size:1.0rem;
  line-height:1.2rem;
  color:#999;
}
.pd_shipping {
  margin: 20px 0 0px 0;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight: 500;
  color:#00ca8d;
}
.pd_shipping a {
  color:#00ca8d;
  text-decoration:none;
}
.pd_shipping a:hover {
  color:#00ca8d;
  text-decoration:none;
  border-bottom: 1px solid #00ca8d;
}
.pd_inforow_message {
  padding: 10px 10px 10px 10px;
  font-size:1.0rem !important;
  line-height:1.4rem;
  font-weight:400;
  color:#f67766;
  background: #fdf1f0;
  margin:10px 0 0 0;
}
.pd_rating {
  margin: 20px 0;
  cursor:pointer;
}
.pd_rating_icons {
  display:inline-block;
  font-size:1.6rem;
  line-height:1.8rem;
  color:#ccc;
  padding: 0px 5px 0 0;
}
.pd_rating_icons .fas {
  padding: 0 3px 0 0;
}
.pd_rating_icons .full  {
  color:#edca50;
}


/* tabs */
.pd_tabs {
  margin: 20px 0 0 0 !important;
}
.pd_tabs .resp-tabs-list {
  border-bottom: 1px solid #ddd;
}
.pd_tabs .resp-tabs-list li {
  font-size:1.2rem;
  line-height:1.8rem;
  text-transform: uppercase;
  background-color: #fff;
  color:#999;
  font-weight:400;
  padding: 10px 0px !important;
  border: solid transparent;
  border-width: 0px 0px 1px 0px;
  margin: 0 20px 0 0;
}
.pd_tabs .resp-tab-active {
  background-color: #fff;
  color:#000 !important;
  padding: 10px 0px !important;
  border-bottom: 1px solid #000 !important;
  font-weight:400 !important;
}
.pd_tabs .resp-tab-content {
  padding: 20px 0px 0px 0px;
  border: none;
}
.pd_tabs .resp-tab-item > span.count {
  background: #999;
  color: #fff;
  margin: 0 0 0 8px;
  padding: 0px 6px 0px 6px;
  border-radius: 0px;
  text-align: center;
  font-weight:600;
}
.pd_tabs .resp-tab-active > span.count {
  background: #000;
  color: #fff;
}
/* end tabs */

/* accordion */
.pd_accordion {
  margin: 40px 0 0 0 !important;
}
.pd_accordion h2.resp-accordion {
  position:relative;
  font-size:1.2rem;
  line-height:1.8rem;
  text-transform: uppercase;
  color:#999;
  font-weight:400;
  padding: 15px 1px !important;
  background-color:#fff;
  border: solid #ddd;
  border-width:0px 0px 1px 0px;
}
.pd_accordion h2.resp-tab-active {
  border-color:#ddd !important;
  color:#000 !important;
  font-weight:400 !important;
  background-color: #fff !important;
  padding: 15px 1px !important;
}
.pd_accordion .resp-tab-content {
  padding: 10px 0px 30px 0px;
  border: 0px !important;
}
.pd_accordion .resp-accordion > span.count {
  background: #999;
  color: #fff;
  margin: 0 0 0 8px;
  padding: 0px 8px 0px 8px;
  border-radius: 0px;
  text-align: center;
  font-weight:700;
}
.pd_accordion .resp-tab-active > span.count {
  background: #000;
  color: #fff;
}
.pd_accordion .resp-arrow {
  border:none !important;
}
.pd_accordion .resp-tab-active .resp-arrow {
  border:none !important;
}
.pd_accordion .resp-arrow {
  top: 0px;
  width: 20px;
  height: 20px;
  right: 5px;
  position: absolute;
  bottom: 1px;
  margin: auto;
}
.pd_accordion .resp-arrow:after {
  font-family: 'Line Awesome Free';
  content: '\f107';
  font-weight: 900;
  font-size:10px;
  line-height:22px;
  text-align: center;
  display: block;
  color:#999;
}
.pd_accordion .resp-tab-active .resp-arrow:after {
  font-family: 'Line Awesome Free';
  content: '\f106';
  color:#000;
}
/* end accordion */

.pd_description {
  font-size:1.3rem;
  line-height:2.1rem;
}
.pd_description ul{
  margin: 8px 0px 8px 18px;
}
.pd_description ol{
  margin: 8px 0px 8px 18px;
}
.pd_description img{
  max-width: 100%;
  height: auto;
}
.pd_description iframe{
  max-width: 100%;
}

.pd_additional_fields {
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:400;
  margin: 0 0 0px 0;
}
.pd_additional_fields:first-child {
  margin-top:30px;
}

.pd_subheadline {
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:600;
  text-transform:uppercase;
  color:#000;
  margin: 0 0 10px 0;
}

.pd_colorrow {
  margin: 20px -5px 0px -5px;
  display: flex;
  flex-wrap: wrap;
}
.pd_coloritem_image {
  width:40px;
  padding: 4px;
}
@media (min-width: 1024px){
  .pd_coloritem_image { width:44px; }
}

.pd_coloritem_code {
  width:8.3333%;
  padding: 5px;
}
.pd_coloritem_inner {

}
.pd_coloritem_inner > a {
  display: flex;
  flex-direction: column;
}
.pd_coloritem_inner > a:hover {
  text-decoration:none;
}
.pd_coloritem_bild {
  border: 1px solid #ddd;
  margin: 0 0 0 0;
  text-align: center;
  width: 100%;
  position:relative;
  display:block;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position: center center;
  background-color:transparent;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pd_coloritem_bild.active {
  border: 1px solid #000;
}
.pd_coloritem_bild:before {
  content: "";
  display:block;
  padding-top: 128.6173%;
}

.pd_coloritem_name {
  padding: 5px 0 0 0;
  font-size:1.0rem;
  line-height:1.2rem;
  font-weight:400;
}

.pd_coloritem_farbe {
  border: 1px solid #ddd;
  margin: 0 0 0 0;
  text-align: center;
  width: 100%;
  position:relative;
  display:block;
  overflow:hidden;
  border-radius: 0px;
}
.pd_coloritem_farbe.active {
  border: 1px solid #000;
}
.pd_coloritem_farbe:before {
  content: "";
  display:block;
  padding-top: 100%;
}
/* END Product details */


/* 27. START graduated prices */
.graduated_prices {
  margin: 15px 0px 0px 0px;
}
.gp_headline {
  font-size:1.0rem;
  line-height:1.2rem;
  font-weight:700;
  padding: 0 0 4px 0;
}
.gp_box {
  float:left;
  width:33.3333%;
  margin: 0px 0px -1px 0px;
  border: solid #ddd;
  border-width: 1px 0px 1px 1px;
}
.gp_box.vpe {
  width:50%;
}
.gp_box.last {
  border-right: 1px solid #ddd;
}
.gp_title {
  display:block;
  background:#fafafa;
  font-size:1.0rem;
  font-weight:600;
  text-align:left;
  padding:1px 3px;
  white-space:nowrap;
  border-bottom: 1px solid #ddd;
}
.gp_price {
  display:block;
  background:#fff;
  font-size:1.0rem;
  font-weight:normal;
  text-align:left;
  padding:1px 3px;
}
.gp_vpe {
  display: block;
  background:#fff;
  font-size:1.0rem;
  font-weight: normal;
  text-align: left;
  padding: 1px 3px;
  border-top: 1px solid #ddd;
}
/* END graduated prices */


/* 28. START addtobasket */
.addtobasket_outer {
  margin: 20px 0px 0px 0px;
  max-width:400px;
}

.addtobasket {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/* show input */
/*
.addtobasket_input {
  width:80px;
  padding: 0px 10px 0 0;
}
*/
/* hide input */
.addtobasket_input {
  width:0px;
  padding: 0px 0px 0 0;
  overflow:hidden;
  visibility:hidden;
}
.addtobasket_cart {
  padding: 0px 0px;
  flex: 1;
}
.addtobasket_wish {
  padding: 0 0 0 10px;
  width:52px;
}

.addtobasket_paypal {
  display:block;
  margin: 10px 0 0 0;
  width:100%;
  max-width:200px;
}

/* END addtobasket */


/* 29. START product_details reviews */
.reviewrow {
  border-bottom: 1px solid #ddd;
  padding:10px 0px 4px 0px;
}
.reviewrow_title {
  font-size:1.2rem;
  font-weight:600;
  line-height:1.8rem;
}
.reviewrow_title .rating_icons {
  display:inline-block;
  font-size:1.3rem;
  line-height:1.5rem;
  color:#ddd;
  padding: 0px 3px 0 5px;
}
.reviewrow_title .rating_icons .fas {
  padding: 0 1px 0 0;
}
.reviewrow_title .rating_icons .full  {
  color:#edca50;
}
/* END product_details reviews */


/* 30. START product_options */
a.sizetable {
  color:#999;
  font-size:1.2rem;
  margin-left:20px;
}

.productoptions {
  margin: 45px 0px 0px 0px;
  width:100%;
}

.options_dropdown_row {
  margin: 0 0 10px 0;
}
.options_heading_dropdown {
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:600;
  margin: 0 0 5px 0;
}
.options_dropdown {
  margin: 0px;
  max-width:140px;
}

.options_selection_row {
  margin: 0 0 10px 0;
}
.options_heading_selection {
  font-size:1.2rem;
  line-height:2.4rem;
  font-weight:400;
  margin: 0 0 0px 0;
  text-transform:uppercase;
}
.options_selection {
  margin: 0px -5px;
  display: flex;
  flex-wrap: wrap;
}


.options_selection_item {
  padding: 5px;
  font-size:1.2rem;
  line-height:2.0rem;
}
.options_selection_item_inner {
  display:block;
}



.options_selection_item_inner > label {
  border: 1px solid #CCC;
  border-radius: 0px;
  cursor: pointer;
  padding:6px 8px;
  min-width:44px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.options_selection_item_inner > label:hover {
    background: #000;
    color: #ffffff;
}

.options_selection_item_inner > label.disabled,
.options_selection_item_inner > label.disabled:hover {
  border: 1px solid #000 !important;
  background:#fff !important;
  cursor:default;
  opacity: 0.3;
  font-weight:normal;
  overflow:hidden;
  position:relative;
}
.options_selection_item_inner > label.disabled span.options_selection_content:after,
.options_selection_item_inner > label.disabled span.options_selection_content:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  margin: auto;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.options_selection_item_inner > label.disabled span.options_selection_content:after {
  transform: rotate(45deg);
}
.options_selection_item_inner > label.disabled span.options_selection_content:before {
  transform: rotate(-45deg);
}

.options_selection_item_inner > label.disabled:hover{
  background:#000 !important;
  opacity: 1;
  color: #fff;

}

.options_selection_item_inner > label.disabled:hover span.options_selection_content:after,
.options_selection_item_inner > label.disabled:hover span.options_selection_content:before {
  background: #fff;
}

.options_selection_item_inner input[type="radio"] {
  position:absolute;
  visibility:hidden;
  opacity: 0;
  z-index:0;
  right:0;
  top:0;
}
.options_selection_item_inner input[type="radio"]:checked ~ label {
  border: 1px solid #000; background:#000; color:#fff;
}
.options_selection_content {
  display:block;
  width:100%;
  padding: 0px 2px;
}
.options_selection_name {
  display:block;
  text-align:center;

  line-height:1.8rem;
}

.options_selection_price {
  display:block;
  text-align:center;
  font-weight:400;
  font-size:1.2rem;
  line-height:1.4rem;
  margin-top:8px;
}


.options_ordermode_row {
  margin: 0 0 10px 0;
}
.options_heading_ordermode {
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:600;
  margin: 0 0 0px 0;
}
.options_ordermode {
  margin: 0px -5px;
  display: flex;
  flex-wrap: wrap;
}
.options_ordermode_item {
  padding: 5px;
  width:90px;
  font-size:1.4rem;
  line-height:2.0rem;
}
.options_ordermode_item_inner {
  position:relative;
  width:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.options_ordermode_item_text {
  text-align:center;
  font-size:1.2rem;
  line-height:1.6rem;
  font-weight:600;
}
.options_ordermode_item_field {
  padding: 3px 0 0 0;
  display:block;
}
.options_ordermode_item_field input:disabled {
  opacity:0.9;
  cursor: not-allowed;
  background:#f5f5f5;
}

.options_ordermode_item_stock {
  padding: 3px 0 0 0;
  text-align:center;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:600;
  color:#ef7e00;
}
.options_ordermode_item_instock {
  padding: 3px 0 0 0;
  text-align:center;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:600;
  color:#00ca8d;
}
.options_ordermode_item_sold {
  padding: 3px 0 0 0;
  text-align:center;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:600;
  color:#eb0037;
}
/* END product_options */

/* 31. START product_details media */
.mediarow {
  border-bottom: 1px solid #ddd;
  padding:10px 5px 10px 5px;
}
.media_bg1 {
  background:#fafafa;
}
.media_bg2 {
  background:#ffffff;
}
.mediarow_headline {
  line-height:3.2rem;
}
.mediarow_title {
  font-weight:bold;
  display:inline-block;
}
.mediarow_button {
  float:right;
  text-align:right;
  display:inline-block;
  height:32px;
  min-width:120px;
}
.mediarow_filesize {
  float:right;
  text-align:right;
  display:inline-block;
  padding: 0px 30px 0px 0px;
  font-style:italic;
}
.mediarow_desc {
  padding: 0px;
}
/* END product_details media */


/* 32. START popup content (popup print_product_info, popup print_order.html) */
body.popupcontent {
  min-width:100%;
  background:#fff none;
}
body.popupcontent h1 {
  margin-top:0px !important;
}
/* 32. END popup content */


/* 33. START print content (popup print_product_info, popup print_order.html) */
body.popupprint {
  min-width:100%;
  background:#fff none;
}
.printwrap {
  width:700px;
  margin: 0px auto;
}
.printlogo {
  padding:10px 0px;
  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: 0px;
}
.printColumsInfoLeft ul{
  margin: 8px 0px 8px 15px;
}
.printColumsInfoLeft ol{
  margin: 8px 0px 8px 15px;
}
.printColumsInfoRight {
  float:right;
  width:164px;
  text-align:center;
}
.printColumsInfoRight img {
  max-width:160px;
  height:auto;
  margin: 10px auto 0px auto;
  border: 0px solid #ddd;
  padding:0px;
}
ul.printinfolist {
  margin-left:15px;
}
ul.printinfolist li.active {
  font-weight:bold;
}
.moimages {
  float:left;
  width:98px;
  height:126px;
  border: 0px solid #ddd;
  padding:0px;
  margin: 0px 10px 10px 0px;
  position:relative;
}
.moimages:nth-child(5n+1) {
  margin-right:0px;
}
.moimages img {
  position:absolute;
  margin: auto;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  background-color: #FFFFFF;
  max-height:126px;
  max-width:98px;
}
/* admin print-order */
.printwrap_admin {
  padding-top:40px;
  width:700px;
  margin: 0px auto;
}
p.underline {
  margin:105px 0px 3px 15px;
  font-size:1.0rem;
  text-decoration:underline;
}
.printlogo_admin {
  padding:0px 0px;
  text-align:right;
  margin:0px 0 20px 0;
}
.printlogo_admin img {
  max-width:336px;
}
.print_small {
  font-size:1.2rem;
  line-height:1.8rem;
}
.print_big {
  font-size:2.6rem;
  font-weight:bold;
  text-transform:uppercase;
  padding:30px 0 0 0;
}

.printwrap table.order_table,
.printwrap_admin table.order_table {
  margin-top:0px;
  font-size:1.3rem;
  line-height:1.9rem;
  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:1.1rem;
  line-height:1.9rem;
  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 0px 0px 0px !important;
}
.printwrap table.order_table ul.attributes_list li,
.printwrap_admin table.order_table ul.attributes_list li {
  font-size:1.2rem;
  line-height:2.0rem;
}
.printwrap .total_table_right,
.printwrap_admin .total_table_right {
  float:right;
}
.printwrap table.total_table,
.printwrap_admin table.total_table {
  font-size:1.3rem;
  line-height:1.9rem;
}
.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) */


/* 34. START reviews */
.reviewrow_full {
  padding: 0px 0px;
  margin: 0 0 30px 0;
}
.reviewrow_full strong {
  font-weight:600;
}
.reviewrow_full_head {
  font-size:1.2rem;
  line-height:1.8rem;
  padding: 8px 0px;
  border-bottom: 1px solid #eee;
}
.reviewrow_full_head .seperator {
  display:inline-block;
  padding: 0px 10px;
  color:#ccc;
}
.reviewrow_full_head .rating_icons {
  display:inline-block;
  font-size:1.5rem;
  line-height:1.5rem;
  color:#ccc;
  padding: 0px 3px 0 5px;
  vertical-align:-1px;
}
.reviewrow_full_head .rating_icons .las,
.reviewrow_full_head .rating_icons .lar,
.reviewrow_full_head .rating_icons .lab {
  padding: 0 1px 0 0;
  vertical-align:0px;
}
.reviewrow_full_head .rating_icons .full  {
  color:#edca50;
}
.reviewrow_full_content {
  padding: 10px 1px;
  font-size:1.5rem;
  line-height:2.1rem;
}
.reviewrow_full_content h3 {
  font-weight: 600;
  font-size:1.3rem;
  line-height:1.7rem;
  margin: 0 0 15px 0;
  padding: 0;
}
.reviewrow_full_content h3 a {
  color:#000;
}
.reviewrow_full_content h3 a:hover {
  color:#555;
  text-decoration:none;
}

.reviewrow_full_content_title {
  font-size:1.2rem;
  line-height:1.4rem;
  margin-bottom: 5px;
}
.reviewrow_full_content_more {
  font-size:1.2rem;
  line-height:1.4rem;
  margin-top:10px;
  font-weight:600;
}
.reviewrow_full_content_more a {
  text-decoration:none;
}
.reviewrow_full_content_more a:hover {
  text-decoration:none;
}

.pr_reviews {
  display: flex;
}
.pr_reviews_image {
  width: 300px;
  padding: 10px 0px;
  text-align:center;
}
.pr_reviews_image_small {
  width: 200px;
  padding: 10px 0px;
  text-align:center;
}

.pr_reviews_image_box {
  position:relative;
  overflow:hidden;
  width:100%;
}
.pr_reviews_image_box:before {
  content: "";
  display:block;
  padding-top: 128.6173%;
}
.pr_reviews_image_box img {
  max-width:100%;
  max-height:100%;
  width:auto !important;
  height:auto !important;
  margin: auto;
  position: absolute;
  font-size:0.1px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.pr_reviews_content {
  padding: 0 0 0 50px;
  flex: 1;
}

/* reviews write */
.field_rating {
  display: flex;
  align-items: center;
}
.show_rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  display:inline-block;
  padding: 0px 10px;
  position:relative;
  bottom:1px;
}
.show_rating input {
  position: absolute;
  left: -999999px;
}
.show_rating label {
  display: inline-block;
  font-size:0;
  padding: 0px 1px;
}
.show_rating > label:before {
  font-family: 'Line Awesome Free';
  content: "\f005";
  font-weight:900;
  font-size:20px;
  line-height:20px;
  position: relative;
  display: block;
  color: #ddd;
  background: #ddd;
  -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: #edca50;
  background: #edca50;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* END reviews */


/* 35. START upcoming_products */
ul.upcoming_list {
  margin: 0px;
}
ul.upcoming_list li {
  list-style-type:none;
  border-bottom: 1px solid #eee;
  padding: 5px 0px;
}
/* END upcoming_products */


/* 36. START coupon box - error message */
.hb_box_text {
  float:left;
  display:inline-block;
  line-height:3.0rem;
  font-size:1.2rem;
  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 */


/* 37. START downloads */
.downloadrow {
  border: 1px solid #ddd;
  background:#fafafa;
  padding:5px;
  margin-bottom:10px;
}
.dl_icon {
  float:left;
  width:61px;
  height:50px;
}
.dl_icon a {
  display:block;
  width:61px;
  height:50px;
}
.dl_icon a:hover {
  text-decoration:none;
}
.dl_content {
  float:left;
  display:inline-block;
  margin: 0 0 0 30px;
  line-height:2.1rem;
  font-size:1.3rem;
  padding: 3px 0 0 0;
}
/* END downloads */


/* 38. START offline & admin-login */
#layout_offline {
  max-width:700px;
  margin:40px auto;
  padding:30px;
  border: 1px solid #ddd;
}
#layout_adminlogin {
  position:relative;
  margin: 50px auto;
  padding:15px;
  background:#fff;
  border:solid #eee 1px;
  box-shadow: 0px 0px 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:1.6rem;
  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);
}
#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);
}
/* END offline & admin-login */




/* 39. START toggle shopping cart box */
.toggle_overlay {
  display:none;
  position:fixed;
  top:0;
  background:rgba(0,0,0,0.2);
  width:100%;
  height:100%;
  z-index:1300;
}
.toggle_cart,
.toggle_wishlist,
.toggle_account {
  position:fixed;
  top:0px;
  bottom: 0px;
  margin: auto;
  z-index:1301;
  text-align:left;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding:60px 20px 70px 20px;
  background:#fff;
  box-shadow: 0 0 50px rgb(0 0 0 / 20%);
  color:#000;
  right:calc(-100% + 30px);
  width:calc(100% - 30px);
  display:block !important;
  transition: all 0.3s ease-in-out;
  opacity:0;
}
.header_case_2 .toggle_account {
  left:calc(-100% + 30px); right:initial;
}

@media (min-width: 440px){
  .toggle_cart, .toggle_wishlist, .toggle_account { width:400px; padding:60px 40px 70px 40px; right:-400px; }
  .header_case_2 .toggle_account { left:-400px; right:initial; }
}

.admin_mode .toggle_cart,
.admin_mode .toggle_wishlist,
.admin_mode .toggle_account {
  padding-top:96px;
}
.toggle_cart.active,
.toggle_wishlist.active,
.toggle_account.active {
  opacity:1;
  right:0px;
}
.header_case_2 .toggle_account.active { left:0px; right: initial; }

.toggle_cart > .toggle_closer,
.toggle_wishlist > .toggle_closer,
.toggle_account > .toggle_closer,
.toggle_closer_menu{
  cursor:pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  /*border: 1px solid #aaa;*/
  padding: 5px 12px;
  border-radius: 0px;
  font-size: 12px !important;
  font-weight: normal !important;
}
.admin_mode .toggle_cart > .toggle_closer,
.admin_mode .toggle_wishlist > .toggle_closer,
.admin_mode .toggle_account > .toggle_closer {
  top:46px;
}
.toggle_closer {
  cursor:pointer;
}
.toggle_headline {
  margin: 0px 0px 20px 0px;
  font-size:1.2rem;
  line-height:1.6rem;
  font-weight:400;
}

.toggle_products {
  margin: 10px 0px;
  border-top: 1px solid #ddd;
}
.toggle_products_item {
  display: flex;
  padding: 15px 0px;
  border-bottom: 1px solid #ddd;
}
.toggle_products_image {
  width:90px;
  background:#fff;
  position:relative;
}
.toggle_products_image:before {
  content: "";
  display:block;
  padding-top: 128.6173%;
}
.toggle_products_image a {
  display:block;
}
.toggle_products_image img {
  max-width:100%;
  max-height:100%;
  width:auto !important;
  height:auto !important;
  position: absolute;
  font-size:0.1px;
  top: 0;
  left: 0;
  right: 0;
}
.toggle_products_content {
  flex: 1;
  padding: 0px 0px 0px 15px;
}
.tpc_title {
  font-size:1.2rem;
  line-height:1.6rem;
  font-weight:500;
  text-transform:none;
}
.tpc_title a:hover {
  text-decoration:none;
}
.tpc_quantity {
  margin: 5px 0 0 0;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:400;
}
.tpc_atttributes {
  margin: 5px 0 0 0;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:400;
}

.toggle_products_action {
  margin: 2px 0 0 0;
  display: flex;
  align-items: center;
}
.toggle_products_price {
  text-align:right;
  flex: 1;
  font-size:1.2rem;
  line-height:1.6rem;
}


.toggle_products_icon {
  width:30px;
}
.toggle_products_icon .cssButton {
  padding: 5px 5px 5px 5px;
  font-size:1.2rem;
  margin: 0px 0 0 -10px;
  min-height: auto;
}
.toggle_products_icon .cssButton .cssButtonText {
  display:none !important;
}
.toggle_products_icon .cssButtonColor5 {
  background:transparent;
  color:#555;
}
.toggle_products_icon .cssButtonColor5:hover {
  opacity:0.8;
}


.toggle_action {
  margin: 20px 0px 0px 0px;
}
.toggle_action a {
  text-decoration:none !important;
}

.toggle_account #loginbox {
  margin: 0px 0 0px 0;
}
.toggle_account #loginbox .field_item_1 {
  margin: 10px 0;
}
.toggle_account #loginbox input[type=text]:focus,
.toggle_account #loginbox input[type=password]:focus,
.toggle_account #loginbox input[type=email]:focus {
  background-color:#f5f5f5;
  border-color: #999;
  color: #000;
}

.toggle_account ul.arrownav {
  border-top: 1px solid #ddd;
  list-style-type:none;
  margin: 0 0 0 0;
}
.toggle_account ul.arrownav li {
  padding: 8px 0px 8px 0px;
  border-bottom: 1px solid #ddd;
}
.toggle_account ul.arrownav li a {
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:500;
}
.toggle_account ul.arrownav li a:hover {
  text-decoration:none;
}
.toggle_account ul.arrownav li a:hover span {
  border-bottom: 1px solid #555;
}
.toggle_account ul.arrownav li .fas {
  font-size:1.0rem;
  line-height:1.8rem;
  margin: 0 10px 0 0;
}

/* END toggle shopping cart box */


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


/* 42. START sitemap  */
.sitemaplist {
  margin: 0 0 20px 0;
}
.sitemaplist img {
  display:none !important;
}

.sitemaplist ul {
  list-style-type:none;
  margin:0px;
  font-size:1.3rem;
  line-height:1.9rem;
}
.sitemaplist > ul.sitemapcat {
  -moz-column-count: 1;
  -moz-column-gap: 60px;
  -moz-column-rule: 1px solid #eee;
  -webkit-column-count: 1;
  -webkit-column-gap: 60px;
  -webkit-column-rule: 1px solid #eee;
  column-count: 1;
  column-gap: 60px;
  column-rule: 1px solid #eee;
}

@media (min-width: 520px){
  .sitemaplist > ul.sitemapcat { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}
@media (min-width: 700px){
  .sitemaplist > ul.sitemapcat { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}



.sitemaplist > ul.sitemapcat > li.level1 {
  overflow: hidden;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside:avoid;
  column-break-inside:avoid;
  break-inside: avoid;
  break-inside: avoid-column;
  margin-bottom:30px;
  list-style-type:none;
  display:block;
  width:100%;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.sitemaplist > ul.sitemapcat > li.level1 > a {
  display:block;
  padding: 10px 5px;
  font-weight:bold;
}
.sitemaplist > ul.sitemapcat > li.level1 > a:hover {
  color:#000 !important;
  text-decoration:none !important;
}
.sitemaplist > ul.sitemapcat > li ul li {
  border-top: 1px solid #eee;
  font-weight:normal;
}
.sitemaplist > ul.sitemapcat > li ul li a {
  color:#000;
  display:block;
  padding: 6px 0px;
}
.sitemaplist > ul.sitemapcat > li ul li a:hover {
  text-decoration:none !important;
}
/* level2 */
.sitemaplist > ul.sitemapcat > li ul li a {
  padding-left:5px !important;
}
/* level3 */
.sitemaplist > ul.sitemapcat > li ul ul li a {
  padding-left:20px !important;
}
/* level4 */
.sitemaplist > ul.sitemapcat > li ul ul ul li a {
  padding-left:35px !important;
}
/* level5 */
.sitemaplist > ul.sitemapcat > li ul ul ul ul li a {
  padding-left:50px !important;
}
/* END sitemap  */


/* 43. START product_reviews_info */
.pri_imagebox {
  float:left;
  width:262px;
}
.pri_big_image {
  position:relative;
  width:240px;
  min-height:240px;
  margin: 0px 0px 0px 0px;
  border:1px solid #eee;
}
.pri_big_image img {
  position:absolute;
  margin: auto;
  left:0px;
  right:0px;
  bottom:0px;
  top:0px;
  max-width:240px;
  height:auto;
}
.pri_zoomtext {
  line-height:1.3rem;
  font-size:0.9rem;
  padding:10px 0px;
}
.pri_content {
  float:right;
  width:58%;
}
.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:1.3rem;
  line-height:1.7rem;
  color:#ccc;
  padding: 0px 0px 0 0;
}
.pri_rating_icons .fas {
  padding: 0 1px 0 0;
}
.pri_rating_icons .full  {
  color:#f1c40f;
}
/* END product_reviews_info */


/* 44. START Last viewed in account */
ul.historylist {
  list-style-type:none !important;
  margin-left: 0px !important;
}
ul.historylist li {
  border-bottom: 1px solid #ddd;
  padding: 15px 0px;
}
ul.historylist li.first {
  padding: 0px 0px 15px 0px;
}
.hl_image {
  float:left;
  width: 50px;
  height:50px;
  overflow:hidden;
  padding: 2px;
  border: 1px solid #ddd;
  position:relative;
  display:block;
  margin: 0px 20px 0px 0px;
}
.hl_image img {
  max-width: 50px;
  max-height:50px;
  position:absolute;
  margin: auto;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
}
.hl_text {
  float:left;
  display:block;
  width:49%;
}
.hl_text_entry {
  display:block;
  padding: 0px 0px 8px 0px;
}
.hl_price {
  display:block;
  float:right;
  width:28%;
  text-align:right;
  font-weight:bold;
}
.hl_price .no_price {
  font-size:0.9rem;
  line-height:1.1rem;
  font-weight:normal;
  display:block;
  padding:0px 0 0 0;
  color:#666;
}
.hl_price .special_price {
  display:block;
  font-size:1.3rem;
  line-height:1.9rem;
  color:#eb0037;
}
.hl_price .small_price {
  font-size:0.9rem;
  font-weight:normal;
  line-height:1.1rem;
}
.hl_price .graduated_price {
  display:block;
}
.hl_price .item_price {
  display:block;
  font-size:1.1rem;
}
.hl_price .value_price {
  white-space:nowrap;
}
/* END Last viewed in account */


/* 45. START account cart and click buttons */
.account_row_payment,
.account_row_shipping {
  padding:3px 0px;
}
.account_row_payment span,
.account_row_shipping span {
  display:inline-block;
  width:23px;
  float:left;
}
ul.address_block {
  margin: 15px 0px 0px 0px !important;
  list-style-type:none !important;
}
ul.address_block li {
  border-top: 1px solid #ddd;
  margin-top:10px;
  padding-top: 10px;
}
ul.address_block li .address_check {
  float:left;
  display:inline-block;
  width:23px;
}
ul.address_block li .address_head {
  display:inline-block;
  font-weight:bold;
}
ul.address_block li .address {
  display:block;
  padding:5px 0px 0px 0px;
}

.account_edit_buttons {
  display:block;
  float:right;
  width:100px;
  margin: 10px 0px 10px 10px;
}

.accountbutton_row {
  margin: 5px 0px 5px 0px;
}
.accountbutton_history_row {
  margin: 5px 0px 0px 0px;
}
.accountbutton_historyinfo_row {
  margin: 10px 0px 0px 0px;
}
.account_actions_right {
  float:right;
  display:inline-block;
  text-align:right;
}
.accounthistory_actions {
  text-align:center;
  display:inline-block;
  padding-top:4px;
}
/* END account cart and click buttons */


/* 46. START miscellaneous */

/* START Subcontent navigation in content */
.subcontent_menu {
  margin: -10px auto 40px auto;
  width:100%;
  max-width:800px;
  text-align:center;
}
.subcontent_menu ul {
  list-style-type:none;
  text-align:center;
}
.subcontent_menu > ul > li {
  vertical-align:top;
  display:inline-block;
}
.subcontent_menu > ul > li > a {
  vertical-align:top;
  display:inline-block;
  margin: 15px 15px 0px 15px;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:600;
  border-bottom: 1px solid transparent;
  white-space:nowrap;
  color:#000;
}
.subcontent_menu > ul > li > a:hover {
  text-decoration:none;
  border-bottom: 1px solid #555;
}
.subcontent_menu > ul > li.active > a {
  text-decoration: none;
  border-bottom: 1px solid #555;
}
/* END Subcontent navigation in content */




/* START tags */
.tags_block {
  margin: 0px 0 0px 0;
  border-top: 0px solid #eee;
}
.tags_row {
  display: flex;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:400;
  border-bottom: 0px solid #eee;
  padding: 0px 0px;
  margin: 0 0 10px 0;
}
.tags_bg1 {
  background:#ffffff;
}
.tags_bg2 {
  background:#ffffff;
}
.tags_row .tags_options {
  float:left;
  width:30%;
  padding: 0px 10px 0px 0;
}
.tags_row .tags_options .fas {
  font-size:1.3rem;
  line-height:1.9rem;
  color:#3d82ab;
  margin-left:4px;
}
.tags_options_tooltip {
  position:relative;
  z-index: 1;
  display:inline-block;
}
.tags_options_tooltip .tags_options_tooltip_hover {
  position:absolute;
  bottom:20px;
  left:-95px;
  width:200px;
  background:#3d82ab;
  border: 1px solid #3d82ab;
  color:#fff;
  display:none;
  font-size:1.2rem;
  line-height:1.6rem;
  font-weight:400;
  padding:5px;
}
.tags_options_tooltip:hover .tags_options_tooltip_hover {
  display:block;
}

.tags_row .tags_values {
  float:left;
  width:70%;
  display:block;
  font-size:0.1px;
  padding: 0px 0px 0px 0;
}
.tags_values_icon_row {
  font-size:1.3rem;
  line-height:1.9rem;
  float:left;
  padding:0px 0px 0px 0px;
}


.tags_values_icon {
  float:left;
  display:inline-block;
  height:18px;
  width:auto;
  margin:0 10px 0px 0;
}
.tags_values_icon img {
  float:left;
  height:18px;
}
.tags_values_icon a {
  display:block;
}
.tags_values_icon a:hover {
  text-decoration:none;
}
.tags_icons_tooltip {
  position:relative;
  display:block;
}
.tags_icons_tooltip .tags_icons_tooltip_hover {
  position:absolute;
  bottom:24px;
  left:-95px;
  width:200px;
  background:#3d82ab;
  border: 1px solid #3d82ab;
  color:#fff;
  display:none;
  font-size:1.2rem;
  line-height:1.6rem;
  font-weight:400;
  padding:5px;
}
.tags_icons_tooltip:hover .tags_icons_tooltip_hover {
  display:block;
}
.tags_values_text_row {
  display: flex;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:400;
  float:left;
  padding:0px 0px 0px 0px;
}
.tags_values_name {
  position:relative;
  cursor:default;
  float:left;
  clear:left;
}
.tags_values_name_tooltip {
  border-bottom: 1px dashed #999;
}
.tags_values_desc_hover {
  position:absolute;
  bottom:20px;
  left:-95px;
  width:200px;
  background:#3d82ab;
  border: 1px solid #3d82ab;
  color:#fff;
  display:none;
  font-size:1.2rem;
  line-height:1.6rem;
  font-weight:400;
  padding:5px;
}
.tags_values_name:hover .tags_values_desc_hover {
  display:block;
}
.tags_values_info {
  position:relative;
}
.tags_values_info .fas {
  font-size:1.3rem;
  line-height:1.9rem;
  color:#3d82ab;
  margin-left:4px;
}
.tags_values_diff {
  font-size:1.3rem;
  line-height:1.9rem;
  padding-left:1px;
  padding-right:4px;
}
/* END tags */




/* START Bannermanager */
.content_banner {
  margin: 20px 0 20px 0;
}
.content_banner img {
  float:left;
  width:100%;
  height:auto;
}
/* END Bannermanager */

/* START autocomplete */
.suggestionsBox {
  position:absolute;
  left:-10px;
  right: -10px;
  margin:0px;
  background:#fff;
  color:#000;
  z-index:1100;
  padding: 10px 10px 10px 10px;
  text-align:left;
  height: 80vh;
  overflow: auto;
}


.suggestionList {
  margin:0px;
  padding:0px;
}
.autocomplete_error {
  display:block;
  padding: 10px;
  text-align:center;
  font-size:1.2rem;
  line-height:1.8rem;
}

.autocomplete_flex_row {
  margin: 0px -5px;
  display: flex;
  flex-wrap: wrap;
  position:relative;
  z-index:4;
}
.autocomplete_flex_item {
  width:50%;
  padding: 5px;
  margin: 0 0 10px 0;
}
@media (min-width: 400px){
  .autocomplete_flex_item { width:33.3333%; }
}
@media (min-width: 600px){
  .autocomplete_flex_item { width:25%; }
}



.autocomplete_flex_item a:hover {
  text-decoration:none !important;
}
.autocomplete_image {
  margin: 0 0 0 0;
  text-align: center;
  width: 100%;
  position:relative;
  display:block;
  overflow:hidden;
}
.autocomplete_image:before {
  content: "";
  display:block;
  padding-top: 128.6173%;
}
.autocomplete_image img {
  max-width:100%;
  max-height:100%;
  width:auto !important;
  height:auto !important;
  margin: auto;
  position: absolute;
  font-size:0.1px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.autocomplete_text {
  display:block;
  font-weight: 400;
  font-size:1.2rem;
  line-height:1.6rem;
  padding: 5px 0px 0px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.autocomplete_price {
  padding: 2px 0px 0px 0px;
  display:block;
  color:#000;
  font-size:1.2rem;
  line-height:1.6rem;
  font-weight:600;
}
.autocomplete_price .new_price {
  vertical-align:top;
  display:inline-block;
  color:#000;
  padding-right:10px;
}
.autocomplete_price .old_price {
  vertical-align:top;
  display:inline-block;
  color:#eb0037;
  text-decoration:line-through;
}

#autocomplete_showall {
  position:relative;
  z-index:4;
  display: block;
  margin: 0px auto 60px auto;
  max-width: 300px;
}
@media (min-width: 600px){
  #autocomplete_showall { margin: 0px auto; }
}
#autocomplete_showall a {
  margin:15px 0 0 0;
}




/* END autocomplete */

/* END miscellaneous */



/* 47. START CSS Buttons */

/* Globals for CSS Buttons */
.cssButtonLink {
  display:block;
}
.cssButtonLink a {
  display:inline-block;
  margin: 0px 0px;
  padding: 2px 0px;
  font-size:1.4rem;
  line-height:1.8rem;
  font-weight: 400;
  text-transform: none;
  color:#777;
  border-bottom: 1px solid #777;
}
.cssButtonLink a:hover {
  color:#000;
  border-bottom: 1px solid #777;
  text-decoration:none;
}

.cssButtonLink .cssButton.cssButtonColor8 {
  display: inline-block;
  width: auto;
  text-align: left;
  padding: 0px 0px;
  font-size:1.1rem;
  line-height:1.7rem;
  font-weight:500;
  min-height: initial;
  border-bottom: 1px solid #ccc;
  margin: 4px 0 0 0;
  color: #999;
}
.cssButtonLink .cssButton.cssButtonColor8 .cssButtonText {
  padding: 0px 0px;
}



.cssButton {
  position:relative;
  display:block;
  width:100%;
  text-align:center;
  padding: 11px 5px;
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:400;
  text-transform:uppercase;
  white-space:nowrap;
  text-decoration:none;
  min-height:44px;
  transition: all 0.5s ease-in-out;
  border-radius:6px
}

.cssButton button {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  color:transparent;
  cursor:pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.cssButton .fas,
.cssButton .far {
  padding-left:3px;
  padding-right:3px;
}
.cssButton .las,
.cssButton .lar {
  font-size: 1.8rem;
  line-height: 1.8rem;
  padding-left:3px;
  padding-right:3px;
}

.cssButton .cssButtonText {
  display:inline-block;
  padding-left:3px;
  padding-right:3px;
  text-decoration:none;
  text-transform:uppercase;
}

/* Colors for CSS Buttons */

/* Black Buttons */
.cssButtonColor1 {
	border:1px solid #000;
	text-decoration:none;
	background-color:#fff;
	color:#000;
	display:inline-block;
}
.cssButtonColor1:hover {
	border:1px solid #000;
	background-color:#000;
	color:#ffffff;
  text-decoration:none !important;
}

/* Magenta Buttons */
.cssButtonColor2 {
	border:1px solid #000;
	text-decoration:none;
	background-color:#000;
	color:#ffffff;
	display:inline-block;
}
.cssButtonColor2:hover {
  opacity:0.8;
  text-decoration:none !important;
}

/* Transparent Buttons with Border */
.cssButtonColor3 {
  background:#fafafa;
  border: 1px solid #c6c6c6;
  color:#555;
}
.cssButtonColor3:hover {
  background:#fafafa;
  color:#000;
  text-decoration:none !important;
}

/* Green Buttons */
.cssButtonColor4 {
	border:1px solid #000;
	text-decoration:none;
	background-color:#000;
	color:#ffffff;
	display:inline-block;
}
.cssButtonColor4:hover {
  opacity:0.8;
  text-decoration:none !important;
}

/* Transparent Icons no Border */
.cssButtonColor5 {
  background:transparent;
  color:#555;
}
.cssButtonColor5:hover {
  color:#000;
  text-decoration:none !important;
}


/* Yellow Paypal Express Buttons */
.cssButtonColor6 {
	border:1px solid #d19c20;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffc848 15%, #fbba22 90% );
	background:-ms-linear-gradient( top, #ffc848 15%, #fbba22 90% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #ffc848), color-stop(90%, #fbba22) );
	background-color:#ffc848;
	color:#000;
	display:inline-block;
	text-shadow:1px 1px 0px #ffd97e;
  box-shadow:inset 1px 1px 0px 0px #ffe3a1;
  height:32px;
}
.cssButtonColor6:hover {
	background:-moz-linear-gradient( center top, #fbba22 15%, #ffc848 90% );
	background:-ms-linear-gradient( top, #fbba22 15%, #ffc848 90% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #fbba22), color-stop(90%, #ffc848) );
	background-color:#fbba22;
	color:#000;
  text-decoration:none !important;
}
.cssButtonColor6 .color-paypal0 {
  font-size:1.0rem;
  line-height:1.6rem;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#013088;
  padding: 0 5px 0 0;
  vertical-align:middle;
}
.cssButtonColor6 .color-paypal1 {
  font-size:1.8rem;
  line-height:1.6rem;
  font-family: 'Poppins', sans-serif;
  font-style:italic;
  font-weight:700;
  color:#013088;
}
.cssButtonColor6 .color-paypal2 {
  font-size:1.8rem;
  line-height:1.6rem;
  font-family: 'Poppins', sans-serif;
  font-style:italic;
  font-weight:700;
  color:#019CDE;
}


/* Wishlist Button Listing */
.cssButtonColor7 {
  background:transparent;
  color:#777;
}
.cssButtonColor7:hover {
  color:#000;
  text-decoration:none !important;
}


/* 49. START Custom checkbox & radio */

/* globals & helper */
.cus_label {
  padding-left: 34px;
}
ol#address_block {
  margin: 15px 0px 0px 0px;
  list-style: none;
}
.cus_radio label .address {
  display: block !important;
  padding: 5px 0px 0px 0px !important;
  font-weight:400 !important;
}

/* custom checkbox */
.cus_check {
  font-size:1.4rem;
  line-height:2.0rem;
}
.cus_check_small {
  font-size:1.2rem;
  line-height:1.8rem;
}
.cus_check strong {
  font-weight:600;
}
.cus_check input[type="checkbox"] {
  position: absolute !important;
  visibility:hidden;
  opacity: 0;
}
.cus_check input[type="checkbox"] ~ label {
  padding-left: 34px;
  position: relative;
  cursor: pointer;
  display: block;
  margin: 0 0 0px 0;
}
.cus_check input[type="checkbox"] ~ label:before {
  content: '';
  display:block;
  border: 1px solid #aaa;
  border-radius:2px;
  width:16px;
  height:16px;
  position: absolute;
  top: 1px;
  left: 0px;
  transition: background .15s;
}
.cus_check.cus_check_small input[type="checkbox"] ~ label:before {
  top: 0px;
}
.cus_check input[type="checkbox"]:disabled ~ label {
  color: #aaa;
}
.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: 'Line Awesome Free';
  content: '\f00c';
  font-weight:900;
  font-size:9px;
  position: absolute;
  border: 1px solid #555;
  border-radius:2px;
  width:16px;
  height:16px;
  line-height:16px;
  top: 1px;
  left: 0px;
  text-align:center;
  color: #555;
  transition: transform .15s;
  transform: scale(0);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cus_check.cus_check_small input[type="checkbox"] ~ label:after {
  top: 0px;
}
.cus_check input[type="checkbox"]:checked ~ label:after {
  transform: scale(1);
}

/* custom radios */
.cus_radio {
  font-size:1.4rem;
  line-height:2.0rem;
}
.cus_radio.cus_radio_small {
  font-size:1.2rem;
  line-height:1.8rem;
}
.cus_radio > label {
  padding-left: 34px;
}
.cus_radio input[type="radio"] {
  position: absolute;
  visibility:hidden;
  opacity: 0;
}
.cus_radio input[type="radio"] ~ label {
  padding-left: 34px;
  position: relative;
  cursor: pointer;
  display: block;
  margin: 0 0 0px 0;
}
.cus_radio input[type="radio"] ~ label:before {
  font-family: 'Line Awesome Free';
  content: "\f111";
  font-weight:400;
  font-size: 24px;
  line-height:24px;
  position: absolute;
  top: -2px;
  left: -1px;
  color:#ccc;
  transition: background .15s;
}
.cus_radio.cus_radio_small input[type="radio"] ~ label:before {
  top: -3px;
}
.cus_radio input[type="radio"]:disabled ~ label {
  color: #aaa;
}
.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: 'Line Awesome Free';
  content: '\f192';
  font-weight:400;
  font-size: 24px;
  line-height:24px;
  position: absolute;
  top: -2px;
  left: -1px;
  color: #555;
  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: -3px;
}
.cus_radio input[type="radio"]:checked ~ label:after {
  transform: scale(1);
}


/* END Custom checkbox & radio */

.external_links a:after {
  font-family: 'Line Awesome Free';
  content: '\f35d';
  font-weight: 900;
  font-size:9px;
  line-height:9px;
  margin: 0 0 0 5px;
  vertical-align:2px;
}






ul.accountlist {
  border-top: 1px solid #ddd;
  list-style-type:none;
  margin: 0 0 0 0;
}
ul.accountlist li {
  padding: 8px 0px;
  border-bottom: 1px solid #ddd;
}
ul.accountlist li a {
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:500;
}
ul.accountlist li a:hover {
  text-decoration:none;
}
ul.accountlist li a:hover span {
  border-bottom: 1px solid #555;
}
ul.accountlist li .fas {
  font-size:1.0rem;
  line-height:1.8rem;
  margin: 0 10px 0 0;
}

ul.account {
  list-style-type:none;
  padding: 0 0 0 0;
  margin: 0px 0px 0px 0px;
}
ul.account li {
  padding: 15px 0px;
  border-top: 1px solid #ddd;
}
ul.account li.botttomborder {
  border-top: none;
  border-bottom: 1px solid #ddd;
}
ul.account li.noborder {
  padding: 6px 0px;
  border-top: none;
}
ul.account a:hover {
  text-decoration:none;
}

.account_inner {
  display: flex;
}
.account_image {
  width:70px;
  padding: 5px;
  background:#fff;
  border: 1px solid #ddd;
}
.account_text {
  flex: 1;
  padding: 0 0 0 30px;
}

.account_icons {
  float:right;
  display:block;
  margin: 0 -4px 0 0
}
.account_icons .cssButton {
  float:left;
  width:40px;
  margin: 0px 4px;
  padding: 7px 0px 7px 0px !important;
  min-height:auto !important;
}


.account_kachel {
  margin: 0px -10px;
  display: flex;
  flex-wrap: wrap;
}

.ac_item {
  width:100%;
  padding: 10px 10px;
}
@media only screen and (min-width: 500px) {
  .ac_item { width:50%; }
}
@media only screen and (min-width: 800px) {
  .ac_item { width:20%; }
}

.ac_item_inner {
  border: 1px solid #ddd;
  background:#fff;
  padding: 0px 0px;
  display: flex;
  height:100%;
  text-align:center;
}
.ac_item_inner a {
  width:100%;
  padding: 30px 10px;
  display:block;
  background:#fff;
}
.ac_item_inner a:hover {
  background:#fafafa;
  text-decoration:none !important;
}

.ac_item_inner .icon {
  display:block;
  text-align:center;
  font-size:2.0rem;
  line-height:3.0rem;
  margin: 0px 0 10px 0
}
.ac_item_inner .title {
  display:block;
  text-align:center;
  font-size:1.3rem;
  line-height:1.9rem;
  font-weight:700;
  margin: 5px 0 5px 0
}
.ac_item_inner .text {
  display:none;
  text-align:center;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:400;
  margin: 5px 0 5px 0
}




/* START slick-carousel listing, details, bestseller ... */
.carousel_listingbox,
.carousel_listingbox_details,
.carousel_listingbox_small {
  margin: 0px 0px 0px 0px;
}

.carousel_listingbox .slick-dotted,
.carousel_listingbox_details .slick-dotted,
.carousel_listingbox_small .slick-dotted {
  margin: 0 0 30px 0;
}
#pd_image_zoomer_single .slick-dotted {
  margin: 0 0 0px 0;
}

.carousel_listingbox .slick-slide,
.carousel_listingbox_details .slick-slide,
.carousel_listingbox_small .slick-slide {
  height: initial;
  min-height: initial;
}
.carousel_listingbox .slick-track,
.carousel_listingbox_details .slick-track,
.carousel_listingbox_small .slick-track {
  display: flex !important;
}
.carousel_listingbox .slick-track .slick-slide > div,
.carousel_listingbox_details .slick-track .slick-slide > div,
.carousel_listingbox_small .slick-track .slick-slide > div {
  display: flex;
  height:100%;
}
.carousel_listingbox .slick-track .slick-slide > div .lb_box_1,
.carousel_listingbox_details .slick-track .slick-slide > div .lb_box_1,
.carousel_listingbox_small .slick-track .slick-slide > div .lb_box_1 {
  margin: 0px;
}

.carousel_listingbox .slick-dots,
.carousel_listingbox_details .slick-dots,
.carousel_listingbox_small .slick-dots {
  bottom: -30px;
}

#pd_image_zoomer_single .slick-dots {
  bottom: 20px;
}
.layout_slider .slick-dots {
  bottom: 1px;
}

.carousel_listingbox .slick-dots li.slick-active button:before,
.carousel_listingbox_details .slick-dots li.slick-active button:before,
.carousel_listingbox_small .slick-dots li.slick-active button:before {
  color: #000;
}
.carousel_listingbox .slick-dots li button:before,
.carousel_listingbox_details .slick-dots li button:before,
.carousel_listingbox_small .slick-dots li button:before {
  font-weight:400;
  color: #666;
}


.pd_info_images .slick-prev,
.pd_info_images .slick-next,
.pd_info_images .slick-prev:focus,
.pd_info_images .slick-next:focus,
.pd_image_big_container .slick-prev,
.pd_image_big_container .slick-next,
.pd_image_big_container .slick-prev:focus,
.pd_image_big_container .slick-next:focus,
.pd_image_small_container .slick-prev,
.pd_image_small_container .slick-next,
.pd_image_small_container .slick-prev:focus,
.pd_image_small_container .slick-next:focus,
.carousel_listingbox .slick-prev,
.carousel_listingbox .slick-next,
.carousel_listingbox .slick-prev:focus,
.carousel_listingbox .slick-next:focus,
.carousel_listingbox_details .slick-prev,
.carousel_listingbox_details .slick-next,
.carousel_listingbox_details .slick-prev:focus,
.carousel_listingbox_details .slick-next:focus,
.carousel_listingbox_small .slick-prev,
.carousel_listingbox_small .slick-next,
.carousel_listingbox_small .slick-prev:focus,
.carousel_listingbox_small .slick-next:focus {
  transition: all 0.3s ease-in-out;
  border-radius:2px;
  border: 0px solid #fff;
  width: 48px;
  height: 48px;
  background: transparent;
  z-index: 2;
  opacity:0.8;
}
.layout_slider .slick-prev,
.layout_slider .slick-next,
.layout_slider .slick-prev:focus,
.layout_slider .slick-next:focus {
  transition: all 0.3s ease-in-out;
  border-radius:2px;
  border: 0px solid #fff;
  width: 48px;
  height: 48px;
  background: transparent;
  z-index: 2;
  opacity:0.2;
}
.layout_slider:hover .slick-prev,
.layout_slider:hover .slick-next,
.layout_slider:hover .slick-prev:focus,
.layout_slider:hover .slick-next:focus {
  opacity:0.8;
}

.layout_slider .slick-prev,
.pd_info_images .slick-prev,
.pd_image_big_container .slick-prev,
.carousel_listingbox .slick-prev,
.carousel_listingbox_details .slick-prev,
.carousel_listingbox_small .slick-prev {
  left: 10px;
}
.layout_slider .slick-next,
.pd_info_images .slick-next,
.pd_image_big_container .slick-next,
.carousel_listingbox .slick-next,
.carousel_listingbox_details .slick-next,
.carousel_listingbox_small .slick-next {
  right: 10px;
}

.pd_image_small_container .slick-next {
  right: 0px; left: -21px; bottom: 15px; margin: auto; top: auto;
  transform: rotate(90deg);
}
.pd_image_small_container .slick-prev {
  right: 0px; left: -21px; bottom: auto; top: 15px; margin: auto;
  transform: rotate(90deg);
}

.layout_slider .slick-prev:before,
.layout_slider .slick-next:before,
.pd_info_images .slick-prev:before,
.pd_info_images .slick-next:before,
.pd_image_big_container .slick-prev:before,
.pd_image_big_container .slick-next:before,
.pd_image_small_container .slick-prev:before,
.pd_image_small_container .slick-next:before,
.carousel_listingbox .slick-prev:before,
.carousel_listingbox .slick-next:before,
.carousel_listingbox_details .slick-prev:before,
.carousel_listingbox_details .slick-next:before,
.carousel_listingbox_small .slick-prev:before,
.carousel_listingbox_small .slick-next:before {
  color:#999;
  font-size:1.8rem;
}

.layout_slider .slick-prev:hover,
.layout_slider .slick-next:hover,
.pd_info_images .slick-prev:hover,
.pd_info_images .slick-next:hover,
.pd_image_big_container .slick-prev:hover,
.pd_image_big_container .slick-next:hover,
.pd_image_small_container .slick-prev:hover,
.pd_image_small_container .slick-next:hover,
.carousel_listingbox .slick-prev:hover,
.carousel_listingbox .slick-next:hover,
.carousel_listingbox_details .slick-prev:hover,
.carousel_listingbox_details .slick-next:hover,
.carousel_listingbox_small .slick-prev:hover,
.carousel_listingbox_small .slick-next:hover {
  outline: none;
  background: #fff;
  opacity:1.0;
}
.layout_slider .slick-prev:hover:before,
.layout_slider .slick-prev:focus:before,
.layout_slider .slick-next:hover:before,
.layout_slider .slick-next:focus:before,
.pd_info_images .slick-prev:hover:before,
.pd_info_images .slick-prev:focus:before,
.pd_info_images .slick-next:hover:before,
.pd_info_images .slick-next:focus:before,
.pd_image_big_container .slick-prev:hover:before,
.pd_image_big_container .slick-prev:focus:before,
.pd_image_big_container .slick-next:hover:before,
.pd_image_big_container .slick-next:focus:before,
.pd_image_small_container .slick-prev:hover:before,
.pd_image_small_container .slick-prev:focus:before,
.pd_image_small_container .slick-next:hover:before,
.pd_image_small_container .slick-next:focus:before,
.carousel_listingbox .slick-prev:hover:before,
.carousel_listingbox .slick-prev:focus:before,
.carousel_listingbox .slick-next:hover:before,
.carousel_listingbox .slick-next:focus:before,
.carousel_listingbox_details .slick-prev:hover:before,
.carousel_listingbox_details .slick-prev:focus:before,
.carousel_listingbox_details .slick-next:hover:before,
.carousel_listingbox_details .slick-next:focus:before,
.carousel_listingbox_small .slick-prev:hover:before,
.carousel_listingbox_small .slick-prev:focus:before,
.carousel_listingbox_small .slick-next:hover:before,
.carousel_listingbox_small .slick-next:focus:before {
  color: #000;
}
/* END slick-carousel */


/* Stiyky add to basket */
#addtobasket_sticky_selector {
  height: 0px;
  position: relative;
  top: -60px;
}
.addtobasket_sticky {
  display:none;
  position: fixed;
  top:70px;
  left:0px;
  right:0px;
  z-index:999;
  background:#fff;
  border-bottom: 1px solid #d7d7d8;
  border-top: 1px solid #d7d7d8;
  padding:10px 0;
  opacity:0;
  visibility:hidden;
  transition: all 0.8s ease-in-out;
}
.admin_mode .addtobasket_sticky {
  top: 106px;
}
.addtobasket_sticky.active {
  opacity:1;
  visibility:visible;
}

@media (min-width: 1024px){
  .addtobasket_sticky { display:block; }
}

.addtobasket_sticky_row {
  position:relative;
  display: flex;
  align-items: center;
}
.addtobasket_sticky_image {
  width: 42px;
  height:42px;
  border: 1px solid #ddd;
  border-radius: 0px;
  overflow:hidden;
  position:relative;
}
.addtobasket_sticky_image img {
  width:42px;
  height:auto;
  vertical-align:top;
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  margin: auto;
}
.addtobasket_sticky_name {
  width:30%;
  text-align: left;
  font-weight: 500;
  font-size:1.2rem;
  line-height:1.8rem;
  text-transform: uppercase;
  padding: 0px 20px 0px 30px;
}
.addtobasket_sticky_price {
  padding: 0px 30px 0px 30px;
  flex: 1;
}
.addtobasket_sticky_price .pd_price {
  font-size:1.2rem;
  line-height:1.8rem;
}
.addtobasket_sticky_price .pd_price .save_price {
  font-size:1.0rem;
  margin: 1px 0 0 10px;
  line-height:1.4rem;
}
.addtobasket_options {
  padding: 0px 30px 0px 30px;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:600;
}
.addtobasket_options .topscroll {
  cursor:pointer;
}
.addtobasket_actions {
  width:240px;
  display: flex;
}
.addtobasket_actions .addtobasket_cart {
  flex: 1;
}
.addtobasket_actions .addtobasket_wish {
  padding: 0 0 0 10px;
  width: 52px;
}

/* End Stiyky add to basket */


/* Content sites */
.cm_content {

}
.cm_content ul {
  margin: 0px 0px 0px 18px;
}


.cm_textblock {
  font-size:1.4rem;
  line-height:2.2rem;
  font-weight:400;
  margin:24px auto;
  max-width:1024px;
  padding: 12px 48px;
}

/* Start Content Blog */
.cm_blog_flex_row {
  margin: 0px -5px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.cm_blog_flex_item {
  width:100%;
  padding: 0 1px;
  margin: 0 0 50px 0;
}
@media (min-width: 800px){
  .cm_blog_flex_item { width:50%; } 
}
@media (min-width: 1024px){
	.cm_blog_flex_item { width:50%; padding:0 1px; }
}


.cm_blog_flex_item_inner {
}
.cm_blog_image {
}
.cm_blog_image img {
  width:100%;
  height:auto;
  vertical-align:top;
}
.cm_blog_content {
  margin: 10px 0 0 0;
  padding: 0 24px 0 24px;
}
.cm_blog_headline {
  font-size:1.4rem;
  line-height:2.0rem;
  font-weight:600;
}
@media (min-width: 1024px){
	.cm_blog_headline { font-size: 2.4rem; line-height: 4.0rem; font-weight: 600; }
}

.cm_blog_text {
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:400;
  margin: 10px 0 10px 0;
}
.cm_blog_action {
  margin: 15px 0 0 0;
}
.cm_blog_action a {
    margin: 0 0 0 0;
    display:inline-block;
    background:#fff;
	border:1px solid #000;
	border-radius: 0px;
    padding: 11px 24px;
    color:#000;
    font-size:1.4rem;
    line-height:2.0rem;
    font-weight:400;
	text-transform:uppercase;
}
.cm_blog_action a:hover {
  opacity:0.8;
  text-decoration:none;
  background:#000;
  color:#fff;
}


/* End Content Blog */

/* Start Content Gallery */

.cm_gallery_flex_row {
  margin: 0px -1px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.cm_gallery_flex_item {
  width:auto;
  padding: 1px 1px;
  margin: 0 0 0px 0;
}
@media (min-width: 500px){
  .cm_gallery_flex_item { width:auto; }
}
@media (min-width: 900px){
  .cm_gallery_flex_item { width:auto; }
}
@media (min-width: 1200px){
  .cm_gallery_flex_item { width:auto; }
}


.cm_gallery_flex_item_inner {
  position:relative;
  overflow:hidden;
}
.cm_gallery_image {
}
.cm_gallery_image img {
  width:100%;
  height:auto;
  vertical-align:top;
}
.cm_gallery_content {
  display:block;
  z-index:1;
  background:rgba(255,255,255,0.80);
  padding:10px 10px 10px 10px;
  bottom:-10px;
  left:10px;
  right:10px;
  position:static;
  transform: none;
}
@media (min-width: 1024px){
  .cm_gallery_content { position:absolute; transform: translate3d(0, 100%, 0); }
}
.cm_gallery_headline {
  font-size:1.4rem;
  line-height:2.0rem;
  font-weight:600;
}
.cm_gallery_text {
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:400;
  margin: 10px 0 0 0;
}
.cm_gallery_action {
  margin: 5px 0 0 0;
}
.cm_gallery_action a {
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:600;
  color:#000;
  border-bottom: 1px solid #555;
}
.cm_gallery_action a:hover {
  opacity:0.8;
  text-decoration:none;
}
.cm_gallery_flex_item_inner:hover .cm_gallery_content {
  transform: translate3d(0, 0, 0);
  bottom: 10px;
}
.cm_gallery_flex_item_inner:hover img {
  opacity:0.6;
}
/* End Content Blog */


/* Start Content Rows */
.cm_rows_flex_row {
  margin: 1px 0px;
  display: flex;
  align-items: center;
}
.cm_rows_flex_row:nth-child(even) {
  flex-direction: column;
}
.cm_rows_flex_row:nth-child(odd) {
  flex-direction: column;
}
.cm_rows_image {
  width:100%;
}
.cm_rows_image img {
  width:100%;
  height:auto;
  vertical-align:top;
}
.cm_rows_content {
  width:100%;
  padding:20px 20px 10px 20px;
}
@media (min-width: 800px){
  .cm_rows_flex_row:nth-child(even) { flex-direction: row; }
  .cm_rows_flex_row:nth-child(odd) { flex-direction: row-reverse; }
  .cm_rows_image { width:50%; }
  .cm_rows_content { width:50%; padding:10px 30px 10px 30px; }
}

.cm_rows_headline {
  font-size:3.4rem;
  line-height:5.0rem;
  font-weight:600;
}
.cm_rows_text {
  font-size:1.4rem;
  line-height:2.4rem;
  font-weight:400;
  margin: 10px 0 0 0;
}
.cm_rows_action {
  margin: 5px 0 0 0;
}
.cm_rows_action a {
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:600;
  color:#000;
  border-bottom: 1px solid #555;
}
.cm_rows_action a:hover {
  opacity:0.8;
  text-decoration:none;
}
/* End Content Rows */

/* Start Content 100percent */
.cm_100percent_flex_row {
  margin: 0px 0px 60px 0px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.cm_100percent_image {
  width:100%;
}
.cm_100percent_image img {
  width:100%;
  height:auto;
  vertical-align:top;
}
.cm_100percent_content {
  width:100%;
  padding:20px 10% 0px 10%;
  text-align:center;
}
.cm_100percent_headline {
  font-size:1.6rem;
  line-height:2.4rem;
  font-weight:600;
}
.cm_100percent_text {
  font-size:1.4rem;
  line-height:2.2rem;
  font-weight:400;
  margin: 10px 0 0 0;
}
.cm_100percent_action {
  margin: 5px 0 0 0;
}
.cm_100percent_action a {
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:600;
  color:#000;
  border-bottom: 1px solid #555;
}
.cm_100percent_action a:hover {
  opacity:0.8;
  text-decoration:none;
}
/* End Content Rows */










/* TABLE AGENT MODE  */

tr:nth-child(even) {
  background: #f5f5f5;
  border-radius: 0px;
  border: 1px solid #eee;

}
th{
  width: 80px;
  padding: 12px 2px;
  font-weight: 700;
}
thead th{
  background: #f5f5f5;
  border-radius: 0px;
  border: 1px solid #eee;
  font-family: 'Apercu', sans-serif;
  font-size: 1rem;
  text-align: left ;
  padding: 15px 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;

}

table tr td {
  font-size: 1.2rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 10px;
  font-family: 'Apercu', sans-serif;
  font-weight: 400;
  line-height: 18px;

}
.latest_orders{
  width: 97%;
  margin: 10px 25px;
  margin-top: 50px;
}
.orders{
  margin-left: 30px;
  margin-bottom: -20px;
  margin-top: 4%;
}

.orders-client{
  margin-left: 40px;
}

.table-agent-mode{
  margin-top: 1%;
  width: 97%;
}

.table-agent-mode-client{
  margin-top: 1%;
  width: 97%;
  margin-left: 1.5%;
}

tr{
  text-align: left;
  border-top: 1px solid #ddd;
  border-bottom:1px solid #ddd;
}

.table-header{
  padding: 12px 0px;
  font-size: 1rem;
  font-weight: 700;
}

.table-data{
  text-decoration: none;
}

.total-sold{
  font-weight: bold;
}
/*changed dt 7 december*/
.datapicker{
  margin-right: 2%;
}

.check-months{
  width: 95px;
  background-color: #000333;
  border: none;
  border-radius: 2px;
  color: white;
  text-align: center;
  font-size: 15px;
  padding: 10px 20px ;
  margin-left: 1%;
}
/*changed dt 7 december*/
.data-input{
  /*justify-content: right;*/
  background-color: #fff;
  border-bottom: none;
}
/*changed dt 7 december*/
.agent_search_container {
  /*margin: 20px 0px;*/
  /*margin-left: 1%;*/
  /*display: flex;*/
  margin: 20px 0px;
  margin-left: 1%;
  display: flex;
  justify-content: space-between;
  margin-left: 30px;
}

.welcome_text{
  margin-left: 30px;
}


.order_info{
  padding-left: 50px;
  padding-right: 50px;
}

.bestseller_wrapper{
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

@media (max-width: 1024px){
  .agent_search_container{
    display: inline-block;
  }
}



.ordermode_accordion {
  width:100%;
  margin: 0 0 40px 0;
}
.ordermode_accordion .hide {
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
  display:none;
}
.ordermode_accordion .ordermode_item {
  position: relative;
  width: 100%;
  border-top: 0px solid #ddd;
  margin: 0 0 50px 0;
}
.ordermode_accordion .ordermode_item:last-child {
  border-bottom: 0px solid #ddd;

}
.ordermode_accordion .ordermode_label {
  padding: 15px 30px 15px 0px;
  width: 100%;
  display: block;
  font-size:1.4rem;
  line-height:2.0rem;
  color:#000;
  background:#fff;
  position:relative;
}
.ordermode_label:hover {
  cursor: pointer;
}
.ordermode_label:before {
  font-family: 'Line Awesome Free';
  content: '\f107';
  font-weight: 900;
  position: absolute;
  height: 19px;
  width: 19px;
  font-size:13px;
  line-height:19px;
  display: inline-block;
  top:15px;
  right:8px;
  text-align:center;
}
.ordermode_label_closer {
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  bottom: 0px;
  right:0px;
  z-index:1;
  display:none;
}
.ordermode_item input[type=radio]:checked ~ .ordermode_label:before {
  transform: rotate(180deg);
}
.ordermode_item input[type=radio]:checked ~ .ordermode_label {
  background:#f5f5f5;
}
.ordermode_item input[type=radio]:checked ~ .ordermode_label .ordermode_label_closer {
  display:block;
}

/*
.ordermode_child {
  margin: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0px 0px;
  height: 0;
  transition: all 0.3s ease-in-out;
}
.ordermode_item input[type=radio]:checked ~ .ordermode_child {
  border-top: 1px solid #ddd;
  border-bottom: 5px solid #ddd;
  margin: 0 0px 0px 0px;
  padding: 10px 0px;
  height: auto;
  opacity: 1;
}
*/
.ordermode_headerbar {
  border-top: 1px solid #ddd;
  display: flex;
  padding: 15px 30px 15px 0px;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:700;
  text-transform:uppercase;
}
.ordermode_headerbar .omh_images {
  display:none;
  margin: 0px 0px;
  padding: 0px 10px;
}
.ordermode_headerbar .omh_name {
  padding: 0px 10px 0px 10px !important;
}
.ordermode_headerbar .omh_model {
  display:none;
}
.ordermode_headerbar .omh_price {
  display:none;
}

@media only screen and (min-width: 750px) {
  .ordermode_headerbar .omh_model { display:block;}
  .ordermode_headerbar .omh_price { display:block;}
  .ordermode_headerbar .omh_images { display:block; }
}

.ordermode_heading {
  display: flex;
  padding: 0px 0px;
  font-size:1.3rem;
  line-height:1.7rem;
  flex-wrap: wrap;
}
.omh_model {
  padding: 0px 10px;
  width:140px;
}
.omh_name {
  padding: 0px 10px 10px 10px;
  width:100%;
  order: -1;
}
@media only screen and (min-width: 750px) {
  .omh_name { width:20%; order: initial; padding: 0px 10px 0px 10px; }
}

.omh_images {
  margin: -5px 0px;
  padding: 15px 10px 0px 10px;
  display: flex;
  flex: initial;
  width: 100%;
  order: 5;
}
@media only screen and (min-width: 750px) {
  .omh_images { padding: 0px 5px 0px 5px; flex: 1; width:initial; order:initial; }
}

.omh_price {
  padding: 0px 10px;
  text-align:right;
  width: initial;
  flex: 1;
}
@media only screen and (min-width: 750px) {
  .omh_price { width:130px; flex: initial; }
}

.omh_images_big {
  width:105px;
  padding: 0 5px 0 0;
}
.omh_images_small {
  margin: -5px 0;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}

.omh_images_small > span {
  width:46px;
  height:auto;
  vertical-align:top;
  display:inline-block;
  margin: 5px 5px 5px 5px;
}

.omh_images > span img {
  position:relative;
  z-index:2;
  width:100%;
  height:auto;
  vertical-align:top;
}
.omh_images > span a {
  display:block;
}
.omh_images > span a:hover {
  text-decoration:none;
}

.omh_images > span a img {
  cursor: zoom-in;
}
.omh_price > span {
  display:block;
  text-align:right;
  font-weight:700;
}
.omh_price .small_price {
  font-weight:400;
  font-size:1.0rem;
}


.ordermode_content {

}
.ordermode_content_row {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
}

.ordermode_content_row.visible {
  display: flex;
}
.ordermode_content_row.hidden {
  display: none;
}

.ocr_heading {
  width:100%;
  padding: 10px 10px;
  font-size:1.2rem;
  line-height:1.8rem;
}

.ocr_heading strong {
  font-weight:600;
}

.ocr_image {
  width:100px;
  padding: 0px 10px;
}
.ocr_image .color_quadrat {
  vertical-align:top;
  display:block;
}
.ocr_image .color_quadrat a {
  display:block;
}
.ocr_image .color_quadrat a:hover {
  text-decoration:none;
}
.ocr_image .color_name {
  vertical-align:top;
  display:block;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:400;
  padding: 5px 0px;
}


.ocr_data {
  width:initial;
  padding: 0px 10px;
  flex: 1;
}

.ocs_switcher .hidden {
  display: none;
}
@media only screen and (min-width: 780px) {
  .ocr_data { width:200px; flex: initial; }
}


.ocr_data_item {
  font-size:1.1rem;
  line-height:1.5rem;
  padding: 5px 0px;
  border-bottom: 1px solid #ddd;
}
.ocr_data_item:last-child {
  border-bottom: none;
}


.ocr_select {
  width:100%;
  padding: 0px 10px;
}
@media only screen and (min-width: 780px) {
  .ocr_select { width:150px; }
}


.ocr_select_title {
  font-weight:600;
  font-size:1.1rem;
  line-height:1.5rem;
  padding: 5px 0 0 0;
}
.ocr_select .SumoSelect {
  padding: 3px 0 0 0;
  display: block;
}
.ocr_select .SumoSelect .CaptionCont {
  background-color: #f5f5f5;
}
.ocr_select .SumoSelect.disabled .CaptionCont {
  background:#fff;
}
.ocr_select .SumoSelect.disabled > .CaptionCont > label {
  display:none;
}


.ocr_fields {
  margin: 5px 0px;
  padding: 0px 5px;
  flex: initial;
  display: flex;
  flex-wrap: wrap;
  width:100%;
}

.ocr_fields_item {
  margin: 5px;
  width: 70px;
}
@media only screen and (min-width: 780px) {
  .ocr_fields { width:initial; margin: -5px 0px; flex: 1; }


}

@media only screen and (max-width: 600px) {
  .ocr_fields_item {
    margin: 5px;
    width: 50px;
  }
  .ocr_fields_input input{
    padding: 5px;
    height: 40px;
  }
}
.ocr_fields_title {
  text-align:center;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.5rem;
  padding: 5px 0 0 0;
}
.ocr_fields_title.disabled {
  opacity:0.5;
}

.ocr_fields_input {
  padding: 3px 0 0 0;
  display:block;
}
.ocr_fields_input input {
  text-align:center;
  background:#f5f5f5;
}
.ocr_fields_input input:disabled {
  opacity:0.5;
  cursor: not-allowed;
}

.ocr_fields_input.disabled {
  opacity:0.3;
}


.ocr_fields_stock {
  padding: 3px 0 0 0;
  text-align:center;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:600;
  color:#ef7e00;
}
.ocr_fields_instock {
  padding: 3px 0 0 0;
  text-align:center;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:600;
  color:#00ca8d;
}
.ocr_fields_sold {
  padding: 3px 0 0 0;
  text-align:center;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:400;
  color:#999;
}

.ocr_calc_qty_title {
  text-align:center;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.5rem;
  padding: 5px 0 0 0;
}
.ocr_calc_qty_sum {
  margin: 3px 0 0 0;
  line-height:4.4rem;
  height: 44px;
  font-size:1.4rem;
  text-align:center;
  font-weight:700;
  background:#fafafa;
  border: 1px solid #eee;
}




.ocr_fields_action {
  width:100%;
  padding: 0px 10px;
  text-align:right;
  margin: 10px 0 10px 0;
  order: 10;
}
.ocr_fields_action span {
  display:inline-block;
  margin: 0 0 0 10px;
  background:#eee;
  color:#555;
  font-size:0.9rem;
  line-height:1.5rem;
  text-transform:uppercase;
  font-weight:700;
  padding: 5px 10px;
  text-align:center;
  cursor:pointer;
}
.ocr_fields_action span.disabled {
  cursor:default;
  opacity:0.5;
}
@media only screen and (min-width: 900px) {
  .ocr_fields_action { width:100px; margin: 0 0 0 0; text-align:center; }
  .ocr_fields_action span { display:block; margin: 0 0 5px 0px; padding: 5px; }
}

.ordermode_addtocart {
  display:block;
  margin: 10px 0 0 0;
  padding: 0px 10px;
}


.ordermode_sticky_bottom_cart {
  border-top: 1px solid #ddd;
  padding:20px;
  background:#fff;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
}
.ordermode_sticky_bottom_cart .osbc_inner {
  width:100%;
  max-width:300px;
  margin: 0px auto;
}


/* ordermode onesize */
.ordermode_child_onesize {
  margin: 0;
  padding: 0px 0px 20px 0px;
  overflow:hidden;
}
.ordermode_content_onesize {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px;
}

.ordermode_content_row_onesize {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 10px;
  margin: 0px 0px 0px 0px;
  width:100%;
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
}

@media only screen and (min-width: 660px) {
  .ordermode_content_row_onesize { width:50%; }
}
@media only screen and (min-width: 985px) {
  .ordermode_content_row_onesize { width:33.3333%; }
}
@media only screen and (min-width: 1360px) {
  .ordermode_content_row_onesize { width:25%; }
}


.ocr_heading_title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ocr_fields_onesize {
  margin: -6px 0px 0px 0px;
  padding: 0px 5px;
  display: flex;
  flex-direction: column;
  width:100px;
  text-align:center;
}
.ordermode_content_row_onesize .ocr_data {
  flex: 1;
}
.ordermode_content_row_onesize .ocr_fields_item {
  margin: 0px;
  width:100%;
}
.ordermode_content_row_onesize .ocr_fields_input input {
  text-align: center;
  background: #fff;
}
.ordermode_content_row_onesize .SumoSelect.open > .optWrapper {
  top: 100%;
  display: block;
  min-width: 140px;
  text-align:left;
}
.ordermode_addtocart_onesize {
  display:block;
  margin: 10px 0 0 0;
  padding: 0px 0px;
}


/* ordermode order_details */

.ordermode_child_cart {
  margin: 0;
  overflow: hidden;
  padding: 0px 0px;
}

.ocr_summary {
  width:100%;
  order: 20;
  display: flex;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.ocr_summary_single {
  padding: 0px 10px;
  flex: 1;
  text-align:right;
}
.ocr_summary_qty {
  padding: 0px 10px;
  width:120px;
  text-align:right;
}
.ocr_summary_total {
  padding: 0px 10px;
  width:120px;
  text-align:right;
}

.ocr_fields_action .updateCartAttr {
  padding: 0px;
  margin: 0 0 5px 0;
}
.ocr_fields_action .updateCartAttr button {
  display: inline-block;
  margin: 0 0 0 0px;
  background: #eee;
  color: #555;
  font-size: 0.9rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center;
  cursor: pointer;
  border: none;
  outline:none;
  font-family:inherit;
}
.ocr_fields_action a:hover {
  text-decoration:none;
}

.ordermode_child_summary {
  background:#eee;
  display: flex;
  padding: 15px 0px;
  border-bottom: 1px solid #555;
  margin: 0 0 15px 0;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight:600;
  align-items: center;
}

.ocs_switcher {
  padding: 0px 10px;
  flex: 1;
}
.ocs_switcher > span {
  cursor:pointer;
}

.ocs_sum_qty {
  padding: 0px 10px;
  width:120px;
  text-align:right;
}
.ocs_sum_euro {
  padding: 0px 10px;
  width:120px;
  text-align:right;
}

.ordermode_downloads {
  margin: -30px 0 0 0;
  padding: 10px 0px;
  display: flex;
  font-size: 1.2rem;
  line-height: 1.8rem;
  align-items: center;
}
.ordermode_downloads > a {
  display: inline-block;
  margin: 0 0 0 10px;
  background: #eee;
  color: #555;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center;
  cursor: pointer;
}



.pd_booster_box {
  margin: 10px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  border: solid #ddd;
  border-width: 0px 0px 0px 0px;
  color: #000;
  background: #fff;
  padding: 36px 0;
  max-width: 383px;
}
.pd_booster_item {
  width:100%;
  display: flex;
  border: solid #ddd;
  border-width: 0px 0px 0px 0px;
  padding: 6px 0px;
  text-align: left;
}

.pd_booster_icon {
  display:none;
  width:40px;
  text-align:center;
  font-size:1.2rem;
  line-height:1.4rem;
  padding: 0px 0 0 0;
}
.pd_booster_text {
  flex: 1;
  padding: 0px 0px;
  font-size: 1.2rem;
  line-height: 1.4rem;
}


#play_button_desktop {
  cursor:pointer;
  width:50px;
  height:60px;
  border-radius:10px;
  position:absolute;
  top:20px;
  right:20px;
  margin: auto;
  background:rgba(255,255,255,0.6);
  z-index:9999;
  font-size:30px;
  line-height:50px;
  text-align:center;
  color:#000;
}
#play_button_mobile {
  cursor:pointer;
  width:50px;
  height:60px;
  border-radius:10px;
  position:absolute;
  top:20px;
  right:20px;
  margin: auto;
  background:rgba(255,255,255,0.6);
  z-index:9999;
  font-size:30px;
  line-height:50px;
  text-align:center;
  color:#000;
}

#play_button_desktop .text,
#play_button_mobile .text {
  display: block;
  height: 10px;
  line-height: 10px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  margin: -8px 0 0 0;
}



/*quick buy css by stylepot */
.size_option{
  display: inline-block !important;
  border: none;
}
span.quick_buy_size {
  display: flex;
  justify-content: center;
}
button.size_option.lb_attributes_item:hover {
  cursor: pointer;
}
#form-disabled{
  color: #AEAEAE;
  text-decoration: line-through ;
  cursor: default;
  background: transparent;
}
.active_attribute{
  transform: translate3d(0,0,0);
}

/*!*quick buy mobile format*!*/
@media only screen and (max-width: 600px) {
  .active_attribute { transform: translate3d(0,0,0);!important; }
}

/*quick buy button one-size*/
@media (min-width: 600px) {
  .size_button { visibility: hidden; }
  .size_option_add_cart { width: 100%; }
}

@media(min-width: 1024px){
  .button_show { visibility: hidden; }
  button.size_option.lb_attributes_item:hover { cursor: pointer; }
  span.quick_buy_size { justify-content: center; display: flex; }
  button.size_option.lb_attributes_item:hover { cursor: pointer; }
}
.size_button,
.size_button:focus,
.size_button:active {
  border: none;
  width: 100% !important;
  margin-top: 2%;
  outline:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  background: transparent !important;
}


/*Wish list style*/
.lb_box_inner .addtobasket_wish{
  position:absolute;
  right: 0;
  z-index: 999;
  display:block !important;
}
.lb_box_inner .addtobasket_wish .cssButton {
  border:none;
  background: transparent;
}
.lb_box_inner .addtobasket_wish .cssButton i{
  font-size: 16px;
}
.active_attribute{
  transform: translate3d(0, 0, 0);
  display: block !important;
}
.wishlist-heart-change .cssButtonColor1 i{
  color: #000 !important
}
.wishlist-heart-change .cssButtonColor1:hover i.far.fa-heart.no-hover{
  color: black !important;
}
/*
.wishlist-heart-change .cssButtonColor1 i.fa-heart.hover{
  display: none !important;
}
.wishlist-heart-change .cssButtonColor1:hover i.fa-heart.hover{
  display: block !important;
}
*/
.hidden-quick-wishlist-button {
  display: none !important;
}



/* custom */
span.grid_numb_rows {
  grid-template-columns:auto!important;
}
.pay_banktransfer, .pay_googlewallet {
  display:none!important;
}

.pd_fleximage_big .price-holder span {
  position: absolute;
  top: 10px;
  z-index: 9999;
  right: 5px;
  background: white;
  padding: 5px;
  color: black;
  font-weight: bold;
}


.size_option{
  display: inline-block !important;
  border: none;
}
span.quick_buy_size {
  display: flex;
  justify-content: center;
}
button.size_option.lb_attributes_item:hover {
  cursor: pointer;
}
#form-disabled{
  color: #AEAEAE;
  text-decoration: line-through ;
  cursor: default;
  background: transparent;
}
.active_attribute{
  transform: translate3d(0,0,0);
}
/*!*quick buy mobile format*!*/
@media only screen and (max-width: 600px) {
  .active_attribute { transform: translate3d(0,0,0);!important; }
}
/*quick buy button one-size*/
@media (min-width: 600px) {
  .size_button { visibility: hidden; }
  .size_option_add_cart { width: 100%; }
}
@media(min-width: 1024px){
  .button_show { visibility: hidden; }
  button.size_option.lb_attributes_item:hover { cursor: pointer; }
  span.quick_buy_size { justify-content: center; display: flex; flex-wrap:wrap; }
  button.size_option.lb_attributes_item:hover { cursor: pointer; }
}
.size_button {
  border: none;
  width: 100%; !important;
  margin-top: 2%;
}
.cssButton{
  border-radius: 0px; !important;
}
/*Wish list style*/
.lb_box_inner .addtobasket_wish{
  position:absolute;
  right: 0;
  z-index: 999;
  display:block !important;
}
.lb_box_inner .addtobasket_wish .cssButton {
  border:none;
  background: transparent;
}

.active_attribute{
  transform: translate3d(0, 0, 0);
  display: block !important;
}
.wishlist-heart-change .cssButtonColor1 i{
  color: #000 !important
}
.wishlist-heart-change .cssButtonColor1:hover i.far.fa-heart.no-hover{
  color: black !important;
}
/*
.wishlist-heart-change .cssButtonColor1 i.fa-heart.hover{
  display: none !important;
}
.wishlist-heart-change .cssButtonColor1:hover i.fa-heart.hover{
  display: block !important;
}
*/
.hidden-quick-wishlist-button {
  display: none !important;
}

.lbis_item a .pd_coloritem_code {
  width: 100%;
}

.lbis_item .pd_coloritem_name,.pd_colorrow .pd_coloritem_name{
  display: none;
}

.lbis_item.active .pd_coloritem_name,.pd_colorrow .active .pd_coloritem_name{
  display: block;   white-space: nowrap;

}

.lbis_item.active .pd_coloritem_farbe,.lbis_item.active .pd_coloritem_bild{
  border: 1px solid #000;
}

.lbis_item{
  max-width: 60px !important;
}



.slider_action_cta {
  margin: 15px 0 0 0;
  display: inline-block;
  border-radius: 0px;
  padding: 11px 24px;
  line-height: 2.0rem;
  font-weight: 400;
}

.wrapper2 {
  width: 160px;
  padding: 10px 0;
}

.slider-wrapper2 {
  padding-bottom: 10px;

}
.slider-wrapper2 .ui-slider-handle .value {
  display: none;
}
.slider-wrapper2 .ui-slider-handle.ui-state-default.ui-corner-all.ui-state-focus {
  outline: none;
  background-color: #af417e !important;
}

.ui-widget-header {
  background-color: #af417e !important;
}

.slider_content_right {
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: right;
  -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
  text-align:right;
}
.slider_content_left {
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: left;
  -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
  text-align:left;
}
.slider_content_center {
  -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
  -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
  text-align:center;
}



.slider_content_inner {
  background:rgba(255,255,255,0.0);
  padding: 20px;
  display:inline-block;
  max-width: 600px;
  margin-bottom: 20%;
  -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;
}



video,video[poster]{
  height:100%;
  width:100%;
  object-fit: cover;
}


.pd_fleximage {
  position: relative;
}

.tags-images{
  position: absolute;
  top: 0;
  right: 0;
}
.pd_fleximage .tags-images{
  position: absolute;
  top: 0;
  right: 6%;
}

.lb_image .tags-images{
  top: unset;
  bottom: 0;
}

.pd_fleximage img.tag_image, .lb_image img.tag_image {
  width: 60px !important;
  margin: unset;
  position: relative;
}

.tags_values_info a span {
  text-decoration: underline;
}

.ordermode_sticky_bottom_cart {
  border-top: 1px solid #ddd;
  padding:20px;
  background:#fff;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
}
.ordermode_sticky_bottom_cart .osbc_inner {
  width:100%;
  max-width:300px;
  margin: 0px auto;
}

.lbis_item a .pd_coloritem_code {
  width: 100%;
}

.lbis_item .pd_coloritem_name,.pd_colorrow .pd_coloritem_name{
  display: none;
}

.lbis_item.active .pd_coloritem_name,.pd_colorrow .active .pd_coloritem_name{
  display: block;
}

.lbis_item.active .pd_coloritem_farbe,.lbis_item.active .pd_coloritem_bild{
  border: 1px solid #000;
}

.lbis_item{
  max-width: 40px !important;
}

.number-input-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.number-input-container input{
    border: none;
  text-align: center;
}

/* For Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
input[type="number"] {
  -moz-appearance: textfield;

}
button.decrement,button.increment {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    width: 100%;
  background: #eee;
  color: #555;
  font-size: 1.7rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 5px 10px;
}


.ordermode_content_row .ocr_calc_qty_sum {
  background: transparent;
  border: none;
  margin-top: 26px;
}

.p-title{
    white-space: nowrap;         /* Prevents the text from wrapping to the next line */
    overflow: hidden;            /* Ensures any overflow text is not displayed */
    text-overflow: ellipsis;
}

.p-model{
    display: none;
}

.pd_fleximage_big .price-holder{
  display: none;
}

span.cart-amount {
  font-size: 1rem;
  font-weight: 600;
}
.ocr_calc_qty_title{
  font-weight: bold;
}
@media (min-width: 600px) {
  .col_cart {
    width: 40px;
  }

  .layout_header {
    padding-top: 0;
  }
}

@media screen and (max-width: 769px) {
  .pd_fleximage_big .price-holder{
    display: block;
  }

  span.cart-amount{
    display: none;
  }
}
/*in quick buy*/
.hide-attributes{
  display: none !important;
}
button#form-disabled.size_option {
  text-decoration: none;
  color: #e5e5e5 ;
}

@media screen and (max-width: 769px) {
  .hide-attributes{
    display: block !important;
  }

  .lb_attributes_title{
    display: block;
  }

  .active_attribute {
    transform: translate3d(0, 0, 0);
    position: fixed;
    bottom: 0px;
    z-index: 10095;
    height: auto;
    padding-bottom: 30px;
    max-height: 80vh;
    overflow: scroll;
    background: #ffffff;
    padding-top: 0;
    width: 100vw;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999;
  }

  span.quick_buy_size {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin-top: 50px;
  }

  .active_attribute .size_option_form:last-child{
    margin-bottom: 48px;
  }

  .active_attribute form.size_option_form, button#form-disabled.size_option{
    width: 100%;
    border-bottom: 1px solid #aaa;
  }
.lb_title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


      .hide-attributes {
        cursor: pointer;
        text-align: right;
        padding: 0px 12px;
        border-radius: 0px;
        font-size: 12px !important;
        font-weight: normal !important;
        flex: 1;
        order: 2;
        width: 30px !important;
        position: absolute;
        right: 0;
        top: 21px;
    }

  .lb_attributes_title{
    font-weight: bold;
    flex: 2;
    order: 1;
  }
      .attr-header {
        position: sticky;
        top: 0;
        background: white;
        padding-top: 25px;

    }


  button.size_option.lb_attributes_item:not(.hide-attributes) {
    display: flex !important;
    width: 100%;
    justify-content: center;
    padding: 1rem;
  }

  button.size_option.lb_attributes_item:hover{
    background: #000;
    color: #fff;
  }

  button.size_option.lb_attributes_item:hover .lb_attributes_item{
    color: #ffffff;
  }

}

@media (max-width: 600px) {
  .lb_box_1 {
    display: flex;
    flex-direction: column;
  }
  .lb_box_inner{
    flex: 1;
  }
}

span.position-number {
  font-weight: bold;
  font-size: 1.7rem;
}


span.slider_action.cssButton.cssButtonColor4:hover {
    color: #fff ;
    background: transparent ;
    border: 1px solid #000 ;
}

span.slider_action.cssButton.cssButtonColor4{
  width: auto !important;
  border: 1px solid #fff ;
}


/*sticky header*/

span.heading {
  display: none !important;
}

span.cart-amount {
  display: none;
}
.layout_header {
  background:transparent;
  width:100%;
  padding: 10px 0px;
  margin: 0px auto;
  z-index:1300;
  position: fixed;
  top:0px;
  left:0px;
  right:0px;
  transition: all 0.4s ease-in-out;
  border-bottom: none;
}
.layout_header.open_toggle {
  transform: initial !important;
}
.layout_header.sticky {
}
.layout_header.sticky--top {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0) 100%)!important;
  color: white;
  
}

.layout_header.sticky--top:hover {
  
  filter: unset;
}
.layout_header.sticky--pinned {
  background:#fff;
}
.layout_header.sticky--unpinned {
  background-color: #fff;
}
.layout_header:hover {
  background:#fff !important;
}


.footer-secondary.width_small {
  display: flex;
  justify-content: space-between;
}

.footer-secondary ul.footerlist_social {
  list-style: none;
}

.footer-secondary .box_misc {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-secondary .footerlist_social li {
  display: inline-block;
  vertical-align: top;
  padding: 0px 20px 0 0;
}

.footer-secondary .footerlist_social li a {
  color: #000;
  font-size: 2.0rem;
  line-height: 2.0rem;
  display: block;
}

.footer-secondary.width_small {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-secondary-right{
  display: flex;
  justify-content: space-between;
  width: 28%;
}
.copyright_note{
  display: none;
}
.footer-secondary-right .copyright_note{
  margin:0;
  display: block;
}

.footer-secondary.width_small {
    margin-top: 40px;
    margin-bottom: 40px;
}

.footer-secondary .footer_payment{
  margin: 0;
}

li.f_youtube {
  padding: 0 !important;
}

.footer_payment .footerlist_payment li img {
  width: auto;
  vertical-align: top;
}

.footer2 .box_content_heading, .footer2 .box_information_heading,.footer2 .box_newsletter_heading {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}

@media screen and (max-width:769px){
  .footer-secondary.width_small{
    display: none;
  }

  .footer3 .resp-easy-accordion .resp-tabs-container,.footer3 .footer_accordion h2.resp-accordion{
    border: 0 !important;
  }
  .footer3 .footer_accordion h2.resp-accordion{
    border: 0 !important;
    font-size: 15px;
    font-weight: normal;
  }
  .copyright_note{
  display: block;
}
.footer_payment .footerlist_payment li {  width:40px;    }
}



/*footer listing*/
.subcats_item {
        /*height: 300px;*/
        padding: 1px;
    }
@media (min-width: 1024px) {
    .subcats_item {
        width: auto;
        padding: 1px;
    }
}

.subcats_item_inner {
    position: relative;
    display: flex;
    height: 100%;
    background: #fafafa;
    background-repeat: no-repeat;
    background-size: cover;
}

.subcats_title {
    display: block;
    position: absolute;
    left: 30px;
    right: 10px;
    top: 30px;
    margin: auto;
    text-align: left;
}

.subcats_title_inner {
    background: transparent;
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
    padding: 0;
}

span.subcats_link {  
    font-weight: 500;
    display: block;
    margin-top: 18px;
    text-transform: uppercase;
	padding:0 12px;
}

span.subcats_link i.fa.fa-arrow-right {
    margin-left: 15px; display:none;
}

.subcats_item_inner a.no-img span {
    color: black;
}

.subcats_row{
  justify-content: flex-start;
}

.wishlist-heart-change {
    max-width: 30px;
}

.lb_box_inner .addtobasket_wish {
    position: relative;
    padding: 0;
}

.lb_title {
    width: calc(100% - 30px);
}

.title-wish {
    display: flex;
    padding: 0px 15px 0px 0px;
}

.layout_header.home-header.has-banner{
  padding-top: 0;
}

.home-header.has-banner .layout_header_inner{
  padding: 20px 24px 0px 24px;
}

.subcats_item_inner{
  background: transparent;
}


.subcats {
    margin: 32px 32px 24px 32px;
}

a.no-img i{
  display: none;
}

a.no-img span{
  font-size: 1.2rem !important;
  line-height: 2.4rem;
}

.subcats_row{flex-wrap: nowrap;overflow-x: scroll;scrollbar-width: none;
  -ms-overflow-style: none; }

  .subcats_row::-webkit-scrollbar {
  display: none;
  scroll-snap-type: x mandatory;
}
.subcats_item.no-img {
  /*width: auto;*/
}
.subcats_item{
  flex: 0 0 auto; max-width:240px;}
.subcats{
  position: relative;
}
.subcats::before,
.subcats::after {
  content: "❮";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  color: #d4d2d2;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  cursor: pointer;
  user-select: none;
  z-index: 999;
  display:none;
}


.subcats::after {
  content: "❯";
  right: 5px;
  display:none;
}

.subcats::before {
  left: 5px;
}


.footer_misc{
  display: flex !important;
  justify-content: space-between;
}

.footer3 .box_misc {
  display: none;
}

.footer2.width_full.custom-footer {
  align-items: end;
}

.footer_payment {
  margin: 0;
}

.custom-footer .footer_payment .footerlist_payment{
  text-align: left;
}

.footer2.width_full.custom-footer {
  margin: 50px 0px;
}

.footer3{
  display: none;
}

.footer2 .box_content, .footer2 .box_information{
  display: block;
}


.copyright_note {
  display: none;
}
.custom-footer .copyright_note {
  display: block;
  margin: 0;
}
@media only screen and (max-width: 600px) {
  .footer_content {
    margin-top: 50px;
  }


  .footer_misc {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
  }

  .copyright_note{
    order: 2;
  }

  .custom-footer{
    margin-bottom: 0px !important;
  }
}
.layout_header.sticky--top.home-header img{
filter: brightness(0) invert(1);
}

.layout_header.sticky--top.home-header:hover img{
  filter: brightness(1) invert(1);
}

.layout_header.home-header{
  border:none;
  transition: background-color 0.5s ease;
}

.layout_header.sticky--top.home-header {
  background:transparent ;
  position: fixed;
}
.layout_header:hover {
  background:#fff !important;
}

.layout_header.sticky--top.home-header .menuzord-menu > li > a{
  color:  !important;
}


.layout_header.has-banner{
  padding-top:0;
}
.layout_header.sticky--top.home-header:hover .menuzord-menu > li > a{
  color: #000 !important;
}
.layout_header.sticky--top.home-header img{
  filter: brightness(0) invert(1);
}

.layout_header.sticky--top.home-header:hover img{
  filter: brightness(1) invert(0);
}
.layout_notice_top{
  margin-bottom: 18px;
}
.menuzord-menu > li > .megamenu .megamenu-row .col12 > ul.menu_items{
  display: flex;
}