/* -----------------------------------------------------------------------------------------
   $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:   #F07F00;
  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-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: 68%; }

  body, input, textarea, select, .cssButton {
    font-family: 'Apercu', sans-serif;
  }
*/
html { font-size: 72.0%; }

body, input, textarea, select, .cssButton {
  font-family: 'Montserrat', sans-serif;
    overflow-wrap: break-word;
    word-break: break-word;  
}  
  
  /* END fonts */

  /* 2. START globals */
  * {
    margin:0;
    padding:0;
    -webkit-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  /* Carousel Flexbox Fix */
  * {
    min-width: 0;
    min-height: 0;
  }
  
  /* Start Scrollbars */
  * {
    scrollbar-width: normal;
    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 {
    overflow:hidden;
    padding:0 9px 0 0;
  }

  /* prevent flicker in responsive tabs */
  #horizontalAccordion {
    display:none;
  }
  #horizontalAccordion ul.resp-tabs-list {
    display:none !important;
  }
  #horizontalTab {
    display:none;
  }
  #horizontalTab ul.resp-tabs-list {
    list-style-type:none;
  }
  #horizontalTab ul.resp-tabs-list li {
    display: inline-block;
  }
  #horizontalTab .resp-tab-content {
    display:none;
  }

  /* Disable font boosting on mobile browsers */
  body * {
    max-height: 1000000em;          /* Chrome for Android */
    -moz-text-size-adjust: none;    /* Firefox Mobile */
    -webkit-text-size-adjust: 100%; /* Safari */
    -ms-text-size-adjust:     100%; /* Windows Mobile */
  }

  
  /* 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; }
  }
  
  .apms_form_button * {
      max-height: initial;
  }  
  
  /* end Fix for new paypal checkout */
  
  
  
  /* 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;}
  }

  body {
    font-weight: 400;
    font-size:1.1rem;
    line-height:1.8rem;
    background-color:#fff;
    color:#222;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
  }
  .clearfix, .clear, .clearer {
    line-height:0px;
    height:0px;
    clear:both;
  }

  .bold {
    font-weight:600;
  }

  .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;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
  }

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


  .width_full {
    max-width:100%;
    margin: 20px auto;
    padding: 0px 10px;
  }
  .width_big {
    padding: 0px 10px;
    margin: 20px auto;
    max-width:1980px;
  }
  .width_medium {
    padding: 0px 10px;
    margin: 20px auto;
    max-width:1600px;
  }
  .width_small {
    padding: 0px 10px;
    margin: 20px auto;
    max-width:1400px;
  }
  .width_prodinfo {
    padding: 0px 10px;
    margin: 0px auto;
    max-width:1600px;
  }
  
  .fileuploadbox {width:100%; margin:20px 0 40px 0; padding:20px; border:1px solid #000;}
  .fileuploadbox .pseudo_h1 {font-size:1.8rem; line-height:2.4rem;}
  .order_file_holder {font-size:1.1rem;}


  @media (min-width: 1024px){
    .width_full { padding: 0px 20px;}
    .width_big { padding: 0px 20px;}
    .width_medium { padding: 0px 20px;}
    .width_small { padding: 0px 20px;}
    .width_prodinfo { padding: 0px 20px;}
  }



  .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;}

  .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: #333;
    border-bottom: 0px solid #333;
    color:#fff;
    font-size:1.1rem;
    line-height:1.9rem;
    font-weight:600;
  }
  .layout_notice_bot {
    width:100%;
    padding: 15px 10px;
    text-align:center;
    background: #fff;
    border-bottom: 0px solid #d7d7d8;
    color:#333;
    font-size:1.1rem;
    line-height:1.9rem;
    font-weight:600;
  }
  .layout_notice_top a,
  .layout_notice_bot a {
    color:#333 !important;
    border-bottom: 1px solid #333;
  }
  .layout_notice_top a:hover,
  .layout_notice_bot a:hover {
    color:#333 !important;
    text-decoration:none;
  }

  .layout_notice_bot {
    min-height:68px;
  }


  .layout_header {
    background:#fff;
    width:100%;
    padding: 10px 0px 6px 0px;
    margin: 0px auto;
    position: -webkit-sticky;
    position: sticky;
    top:-1px;
    border-bottom: 1px solid #d7d7d8;
    z-index:1300;
  }
  .admin_mode .layout_header {
    top:36px;
  }

  .layout_header_checkout {
    position:relative;
    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;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .col_logo_checkout {
    width:100px;
    height:auto;
  }
  .col_logo_checkout img {
    width:100px;
    height:23px;
  }
  @media (min-width: 600px){
    .col_logo_checkout { width:160px; height:auto; }
    .col_logo_checkout img { width:160px; height:37px; }
  }


  .col_logo_back {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    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:#333;
    border-bottom: 1px solid #333;
  }


/*
  header_case_1
  header_case_2
  header_case_3
  */

  .layout_header_inner {
    position:relative;
    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: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  @media (min-width: 600px){
    .layout_header_inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  }


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

  .header_case_2 .col_menu { order:30; }

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

  /* Search Button */
  .col_search {
    z-index:1302;
    order: 40;
    width:50px;
    padding: 0px;
    text-align:center;

    display: flex;
    flex: 1;
    justify-content: flex-end;
  }
  @media (min-width: 600px){
    .col_search { width:75px !important; }
  }



  @media (min-width: 975px){
    .col_search { display:block; flex:1; padding: 0px 10px 0px 30px; }
  }
  @media (max-width: 1160px){
    .col_search { z-index:1299; }
  }


  /* Settings Button */
  .col_settings {
    width:44px;
    position:relative;
    text-align:center;
    order: 40;
  }
  @media only screen and (min-width: 400px) {  
    .col_settings { width:50px; }
  }
  @media (min-width: 600px){
    .col_settings { width:75px !important; }
  }

  /* Service Button */
  .col_service {
    display:none;
    width:50px;
    position:relative;
    text-align:center;
    order: 42;
  }
  @media only screen and (min-width: 420px) {
    .col_service { display:block; }
  }

  @media (min-width: 600px){
    .col_service { width:75px !important; }
  }


  /* 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:75px !important; }
  }

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


  /* wishlist Button */
  .col_wishlist {
    width:44px;
    position:relative;
    text-align:center;
    order: 60;
  }
  @media only screen and (min-width: 400px) {  
    .col_wishlist { width:50px; }
  }
  @media (min-width: 600px){
    .col_wishlist { width:75px; }
  }


  /* Cart Button */
  .col_cart {
    width:44px;
    position:relative;
    text-align:center;
    order: 70;
  }
  @media only screen and (min-width: 400px) {  
    .col_cart { width:50px; }
  }
  @media (min-width: 600px){
    .col_cart { width:75px; }
  }



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

  @media (min-width: 500px){
    .col_logo { width:120px; }
    .col_logo_inner { width:120px; }
    .col_logo_inner img { width:120px; height:82px; }
  }
  @media (min-width: 1280px) {
	 .col_logo {width:375px; height:82px;}
  }  


  
  

  /* Kategorien */


  .header_case_2 .col_categories {
    margin: 0px 0 0 0;
    padding: 0px 0px 0px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width:auto;
    order: 100;
  }
  @media (min-width: 1161px){
    .header_case_2 .col_categories { margin: 5px 0 0px 0; width:100%; }
    .col_categories { visibility:visible; opacity:1; min-height:43px; transition: all 0.5s ease-in-out; }
    .col_categories_hide { visibility:hidden; opacity:0; min-height:auto; height:0px;}
    .col_categories_menu { /* overflow-y:hidden !important; */}
  }
      
  .col_categories_menu {
    display:none;
  }
  .col_categories_content {
    display:block;
  }

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






  #cart_short {
    z-index:1000;
    vertical-align:top;
  }
  #cart_short > a {
    position:relative;
    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;
    color:#333;
    text-align:center;
    -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;
  }
  #cart_short > a:hover {
    color:#333;
    text-decoration:none;
  }
  #cart_short .icon {
    margin: 0px auto;
    width:20px;
    height:20px;
  }
  #cart_short .heading {
    padding: 2px 0 0 0;
    font-size:0.9rem;
    line-height:1.4rem;
    height:16px;
    font-weight:400;
    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: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color:#333;
    text-align:center;
    -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;
  }
  #wish_short > a:hover {
    color:#333;
    text-decoration:none;
  }
  #wish_short .icon {
    margin: 0px auto;
    width:20px;
    height:20px;
  }
  #wish_short .heading {
    padding: 2px 0 0 0;
    font-size:0.9rem;
    line-height:1.4rem;
    height:16px;
    font-weight:400;
    display:none;
  }
  @media (min-width: 600px){
    #wish_short .heading { display:block; }
  }


  #wish_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;
  }

  #menu_short {
    z-index:1000;
    vertical-align:top;
  }
  #menu_short > div {
    position:relative;
    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;
    color:#333;
    text-align:center;
    -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;
    cursor:pointer;
  }

  #menu_short > div:hover {
    color:#333;
    text-decoration:none;
  }
  #menu_short .icon {
    margin: 0px auto;
    width:20px;
    height:20px;
  }
  #menu_short .heading {
    padding: 2px 0 0 0;
    font-size:0.9rem;
    line-height:1.4rem;
    height:16px;
    font-weight:400;
    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: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color:#333;
    text-align:center;
    -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;
  }
  #account_short > a:hover {
    color:#333;
    text-decoration:none;
  }
  #account_short .icon {
    margin: 0px auto;
    width:20px;
    height:20px;
  }
  #account_short .heading {
    padding: 2px 0 0 0;
    font-size:0.9rem;
    line-height:1.4rem;
    height:16px;
    font-weight:400;
    display:none;
  }
  @media (min-width: 600px){
    #account_short .heading { display:block; }
  }


  #settings_short {
    z-index:1000;
    vertical-align:top;
  }
  #settings_short > a {
    position:relative;
    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;
    color:#333;
    text-align:center;
    -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;
  }
  #settings_short > a:hover {
    color:#333;
    text-decoration:none;
  }
  #settings_short .icon {
    margin: 0px auto;
    width:20px;
    height:20px;
  }
  #settings_short .heading {
    padding: 2px 0 0 0;
    font-size:0.9rem;
    line-height:1.4rem;
    height:16px;
    font-weight:400;
    display:none;
    text-transform: capitalize;
  }
  @media (min-width: 600px){
    #settings_short .heading { display:block; }
  }


  #service_short {
    z-index:1000;
    vertical-align:top;
  }
  #service_short > a {
    position:relative;
    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;
    color:#333;
    text-align:center;
    -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;
  }
  #service_short > a:hover {
    color:#333;
    text-decoration:none;
  }
  #service_short .icon {
    margin: 0px auto;
    width:20px; 
    height:20px;
  }
  #service_short .heading {
    padding: 2px 0 0 0;
    font-size:0.9rem;
    line-height:1.4rem;
    height:16px;
    font-weight:400;
    display:none;
    text-transform: capitalize;
  }
  @media (min-width: 600px){
    #service_short .heading { display:block; }
  }



  #search_short {
    width:44px;
    display:block;
    z-index:1000;
    vertical-align:top;
  }
  @media only screen and (min-width: 400px) {  
    #search_short { width:50px; }
  }

  @media (min-width: 600px){
    #search_short { width:70px !important; }
  }
  @media only screen and (min-width: 975px) {
    #search_short { display:none; }
  }


  #search_short > a {
    position:relative;
    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;
    color:#333;
    text-align:center;
    -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;
  }
  #search_short > a:hover {
    color:#333;
    text-decoration:none;
  }
  #search_short .icon {
    margin: 0px auto;
    width:20px;
    height:20px;
  }
  #search_short .heading {
    padding: 2px 0 0 0;
    font-size:0.9rem;
    line-height:1.4rem;
    height:16px;
    font-weight:400;
    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;
  }
  @media only screen and (min-width: 975px) {
    .toggle_search { display: block; position:static;}
  }  
  
  .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;
  }
  @media only screen and (min-width: 975px) {
    .toggle_search_background { display:none; }
  } 


  .toggle_search_inner {
    padding: 10px 10px;
    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-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width:100%;
    height:100%;
  }

  #search {
    position:relative;
    width:100%;
    max-width:720px;
  }
  .search_inner {
    width:100%;
    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;
    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 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #search .search_inner input[type=text] {
    padding: 15px 10px;
    height:42px;
    border: 1px solid #ddd !important;
    background: #fff !important;
  }
  #search .search_inner .search_button {
    display:none;
    width:50px;
  }
  @media only screen and (min-width: 975px) {
    #search .search_inner .search_button { display:block; }
  }
  
  .search_button .cssButton {
    font-size:18px !important;
    line-height:50px !important;
    padding: 0px !important;
  }  
  .search_button .cssButton .fas {
    display:none;
  }    
  .search_button .cssButtonColor3,
  .search_button .cssButtonColor3:hover {
    background-color:transparent !important;
    border:none !important;
    background-image:url(img/icons/search.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:18px 18px;
  }  



  #search .search_inner .search_button span.cssButtonText {
    display: none;
  }
  #search .search_inner #search_closer {
    width:50px;
    cursor:pointer;
    display:block; 
  }
  @media only screen and (min-width: 975px) {
    #search .search_inner #search_closer { display:none; } 
  }    
  
  .search_inner .search_cat .SumoSelect {
    height:52px;
  }
  .search_inner .search_cat .SumoSelect > .CaptionCont {
    background-color: #f9f9f9 !important;
    border-right:0px solid #fff !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 #fff !important; border-right:0px solid #fff !important; }
  .search_inner .search_cat .SumoSelect:focus > .CaptionCont { border: 0px solid #fff !important; border-right:0px solid #fff !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: 4px 6px;
    font-size:1.1rem;
    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 0px 0;
    padding: 0px;
    overflow:hidden;
  }

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

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

  .slider-home-1,
  .slider-home-2 {
    display:none;
    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: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .slider_content_inner {
    background:rgba(255,255,255,0.0);
    padding: 20px;
    display:inline-block;
    max-width: 600px;
    margin: 5%;
    -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;
  }
  .slider_content_inner:hover {
    background:rgba(255,255,255,0.2);
  }

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

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

  .slider_content_center_left {
    -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start;
    -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
    text-align:left;
  }
  .slider_content_center_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_center_right {
    -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end;
    -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;
    text-align:right;
  }

  .slider_title {
    display:block;
  }
  .slider_title h3 {
    font-size:2.0rem;
    line-height:3.0rem;
    font-weight:500;
    color:#fff;
  }
  @media (min-width: 920px){
    .slider_title h3 { font-size:3.8rem; line-height:4.2rem; }
  }



  .slider_action {
    margin: 15px 0 0 0;
    display:inline-block;
    background:#f07f00;
    padding: 15px 20px;
    color:#fff;
    font-size:1.4rem;
    line-height:2.0rem;
    font-weight:600;
	border-radius:24px;
  }
  .slider_action:hover {background:#fff; color:#333;}

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

  .font_small {
    font-size:1rem;
    line-height:1.6rem;
  }
  .font_midi {
    font-size:1.4rem;
    line-height:2.0rem;
  }


  .flex_column_row {
    margin: 0px 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex_2column_item {
    padding: 0px 0px;
    margin: 20px 0 20px 0;
    width:100%;
  }
  .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 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .flex_3column_item {
    padding: 0px 30px;
    margin: 20px 0 20px 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    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: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    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 { -webkit-flex-direction: row; -ms-flex-direction: row; 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: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
  }
  .buttonrow_drittel_right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -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;
  }
  .br_col1 {
    width:100%;
    margin: 0 0 10px 0;
  }
  .br_col2 {
    width:100%;
    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;
  }

  @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:#333;
    font-weight:300;
    font-size:2.0rem;
    line-height:2.4rem;
    text-transform:none;
    margin:20px 0 15px 0;
    padding:0 0 5px;
    text-align:center;
    border-bottom: 0px solid #eee;
  }
  h1.listing {
    text-transform:uppercase;
    font-weight:700;
    font-size:1.4rem;
    line-height:2.0rem;
  }

  .pseudo_h1 {
    color:#333;
    font-weight:300;
    font-size:2.0rem;
    line-height:2.4rem;
    text-transform:none;
    margin:40px 0 15px 0;
    padding:0 0 5px;
    text-align:center;
    border-bottom: 0px solid #eee;
  }

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

h4 {
	color:#333;
	font-weight:600;
  text-transform:none;
  font-size:1.3rem;
  line-height:1.9rem;
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  border-bottom: 0px solid #e1e1e1;
}

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

/* END headlines */



/* 6. START inputs */
.field_item_row {
  padding: 0px 0;
  margin: 0px -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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;
}
.toggle_account .field_eye {
  bottom: 9px;
} 

.fa-eye {
  color:#ccc;
}
.fa-eye-slash {
  color:#555;
}

.field_text {
  font-size:1.2rem;
  line-height:2rem;
  padding: 8px 4px;
  font-weight:400;
  white-space:nowrap;
  -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;
}
.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 {
  color:#fff !important; background:#000;
}


.inputRequirement,
.inputRequirement_textarea {
  position:absolute;
  right:2px;
  top:5px;
  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:#fff;
  border-color: #ccc;
  color: #333;
  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;
  -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;
}
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:#fff;
  border-color: #ccc;
  color: #333;
  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;
  -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;
  height:44px;
  opacity:0;
}
input[type=number], input[type=text], input[type=password], input[type=email], input[type=tel] {
  background-color:#fff;
  border-color: #888;
  color: #333;
  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;
  -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;
  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:#f5f5f5;
  border-color: #444;
  color: #333;
}
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:#f5f5f5;
  border-color: #444;
  color: #333;
  outline: 0 none;
}


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

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

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

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



/* END inputs */


/* 7. START Footer */

.layout_footer {
  width:100%;
  padding: 0px 0px;
  margin: 40px 0 0 0;
}

.footer_checkout {
  display:block;
  margin: 0px auto;
  padding: 0px 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:#333;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:500;
}
.footer_checkout .footerlist li a:hover {
  color:#333;
  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: 10px 15px;
  width:105px;
}
.footer_payment .footerlist_payment li img {
  width:100%;
  height:auto;
  vertical-align:top;
}






.footer2 {
  display:block;
}
@media only screen and (min-width: 700px) {
  .footer2 { flex-wrap:wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
}

  
.footer2 > .col { width: 33.3333%; padding: 0 0 0 0; }
.footer2 > .col:first-child { order:1; width: 50%; padding: 0 0 0 0; }
.footer2 > .col:last-child  { order:2; width: 50%; padding: 0 0 0 0; }

@media only screen and (min-width: 1200px) {
  .footer2 > .col { width: 21%; padding: 0 30px 0 0; }
  .footer2 > .col:first-child { order: initial; width: 21%; padding: 0 30px 0 0; }
  .footer2 > .col:last-child { order: initial; width: 16%; padding: 0 0 0 0; }
}



.footer2 .box_content_heading,
.footer2 .box_information_heading {
  font-size:1.4rem;
  line-height:2.4rem;
  font-weight:700;
  margin: 0 0 10px 0;
  text-transform:none;
}
.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:#333;
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:500;
  padding: 1px 0px;
  border-bottom: 1px solid transparent;
}
.footer2 .footerlist li a:hover {
  color:#333;
  text-decoration:none;
  border-bottom: 1px solid #999;
}

.footer2 .footer_newsletter {
  padding: 60px 10px 60px 10px;
  width:100%;
  background:#eee;
}
.footer2 .box_newsletter {
  width:100%;
  max-width:800px;
  margin: 0px auto;
}
.footer2 .box_newsletter_headline {
  text-align:center;
  font-size:2.4rem;
  line-height:3rem;
  text-transform:none;
  font-weight:700;
  margin: 0 0 10px 0;
}
.footer2 .box_newsletter_text {
  text-align:center;
  font-size:1.4rem;
  line-height:1.8rem;
  font-weight:400;
  margin: 0 0 0px 0;
}

.footer2 .box_newsletter_form {
  margin: 20px auto 0 auto;
  width:100%;
}

.footer2 .box_newsletter_form .SumoSelect > .CaptionCont {
  height:44px;
}  

.footer2 .cus_radio_row {
  display:flex;
  align-items:center;
  justify-content:center;
}
.footer2 .cus_radio_row .cus_radio {
  margin: 15px 0 0 0;
  padding: 0px 20px;
}
.footer2 .newsletter_button {
  margin: 15px 0 0 0;
  text-align:center;
}
.footer2 .newsletter_button button {
  position: relative;
  text-align: center;
  padding: 11px 5px;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 400;
  text-transform: none;
  white-space: nowrap;
  text-decoration: none;
  height: 44px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: 1px solid #333;
  text-decoration: none;
  background-color: #333;
  color: #ffffff;
  display: inline-block;
  min-width:300px;
  cursor:pointer;
}
.footer2 .newsletter_button button:hover {
  opacity:0.8;
}




.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: -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;
}
.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: 25px 0 0 0;
  list-style-type:none;
  display:block;
}
.footer2 .footerlist_social li {
  display:inline-block;
  vertical-align:top;
  padding: 0px 15px 0 0;
}
.footer2 .footerlist_social li a {
  color:#333;
  font-size:1.6rem;
  line-height:1.6rem;
  display:block;
}
.footer2 .footerlist_social li a:hover {
  color:#333;
  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:#333;
  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:#333;
  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:#333;
  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:#333 !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: 'Font Awesome 5 Free';
  content: '\f078';
  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: 'Font Awesome 5 Free';
  content: '\f077';
  color:#333;
}

.footer3 .footer_language {
  padding: 15px 0px;
  margin: 0px 0 0px 0;
}
.footer3 .box_languages {
  text-transform:uppercase;
  text-align:center;
  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-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 700px) {
  .footer3 .box_languages { -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; 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: -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-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 700px) {
  .footer3 .box_misc { -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; 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:#333;
  font-size:2.0rem;
  line-height:2.0rem;
  display:block;
}
.footer3 .footerlist_social li a:hover {
  color:#333;
  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;
}

@media (min-width: 1024px){
.layout_content {margin: 0px auto;}
} 

.layout_content_inner {
  width:100%;
}


/* 10. START breadcrumbs */
.breadcrumb {
  display:block;
  padding:15px 0 15px 0px;
  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:#222;
}
.breadcrumb span.current {
  font-weight:400;
}
.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 #ddd;
}
.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:#333;
  border-bottom: 1px solid #ddd;
  background:#fff;
}
.gift_label:hover {
  cursor: pointer;
}
.gift_label:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f078';
  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;
}
.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;
}
/* 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;
  padding: 10px 10px 10px 10px;
  font-size:1.2rem !important;
  line-height:1.8rem;
  font-weight:400;
  color:#71ad82;
  background: #e3efe6;
  margin: 10px 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: 40px 0px 40px 0px;
  list-style-type:none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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:3rem;
  font-size:1.2rem;
  text-align:center;
  background:#fff;
  color:#555;
  border: 1px solid #555;
  font-weight:600;
  border-radius:40px;
}
ul#checkoutnavigation li .active .number {
  background:#333;
  color:#fff;
  border: 1px solid #333;
}
ul#checkoutnavigation li .done .number {
  background:#333;
  color:#fff;
  border: 1px solid #333;
}

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

.checkout_row {
  margin: 0px 0px 20px 0px;
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.checkout_confirmation .checkout_row {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}


.checkout_row_history .account_icons {
  display:none;
  margin: 0px -4px 0 0
}
@media (min-width: 900px){
ul#checkoutnavigation li .title {
  font-size:1.2rem;
}	
  .checkout_row_history .account_icons { display:block; }
}

.confetti {
  background-color:transparent !important;
  border:none !important;
  background-image:url(img/confetti.gif);
  background-repeat:no-repeat;
  background-position:top center;
  background-size:100%;
}  
.check {
  background-color:transparent !important;
  border:none !important;
  background-image:url(img/success.gif);
  background-repeat:no-repeat;
  background-position:top right;
  background-size:50%;
} 

.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:#333 !important;
  background-color: #f5f5f5 !important;
}
.checkout_accordion label {
  color:#555 !important;
  padding-right:100px;
  font-size:1.2rem;
  line-height:2.1rem;
  font-weight:600;
}
.checkout_accordion h2.resp-tab-active label {
  color:#333 !important;
  font-weight:600 !important;
}

.checkout_accordion .shipping_costs,
.checkout_accordion .payment_costs {
  position: absolute;
  top: 0px;
  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: 'Font Awesome 5 Free';
  content: '\f078';
  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: 'Font Awesome 5 Free';
  content: '\f077';
  color:#333;
}
.checkout_accordion .resp-tab-content {
  padding: 15px 10px;
  font-size:1.3rem;
  line-height:1.9rem;
}


.checkout_comment {
  background:#fdf2cf;
  padding: 10px;
  margin: 0px -10px -20px -10px;
}
.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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.checkout_box {
  width:100%;
  margin: 15px 0px 0px 0px;
  padding: 0 0 0 0;
  font-size:1rem;
  line-height:1.6rem;
}
@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: #ddd;
  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:#333 !important;
  border-bottom: 1px solid #aaa;
  font-weight:400;
}
a.color_more:hover {
  color:#333 !important;
  text-decoration:none !important;
  border-bottom: 1px solid #555;
}
.color_edit_info {
  color:#333;
  border-bottom: 1px solid #555;
}
/* END Color Defination from language-Files, main.php, ot-Module  */


/* 18. START Listing globals */

.flex_listing_container {
  margin: 0px -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* END Listing globals */


/* 19. START productlist boxes */
.lb_box_1 {
  width: 100%;
  position:relative;
  padding: 0px 10px;
  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%; }
}
@media (min-width: 1600px){
  .lb_box_1 { width: 25%; }
}


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


.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.20512%;
}
.lb_image img {
  width:100%;
  height:100%;
  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_manu_image {
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 55px;
  height: 55px;
}
.lb_manu_image img {
    width: 100%;
    height: auto;
    vertical-align: top;
}


.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:1.2rem;
  line-height:1.8rem;
  font-weight:600;
}
.lb_attributes_row {
  display:block;
  text-align:center;
}
.lb_attributes_item {
  vertical-align:top;
  display:inline-block;
  font-size:1rem;
  line-height:2.0rem;
  min-width:26px;
  text-align:center;
  padding: 3px 2px;
  margin: 5px 5px;;
  background:transparent;
}
.lb_attributes_item:hover {
  background:rgba(232,232,232,0.8);
}

.lb_save {
  position:absolute;
  bottom:10px;
  right:10px;
  display:inline-block;
  font-weight:500;
  text-transform:uppercase;
  font-size:1.0rem;
  line-height:1.6rem;
  padding: 4px 5px 4px 5px;
  color:#fff;
  background:#eb0037;
}
@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;
  right:10px;
  display:inline-block;
  font-weight:500;
  text-transform:uppercase;
  font-size:1.0rem;
  line-height:1.6rem;
  padding: 4px 5px 4px 5px;
  color:#fff;
  background:#F07F00;
}
@media (min-width: 600px){
  .lb_new { font-size:1.2rem; line-height:1.8rem; padding: 4px 10px 4px 10px; }
}

.lb_content {
  position:relative;
  padding: 10px 0px 0px 0px;
}
.lb_title {
  font-weight:500;
  font-size:1.1rem;
  line-height:1.8rem;
  padding: 1px 0px 1px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 0 5px 0;
}
.lb_title a {
}
.lb_title a:hover {
  text-decoration:none;
}

.lb_price {
  position:relative;
  padding: 1px 0;
  font-size:1.3rem;
  line-height:1.9rem;
  color:#333;
  font-weight:700;
  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:#333;
  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:#999;
}
.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 #333;
  color: #333;
  text-decoration:none;
}

.lb_images_small {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 6px -3px 0px -3px;
}
.lbis_item {
  width:12px;
  height:12px;
  border-radius:24px;
  border:1px solid #222;
  margin: 3px;
}
.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 -2px 0px -2px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.subcats_item {
  width:100%;
  min-height:80px;
  padding: 2px;
  margin: 0 0 0 0;
}
@media (min-width: 500px){
  .subcats_item { width:50%; }
}
@media (min-width: 1024px){
  .subcats_item { width:33.3333%; }
}

.subcats_item_inner {
  position:relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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:#333;
  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 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:#333;
}
.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 p  { 
  margin: 0px 0px; 
}
.cat_description ul {
  margin-left:18px;
}
.cat_description ol {
  margin-left:28px;
}


.categories_head {
  background:#f9f9f9;
  display:flex;
  margin: 0 0 30px 0;
}
.categories_head_text {
  padding: 0px 0px;
  flex:1;
}
@media (min-width: 820px){
  .categories_head_text { padding: 30px 30px; }
}

.categories_head_text_inner {
  max-width:100%; 
}
.categories_head_text_inner h1.listing {
  padding: 0px !important;
  margin: 0 0 20px 0 !important; 
}
.categories_head_text_inner .cat_description {
  padding: 0px 0px 0px 0px; 
}

.categories_head_image {
  min-width:33%;
  max-width:50%;
  overflow:hidden;
  display:none;
}
@media (min-width: 820px){
  .categories_head_image { display:block; }
}



.categories_head_image img {
  width:auto;
  height:100%;
  object-fit:cover;
/*
  width:100% !important;
  height:auto !important;
*/
  vertical-align:top;
}




/* 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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  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 {
  display: inline-block;
  min-width:34px;
  padding: 0 0px;
  text-align:center;
  margin: 3px 3px;
  text-decoration:none;
  color: #333;
  background-color: transparent;
  border: 1px solid #ddd;
  border-radius:5px;
}
.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:#333;
  border: 1px solid #333;
  color:#fff;
  border-radius:5px;
}
.pagination .pagination_list ul li a:hover {
  color:#333;
  border: 1px solid #555;
  background: transparent;
}
.pagination .pagination_list .fas {
  font-size:1.0rem;
  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: -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;
}

.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;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: #333 !important;
  background: #f5f5f5 !important;
}
.sort_bar_item .SumoSelect .optWrapper {
  min-width: 200px;
}

.sort_bar_item a.view_tags {
  display:block;
  color:#333;
  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; background:#f5f5f5;border: 1px solid #f5f5f5; }

.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; background:#f5f5f5;border: 1px solid #f5f5f5; }

.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:#333;
  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:#333;
  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;
  background: #f5f5f5;
}
.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:600;
  color:#555;
  border-bottom: 1px solid #555;
}
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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@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 #444 !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: #333 !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 10px 0;
  font-weight:600;
  text-transform:none;
  font-size:1.2rem;
}
.historyflex_title a {
}
.historyflex_title a:hover {
  text-decoration:none;
  border-bottom: 1px solid #555;
}
.historyflex_row_inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size:1.1rem;
  line-height:1.8rem;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction:column;
}
@media (min-width: 700px){
  .historyflex_row_inner { flex-direction:row; }
}

.hfr_col1 { width:100%; margin: 0 0 20px 0; }
.hfr_col2 { max-width:100%; padding: 0px 10px;margin:0px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; box-sizing:border-box;}
.hfr_col3 { width:100%; padding: 20px 0 0 0px; }

@media (min-width: 700px){
  .hfr_col1 { width:200px; margin: 0px;}
  .hfr_col2 { padding: 0px; margin:0px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
  .hfr_col3 { width:200px; padding: 0 0 0 20px; }
}



/* 25. START products_table for order_details, account_history_info, checkout_confirmation */
.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;
}
.ordercontainer_details {
}
.ordercontainer_total {
}

.orderflex {
  border-top:1px solid #ddd;
}
.orderflex_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 30px 0px;
  border-bottom:1px solid #ddd;
  font-size:1.2rem;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.orderflex_row_header {
  padding: 10px 0px ;
  text-transform:uppercase;
  font-size:1.0rem;
  line-height:2.0rem;
  font-weight:400;
}
.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: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
}

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

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

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

.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.20512%;
  background:#fff;
}
.of_col_img_inner 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;
}

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

.of_col_qty {
  width:100%;
  padding: 0px 10px 0px 10px;
  text-align:center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -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;
}
.of_col_single {
  text-align:right;
  width:100%;
  padding: 0px 10px 0px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display:none;
}
@media (min-width: 700px){
  .of_col_single { display:block; }
}


.of_col_total {
  text-align:right;
  width:100%;
  padding: 0px 10px 0px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  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:100px;
  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; }
  .of_col_qty { width:auto; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
}

.of_col_single_inner {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.of_col_total_inner {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.of_col_qty_inner {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
@media (min-width: 700px){
  .of_col_qty_inner { -webkit-justify-content: center; -ms-flex-pack: center; 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:600;
  text-transform:none;
}
.of_fileupload {
  margin: 0px 0 10px 0;
  font-weight:400;
  text-transform:none;
  font-size:1rem;
} 
@media (min-width: 700px){
  .of_productname  { margin: 12px 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:1rem;
  line-height:1.4rem;
  padding: 1px 0px;
}
.of_model {
  font-size:1rem;
  line-height:1.4rem;
  padding: 1px 0px;
}
.of_shipping {
  font-size:1rem;
  line-height:1.4rem;
  padding: 1px 0px;
}
.of_quantity_field {
  width:50px;
  text-align:right;
}
@media (min-width: 700px){
  .of_quantity_field { text-align:center; }
}

.of_quantity_field input {
  text-align:center;
}
.of_quantity_update {
  margin: 0 0 0 5px;
  padding: 0 0 0 0px;
  width:44px;
}
.of_quantity_update .cssButton {
  color: #666;
  border-color: #444;
}
.of_quantity_update button {
  height:42px;
  opacity:0;
}

.of_action {
  border-top: 1px solid #eee;
  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:#333;
  text-decoration:none;
}
.of_action > span .cssButtonColor5 {
  background: transparent;
  color: #999;
}
.of_action > span .cssButtonColor5:hover {
  color: #333;
  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 {
  float:right;
  width:100%;
  background:#fff;
  padding:0px;
  margin: 0 0 0px 0;
  font-weight:400;
}
@media (min-width: 1024px){
  .ordersum { width:60%; }
}

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

.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: 12px 10px;
  border-bottom: 1px solid #ddd;
}
.ordertotal_row strong,
.ordertotal_row b {
  font-weight:400;
}

.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_2 {
  width:85px;
  text-align:right;
}
.ordertotal_row .ot_width_3 {
  width:60%;
}
.ot_select {
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.ot_shipping {
  background:#fff;
  font-size:1.3rem;
  line-height:1.9rem;
}
.ot_total {
  padding: 15px 10px;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  font-weight:700;
}
.ot_total strong {
  font-weight:700;
}
.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: 0px 0 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.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 2% 0 0; margin: 0 0 0 0; }
  .pd_flexcontent { width:50%; padding: 0 0 0 2%; }
  .pd_fleximage_big { width:66.6666%; padding: 0 3% 0 0; margin: 0 0 0 0; }
  .pd_flexcontent_small { width:33.3333%; padding: 0 0 0 3%; }
}

.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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -5px -10px 0 -10px;
  display: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; 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: 5px;
  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% - 0px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: -5px 0px 0 0px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media only screen and (min-width: 600px) {
  .pd_image_container { width:calc(100% - 10px); margin: -5px 0px 0 10px; }
}





.pd_image_small_container {
  float:left;
  width:16.6666%;
  display: none !important;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (min-width: 600px) {
  .pd_image_small_container { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; }
}



.pd_image_big_container {
  float:right;
  width:100%;
  overflow:hidden;
}
@media only screen and (min-width: 600px) {
  .pd_image_big_container { width:83.3334%; }
}




.pd_image_small {
  display:block;
  font-size:2.0rem;
  height:100%;
  color:#fff;
  padding: 5px 0 5px 0;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.pd_image_small_inner {
  width:90%;
  background:#ffffff;
  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.20512%;
}
.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:1;
}
.pd_image_small_container .slick-slide.slick-current img {
  border: 1px solid #333;
}
.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_manu_image {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 85px;
  height: 60px;
  z-index: 5;
}
.pd_manu_image img {
  width: 100%;
  height: auto;
  vertical-align: top;
}



.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.4rem;
  text-transform:uppercase;
  padding: 0px 0px;
  margin: 0 0 10px 0;
}
.pd_model {
  font-size:1.2rem;
  line-height:1.8rem;
  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: #333;
  font-size:1.5rem;
  line-height:2.1rem;
  font-weight: 700;
}
.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:#333;
  padding-right:10px;
}
.pd_price .old_price {
  vertical-align:top;
  display:inline-block;
  color:#eb0037;
  text-decoration:line-through;
}

.pd_price .save_price {
  vertical-align:top;
  display:inline-block;
  background: #eb0037;
  color:#fff;
  font-size:1.1rem;
  padding: 0px 5px;
  margin: 2px 0 0 10px;
  line-height:1.6rem;
  font-weight:600;
}
.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:#222;
}
.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:#00AA5B;
}
.pd_shipping a {
  color:#00AA5B;
  text-decoration:none;
}
.pd_shipping a:hover {
  color:#00AA5B;
  text-decoration:none;
  border-bottom: 1px solid #F07F00;
}
.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: 40px 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;
  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:#333 !important;
  padding: 10px 0px !important;
  border-bottom: 1px solid #333 !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: 4px;
  text-align: center;
  font-weight:600;
}
.pd_tabs .resp-tab-active > span.count {
  background: #333;
  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:#333 !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: 4px;
  text-align: center;
  font-weight:700;
}
.pd_accordion .resp-tab-active > span.count {
  background: #333;
  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: 'Font Awesome 5 Free';
  content: '\f078';
  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: 'Font Awesome 5 Free';
  content: '\f077';
  color:#333;
}
/* end accordion */
.pd_description_headline {
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  color: #333;
  font-weight: 400;
  padding: 10px 0px !important;
  border: solid transparent;
  border-width: 0px 0px 1px 0px;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ddd;
}


.pd_description {
  font-size:1.2rem;
  line-height:2rem;
}
.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:#333;
  margin: 0 0 10px 0;
}

.pd_colorrow {
  margin: 20px -5px 0px -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pd_coloritem_image {
  width:60px;
  padding: 5px;
}
@media (min-width: 1024px){
  .pd_coloritem_image { width:90px; }
}

.pd_coloritem_code {
  width:42px;
  padding: 5px;
}
.pd_coloritem_inner {

}
.pd_coloritem_inner > a {
  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;
}
.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 #333;
}
.pd_coloritem_bild:before {
  content: "";
  display:block;
  padding-top: 128.20512%;
}

.pd_coloritem_name {
  padding: 5px 0 0 0;
  font-size:0.9rem;
  line-height:1.2rem;
  font-weight:600;
  white-space: nowrap;

  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

  

.pd_coloritem_farbe {
  border: 1px solid #999;
  margin: 0 0 0 0;
  text-align: center;
  width: 100%;
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:25px;
  width:21px;
  height:21px;
}
.pd_coloritem_farbe.active {
  border: 3px solid #fff;
  outline: 1px solid #222;
}
.pd_coloritem_farbe:before {
  content: "";
  display:block;
  padding-top: 100%;
}
/* END Product details */


/* 27. START graduated prices */
.graduated_prices {
  margin: 0px 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 #fff;
  border-width: 1px 0px 1px 1px;
  color:#888;

}
.gp_box.vpe {
  width:50%;
}
.gp_box.last {
  border-right: 1px solid #fff;
}
.gp_title {
  display:block;
  background:#fff;
  font-size:1.1rem;
  line-height:1.1rem;
  font-weight:600;
  text-align:left;
  padding:10px 20px 10px 0px;
  white-space:nowrap;
  border-bottom: 1px solid #fff;
}
.gp_price {
  display:block;
  background:#fff;
  font-size:1.1rem;
  line-height:1.1rem;
  font-weight:normal;
  text-align:left;
  width:120px;
}
.gp_vpe {
  display: block;
  background:#fff;
  font-size:1.0rem;
  line-height:1.1rem;
  font-weight: normal;
  text-align: left;
  padding: 1px 20px 1px 0px;
  border-top: 1px solid #ddd;
}
/* END graduated prices */


/* 28. START addtobasket */
.addtobasket_outer {
  margin: 20px 0px 0px 0px;
}
.addtobasket {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  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;
}
/* 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;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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 */
.productoptions {
  margin: 20px 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:400;
  margin: 0 0 12px 0;
}
.options_dropdown {
  margin: 0px;
}

.options_dropdown {}

.options_dropdown .SumoSelect > .CaptionCont {max-width:300px;}

.options_selection_row {
  margin: 0 0 10px 0;
}
.options_heading_selection {
  font-size:1.2rem;
  line-height:1.8rem;
  font-weight:600;
  margin: 0 0 0px 0;
}
.options_selection {
  margin: 0px -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


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



.options_selection_item_inner > label {
  border: 1px solid #ddd;
  border-radius:4px;
  cursor: pointer;
  padding:11px 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.disabled {
  border: 1px solid #999;
  background:#ddd;
  cursor:default;
  opacity: 0.3;
}

.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 #333;
}
.options_selection_content {
  display:block;
  width:100%;
  padding: 0px 2px;
}
.options_selection_name {
  display:block;
  text-align:center;
  font-weight:700;
  font-size:1.4rem;
  line-height:1.8rem;
}
.options_selection_price {
  display:block;
  text-align:center;
  font-weight:400;
  font-size:1.2rem;
  line-height:1.4rem;
}


.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;
  padding:12px 0 0 0;
}
.options_ordermode {
  margin: 0px -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.options_ordermode_item {
  padding: 4px;
  width:20%;
  max-width:68px;
  font-size:1.4rem;
  line-height:2.0rem;
}
.options_ordermode_item_inner {
  position:relative;
  width:100%;
  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;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.options_ordermode_item_text {
  text-align:center;
  font-size:1.2rem;
  line-height:1.6rem;
  font-weight:500;
  white-space:nowrap;
}
.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;
  display:none;
}
.options_ordermode_item_instock {
  padding: 3px 0 0 0;
  text-align:center;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:600;
  color:#F07F00;
  display:none;
}
.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;
}

.options_ordermode_item_price {
  padding: 3px 0 0 0;
  text-align:center;
  font-size:1rem;
  line-height:1.2rem;
  font-weight:600;
  color:#333;  
}


/* 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%;
  margin:10px 0;
}
.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:#333;
}
.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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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.20512%;
}
.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;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* reviews write */
.field_rating {
  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;
}
.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: 'Font Awesome 5 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;
  -webkit-box-shadow: 0px 0px 15px #3d3d3d;
  -moz-box-shadow: 0px 0px 15px #3d3d3d;
  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;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  border: solid 1px #101010;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#242424));
  background: -moz-linear-gradient(top,  #494949,  #242424);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#242424');
}
#layout_adminlogin .login:hover {
  text-decoration: none;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#494949));
  background: -moz-linear-gradient(top,  #242424,  #494949);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#494949');
}
/* END offline & admin-login */




/* 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:1310;
}
.toggle_cart,
.toggle_wishlist,
.toggle_account,
.toggle_settings,
.toggle_service {
  position:fixed;
  top:0px;
  bottom: 0px;
  margin: auto;
  z-index:1311;
  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:#333;
  right:calc(-100% + 30px);
  width:calc(100% - 30px);
  display:block !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity:0;
}

@media (min-width: 440px){
  .toggle_cart, .toggle_wishlist, .toggle_account, .toggle_settings, .toggle_service { width:400px; padding:60px 40px 70px 40px; right:-400px; }
}
@media (min-width: 800px){
  .toggle_cart, .toggle_wishlist, .toggle_account, .toggle_settings, .toggle_service { width:600px; padding:60px 40px 70px 40px; right:-600px; }
}


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

.toggle_cart > .toggle_closer,
.toggle_wishlist > .toggle_closer,
.toggle_account > .toggle_closer,
.toggle_settings > .toggle_closer,
.toggle_service > .toggle_closer {
  cursor:pointer;
  width:30px;
  height:30px;
  background:#eee;
  color:#555;
  position:absolute;
  top:10px;
  right:10px;
  font-size:1.0rem;
  line-height:3.0rem;
  text-align:center;
}
.admin_mode .toggle_cart > .toggle_closer,
.admin_mode .toggle_wishlist > .toggle_closer,
.admin_mode .toggle_account > .toggle_closer,
.admin_mode .toggle_settings > .toggle_closer,
.admin_mode .toggle_service > .toggle_closer {
  top:46px;
}
.toggle_closer {
  cursor:pointer;
}
.toggle_headline {
  margin: 0px 0px 20px 0px;
  font-size:1.8rem;
  line-height:2.6rem;
  font-weight:600;
}

.toggle_products {
  margin: 10px 0px;
  border-top: 1px solid #ddd;
}
.toggle_products_item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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.20512%;
}
.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 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: -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;
}
.toggle_products_price {
  text-align:right;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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 {
  padding: 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: #444;
  color: #333;
}

.toggle_account ul.arrownav {
  border-top: 1px solid #ddd;
  list-style-type:none;
  margin: 0 0 0 0;
}
.toggle_account ul.arrownav li {
  padding: 18px 0px 18px 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;
}

.settingsbox {
  margin: 40px 0 20px 0;
}
.settingsbox_headline {
  font-size:1.4rem;
  line-height:2.0rem;
  display:inline;
  vertical-align:middle;
  font-weight:400;
}
.settingsbox .field_item_1 {
  padding: 15px 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:#333 !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:#333;
  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:#333;
}
.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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size:1.2rem;
  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;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;  
}
.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;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size:1.2rem;
  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;
  margin: 0 0 -1px 0;
}
.tags_values_desc_hover {
  position:absolute;
  bottom:20px;
  left:-95px;
  width:200px;
  background:#fff;
  border: 1px solid #999;
  color:#000;
  display:none;
  font-size:1rem;
  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:#333;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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.20512%;
}
.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: 600;
  font-size:1rem;
  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:#333;
  font-size:1rem;
  line-height:1.6rem;
  font-weight:400;
}
.autocomplete_price .new_price {
  vertical-align:top;
  display:inline-block;
  color:#333;
  padding-right:10px;
}
.autocomplete_price .old_price {
  vertical-align:top;
  display:inline-block;
  color:#eb0037;
  text-decoration:line-through;
}
.autocomplete_price .item_price {
  display:none;
}

#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.1rem;
  line-height:1.3rem;
  font-weight: 400;
  text-transform: none;
  color:#777;
  border-bottom: 1px solid #777;
}
.cssButtonLink a:hover {
  color:#333;
  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: 14px 5px;
  font-size:1.4rem;
  line-height:2.0rem;
  font-weight:400;
  text-transform:none;
  white-space:nowrap;
  text-decoration:none;
  min-height:44px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.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 .cssButtonText {
  display:inline-block;
  padding-left:3px;
  padding-right:3px;
  text-decoration:none;
}

/* Colors for CSS Buttons */

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

/* Magenta Buttons */
.cssButtonColor2 {
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	border:1px solid #333;
	text-decoration:none;
	background-color:#333;
	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;
  border-radius:24px;

}
.cssButtonColor3:hover {
  opacity:0.8;
  text-decoration:none !important;
  color:#222; 
}

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

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


/* Yellow Paypal Express Buttons */
.cssButtonColor6 {
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	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% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc848', endColorstr='#fbba22');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #ffc848), color-stop(90%, #fbba22) );
	background-color:#ffc848;
	color:#222;
	display:inline-block;
	text-shadow:1px 1px 0px #ffd97e;
  -webkit-box-shadow:inset 1px 1px 0px 0px #ffe3a1;
  -moz-box-shadow:inset 1px 1px 0px 0px #ffe3a1;
  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% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbba22', endColorstr='#ffc848');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #fbba22), color-stop(90%, #ffc848) );
	background-color:#fbba22;
	color:#222;
  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:#333;
  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:1rem;
  line-height:1.4rem;
  margin:18px 0;  
}
.cus_check_small {
  font-size:1rem;
  line-height:1.4rem;
}
.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: 'Font Awesome 5 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 {
  content: '';
  display:block;
  border: 1px solid #aaa;
  border-radius:2px;
  width:16px;
  height:16px;
  position: absolute;
  top: 1px;
  left: 0px;
  transition: background .15s;
  border-radius:16px;
}
.cus_radio.cus_radio_small input[type="radio"] ~ label:before {
  top: 0px;
}
.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: 'Font Awesome 5 Free';
  content: '\f111';
  font-weight:900;
  font-size:6px;
  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;
  border-radius:16px;
  transition: transform .15s;
  transform: scale(0);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cus_radio.cus_radio_small input[type="radio"] ~ label:after {
  top: 0px;
}
.cus_radio input[type="radio"]:checked ~ label:after {
  transform: scale(1);
}
/* END Custom checkbox & radio */

.external_links a:after {
  font-family: 'Font Awesome 5 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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.account_image {
  width:70px;
  padding: 5px;
  background:#fff;
  border: 1px solid #ddd;
}
.account_text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0 0 30px;
}

.account_icons {
  float:right;
  display:block;
  margin: 0 -4px 0 0
}
.account_icons .cssButton {
  float:left;
  width:46px;
  margin: 0px 4px;
}


.account_kachel {
  margin: 0px -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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:33.3333%; }
}

.ac_item_inner {
  border: 1px solid #ddd;
  background:#fff;
  padding: 0px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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.2rem;
  line-height:1.9rem;
  font-weight:600;
  margin: 5px 0 5px 0
}
.ac_item_inner .text {
  display:block;
  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 -10px 0px -10px;
}

.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: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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: 10px;
}

.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: #333;
}
.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 {
  -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;
  border-radius:2px;
  border: 1px solid #fff;
  width: 48px;
  height: 48px;
  background: #fff;
  z-index: 2;
  opacity:0.8;
}
.layout_slider .slick-prev,
.layout_slider .slick-next,
.layout_slider .slick-prev:focus,
.layout_slider .slick-next:focus {
  -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;
  border-radius:2px;
  border: 1px solid #fff;
  width: 48px;
  height: 48px;
  background: #fff;
  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;
  -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
}
.pd_image_small_container .slick-prev {
  right: 0px; left: -21px; bottom: auto; top: 15px; margin: auto;
  -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); 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: #333;
}
/* END slick-carousel */


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

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

.addtobasket_sticky_row {
  position:relative;
  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;
}
.addtobasket_sticky_image {
  width: 42px;
  height:42px;
  border: 1px solid #ddd;
  border-radius:4px;
  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;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.addtobasket_actions .addtobasket_cart {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.addtobasket_actions .addtobasket_wish {
  padding: 0 0 0 10px;
  width: 52px;
}

/* End Stiyky add to basket */


/* Content sites */
.cm_content {
  overflow:hidden;
}
.cm_content ul {
  margin: 0px 0px 0px 18px;
}


.cm_textblock {
  font-size:1.2rem;
  line-height:2rem;
  font-weight:400;
}

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



.cm_blog_flex_item_inner {
}
.cm_blog_image {
}
.cm_blog_image img {
  width:100%;
  height:auto;
  vertical-align:top;
}
.cm_blog_content {
  margin: 20px 0 0 0;
  padding: 0 20px 0 0;
}
.cm_blog_headline {
  font-size:1.4rem;
  line-height:2.0rem;
  font-weight:600;
}
.cm_blog_text {
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:400;
  margin: 10px 0 0 0;
}
.cm_blog_action {
  margin: 5px 0 0 0;
}
.cm_blog_action a {
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:600;
  color:#333;
  border-bottom: 1px solid #555;
}
.cm_blog_action a:hover {
  opacity:0.8;
  text-decoration:none;
}

/* End Content Blog */

/* Start Content Pure */
.cm_pure_flex_row {
  margin: 0px -12px; 
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* Four Items */
.cm_pure_four .cm_pure_flex_item {
  width: 100%;
  margin: 0 0 12px 0;
  padding: 0px 6px;
}
@media (min-width: 600px){
  .cm_pure_four .cm_pure_flex_item { width: 50%; }
}
@media (min-width: 1060px){
  .cm_pure_four .cm_pure_flex_item { width: 25%; }
}


/* Three Items */
.cm_pure_three .cm_pure_flex_item {
  width: 100%;
  margin: 0 0 12px 0;
  padding: 0px 6px;
}
@media (min-width: 600px){
  .cm_pure_three .cm_pure_flex_item { width: 50%; }
}
@media (min-width: 900px){
  .cm_pure_three .cm_pure_flex_item { width: 33.3333%; }
}

/* Two Items */
.cm_pure_two .cm_pure_flex_item {
  width: 100%;
  margin: 0 0 0px 0;
  padding: 0px 6px;
}
@media (min-width: 800px){
  .cm_pure_two .cm_pure_flex_item { width: 50%; }
}

/* One Item */
.cm_pure_one .cm_pure_flex_item {
  width: 100%;
  margin: 0 0 12px 0;
  padding: 0px 6px;
}

/* Five Items in 2 rows */
.cm_pure_five2rows .cm_pure_flex_item {
  width:100%;
  margin: 0 0 12px 0;
  padding: 0px 6px;
}
.cm_pure_five2rows .cm_pure_flex_item:nth-child(4) {
  width:100%; 
  order:99 !important;
}
@media (min-width: 600px){
  .cm_pure_five2rows .cm_pure_flex_item { width:50%; }
}

@media (min-width: 1200px){
  .cm_pure_five2rows .cm_pure_flex_item { width:33.3333%; }
  .cm_pure_five2rows .cm_pure_flex_item:nth-child(4) { width:66.6666%; order:10 !important; }

}




.cm_pure_flex_item_inner { 
  overflow:hidden; 
}
.cm_pure_image {
  position:relative;
  display:block;
}
.cm_pure_image img {
  width:100%;
  height:auto;
  vertical-align:top;
}
.cm_pure_image video {
  top:0px;
  left:0px;
  position:absolute;
  width:100%;
  height:auto;
  vertical-align:top;
}


.cm_pure_image.cm_home {
  position:relative;
  display:block;
  overflow:hidden
}
.cm_pure_image.cm_home:before {
  content: "";
  display:block;
  padding-top: 63.443189%;
}
.cm_pure_image.cm_home img {
  width:100%;
  height:100%;
  margin: auto;
  position: absolute;
  font-size:0.1px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit:cover;
}




.cm_pure_image video {
  
}


.cm_pure_image_overlay {
  position:absolute;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  background: rgba(0,0,0,0.2);
  z-index:1;
  opacity:0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.cm_pure_image:hover .cm_pure_image_overlay {
  opacity:1;
}  

.cm_pure_content {
  color:#fff;
  position:absolute;
  z-index:2;
  bottom: 8%;
  left:8%;
  background:rgba(0,0,0,0.0);
  display:block;
  margin: 20px 0 0 0;
  padding: 0 20px 0 0;
}
.cm_pure_headline {
  display:block;
  font-size:2.2rem;
  line-height:3.0rem;
  font-weight:600;
  text-shadow: 2px 2px 24px #222;
}            
@media (min-width: 1024px){
  .cm_pure_headline {font-size: 2.6rem; line-height: 3.6rem;}
}


.cm_pure_text {
  display:block;
  font-size:1.4rem;
  line-height:1.8rem;
  font-weight:500;
  margin: 5px 0 0 0;
  max-width:500px;
}
@media (min-width: 1024px){
  .cm_pure_text { font-size:1.8rem; line-height:2.4rem; margin: 20px 0 0 0; }
}

.cm_pure_action {
  margin: 15px 0 0 0;
  display:inline-block;
  background:#fff;
  padding: 8px 18px;
  color:#333;
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:600;
	border-radius:24px;
}
.cm_pure_action:hover {
  background:#f07f00; 
  color:#fff;
}

/* End Content pure */


/* Start Content Gallery */

.cm_gallery_flex_row {
  margin: 0px -1px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cm_gallery_flex_item {
  width:100%;
  padding: 1px 1px;
  margin: 0 0 0px 0;
}
@media (min-width: 500px){
  .cm_gallery_flex_item { width:50%; }
}
@media (min-width: 900px){
  .cm_gallery_flex_item { width:33.3333%; }
}
@media (min-width: 1200px){
  .cm_gallery_flex_item { width:25%; }
}


.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:#333;
  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: 30px 0px;
  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;
}
.cm_rows_flex_row:nth-child(even) {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cm_rows_flex_row:nth-child(odd) {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cm_rows_image {
  width:100%;
  padding:0 6px 0 6px;
}
.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) { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .cm_rows_flex_row:nth-child(odd) { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .cm_rows_image { width:50%; }
  .cm_rows_content { width:50%; padding:10px 30px 10px 30px; }
}
@media (min-width: 1024px){
  .cm_rows_content {padding:0 5%; margin:0;}	
}



.cm_rows_headline {
  font-size:1.4rem;
  line-height:2.0rem;
  font-weight:600;
}
@media (min-width: 1024px){
.cm_rows_headline {font-size: 2.6rem; line-height: 3.6rem;}
}


.cm_rows_text {
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:400;
  margin: 10px 0 0 0;
}
@media (min-width: 1024px){
  .cm_rows_text {font-size: 1.2rem; line-height: 2rem;}
}

.cm_rows_action {
  margin: 5px 0 0 0;
}
.cm_rows_action a {
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:600;
  color:#333;
  border-bottom: 1px solid #555;
  border-radius:0px;
}
@media (min-width: 1024px){
  .cm_rows_action a {	border-radius:24px; background: #222; color: #fff; border: 1px solid #222; margin: 15px 0 0 0; display: inline-block; padding: 15px 20px; font-size: 1.2rem; line-height: 2.0rem; font-weight: 500; text-transform: none; }
}

.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: -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-direction: column;
  -ms-flex-direction: column;
  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.4rem;
  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:#333;
  border-bottom: 1px solid #555;
}
.cm_100percent_action a:hover {
  opacity:0.8;
  text-decoration:none;
}
/* End Content Rows */


/* Start Content Timeline */
.cm_timeline_row {
  display: flex;
  width:100%;
  max-width:1024px; 
  margin:0 auto;
  flex-wrap:wrap;
}
.cm_timeline_row:nth-child(even) { 
  flex-direction: row; 
}
.cm_timeline_row:nth-child(odd) { 
  flex-direction: row-reverse; 
}


.cm_timeline_image {
  box-sizing:border-box;
  padding: 10px 20px 20px 20px;
  order:3;
  width:100%;
}
@media (min-width: 600px){
  .cm_timeline_image { padding: 30px 20px 30px 20px; flex:1; order:1; }
}
.cm_timeline_row:nth-child(even) .cm_timeline_image { 
  text-align:right; 
}
.cm_timeline_row:nth-child(odd) .cm_timeline_image { 
  text-align:left; 
}

.cm_timeline_image_box {
  display:inline-block;
  width:100%;
  overflow:hidden;
  position:relative;
}
@media (min-width: 600px){
  .cm_timeline_image_box { width:300px; }
}

.cm_timeline_image_box:before {
  content: "";
  display:block;
  padding-top: 150%;
}
.cm_timeline_image img {
  width:auto;
  height:100%;
  margin: auto;
  position: absolute;
  font-size:0.1px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.cm_timeline_year {
  box-sizing:border-box;
  text-align:center;
  padding: 30px 10px;
  position:relative;
  order:0;
  width:100%;
}  
@media (min-width: 850px){
  .cm_timeline_year { order:2; width:100px; }
}


.cm_timeline_year:after {
  content:'';
  width:1px;
  height:100%;
  border-left:1px dotted #333;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px; 
  margin:auto;
  position:absolute;
  z-index:1;
}  
.cm_timeline_year_inner {
  position:relative;
  z-index:2;
  display: inline-block;
  background: #222;
  color: #fff;
  border: 1px solid #222;
  border-radius: 27px;
  margin: 0 0 0 0;
  padding: 15px 20px;
  font-size: 1.4rem;
  line-height: 2.0rem;
  font-weight: 500;
  text-transform: none;
}

.cm_timeline_content {
  box-sizing:border-box;
  padding:0px 20px 0px 20px;
  width:100%;
  order:2;
}
@media (min-width: 600px){
  .cm_timeline_content { padding:30px 20px 30px 20px; flex:1; order:3; }
}

.cm_timeline_content_inner {
  padding: 20px;
}

.cm_timeline_headline {
  font-size:1.4rem;
  line-height:2.0rem;
  font-weight:600;
}
.cm_timeline_text {
  font-size:1.2rem;
  line-height:2.0rem;
  font-weight:400;
  margin: 10px 0 0 0;
}




/* End Content Timeline */





/* Start agent list */

.agent_search_container {
  margin: 20px 0px;
}
#search-agents {
  position:relative;
  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;
}
.search_agent_input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px 0 0;
}
.search_agent_button {
  width:80px;
}

.agent_list_container {
  margin: 30px 0px 30px 0px;
  border-top: 1px solid #ddd;
}
.agent_list_row {
  margin: 0px 0px 0px 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size:1.2rem;
  line-height: 18px;
  border-bottom: 1px solid #ddd;
}
.agent_list_row.header {
  font-size:1.0rem;
  line-height: 16px;
  font-weight:700;
}

.agent_list_row:nth-child(odd) {
  background: #f5f5f5;
}
.agent_list_row:nth-child(even) {
  background: #ffffff;
}
.agent_list_id {
  width:80px;
  padding: 12px 2px;
  text-align:center;
}
.agent_list_login {
  padding: 12px 2px;
  width:60px;
  text-align:center;
}
.agent_list_login a {
  border-bottom: 1px solid #999;
}
.agent_list_login a:hover {
  color:#333;
  text-decoration:none;
}

.agent_list_address {
  padding: 7px 0px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.agent_list_address > div {
  width:50%;
  padding: 5px 10px;
}
@media (min-width: 1024px){
  .agent_list_address > div { width:33.3333%; }
}
@media (min-width: 1024px){
  .agent_list_address > div { width:16.6666%; }
}
/* Ende agent list */



.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: 1px solid #ddd;
}
.ordermode_accordion .ordermode_item:last-child {
  border-bottom: 1px solid #ddd;
}
.ordermode_accordion .ordermode_label {
  padding: 15px 30px 15px 0px;
  width: 100%;
  display: block;
  font-size:1.4rem;
  line-height:2.0rem;
  color:#333;
  background:#fff;
  position:relative;
}
.ordermode_label:hover {
  cursor: pointer;
}
.ordermode_label:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f078';
  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;
  -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;
}
.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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0px 0px;
  font-size:1.3rem;
  line-height:1.7rem;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial;
  width: 100%;
  order: 5;
}
@media only screen and (min-width: 750px) {
  .omh_images { padding: 0px 5px 0px 5px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width:initial; order:initial; }
}

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

.omh_images_big {
  width:105px;
  padding: 0 5px 0 0;
}
.omh_images_small {
  margin: -5px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0px;
  border-bottom: 1px solid #ccc;
}

.ordermode_content_row.visible {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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:90px;
  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;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ocr_data .SelectBox {
  padding: 6px 8px !important;
  font-size: 1.2rem !important;
}


.ocs_switcher .hidden {
  display: none;
}
@media only screen and (min-width: 780px) {
  .ocr_data { width:200px; -webkit-box-flex: initial; -moz-box-flex: initial; -webkit-flex: initial; -ms-flex: initial; 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;
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width:100%;
}
@media only screen and (min-width: 780px) {
  .ocr_fields { width:initial; margin: -5px 0px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
}


.ocr_fields_item {
  margin: 5px;
  width:70px;
}
.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:#F07F00;
}
.ocr_fields_sold {
  padding: 3px 0 0 0;
  text-align:center;
  font-size:1.0rem;
  line-height:1.4rem;
  font-weight:600;
  color:#eb0037;
}

.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 onesize */
.ordermode_child_onesize {
  margin: 0;
  padding: 0px 0px 20px 0px;
  overflow:hidden;
}
.ordermode_content_onesize {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px -10px;
}

.ordermode_content_row_onesize {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width:100px;
  text-align:center;
}
.ordermode_content_row_onesize .ocr_data {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.ocr_summary_single {
  padding: 0px 10px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.ocs_switcher {
  padding: 0px 10px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 1.2rem;
  line-height: 1.8rem;
  -webkit-align-items: center;
  -webkit-box-align: center;
  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: 30px 0 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: solid #ddd;
  border-width: 1px 0px 0px 1px;
  display:none;
}

.pd_booster_item {
  width:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: solid #ddd;
  border-width: 0px 1px 1px 0px;
  padding: 15px 15px 15px 10px;
}

@media only screen and (min-width: 600px) {
  .pd_booster_item { width:100%; }
}
@media only screen and (min-width: 780px) {
  .pd_booster_item { width:100%; }
}
@media only screen and (min-width: 1060px) {
  .pd_booster_item { width:100%; }
}



.pd_booster_box.full .pd_booster_item {
  width:100%;
}

.pd_booster_icon {
  width:40px;
  text-align:center;
  font-size:2rem;
  line-height:2.0rem;
  padding: 0px 0 0 0;
}
.pd_booster_text {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0 0 10px;
  font-size: 1.3rem;
  line-height: 2.0rem;
}

.agent_list_order_period input {
  background-color: white;
  border-color: transparent;
  color: #333;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  border-radius: 2px;
  width: 95px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -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;
  height: 20px;
  font-size: 10px;
  padding: 0;
}
.first_period{
  padding-right: 10px;
}

.first_period,.second_period{
  width: 49%;
  float: left;
  align-items: center;
  justify-content: center;
}
.agent_list_order_period{
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.agent_list_order_period label{
  display: block;
  width: 100%;
  text-align: center;
}

.agent_list_order_period .input-holder{
  display: flex;
  justify-content: center;
  align-items: center;
}
.agent_list_order_period form{
  width: 100%;
}
.agent_list_order_period input::-webkit-datetime-edit { padding: 0; }

.agent_list_order_period input::-webkit-datetime-edit-text {padding: 0; }
.agent_list_order_period input::-webkit-inner-spin-button { display: none; }
.agent_list_order_period input::-webkit-calendar-picker-indicator {
  width: 10px;
  margin: 0;
}
 
/* START content_accordion */
ul.contentaccordion li span.ca_icon:before, 
ul.contentaccordion li span.ca_icon:after, 
ul.contentaccordion p.ca_content {
  transition: all 0.25s ease-in-out;
}
ul.contentaccordion li {
  animation: flipaccordion 0.5s ease both;
}
ul.contentaccordion h2 {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing:border-box;
  padding:0px 30px 0px 0px;
  margin: 0 0 0px 0;
  display: block;
  cursor: pointer;  
}
p.ca_content {
  position: relative;
  overflow: hidden;
  max-height: 1200px;
  opacity: 1;
  transform: translate(0, 0);
  margin: 0px 0 0 0px;
  z-index: 2;
  padding-right:30px;
}

ul.contentaccordion {
  list-style: none;
  padding: 0;
  width:100%;
  max-width:1024px;
  margin: 0 auto;
  border-bottom: 1px solid #e1e1e1;
}
ul.contentaccordion li {
  position: relative;
  padding: 0;
  margin: 0;
  padding: 15px 0 15px 0;
  border-top: 1px solid #e1e1e1;
}
ul.contentaccordion li {
  animation-delay: 0.1s;
}
ul.contentaccordion li span.ca_icon {
  position: absolute;
  right: 5px;
}
ul.contentaccordion li span.ca_icon:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f078';
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: center;
  display: block;
  color: #999;
}
ul.contentaccordion li span.ca_icon:before {
  transform: translate(0, 0) rotate(180deg);
}
ul.contentaccordion li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
ul.contentaccordion li input[type=checkbox]:checked ~ p.ca_content {
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
ul.contentaccordion li input[type=checkbox]:not(:checked) ~ p.ca_content {
  padding-top:10px;
  padding-bottom:10px;
}

ul.contentaccordion li input[type=checkbox]:checked ~ span.ca_icon:before {
  transform: translate(0, 0) rotate(0deg);
}

@keyframes flipaccordion {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  100% {
    opacity: 1;
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}
/* END content_accordion */ 
       
.flex_listing_outer {
  margin: 0px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
}
.flex_listing_outer_categories {
  width:250px;  
  padding: 0px 30px 0 0;
  display:none;
}
@media only screen and (min-width: 985px) {
  .flex_listing_outer_categories { display:block; }
}

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

.categorytree_box {
  margin: 0 0 30px 0;
}
.ct_sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 99px;
  z-index:3;
}
.admin_mode .ct_sticky {
  top: 135px;
}

.categorytree_single {
  padding: 6px 0 0 0;
  list-style-type:none;
  font-weight:400;
  font-size:13px;
  line-height:19px;
}  
.categorytree_single ul { 
  list-style-type:none;
  margin: 0px 0px;
}
.categorytree_single li.level1 {
  position:relative;
  padding: 0 0 0 0;
}
.categorytree_single li.level1 > a {
  display:none;
  font-weight:600;
  text-transform:uppercase;
  font-size:14px;
  line-height:20px;
  color:#222;
}
.categorytree_single li.level2 > a {
  font-weight:600;
}

.categorytree_single li.level3 {
  position:relative;
  padding: 0 0 0 12px;
}

.categorytree_single li.level4,
.categorytree_single li.level5 {
  position:relative;
  padding: 0 0 0 25px;
}

.categorytree_single li a {
  margin: 8px 0px;
  display:block;
  border-bottom:1px solid transparent;
  color:#222;
}
.categorytree_single li a:hover {
/* border-bottom: 1px solid #999; */
  text-decoration:none;
}

.categorytree_single li.level1             { display:none; }
.categorytree_single li.overview           { display:none; }
.categorytree_single li ul                 { display:block; }

.categorytree_single li.activeparent1      { display:block; }
.categorytree_single li.activeparent1 > ul { display:block; }
.categorytree_single li.activeparent2 > ul { display:block; }
.categorytree_single li.activeparent3 > ul { display:block; }
.categorytree_single li.activeparent4 > ul { display:block; }
.categorytree_single li.activeparent5 > ul { display:block; }

.categorytree_single li.activeparent3 > a,
.categorytree_single li.activeparent4 > a,
.categorytree_single li.activeparent5 > a {
  color:#555;
  font-weight:400;
}

.categorytree_single li.level2 > ul { 
  padding: 0 0 5px 0; 
}

.categorytree_single .menuzord_list_icon_container {
  width: 16px;
  height: 16px;
  overflow: hidden;
}
.categorytree_single .menuzord_list_image_container {
  display:none !important;
}
.categorytree_single .menuzord_list_image {
  background: transparent;
}
.categorytree_single .menuzord_list_image_name {
  background: transparent;
  color: inherit;
  padding: inherit;
  padding: 0 0 0 12px;
}




/* Start Categorietext ein- und ausklappen */
.cat_description    { transition: max-height 1.0s ease-in-out; }                 
.cat_long           { max-height:100rem; height:auto; overflow:hidden; }
.cat_short          { max-height:8rem; height:auto; overflow:hidden; }

.read-more-button,
.read-less-button {
  margin: 10px 0 0 0;
  cursor:pointer;
	border-radius:2px;
	border:1px solid #333;
	text-decoration:none;
	background-color:#333;
	color:#fff;
  font-size:12px;
  line-height:20px;
	display:inline-block;
  padding: 3px 10px;
  text-align:center;
  width:150px !important;
}
.read-more-button {
  display:inline-block;
}
.read-less-button {
  display:none;
}

@media only screen and (min-width: 985px) {
  .read-more-button { display:none !important }
  .read-less-button { display:none !important }
  .cat_long         { max-height:initial; height:auto; overflow:auto; }
  .cat_short        { max-height:initial; height:auto; overflow:auto; }
}
/* Ende Categorietext ein- und ausklappen */


.pd_price_outer {
  display:flex;
  flex-direction:column;
}
@media only screen and (min-width: 1100px) {
  .pd_price_outer { flex-direction:row; }
}

.pd_price_box {
  width:260px;
  padding: 0px 20px 15px 0;
}

.pd_graduated_box {
  flex:1;
  display: flex;
  justify-content: flex-start;
}
@media only screen and (min-width: 1100px) {
  .pd_graduated_box { justify-content: flex-end; }
}



.footer2.width_medium {
  max-width:1600px !important;
}


.footer_logo {
  margin: 0px 0 20px 0;
  padding: 5px 0 0 0;
}
.footer_logo img {
  width:120px;
  height:auto;
  vertical-align:top;
}
.footerlist li > a > span {
  display:inline-block;
  width:16px;
  text-align:center;
  margin-right:8px;
}


.footer_2_item {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  display:flex;
  padding:10px 0px;
}
.footer_2_item_img {
  width:40px;
}
.footer_2_item_img img {
  width:100%;
  height:auto;
  vertical-align:top;
}
.footer_2_item_text {
  flex:1;
  padding: 0 0 0 15px;
  max-width:210px;
}


.col_footer_rowlist {
  margin: 50px 0 0 0;
  width:100%;
  text-align:center;
}
.col_footer_rowlist .box_content_heading{
  display:none;
}
.col_footer_rowlist .footerlist {
  margin: 0px auto;;
  list-style-type: none;
  display: block;
  width:100%;
}
.col_footer_rowlist .footerlist li {
  display:inline-block;
  padding: 4px 10px;
}
.col_footer_rowlist .footerlist li a {
  display: inline-block;
  color: #333;
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 500;
  padding: 1px 0px;
  border-bottom: 1px solid transparent;
}
.col_footer_rowlist .footerlist li a:hover {
  color:#333;
  text-decoration:none;
  border-bottom: 1px solid #999;
}



.footer2 .footer_advantages {
  padding: 60px 10px 60px 10px; 
  width:100%;
  background:#f5f5f5;
  margin: 0 0 0px 0;
}
.footer2 .box_advantages {
  width:100%;
  margin: 0px auto;
}
.footer2 .box_advantages_headline {
  text-align:left;
  font-size:3.4rem;
  line-height:4rem;
  text-transform:none;
  font-weight:700;
  margin: 0px 0px 10px 24px; 
}
.footer2 .box_advantages_subline {
  text-align:left;
  font-size:2.4rem;
  line-height:3rem;
  text-transform:none;
  font-weight:700;
  margin: 0 0px 30px 24px;
} 
.advantage_row {
  width:100%;
  max-width:1600px;
  margin: 0px auto;
  display:flex;
  flex-wrap:wrap;
}
.advantage_item {
  width:100%;
  padding: 20px 24px 0px 24px;
}
@media (min-width: 600px){
.footer2 .box_advantages_headline { margin: 0px 0px 10px 44px; }
.footer2 .box_advantages_subline { margin: 0 0px 30px 44px; } 	
.advantage_item { width:50%; }
}

.advantage_icon {
  text-align:center;
}
.advantage_icon img {
  width:50px;
  height:auto;
  vertical-align:top;
}
.advantage_head {
  margin: 24px 0px;
  text-align:center;
  font-size:1.4rem;
  line-height:1.8rem;
  font-weight:700;
}
.advantage_text {
  text-align: justify;
  text-align-last: left; /* Die letzte Zeile linksbündig statt überdehnt */
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 400;
    text-align: justify;
    hyphens: auto; /* Automatische Silbentrennung */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    overflow-wrap: break-word;
    word-break: break-word;
    word-spacing: 0.05em; /* Leichter Abstand zwischen Wörtern */
    letter-spacing: 0.02em; /* Leichter Abstand zwischen Buchstaben */ 	
	
}
.advantage_link {
  text-align: center;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400;
  margin:24px 0px; 
}

@media (min-width: 1060px){
  .footer2 .box_advantages_headline {margin: 0px 0px 10px 44px;}
  .footer2 .box_advantages_subline {margin: 0 0px 30px 44px;} 	
  .advantage_item { width:25%; }
  .advantage_icon img { width:90px; }
  .advantage_head { font-size:2rem; line-height:2.4rem; }
  .advantage_text { font-size: 1.3rem; line-height: 1.8rem; }
  .advantage_link { font-size: 1.2rem; line-height: 1.8rem; }
}


#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
  z-index:9997 !important;
}


.order_file_holder .cssButton {
  padding: 7px 5px;
  min-height: 38px;
  max-width:120px;
  font-size:1.1rem;
}
input[type=file] {
  display: block;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0 0 14px 0;
  background: #eee;
  color:#555;
  width: auto;
  max-width:300px;
  font-size:12px;
  line-height:20px;
}


.hfr_button {
  margin: 0 0 5px 0;
}
.hfr_button .cssButton {
  padding: 7px 5px;
  font-size: 1.1rem;
  min-height: 38px;
}


.cssButtonColor10 {
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	border:1px solid #999;
	text-decoration:none;
	background-color:#999;
	color:#fff;
	display:inline-block;
}
.cssButtonColor10:hover {
  opacity:0.8;
  text-decoration:none !important;
}

.hfr_button .cssButton.cssButtonColor10 .fas {
  display:none;
}


.cssButtonColor11 {
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	border:1px solid #ccc;
	text-decoration:none;
	background-color:#ccc;
	color:#333;
	display:inline-block;
}
.cssButtonColor11:hover {
  opacity:0.8;
  text-decoration:none !important;
}

.checkout_row_history .account_icons .cssButtonText {
  display:none;
}
.checkout_row_history .account_icons .cssButton {
  padding: 7px 5px;
  font-size: 1.1rem;
  min-height: 38px;
}



#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:#333;
}
#play_button_desktop .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;    
}  
    


    
a.inlinevideo {
  display:block;
  z-index:200;
  top:18px;
  left:16px;
  cursor:pointer;
  width:50px;
  height:60px;
  border-radius:10px;
  position:absolute;
  margin: auto;
  background:rgba(255,255,255,0.6);
  font-size:30px;
  line-height:50px;
  text-align:center;
  color:#333;
}
@media (min-width: 600px){
  a.inlinevideo { left:calc(16.6666% + 20px); }
}


a.inlinevideo .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;    
}  
a.inlinevideo:hover {
  text-decoration:none;
}        
    
#colorbox.cb_videobox {
  background:transparent !important;
  border: 0px !important;
}
#colorbox.cb_videobox * {
  background:transparent !important;
  border: 0px !important;
}
#colorbox.cb_videobox #cboxLoadedContent {
  padding: 0px 0 0 0 !important;
  overflow:hidden !important
}