/* -----------------------------------------------------------------------------------------
   $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]
   Author: Markus Rehm - markus@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

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

/* 1. START fonts */

/*
  font-family: 'Open Sans', sans-serif;
  font-weight: 400,600,700,800
*/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: url('css/fonts/open-sans-v15-latin-regular.eot');
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('css/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('css/fonts/open-sans-v15-latin-regular.woff2') format('woff2'),
       url('css/fonts/open-sans-v15-latin-regular.woff') format('woff'),
       url('css/fonts/open-sans-v15-latin-regular.ttf') format('truetype'),
       url('css/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display:swap;
  src: url('css/fonts/open-sans-v15-latin-600.eot');
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('css/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'),
       url('css/fonts/open-sans-v15-latin-600.woff2') format('woff2'),
       url('css/fonts/open-sans-v15-latin-600.woff') format('woff'),
       url('css/fonts/open-sans-v15-latin-600.ttf') format('truetype'),
       url('css/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display:swap;
  src: url('css/fonts/open-sans-v15-latin-700.eot');
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('css/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'),
       url('css/fonts/open-sans-v15-latin-700.woff2') format('woff2'),
       url('css/fonts/open-sans-v15-latin-700.woff') format('woff'),
       url('css/fonts/open-sans-v15-latin-700.ttf') format('truetype'),
       url('css/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display:swap;
  src: url('css/fonts/open-sans-v15-latin-800.eot');
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('css/fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'),
       url('css/fonts/open-sans-v15-latin-800.woff2') format('woff2'),
       url('css/fonts/open-sans-v15-latin-800.woff') format('woff'),
       url('css/fonts/open-sans-v15-latin-800.ttf') format('truetype'),
       url('css/fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg');
}
/* END fonts */ 

/* 2. START globals */
* {
  margin:0;
  padding:0;
}
/* prevent flicker in responsive tabs */
#horizontalAccordion {
  display:none;
}
#horizontalAccordion ul.resp-tabs-list {
  display:none !important;
}
#horizontalTab ul.resp-tabs-list { 
  list-style-type:none;  
}
#horizontalTab ul.resp-tabs-list li {
  display: inline-block;
}

/* prevent zoom of fields on iphone */
@supports (-webkit-overflow-scrolling: touch) {
  input[type=text], input[type=password], input[type=email], input[type=tel] { font-size: 16px !important; }
  select { font-size: 16px !important;  }
  textarea { font-size: 16px !important; line-height:20px !important; }
  .SumoSelect > .CaptionCont { font-size:16px !important; line-height:18px !important; } 
}

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

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size:14px;
  background-color:#fff;
  color:#555;
  line-height:20px;
}      
.layout_loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(css/images/loading.svg) 50% 50% no-repeat rgb(249,249,249);
}

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

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
         
.mini { font-size:11px;font-weight:normal;}
.midi { font-size:12px;font-weight:normal;line-height:initial;}
.mini_tax { font-size:11px;font-weight:normal; white-space:nowrap;text-align:right;}

.lineheight16 { line-height:16px;}
.lineheight18 { line-height:18px;}

a.black {
  color:#333 !important;
}
a.black:hover {
  color:#007dbb !important;
  text-decoration:none !important;
}

.twoColums {
  float:left;
  width:100%;
  margin: 0 0 20px 0;
}
.twoColums.last {
  margin: 0 0 20px 0;
}
.twoColums.stickyright {
  float:right;
}      

.twoColumsInner {
  float:left;
  width:100%;
  margin: 0 0 20px 0;
}
.twoColumsInner.last {
  margin: 0 0 20px 0;
}

@media only screen and (min-width: 759px) {
  .twoColums { width:48%; margin: 0px 4% 20px 0px; }
  .twoColums.last { margin: 0px 0px 20px 0px; }
  .twoColumsInner { width:48%; margin: 0px 4% 20px 0px; }
  .twoColumsInner.last { margin: 0px 0px 20px 0px; }
}

.twoColums_small {
  float:left;
  width:47%;
  margin: 0 6% 0px 0;
}
.twoColums_small.last {
  margin: 0 0 0 0;
}

.twoColumsLogin_1 {
  float:left; width:100%;
  margin: 0 0 20px 0;
}
.twoColumsLogin_2 {
  float:right; width:100%;
  margin: 0 0 20px 0;
}

@media only screen and (min-width: 759px) {
  .twoColumsLogin_1 { float:left; width:48%; }
  .twoColumsLogin_2 { float:right; width:48%; }
}

.twoColumsCheckout_outer {
  position:relative;
  margin: 0 0 20px 0;
}
.twoColumsCheckout_1 {
  float: left; width: 100%; padding: 0 10px 10px 10px; margin: 0 0 20px 0;
  opacity:0.8;
  background: #f2f2f2;
  box-sizing: border-box;
}
.twoColumsCheckout_2 {
  float: left; width: 100%; padding: 0 0 0 0px; margin: 0 0 20px 0;
  box-sizing: border-box;
}
.twoColumsCheckout_3 {
  float: right; width: 100%; padding: 0 0 0 0px; margin: 10px 0 0px 0;
  box-sizing: border-box;
}        

@media only screen and (min-width: 985px) {
  .twoColumsCheckout_1 { float:left; width:24%; padding:0 10px 10px 10px; margin: 0 0 0px 0; }
  .twoColumsCheckout_2 { float:right; width:76%; padding: 0 0 0 20px; margin: 0px; }
  .twoColumsCheckout_3 { float:right; width:76%; padding: 0 0 0 20px; margin: 20px 0 0 0; }
}

.twoColumsCheckout_1 h4 {
  font-size:11px;
  line-height:15px;
  margin: 4px 0px 8px 0px;
  border-bottom: 1px solid #ddd;
}
.twoColumsCheckout_1 .highlightbox {
  background:transparent;
  font-size:11px;
  line-height:15px;
}

.highlightbox_row .highlightbox { 
  float:none; 
  width:100%;
}
@media screen and (min-width: 600px) {
  .highlightbox_row .highlightbox { float:left; width:50%; }
}
@media screen and (min-width: 985px) {
  .highlightbox_row .highlightbox { float:none; width:100%;}
}

.twoColumsCheckout_1  ul#address_block li input {
  vertical-align:-2px;
}
.twoColumsCheckout_2 .checkoutconditions {
    padding: 10px 0px 0px 11px;
}

.button_left,
.button_left_cart {
  float:left;
  display:inline-block;
  max-width: 48%;
  margin: 10px 0px 0px 0px;
  min-height:40px;
  line-height:40px;
}
.button_left_cart {
  max-width:130px;
}
@media only screen and (min-width: 759px) {
  .button_left_cart { max-width: 48%; }
}

.button_right,
.button_right_cart {
  float:right;
  display:inline-block;
  max-width: 48%;
  margin: 10px 0px 0px 0px;
  text-align: right;
  min-height:40px;
  line-height:40px;
}
.button_right_cart {
  max-width:170px;
}
@media only screen and (min-width: 759px) {
  .button_right_cart { max-width: 48%; }
}

.button_left_error {
  float:left;
  display:inline-block;
  max-width: 48%;
  margin: -10px 0 0 0;
  min-height:40px;
  line-height:40px;
}
@media only screen and (min-width: 759px) {
  .button_left_error { margin: 17px 0 0 0; }
}

.button_right_checkout {
  float:right;
  text-align:right;
  display:inline-block;
  margin: 10px 0px 0px 0px;
  min-width:200px;
}
.button_right_checkout_small {
  display:block;
  max-width:110px;
  float: none;
  margin: 5px 0px 0px 0px;
}

.button_left img,
.button_left input,
.button_left_error input,
.button_right img,
.button_right input,
.button_left_cart img,
.button_left_cart input,
.button_right_cart img,
.button_right_cart input,
.button_right_checkout input {
  vertical-align:bottom;
}
.button_left_cart img {
  margin: 0px 5px 5px 0px;
}
@media only screen and (min-width: 759px) {
  .button_left_cart img { margin: 0px 5px 0px 0px; }
}

.paypal_button {
  margin: 0 0 5px 0;
  display:inline-block;
}
@media only screen and (min-width: 759px) {
 .paypal_button { margin:0px 2px 0px 0px; }
}

.paypal_button img {
  height:40px;
}
.paypal_button2 {
  margin:5px 0px 0px 0px;
  display:block;
}
.paypal_button2 img {
  height:40px;
}
.express_button {
  margin: 0 0 5px 0;
  display:inline-block;
}
@media only screen and (min-width: 759px) {
 .express_button { margin:0 0 0 0; }
}
.paypal_button img {
  height:40px;
}
.text_left {
  float:left;
  width: 48%;
  margin: 10px 0px 0px 0px;
  min-height:40px;
  font-size:10px;
  line-height:14px;
}

p {
  margin:8px 0 8px 0;
}
p.onlytop {
  margin:8px 0 0 0;
}
p.nomargin {
  margin:0 0 0 0;
}
p.textright {
  text-align:right;
}
p.checkout {
  margin:8px 0 15px 0;
  font-size:12px;
  line-height:16px;
}

table {
  width:100%;
  border-spacing: 0;
  border-collapse:collapse;
}
table td {
  padding:4px 0px;
}
.td_full {
  width:100%;
}

/* Start sidebar */
#sidebar_marker {
  display: none;
  width: 0px;
  height: 0px;
  line-height: 0px;
  font-size: 5px;
  background-position: 300px;/* Verschiebung des Contents bei mobile-Menu open*/
}
#sidebar_filler {
  background: #434343;
}
.sidebar_layer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9000;
  background: transparent url(css/images/overlay.png) repeat scroll 0px 0px;
  display: none;
  opacity: 0.9;
}
.sidebar_closer {
  position: fixed;
  top:0px;
  left: 0px;
  font-size:24px;
  line-height:24px;
  color:#007dbb;
  cursor:pointer;
  padding:10px;
  background:#fafafa;
  width:100%;
  max-width:300px;
  box-sizing: border-box;
  text-align:right;
  z-index:9002;
  display: none;
  border-bottom: 1px solid #fafafa;
}
.sidebar_moremargin {
  top: 36px;
}
.box_sidebar { 
  display: none; 
}
.sidebar_inactive { cursor: pointer; }
.sidebar_active { cursor: pointer; }

.box_header.sidebar_inactive .show_title .fas { 
  display:inline-block; 
}
.box_header.sidebar_active .show_title .fas { 
  display:inline-block; 
  vertical-align:0px; 
  -moz-transform: rotate(180deg); 
  -ms-transform: rotate(180deg); 
  -o-transform: rotate(180deg); 
  -webkit-transform: rotate(180deg); 
  transform: rotate(180deg); 
}
@media only screen and (min-width: 985px) {
  .box_header.sidebar_inactive .fas { display:none; } 
  .box_header.sidebar_active .fas { display:none; }  
  .sidebar_inactive { cursor: default; }
  .sidebar_active { cursor: default; }
}

#layout_navbar { z-index: 1000; }
#layout_logo { z-index: 1000; }
#layout_content { z-index: 1000; }
#layout_footer { z-index: 1000; }

@media only screen and (min-width: 985px) {
  #layout_navbar { z-index: initial; }
  #layout_logo { z-index: initial; }
  #layout_content { z-index: initial; }
  #layout_footer { z-index: initial; }
  #sidebar_marker { font-size: 0px; }
  .box_sidebar { display: block; }
}
/* End sidebar */

table.address td {
  position:relative;
}

table.address td.plz {
  width:100px;
}
table.address td.city {
  padding-left:20px;
}
table.address td.firstname {
  width:49%;
}
table.address td.lastname {
  width:51%;
  padding-left:20px;
}

table.address td .inputRequirement {
  position:absolute;
  right:2px;
  top:4px;
  font-size:10px;
  line-height:14px;
  vertical-align:top;
  color:#e13939;
  font-weight:600;
}
table.address td .inputRequirement_textarea {
  position:absolute;
  right:2px;
  top:4px;
  font-size:10px;
  line-height:14px;
  vertical-align:top;
  color:#e13939;
  font-weight:600;
}
/* END globals */

/* 3. START header */
#layout_wrap {
  width:100%;
  padding: 0px 0px;
  margin: 0px 0px;
}

#layout_header {
  background: #007dbb;
}
.layout_header_inner {
  width:100%;
  max-width:1160px;
  padding: 0px 10px;
  margin: 0px auto;
  box-sizing: border-box;
}

#layout_navbar {
  background:transparent;
}
.layout_navbar_inner {
  width:100%;
  margin: 0px auto;
  box-sizing: border-box;
  border-bottom: 1px solid #329fd5;
  position:relative;
  z-index:1201;
}

ul.topnavigation {
  text-transform:uppercase;
  list-style-type:none;
  width:100%;
}

ul.topnavigation > li {
  font-size:23px;
  line-height:21px;
  padding: 0px 0px 0px 0px;
  width:25%;
  text-align:center;
  float:right;
  margin: 10px 0px;
  color:#bde1f5;
  text-transform:uppercase;
  letter-spacing:0.5px;
  box-sizing: border-box;
}
@media screen and (min-width: 600px) {
  ul.topnavigation > li { padding: 0px 0px 0px 20px; font-size:11px; line-height:19px; width:initial; }
}

ul.topnavigation li.tn_group {
  display:none;
  float:left;
  padding: 0px 0px 0px 0px;
}
@media only screen and (min-width: 920px) {
  ul.topnavigation li.tn_group {display:inline-block;}
}

ul.topnavigation li.tn_lang { 
  display:none;
}
@media screen and (min-width: 600px) {
  ul.topnavigation li.tn_lang { display:initial; }
}
ul.topnavigation li.tn_lang img {
  margin: 0px 0px 0px 5px;
  vertical-align:-2px;
}

ul.topnavigation li.tn_home { 
  display:none; 
}
@media only screen and (min-width: 690px) {
  ul.topnavigation li.tn_home { display:inline-block; }
}

.tn_nomobile { 
  display:none; 
}
@media screen and (min-width: 600px) {
  .tn_nomobile { display:initial; }
}

ul.topnavigation li a {
  color:#bde1f5;
  font-weight:600;
  text-decoration:none;
}
ul.topnavigation li a:hover {
  color:#fff;
  text-decoration:none;
}
ul.topnavigation li .fas,
ul.topnavigation li .far {
  vertical-align:0px;
  padding-right:6px;
}
ul.topnavigation li.tn_wishlist {
  position: static;
}
@media screen and (min-width: 600px) {
  ul.topnavigation li.tn_wishlist { position:relative; }
}

#wishlist_short {
  position: relative;
  background: transparent;
  z-index: 1000;
  text-align: center; 
  display: inline-block;
}

#wishlist_short .wish_01 {
  float:left;
  display:inline-block;
}
#wishlist_short .wish_01 .fas,
#wishlist_short .wish_01 .far {
  display:inline-block;
  font-size:23px; padding-right: 4px;
  line-height:19px;
}

@media screen and (min-width: 600px) {
  #wishlist_short .wish_01 .fas, #wishlist_short .wish_01 .far { font-size:11px; padding-right:7px; }
}

#wishlist_short .wish_02 {
  float:left;
  display:none;
}
@media screen and (min-width: 600px) {
  #wishlist_short .wish_02 { display:inline-block; }
}

#wishlist_short .wish_03 {
  float:left;
  display:inline-block;
  font-weight:bold;
  padding: 0px 0px 0px 4px;
  font-size: 14px;
}
@media screen and (min-width: 600px) {
  #wishlist_short .wish_03 { font-size: inherit; }
}

#wishlist_short .wish_04 {
  padding: 0px 3px;
  font-weight:400;
  display:none
}
@media screen and (min-width: 600px) {
  #wishlist_short .wish_04 { display:initial; }
}

#layout_actionbar_checkout {
  background:transparent;
  padding: 10px 0px;
}
.layout_actionbar_checkout_inner {
  width:100%;
  margin: 0px auto;
  padding: 0px 0px;
  display: block;
}
#logo_checkout {
  float:left;
  width:auto;
  height:50px;
}
#logo_checkout img {
  vertical-align:bottom;
  width:auto;
  height:50px;
}

#logo_back {
  float:left;
  height:50px;
  line-height:50px;
  text-align:left;
  font-size:30px;
  color:#fff;
}
#logo_back a {
  height:50px;
  line-height:50px;
  text-align:left;
  font-size:26px;
  color:#fff;
  padding-right:20px;
}
#logo_back a:hover {
  color:#bde1f5;
  text-decoration:none;
}

#layout_actionbar {
  background:transparent;
  padding: 10px 0px 20px 0px;
}
@media screen and (min-width: 600px) {
  #layout_actionbar { padding: 20px 0px; }
}

.layout_actionbar_inner {
  position:relative;
  width:100%;
  margin: 0px auto;
  padding: 0px 0px;
  box-sizing: border-box;
  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;
  flex-wrap: wrap;
}

.ab_search_outbox {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align:right;
}
.ab_cart_outbox {
  position:static;
  box-sizing: border-box;
  padding: 0 0 0 10px; width:80px;
}
@media only screen and (min-width: 600px) {
  .ab_cart_outbox { padding: 0 0 0 20px; width:90px; position:relative; }
}

.ab_logo_outbox {
  width:100%;
  height:57px;
  text-align:center;
  margin: 0 0 10px 0;
}
@media only screen and (min-width: 600px) {
  .ab_logo_outbox {   width:200px; margin: 0px; }
}
@media only screen and (min-width: 920px) {
  .ab_logo_outbox { width:265px; height:75px; }
}

#logo img {
  vertical-align:top;
  width:200px;
  height:57px;
}
@media only screen and (min-width: 920px) {
  #logo img { width:265px; height:75px; }
}

#logo a {
  display:block;
  outline:none;
  text-decoration:none;
}
#logo a:hover {
  outline:none;
  text-decoration:none;
}

#search {
  position:static;
  display:inline-block;
  box-sizing: border-box;
  height:50px;
  width:100%;
  border:0px solid transparent;
}

@media only screen and (min-width: 600px) {
  #search { width: 80%; position:relative; }
}
@media only screen and (min-width: 1060px) {
  #search { width: 70%;}
}

.search_inner {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align:left;
}
.search_inner .search_cat {
  position:relative;
  z-index: 1200;
  width:80px;
  display:none;
}
@media only screen and (min-width: 500px) {
  .search_inner .search_cat { display:block; }
}

.search_inner .search_cat select {
  height:50px !important;
  padding-left:5px !important;
}
.search_inner .search_cat .SumoSelect > .CaptionCont {
  background-color: #eeeeee !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  padding: 14px 5px;
  border:1px solid #eeeeee !important;
  height:50px;
}
.search_inner .search_cat .SumoSelect:hover > .CaptionCont { border:1px solid #eeeeee !important; }
.search_inner .search_cat .SumoSelect:focus > .CaptionCont { border:1px solid #eeeeee !important; }

.search_inner .SumoSelect > .CaptionCont > span {
  padding-right: 20px;
}    
.search_inner .search_cat .SumoSelect > .optWrapper {
  width:auto !important;
  max-width:300px !important;
  min-width:180px;
	border-radius: 0px;  
}
.search_inner .search_cat .SumoSelect > .optWrapper > .options li.opt {
  padding: 5px 6px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.search_inner .search_input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.search_inner.search_cat_mode .search_input input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
#search .search_inner input[type=text] {
  padding: 15px 12px 15px 12px !important;
  height:50px;
  border: 1px solid #fff !important;
  background: #fff !important;
}
#search .search_inner input[type=image] {
  position:absolute;
  right:0px;
  top:0px;
  width:76px;
  height:32px; 
}

#cart {
  box-sizing: border-box;
  height:50px;
  margin: auto;
  width:70px;
}
#cart_short {
  position:relative;
  background: #329fd5;
  height:50px;
  z-index:1000;
}
#cart_short > a {
  height:50px;
  display:block;
}

.cart_01 {
  display:inline-block;
  position:absolute;
  top:0px;
  bottom: 0px;
  left:8px;
  height:50px;
  line-height:50px;
  color:#fff;
  font-size:26px;
}
.cart_02 {
  display:inline-block;
  position:absolute;
  top:0px;
  bottom: 0px;
  right:5px;
  height:50px;
  line-height:50px;
  color:#bde1f5;
  font-size:12px;
}

.cart_03 {
  position:absolute;
  box-sizing: border-box;
  left:30px;
  top:6px;
  background:#f68040;
  color:#fff;
  display:inline-block;
  padding: 5px;
  font-size:11px;
  line-height:10px;
  text-align:center;
  font-weight:700;
  min-width:20px;
	border-radius: 50px;
}

#layout_menu {
  background:#f4f4f4;
}
.layout_menu_inner {
  width:100%;
  max-width:1160px;
  padding: 0px 10px;
  margin: 0px auto;
  box-sizing: border-box;
}

ul.menunavigation {
  text-transform:uppercase;
  list-style-type:none;
  width:100%;
  color:#6c7c85;
}
ul.menunavigation li {
  float:left;
  margin: 0px 0px;
  color:#6c7c85;
  text-transform:uppercase;
}

ul.menunavigation li.sidebar_btn { 
  display: inline-block; 
}
@media only screen and (min-width: 985px) {
  ul.menunavigation li.sidebar_btn { display: none; }
} 

.cn_nomobile { 
  display:none; 
}
@media only screen and (min-width: 850px) {
  .cn_nomobile { display:initial; }
}

ul.menunavigation li a {
  display:block;
  color:#6c7c85;
  font-weight:700;
  padding: 15px 30px 15px 0px;
  font-size:12px;
  line-height:20px;
  text-decoration:none;
}
ul.menunavigation li a:hover {
  color:#007dbb;
  text-decoration:none;
}

ul.menunavigation li .fas,
ul.menunavigation li .far {
  padding: 0px 5px 0px 0px;
  vertical-align:1px;
}

ul.menunavigation li.newproduct {
  position:relative;
  margin-left:30px;
  float:right;
}
ul.menunavigation li.specials {
  position:relative;
  float:right;
}
ul.menunavigation li.newproduct a {
  padding: 15px 0px 15px 0px;
}
ul.menunavigation li.specials a {
  padding: 15px 0px 15px 0px;
}
ul.menunavigation li.newproduct.active a,
ul.menunavigation li.specials.active a {
  color:#007dbb;
}

ul.menunavigation li.specials a > span {
  display:inline-block;
  background: #df3f7b;
  font-size: 10px;
  color:#fff;
  line-height:14px;
  padding: 1px 0 1px 0;
  position:absolute;
  top:-4px;
  right:0;
  left:0;
  margin:auto;
  text-align:center;
  text-transform:uppercase;
  width:30px;
}
ul.menunavigation li.newproduct a > span {
  display:inline-block;
  background: #61ac5c;
  font-size: 10px;
  color:#fff;
  line-height:14px;
  padding: 1px 0 1px 0;
  position:absolute;
  top:-4px;
  right:0;
  left:0;
  margin:auto;
  text-align:center;
  text-transform:uppercase;
  width:30px;
}
/* END header */


/* 4. START headlines */
h1 {
  color:#444;
  font-size:18px;
  line-height:20px;
  margin:13px 0 15px 0;
  padding:0 0 12px 0;
  border-bottom: 1px solid #e0e0e0;
  font-weight:700;
  text-transform:uppercase;
}
h1.additional {
  color:#007dbb;
  font-size:22px;
  line-height:26px;
  margin:10px 0 15px 0;
  padding:0 0 15px 0;
  border-bottom: 2px solid #007dbb;
  font-weight:600;
  text-transform:none;
}
h1.details {
  color:#444;
  font-size:22px;
  line-height:26px;
  margin:5px 0 8px 0;
  padding:0 0 0px 0;
  border-bottom: 0px solid #e0e0e0;
  font-weight:700;
  text-transform:uppercase;
}

h1.checkout {
  margin:30px 0 15px 0;
}
.headline_right {
  display: block; float: right; padding: 5px 0 0; width: 100%;
  font-size:14px;
}
@media only screen and (min-width: 690px) {
  .headline_right { display:inline; float:right; padding: 0; width:auto; }
}

.headline_h1 {
  color:#444;
  font-size:18px;
  line-height:20px;
  margin:30px 0 15px 0;
  padding:0 0 12px 0;
  border-bottom: 1px solid #e0e0e0;
  font-weight:700;
  text-transform:uppercase;
}

h2 {
	font-weight:700;
  color:#444444;
	font-size:14px;
	margin:20px 0px 8px 0px;
	padding:0px;
	width:auto;
	border: #999999 dotted;
	border-width:0px 0px 1px 0px;
	padding-bottom:5px;
}
h3 {
  color:#444;
  font-weight:700;
  font-size:12px;
}
h4 {
	color:#444;
	font-weight:800;
  text-transform:uppercase;
	font-size:14px;
	margin:0px 0px 14px 0px;
	padding:0px;
	border-bottom: 1px #e0e0e0 solid;
	padding-bottom:6px;
}
h4.detailbox {
	color:#444;
	font-size:13px;
	margin:2px 0px 10px 0px;
  padding: 0 0 10px 0;
}
h4.detailbox.blue {
	color:#007dbb;
}

h4.subcats {
	margin:25px 0px 14px 0px;
	color:#007dbb;
}

/* END headlines */


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


/* 6. START inputs */
input {
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
}
textarea {
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  background-color:#fafafa;
  border-color: #dddddd;
  color: #999999;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 10px 5px 10px 5px;
  box-sizing: border-box;
	border-radius: 0px;
  width:100%;
  line-height:18px; 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select {
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  line-height:20px;  
  background-color:#fafafa;
  border-color: #ddd;
  color: #999999;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 10px 5px 10px 5px;
  box-sizing: border-box;
	border-radius: 0px;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}  
input[type=text], input[type=password], input[type=email], input[type=tel] {
  line-height:20px;
  background-color:#fafafa;
  border-color: #dddddd;
  color: #999999;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 10px 5px 10px 5px;
  box-sizing: border-box;
	border-radius: 0px;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=radio], input[type=checkbox] {
  margin: 0 3px;
}
input[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}
input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

.stern input[type=text], .stern input[type=password], .stern input[type=email], .stern input[type=tel], .stern select, .stern textarea  {
  width:95%;
}
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, select:hover, textarea:hover {
    background-color:#FFFFFF;
    border-color: #ccc;
    color: #666666;
}    
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, select:focus, textarea:focus {
    background-color:#FFFFFF;
    border-color: #659EC9;
    color: #333333;
    outline: 0 none;
}
/* gv_send */
textarea#message {
  height:120px;
}
/* contact */
textarea#message_body {
  resize: vertical;
  height:120px;
}
/* write_review */
textarea#review {
  height:80px;
}
td.checkbox {
  vertical-align:top;
  padding-top:6px;
  padding-right:5px;
}
.fieldtext, .fieldtext_stern {
  font-size:11px;
  line-height:15px;
  font-weight:bold;
  padding: 0px 0px 2px 0px;
  display:block;
}
.pflicht {
  color:#e13939;
  font-weight:400;
  text-transform:none;
  font-size:10px;
  line-height:10px;
  vertical-align:baseline;
}
.adv_search_checkbox input {
  vertical-align:-1px;
}

/* END inputs */


/* 7. START Footer */
#layout_subfooter {
  overflow:hidden;
  background: #333333;
  margin: 0;
  padding: 0;
}
.layout_subfooter_inner {
  width:100%;
  max-width:1140px;
  padding: 40px 10px 40px 10px;
  margin: 0px auto;
  box-sizing: border-box;
}

.box_newsletter {
  display:inline-block;
  margin: 0px auto;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 690px) {
  .box_newsletter { width:100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
}
@media only screen and (min-width: 985px) {
  .box_newsletter { width:80%; }
}

.box_newsletter_headline {
  float: none;width: 100%;text-align: center;padding: 0 20px 20px 0;  
  vertical-align:top;
  display:inline-block;
  font-size:14px;
  line-height:21px;
  text-transform:uppercase;
  color:#fff;
}
@media only screen and (min-width: 690px) {
  .box_newsletter_headline { float:left; width:190px; text-align:left; padding:0 20px 0 0; }
}

.box_newsletter_text {
  float:right; width:100%; padding: 10px 30px 0 30px; text-align:center;   
  color:#686868;
  vertical-align:top;
  display:inline-block;
  font-size:10px;
  line-height:14px;
  color:#a8a8a8;
  box-sizing: border-box;
}
@media screen and (min-width: 500px) {
  .box_newsletter_text { float:right; width:40%; padding: 0 0 0 0; text-align:left; }
}
@media screen and (min-width: 690px) {
  .box_newsletter_text { float:left; width:225px; padding:0 0 0 25px;  }
}

.box_newsletter_form {
  width: 100%;
  float:left;
  vertical-align:top;
  display:inline-block;
  position:relative;
  overflow:hidden;
  padding: 0px 0px;
}
@media screen and (min-width: 500px) {
  .box_newsletter_form { width: 55%; }
}
@media screen and (min-width: 690px) {
  .box_newsletter_form { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
}

.box_newsletter_form input[type=email] {
  padding-right:48px;
  background-color:#fff;
  border: 1px solid #fff;
  height: 41px;
}
.box_newsletter_form input[type=image] {
  position:absolute;
  right:0px;
  top:0px;
}
.box_newsletter_form .cssButton {
  height: 41px;
}

#layout_footer {
  overflow:hidden;
  background: #2c2c2c;
  min-height:280px;
  margin: 0px 0 0 0;
  padding: 0 0 20px 0;
}
.layout_footer_inner {
  width:100%;
  max-width:1140px;
  padding: 40px 10px 0px 10px;
  margin: 0px auto;
  box-sizing: border-box;
}

.footer_box_row {
  margin: 0px -10px;
}
.footer_box {
  float:left;
  padding: 0 0 0 0;
  width:25%;
  margin:0 0 20px 0;
  box-sizing: border-box;
}

.footer_box {
  float:left;
  padding: 0 0 0 0;
  width:100%;
  margin: 0 auto 20px auto;
  box-sizing: border-box;
  float:none;
  max-width:280px;
} 
@media only screen and (min-width: 500px) {
  .footer_box { float:left; width:50%; margin:0 0 20px 0; max-width:initial; }
  .footer_box:nth-child(3n) { clear:both; }
}
@media only screen and (min-width: 920px) {
  .footer_box { width:25%; }
  .footer_box:nth-child(3n) { clear:none; }
}

.footer_box_inner {
  padding: 0px 10px;
  font-size:13px;
  line-height:17px;
}

.box3 {
  margin: 0px 0px 20px 0px;
}
.box3_header {
  color:#fff;
  font-size:14px;
  line-height:18px;
  text-transform:uppercase;
  font-weight:700;
  padding: 0 0 0 0;
}
.box3_line {
  height:1px;
  background-color:transparent;
  margin: 0px 0px 10px 0px;
}
.box3_image {
  margin: 20px 0px 20px 0px;
}
.box3_image img {
  width:100%;
  height:auto;
  vertical-align:bottom;
  max-width:265px;
}
.box3_address {
  color:#ccc;
  outline:none;
  padding:2px 0 0 0 ;
  display:block;
  line-height:21px;
}
ul.footerlist, ul.footerlist ul {
  background:none !important;
  list-style-type:none;
}
ul.footerlist li { 

}
ul.footerlist li .fas,
ul.footerlist li .far {
  float:left;
  padding: 3px 10px 0px 0px;
  margin-bottom:4px;
}
ul.footerlist li a {
  color:#a8a8a8;
  outline:none;
  padding:4px 0;
  display:block;
}
ul.footerlist li li a { 
  padding-left:15px;
}
ul.footerlist li a:hover {
  color:#fff;
  text-decoration:none;
}
ul.footerlist li li a:hover {
  color:#fff;
  text-decoration:none;
}

.mod_copyright {
  padding: 20px 0px 20px 0px;
  font-size:11px;
  line-height:17px;
  text-align:center;
  color:#6D6D6D;
}
.mod_copyright a {
  color:#6D6D6D;
  text-decoration:underline;
}
span.cop_magenta {
  color:#B0347E;
}
span.cop_grey {
  color:#6D6D6D;
}
.copyright {
  margin:0 auto;
  text-align:center;
  color:#666;
  font-size:11px;
  line-height:17px;
  padding:0 0 10px 0;
  margin: -40px 0 0 0;
  width:100%;
}
.copyright a {
  text-decoration:none;
}
/* ParseTime */
.parseTime {
  margin:0 auto;
  text-align:center;
  color:#666;
  font-size:11px;
  line-height:17px;
  padding:0 0 0px 0;
  margin: -10px 0 0 0;
}

/* END Footer */


/* 8. START content*/
#layout_content {
  width:100%;
  max-width:1160px;
  padding: 20px 10px 40px 10px;
  min-height:600px;
  margin: 0px auto;
  box-sizing: border-box;
}

#col_left_overlay{
  display: none;
  z-index: 9001;
  position: absolute;
  top:0px;
  background:transparent;
  width:100%;
  height:100%;
  left:-300px;
  padding-top:45px;
  vertical-align:-3px;
}
#col_left {
  display: block;
  padding:10px 10px 300px 10px;
  background:#fafafa;
  width:280px;
}
#col_right { 
  float: none; 
  margin-left: 0px; 
}
#col_right .col_right_inner { 
  padding:0px 0px 0px 0px;
  background:transparent;
  margin-left: 0px; 
}  
 
@media only screen and (min-width: 985px) {
  #col_left_overlay{ display: block; max-width: 265px; position: static; height:auto; left:0px; padding-top:0px; vertical-align:0px; }
  #col_left { position:static; float:left; width: 100%; max-width: 265px; padding:0px 0px 0px 0px; }
  #col_left .col_left_inner { padding:0px 0px 0px 0px; background:transparent; }
  #col_right { float: right; width: 100%; min-height:520px; margin-left:-265px; }
  #col_right .col_right_inner { margin-left:285px; }
}

#col_full {
	width: 100%;
}

/* END content */


/* 9. START pseudo hr's */
div.hr_1 {
  height:1px;
  line-height:1px;
  margin:0;
  padding:0;
  display:block;
  border-bottom:solid 1px #e0e0e0;
  background-color:transparent;
}
div.hr_5 {
  height:1px;
  line-height:1px;
  margin:5px 0px;
  padding:0;
  display:block;
  border-bottom:solid 1px #e0e0e0;
  background-color:transparent;
}
div.hr_10 {
  height:1px;
  line-height:1px;
  margin:10px 0px;
  padding:0;
  display:block;
  border-bottom:solid 1px #e0e0e0;
  background-color:transparent;
}
div.hr_15 {
  height:1px;
  line-height:1px;
  margin:15px 0px;
  padding:0;
  display:block;
  border-bottom:solid 1px #e0e0e0;
  background-color:transparent;
}
/* 9. END pseudo hr's */


/* 10. START breadcrumbs */
#breadcrumb {
  margin: -10px 0 0 0;
  padding:0px 0 20px 0px;
  list-style-type:none;
  outline:none;
  font-size:11px;
  line-height:19px;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
  outline:none;
  font-weight:normal;
  cursor:pointer;
  color:#555;
  margin:0;
  padding:0;
}
#breadcrumb a:hover {
  text-decoration:none;
  color:#222;
}
#breadcrumb span.current {
  font-weight:600;
}
#breadcrumb .fas,
#breadcrumb .far {
  display:inline-block;
  width:34px;
  text-align:center;
  font-weight:bold;
  color:#999;
}

/* 10. END breadcrumbs */


/* 11. START New boxes */
.box1 {
  margin-bottom:20px;
  background-color:#fafafa;
  border: solid #dadada;
  border-width: 1px 1px 1px 1px;
  padding: 0px 0px 0px 0px;
  position:relative;
}
.box_sidebar {
  padding:0px 20px 20px 20px;
}

.box_select {
  padding:10px 0 0 0;
}
.box_select_inner {
  padding: 5px 5px; 
  background:#fff;
  overflow-y:auto;
}
.box_select a {
  display:block;
  border-bottom: 1px solid #dadada;
  padding: 4px 0px;
}
.box_select a:hover {
  text-decoration:none;
}

.box2 {
  margin-bottom:20px;
  background-color:#fafafa;
  border: solid #dadada;
  border-width: 1px 1px 1px 1px;
  padding: 0px 0px 0px 0px;
  position:relative;
}
.box_header {
  color:#555;
  background: #f4f4f4;
  text-transform:uppercase;
  font-size:14px;
  font-weight:800;
  height:44px;
  line-height:44px;
  padding: 0px 20px;
}
.box_header .fas,
.box_header .far {
  display:none;
  font-size:14px;
  line-height:40px;
  margin-right:6px;
  vertical-align:0px;
  color:#007dbb;
}
.box1 .box_line {
  height:1px;
  border-top: 1px solid #dadada;
  margin: 0px -20px 15px -20px;
}
.box2 .box_line {
  height:1px;
  border-top: 1px solid #dadada;
  margin: 0px -20px 15px -20px;
}
.box_line.abstand {
  margin: 15px 0px 12px 0px;
}
.box_sub_text1 {
  margin: 0px 0px 10px 0;
  font-size:12px;
  line-height:16px;
}
.box_sub_text2 {
  margin: 10px 0px 0px 0;
  font-size:12px;
  line-height:16px;
}
.box_sub_text1 .fas,
.box_sub_text1 .far,
.box_sub_text2 .fas,
.box_sub_text2 .far {
  padding-left:5px;
  vertical-align:-1px;
}
.box_sub_text1 a,
.box_sub_text2 a {
  color:#007dbb;
}
.box_sub_text1 a:hover,
.box_sub_text2 a:hover {
  color:#555;
  text-decoration:none;
}

.box_sub {
  margin: 6px 0px 0px 0px;
  font-size:11px;
  color:#767676;
}
.box_sub a {
  color:#222222;
  text-decoration:none;
}
.box_sub a:hover {
  color:#7b3c62;
  text-decoration:none;
}
.box_sub_button {
  margin: 12px 0px 0px 0px;
  color:#767676;
}
.box_sub_button a {
  float:left;
  display:inline-block;
  line-height:14px;
  font-size:12px;
  padding: 6px 0 0 0;
  max-width:80px;
  color:#007dbb;
}
.box_sub_button a .fas,
.box_sub_button a .far {
  padding-left:5px;
}

.box_sub_button input[type=image] {
  float:right;
  width:76px;
}
.show_title {
  float:left;
  display:inline-block;
}
.show_arrow {
  float:right;
  display:inline-block;
}

.show_arrow a {
  color: #007dbb;
  text-decoration:none;
  font-size:10px;
  font-weight:700;
}
.show_arrow a:hover {
  color:#007dbb;
  text-decoration:underline;
}
.show_arrow .fas,
.show_arrow .far {
  color: #007dbb;
  float:right;
  display:inline-block;
  padding-left:4px;
  vertical-align:1px;
  line-height:48px;
}

.box_title {
  font-weight:400;
  margin: 10px 0px 15px 0px;
  line-height:16px;
  text-decoration:none;
  text-align:center;
}
.box_title a {
  color:#444;
}
.box_title a:hover {
  color:#007dbb;
  text-decoration:none;
}
.box_image {
  text-align:center;
  margin: 0px 0px 10px 0px;
  width:100%;
}
.box_image img {
  padding:5px;
  margin: 0px auto;
  background-color:#ffffff;
  border: 1px solid #dadada;
  max-width:140px;
}

.box_rating_icons {
  margin: 0px 0 0 0;
  padding:0px 0px 10px 0px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:400;
  font-size:12px;
  line-height:20px;
}
.box_rating_icons.no_reviews {
}
.box_rating_icons .fas {
  color:#ccc;
  padding: 0 3px 0 0;
}
.box_rating_icons .full  {
  color:#e9c559;
}
.box_rating_icons .box_rating_count {
  color:#666;
  font-size:11px;
  line-height:13px;
  font-weight:400;
  padding:2px 0 0 0;
  letter-spacing:1px;
}
.box_rating_icons.no_reviews .box_rating_count {
  color:#ccc;
}

.box_price {
  padding: 0px 0 0 0;
  font-weight:800;
  font-size: 14px;
  line-height:20px;
  height:32px;
  color:#434343;
  text-align:center;
}
.box_price .no_price {
  font-size:10px;
  line-height:12px;
  font-weight:400;
  display:block;
  padding:4px 0 0 0;
  color:#999;
}
.box_price .small_price {
  display:inline-block;
  padding: 0 3px 0 0;
  font-size:10px;
  font-weight:normal;
  line-height:12px;
}

.box_price .standard_price {
  display:block;
  text-align:center;
  height:20px;
}
.box_price .special_price {
  display:block;
  text-align:center;
  height:20px;
}
.box_price .uvp_price {
  display:block;
  text-align:center;
  height:20px;
}
.box_price .graduated_price {
  display:block;
  text-align:center;
  height:20px;
}

.box_price .old_price {
  display:inline-block;
  padding: 0px 5px;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:#777;
  text-decoration:line-through;
}
.box_price .new_price {
  display:inline-block;
  padding: 0px 5px;
  color:#df3f7b;
}
.box_price .save_price {
  position:relative;
  top:-1px;
  background: #df3f7b;
  padding: 1px 6px 2px 6px;
  display:inline-block;
  font-size:11px;
  line-height:13px;
  font-weight:700;
  color:#fff;
  text-align:center;
  margin: 0px 0px 0px 5px;
}
.box_price .vpe {
  display:block;
  font-weight: 400;
  text-align:center;
  padding: 0px 0px 0 0;
  font-size:10px;
  line-height:12px;
  height:12px;
  color:#999;
}
.box_price .vpe_with_item_price {
  float:left;
  width:50%;
  display:block;
  box-sizing: border-box;
  font-weight: 400;
  text-align:center;
  padding: 0px 0px 0px 5px;
  font-size:10px;
  line-height:12px;
  height:12px;
  color:#999;
}
.box_price .item_price {
  float:left;
  width:50%;
  display:block;
  box-sizing: border-box;
  font-weight: 400;
  text-align:center;
  padding: 0px 5px 0px 0px;
  font-size:10px;
  line-height:12px;
  height:12px;
  color:#999;
}
.box_expires {
  padding: 8px 0 0 0;
  font-size:12px;
  line-height:14px;
  font-weight:600;
  text-align:center;
  color: #df3f7b;
}
.box_tax {
  text-align:center;
  padding: 2px 0px 0 0;
  font-size:10px;
  color:#999;
  line-height:12px;
}
.box_tax a {
  color:#999;
  text-decoration:underline;
}
.box_tax a:hover {
  color:#999;
  text-decoration:underline;
}

.box_text {
  font-size:12px;
  line-height:16px;
  word-wrap: break-word;
}
.box_reviews_icons {
  display:block;
  font-size:14px;
  line-height:14px;
  color:#aaa;
  padding: 10px 0px 0 0;
  text-align:center;
}
.box_reviews_icons .fas,
.box_reviews_icons .far {
  padding: 0 1px 0 0;
}
.box_reviews_icons .full  {
  color:#e9c559;
}
.quickie_form {
  position:relative;
}
.quickie_form input[type=text] {
  background:#fff;
  padding-right:60px;
}
.quickie_form input[type=image] {
  position:absolute;
  right:0px;
  top:0px;
}
#loginbox input[type=text],
#loginbox input[type=email],
#loginbox input[type=password] {
  height:40px;
  background:#fff;
}
ul.orderhistory_list {
  margin:0px 0 0 0;
  list-style-type:none;
}
ul.orderhistory_list li {
  position:relative;
  display:block;
  padding:10px 28px 10px 0px;
  border-bottom: 1px solid #dadada;
  font-size:13px;
  line-height:17px;
}
ul.orderhistory_list li a {
  color:#555;
}

ul.orderhistory_list li .cart_icon {
  position:absolute;
  top:4px;
  right:-2px;
  width:27px;
  height:27px;
  display:block;
  overflow:hidden;
}
ul.orderhistory_list li .cart_icon a {
  color:#007dbb;
}
ul.orderhistory_list li .cart_icon a:hover {
  color:#555;
}

ul.orderhistory_list li a:hover {
  color:#007dbb;
  text-decoration:none;
}
ul.orderhistory_list li .cart_icon .cssButton {
  padding: 5px 0px;
  font-size:15px;
  line-height:19px;
}
/* 11. END New boxes */


/* 12. START categories */
.box_category {
  background-color:#fff;
  margin-bottom:20px;
  border: solid #dadada;
  border-width: 1px 1px 0px 1px;
  padding: 0 0 0 0;
}
.box_category_header {
  color:#555;
  background: #f4f4f4;
  text-transform:uppercase;
  font-size:14px;
  font-weight:800;
  height:44px;
  line-height:44px;
  padding: 0px 20px;
}
.box_category_line {
  height:1px;
  background-color:#dadada;
  margin: 0px 0px;
}
ul#categorymenu {
  padding: 0px 15px 15px 15px;
  text-transform:uppercase;
}
ul#categorymenu li {
  list-style-type:none;
}
ul#categorymenu li a {
  text-decoration:none;
  outline:none;
  display:block;
}  
ul#categorymenu li .fas,
ul#categorymenu li .far {
  padding-right:5px;
}

ul#categorymenu li a:hover {
  text-decoration:none;
}
/* 1st TIER */
ul#categorymenu li.level1 a {
  color:#666;
  font-size:14px;
  line-height:16px;
  padding:12px 5px 12px 5px;
  background:#fff;
  border-bottom: 1px solid #dadada;
}

ul#categorymenu li.level1 a:hover {
  color:#007dbb;
  background: #fafafa;
}
ul#categorymenu li.level1.active1:last-child  a { color:#007dbb; background: #f4f4f4;}
ul#categorymenu li.activeparent1 a  { color:#007dbb; background:#f4f4f4;}
ul#categorymenu li.active1 a  {	color:#007dbb; background: #f4f4f4; }

/* 2nd TIER */
ul#categorymenu li.level2 a {
  color:#666;
  background:#f4f4f4;
  padding:8px 0 8px 15px;
  border-bottom: 1px solid #dadada;
  font-size:12px;
  line-height:14px;
}
ul#categorymenu li.level2 a:hover {
  color:#007dbb;
  background:#f4f4f4;
}
ul#categorymenu li.activeparent2 a  { color:#007dbb; background:#f4f4f4; }
ul#categorymenu li.active2 a  {color:#007dbb; background:#f4f4f4; }

/* 3rd TIER */
ul#categorymenu li.level3 a {
  color:#333;
  background:#f0f0f0;
  padding:8px 0 8px 30px;
  border-bottom: 1px solid #dadada;
  font-size:12px;
  line-height:14px;
}
ul#categorymenu li.level3 a:hover {
  color:#007dbb;
  background:#f0f0f0;
}
ul#categorymenu li.activeparent3 a  { color:#007dbb; background:#f0f0f0; }
ul#categorymenu li.active3 a  {color:#007dbb; background:#f0f0f0; }

/* 4th TIER */
ul#categorymenu li.level4 a {
  color:#333;
  background:#eee;
  padding:8px 0 8px 46px;
  border-bottom: 1px solid #dadada;
  font-size:12px;
  line-height:14px;
}
ul#categorymenu li.level4 a:hover {
  color:#007dbb;
  background:#eee;
}
ul#categorymenu li.activeparent4 a  { color:#007dbb; background:#eee; }
ul#categorymenu li.active4 a  {color:#007dbb; background:#eee; }

/* 5th TIER */
ul#categorymenu li.level5 a {
  color:#333;
  background:#e4e4e4;
  padding:8px 0 8px 58px;
  border-bottom: 1px solid #dadada;
  font-size:12px;
  line-height:14px;
}
ul#categorymenu li.level5 a:hover {
  color:#007dbb;
  background:#e4e4e4;
}
ul#categorymenu li.activeparent5 a  { color:#007dbb; background:#e4e4e4; }
ul#categorymenu li.active5 a  {color:#007dbb; background:#e4e4e4; }
/* 12. END categories */


/* 13. START Highlightbox */
div.highlightbox {
  padding:10px 0px;
}
div.highlightbox.plainleft {
  padding:10px 0px;
  background-color:transparent;
}
div.highlightbox.plainright {
  padding:10px 0px;
  background-color:transparent;
}
div.highlightbox.plainfull {
  padding:10px 0px;
  background-color:transparent;
}
div.highlightbox.grey {
  background:#f4f4f4;
  padding: 10px 10px;
}
div.highlightbox.checkoutborder {
  padding: 10px 0px;
  background:#fff;
}



.margintop {
  margin-top:38px;
}
div.highlightbox ul {
  margin-left:18px;
  padding:0;
  display:block;
  list-style-type:square;
  line-height:20px;
}
div.highlightbox ul.accountlist {
  margin-left:18px;
  padding:0;
  display:block;
  list-style-type:square;
  line-height:24px;
}

.homesite {
  margin:0 0 20px 0;
}
.homesite ul {
  margin-left:15px;
  padding:0;
  display:block;
}
.homesite img {
  max-width:100% !important;
  height:auto !important;
}

.giftcart_box {
  padding: 15px 15px 0px 15px;
  background: #f4f4f4;
}
.giftcart_box h4 {
  font-size:12px;
  line-height:18px;
}

.giftcart_box input[type=text] {
  background: #fff;
}

.amount_info {
  font-size:11px;
  line-height: 15px;
  font-weight: 400;
  margin: 0px;
  margin: 0px 0px 5px 0px;
}

.coupon_info {
  color:#639f3e;
  font-size:11px;
  line-height: 15px;
  font-weight: 400;
  margin: 0px;
  margin: 0px 0px 5px 0px;
}
.coupon_info a {
  color:#639f3e;
}

table.table_gift {
  margin: -6px 0 0 0;
}
table.table_gift tr td.gift_field {
  padding-right:10px;
}
table.table_gift tr td.gift_button {
  width:130px;
  padding-top:20px;
}
table.table_gift tr td.gift_button input {
  float:right;
  margin-top:16px;
}
/* 13. END Highlightbox */


/* 14. START product_navigator */
.productnavigator {
  margin:-10px 0px 20px 0px;
  background-color:#fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding:10px 0px;
  font-size:11px;
  line-height:19px;
  color:#222;
}
.productnavigator .detail_back {
  display:none;
  float:left;
}
@media only screen and (min-width: 690px) {
  .productnavigator .detail_back { display: inline-block; }
}

.productnavigator .detail_next_previous {
  display: block; float: none; text-align: center;
}
@media only screen and (min-width: 690px) {
  .productnavigator .detail_next_previous { display:inline-block; float:right; text-align:right; }
}

.productnavigator .inactive {
  color:#bbb;
}
.productnavigator a {
  color:#222;
}
.productnavigator a:hover {
  color:#555;
  text-decoration:none;
}
.productnavigator .navigator_filler {
  display:inline-block;
  padding: 0px 5px;
  font-size:10px;
  vertical-align:1px;
  color:#999;
}
@media screen and (min-width: 400px) {
  .productnavigator .navigator_filler { padding: 0px 10px; }
}

.productnavigator .fas,
.productnavigator .far {
  color:#999;
  font-weight:bold;
  padding: 0px 2px;
}
/* 14. END product_navigator */


/* 15. START error, info & success messages */
.errormessage {
  border:solid #F2DEDE 1px;
  padding:10px;
  font-size:13px !important;
  line-height:17px;
  color:#e13939;
  background-color:#F2DEDE ;
  margin-bottom:10px;
}
.errormessage a {
  color:#e13939;
  text-decoration:underline;
  font-weight:600;
}
.errormessage.shopsystem {
  margin-top:36px;
  margin-bottom:-36px;
}
.errormessage ul li {
  margin-left:10px;
}
.messageStackError {
  color:#e13939 !important;
  font-size:13px !important;
}
td.messageStackError {
  padding:2px 0px;
}
/* SUCCESS MESSAGE */
.messageStackSuccess {
  color:#333 !important;
}
.inputRequirement {
  font-size:10px;
  vertical-align:top;
  color:#e13939;
}
.inputRequirement_textarea {
  font-size:10px;
  vertical-align:top; 
  color:#e13939;
}
.inputNote {
  display: block;
  font-size: 10px;
  line-height: 14px;
  font-weight:400;
  padding: 4px 0 0 0;
}
/* INFO MESSAGES */
.infomessage {
  border: 1px solid #d4ebcb;
  padding: 10px;
  background-color: #d4ebcb;
  margin-bottom: 10px;
  line-height: 17px;
  color:#3C763D;
}
.infomessage a {
  color:#333;
  text-decoration:none;
}
.infomessage a:hover {
  color:#3C763D;
  text-decoration:none;
}
/* 15. END error, info & success messages */

/* 16. START checkout */
ul#checkoutnavigation {
  margin: 10px -10px 30px -10px;
}

ul#checkoutnavigation li {
  list-style-type:none;
  box-sizing: border-box;
  float:none; width:100%; padding: 5px 10px;
}
@media screen and (min-width: 400px) {
  ul#checkoutnavigation li { float:left; width:50%; padding: 10px 10px 0px 10px; }
}
@media screen and (min-width: 759px) {
  ul#checkoutnavigation li { width:25%; }
}

ul#checkoutnavigation li .active {
  padding: 10px 10px;
  display:block;
  background-color: #fff;
  color: #007dbb;
  border-bottom: 2px solid #007dbb;
  border-top: 2px solid #007dbb;
}

ul#checkoutnavigation li .active .title {
  font-weight:800;
  text-transform:uppercase;
  display:block;
  font-size:16px;
  line-height:20px;
  box-sizing: border-box;
}

ul#checkoutnavigation li .active .description {
  display:none;
  font-size:14px;
  line-height:16px;
  padding-top:5px;
  min-height:32px;
}
ul#checkoutnavigation li .inactive {
  padding: 10px 10px;
  display:block;
  background-color: #fff;
  color: #e0e0e0;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0
}
ul#checkoutnavigation li .inactive .title {
  font-weight:800;
  text-transform:uppercase;
  display:block;
  font-size:16px;
  line-height:20px;
  box-sizing: border-box;
}
ul#checkoutnavigation li .inactive .description {
  display:none;
  font-size:14px;
  line-height:16px;
  padding-top:5px;
  min-height:32px;
}
ul#checkoutnavigation.cn_no_shipping li {
  width: 100%;
}
@media only screen and (min-width: 690px) {
  ul#checkoutnavigation.cn_no_shipping li { width: 33.3333%; }
}

ul#checkoutnavigation.cn_no_shipping li .description {
  display:none;
  min-height: 20px;
}

ol#address_block {
  margin: 15px 0px 0px 20px;
}
ol#address_block li {
  border-top: 1px solid #e0e0e0;
  margin-top:10px;
  padding-top: 10px;
}
ol#address_block li label {
  font-weight:bold;
}
ol#address_block li .address {
  display:inline-block;
  padding:5px 0px 0px 23px;
}
ol#address_block li input {
  vertical-align:-1px;
}

ul#address_block {
  margin: 15px 0px 0px 0px;
  list-style-type:none;
}
ul#address_block li {
  border-top: 1px solid #e0e0e0;
  margin-top:12px;
  padding-top: 12px;
}
ul#address_block li label {
  font-weight:bold;
}
ul#address_block li .address {
  display:inline-block;
  padding:5px 0px 0px 23px;
}
ul#address_block li input {
  vertical-align:-1px;
}
.checkoutcomment textarea {
  height:80px;
}

div.agbframe {
  background-color:#fafafa;
  border-color: #dddddd;
  color: #999999;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 5px 5px 5px 5px;
  font-size:12px;
  line-height:18px;
  height:120px;
  overflow:auto;
  text-align: left;
}
.checkoutagb {
  margin-bottom:10px;
}
.checkoutconditions {
  padding: 0px 0px 10px 0px;
  font-size:12px;
  text-align: left;
  line-height: 20px;
}
.checkoutconditions input#conditions {
  float:left;
  position:relative;
  margin: 3px 8px 5px 0px;
}
table.paymentmoduledata {
  font-size:12px;
  line-height:15px;
}
table.paymentmoduledata tr td.title {
  vertical-align:top;
  padding-top:8px;
}
table.paymentmoduledata tr td.field {
  vertical-align:top;
  padding-left:12px;
}

table.paymentinfotable tr td   {
  padding: 2px 20px 2px 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;
}
.checkout_accordion .cus_radio input[type="radio"] ~ label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0px 15px 0px 25px;
}
.checkout_accordion .shipping_name,
.checkout_accordion .payment_name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0px 10px 0 0;
}
.checkout_accordion .shipping_costs,
.checkout_accordion .payment_costs {
  white-space:nowrap;
  padding: 0 0 0 0;
}
.checkout_accordion img {
  max-width:100%;
  height:auto;
  vertical-align:top;
}
.dutyinfo {
  font-size:12px; 
  padding:5px;
  margin-top:8px;
}
/* END checkout */


/* 17. START Color Defination from language-Files, main.php, ot-Module  */
.color_ot_total {
  color:#e13939;
}
.color_error_message {
  color:#e13939;
}
a.color_more {
  color:#007dbb !important;
}
a.color_more:hover {
  color:#007dbb !important;
  text-decoration:underline !important;
}
.color_edit_info {
  color:#007dbb;
}
/* END Color Defination from language-Files, main.php, ot-Module  */


/* 18. START Listing globals */
.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
  transition: opacity 2s ease;
}


.listingcontainer, .listingcontainer_full, .listingcontainer_details {
  margin: 0px -10px 0px -10px;
}
.pd_tabs .listingcontainer_details {
  margin: 0px -10px 0px -10px;
}
.pd_accordion .listingcontainer_details {
  margin: 0px -10px 0px -10px;
}

/* END Listing globals */


/* 19. START productlist boxes */
.listingbox {
  float:left;
  width:100%;
  height:auto;
  padding: 0px 10px;
  margin: 0px 0px 50px 0px;
  box-sizing: border-box;
}
.listingcontainer_full .listingbox {
  width:100%;
}

@media only screen and (min-width: 360px) {
  .listingcontainer .listingbox { width:50%;}
  .listingcontainer_full .listingbox { width:50%;}
  .listingcontainer_details .listingbox { width:50%;}
  .pd_tabs .listingbox { width:50%; }
  .pd_accordion .listingbox { width:50%; }
}

@media only screen and (min-width: 690px) {
  .listingcontainer .listingbox { width:33.3333%;}
  .listingcontainer_full .listingbox { width:33.3333%;}
  .listingcontainer_details .listingbox { width:33.3333%;}
  .pd_tabs .listingbox { width:33.3333%; }
  .pd_accordion .listingbox { width:33.3333%; }
}
@media only screen and (min-width: 920px) {
  .listingcontainer .listingbox { width:25%;}
  .listingcontainer_full .listingbox { width:25%;}
  .listingcontainer_details .listingbox { width:25%;}
  .pd_tabs .listingbox { width:25%; }
  .pd_accordion .listingbox { width:25%; }
}

@media only screen and (min-width: 985px) {
  .listingcontainer .listingbox { width:33.3333%;}
  .listingcontainer_details .listingbox { width:33.3333%;}
  .pd_tabs .listingbox { width:33.3333%; }
  .pd_accordion .listingbox { width:33.3333%; }
  .listingcontainer_full .listingbox { width:25%;}
}

.listingbox .lb_inner:hover {
  background: #f4f4f4;
}
.lb_inner {
  position:relative;
  padding: 10px 10px 10px 10px;
}

.lb_image {
  padding: 5px;
  text-align: center;
  width: 100%;
  position:relative;
  box-sizing: border-box;
}
.lb_image_inner {
  text-align: center;
  width: 100%;
  position:relative;
}
.lb_image_inner:before {
  content: "";
  display:block;
  padding-top: 70%;
}
.lb_image_inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 100%;
  max-height: 100%;
}
.lb_title {
  padding: 10px 0px 5px 0px;
}
.lb_title h2 {
  margin: 0px;  
  padding:0px;
  border:none !important;
  line-height:18px;
  font-size:14px;
  font-weight:400;
  height:38px;
  overflow:hidden;
  text-align:center;
  color:#444;
}
.lb_title h2 a {
  color:#333;
}
.lb_title h2 a:hover {
  color:#007dbb;
  text-decoration:none;
}

.lb_attributes {
  padding: 0px 0px;
  text-align:center;
  overflow:hidden;
  height:41px;
}
.lb_attributes  .attributes_item {
  font-size:12px;
  line-height:16px;
  padding: 0px 10px;
  text-align:center;
  border-right: 1px solid #eee !important;
}
.lb_attributes  .attributes_item:last-child {
  border-right: none !important;
}

.lb_shipping {
  padding: 5px 0px;
  font-size:12px;
  text-align:center;
  color:#999;
}
.lb_shipping .lb_shipping_image {
  display:inline-block;
  padding: 0 5px 0 0;
}
.lb_shipping a {
  color:#999;
}
.lb_shipping a:hover {
  color:#999;
  text-decoration: underline;
}

.lb_price {
  padding: 5px 0 0 0;
  font-weight:800;
  font-size: 14px;
  line-height:20px;
  height:32px;
  color:#434343;
  text-align:center;
}
.lb_price .no_price {
  font-size:10px;
  line-height:12px;
  font-weight:400;
  display:block;
  padding:4px 0 0 0;
  color:#999;
}

.lb_price .small_price {
  display:inline-block;
  padding: 0 3px 0 0;
  font-size:10px;
  font-weight:normal;
  line-height:12px;
}

.lb_price .standard_price {
  display:block;
  text-align:center;
  height:20px;
}
.lb_price .special_price {
  display:block;
  text-align:center;
  height:20px;
}
.lb_price .uvp_price {
  display:block;
  text-align:center;
  height:20px;
}
.lb_price .graduated_price {
  display:block;
  text-align:center;
  height:20px;
}

.lb_price .old_price {
  display:inline-block;
  padding: 0px 5px;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:#777;
  text-decoration:line-through;
}
.lb_price .new_price {
  display:inline-block;
  padding: 0px 5px;
  color:#df3f7b;
}
.lb_price .save_price {
  position:absolute;
  right:0px;
  top:0px;
  background: #df3f7b;
  padding: 3px 0px;
  font-size:12px;
  line-height:14px;
  font-weight:700;
  color:#fff;
  min-width:50px;
  text-align:center;
}
.lb_price .vpe {
  display:block;
  font-weight: 400;
  text-align:center;
  padding: 0px 0px 0 0;
  font-size:10px;
  line-height:12px;
  height:12px;
  color:#999;
}
.lb_price .vpe_with_item_price {
  float:left;
  width:50%;
  display:block;
  box-sizing: border-box;
  font-weight: 400;
  text-align:center;
  padding: 0px 0px 0px 5px;
  font-size:10px;
  line-height:12px;
  height:12px;
  color:#999;
}
.lb_price .item_price {
  float:left;
  width:50%;
  display:block;
  box-sizing: border-box;
  font-weight: 400;
  text-align:center;
  padding: 0px 5px 0px 0px;
  font-size:10px;
  line-height:12px;
  height:12px;
  color:#999;
}

.lb_tax {
  text-align:center;
  padding: 2px 0 0 0;
  font-size:10px;
  color:#999;
  line-height:12px;
}
.lb_tax a {
  color:#999;
  text-decoration:underline;
}
.lb_tax a:hover {
  color:#999;
  text-decoration:underline;
}

.lb_image .lb_action {
  position: absolute;
  background:transparent url(img/overlay_f4f4f4_70.png);
  height:100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  opacity: 0;
          transition: opacity 0.6s ease-in-out;
       -o-transition: opacity 0.6s ease-in-out;
      -ms-transition: opacity 0.6s ease-in-out;
     -moz-transition: opacity 0.6s ease-in-out;
  -webkit-transition: opacity 0.6s ease-in-out;
}
.lb_inner:hover .lb_image .lb_action {
  display:block;
  opacity: 1.0;
          transition: opacity 0.6s ease-in-out;
       -o-transition: opacity 0.6s ease-in-out;
      -ms-transition: opacity 0.6s ease-in-out;
     -moz-transition: opacity 0.6s ease-in-out;
  -webkit-transition: opacity 0.6s ease-in-out;
}

.lb_buttons {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  margin: auto;
  height:50px;
  display:block;
  text-align:center;
}
.lb_buttons_inner {
  height:50px;
  box-sizing: border-box;
  display:inline-block;
  padding:5px 5px;
  background:#fff;
}

.lb_buttons img {
  margin: 0px 2px;
}

.lb_new_flag {
  position:absolute;
  left:0px;
  top:0px;
  text-transform:uppercase;
  background: #61ac5c;
  padding: 3px 0px;
  font-size:12px;
  line-height:14px;
  font-weight:700;
  color:#fff;
  min-width:50px;
  text-align:center;
  z-index:1;
}

.lb_rating_icons {
  margin: 0px 0 5px 0;
  display:block;
  font-size:11px;
  line-height:13px;
  height:13px;
  color:#ccc;
  padding: 0px 0px 0 0px;
  text-align:center;
}
.lb_no_reviews {
  /*  visibility:hidden; */
}

.lb_rating_icons .fas,
.lb_rating_icons .far {
  padding: 0 1px 0 0;
  vertical-align:0px;
}
.lb_rating_icons .full  {
  color:#e9c559;
}
.lb_rating_icons .lb_rating_count {
  color:#999;
  font-size:10px;
  line-height:14px;
  font-weight:600;
}
/* END productlist boxes */


/* 20. START productlist rows */
.listingrow {
  height:auto;
  margin: 0px 15px 0px 15px;
}
.listingrow:first-child {
  height:auto;
  margin: 0px 15px 0px 15px;
  border-top: 1px solid #e0e0e0;
}

.lr_inner {
  padding: 15px 0px 15px 0px;
  border-bottom: 1px solid #e0e0e0;
  min-height:160px;
  position:relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lr_image {
  float:left;
  text-align: center;
  width: 160px;
  padding: 0px;
  text-align: center;
  position:relative;
  box-sizing: border-box;
}
.lr_image_inner {
  text-align: center;
  width: 100%;
  position:relative;
}
.lr_image_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
}
.lr_image_inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 100%;
  max-height: 100%;
}

.lr_content {
  float:right;
  width:100%;
  padding: 10px 0 0 0px; 
  -webkit-box-flex: initial;
  -moz-box-flex: initial;
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial;
}
@media screen and (min-width: 600px) {
  .lr_content { padding: 0 0 0 60px; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
}

.lr_title {
  padding: 0px 0px 0px 0px;
}
.lr_title h2 {
  margin: 0px;
  padding:0px;
  border:none !important;
  line-height:20px;
  font-size:16px;
  font-weight:400;
  color:#444;
}
.lr_title h2 a {
  color:#333;
}
.lr_title h2 a:hover {
  color:#007dbb;
  text-decoration:none;
}

.lr_desc {
  font-size:13px;
  line-height:17px;
  padding: 20px 0px 0px 0px;
}
.lr_desc p{
  margin: 0px 0px;
}
.lr_desc ul{
  margin: 8px 0px 8px 18px;
}
.lr_desc ol{
  margin: 8px 0px 8px 18px;
}

.lr_shipping {
  padding: 10px 0px 0px 0px;
  font-size:12px;
  color:#999;
}
.lr_shipping .lr_shipping_image {
  display:inline-block;
  padding: 0 5px 0 0;
}
.lr_shipping a {
  color:#999;
}
.lr_shipping a:hover {
  color:#999;
  text-decoration: underline;
}

.lr_price {
  padding: 5px 0 0 0;
  font-weight:800;
  font-size: 14px;
  line-height:20px;
  height:32px;
  color:#434343;
  text-align:left;
}
.lr_price .no_price {
  font-size:10px;
  line-height:12px;
  font-weight:400;
  display:block;
  padding:4px 0 0 0;
  color:#999;
}

.lr_price .small_price {
  display:inline-block;
  padding: 0 3px 0 0;
  font-size:10px;
  font-weight:normal;
  line-height:12px;
}

.lr_price .standard_price {
  display:block;
  height:20px;
}
.lr_price .special_price {
  display:block;
  height:20px;
}
.lr_price .uvp_price {
  display:block;
  height:20px;
}
.lr_price .graduated_price {
  display:block;
  height:20px;
}

.lr_price .old_price {
  display:inline-block;
  padding: 0px 0px;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:#777;
  text-decoration:line-through;
}
.lr_price .new_price {
  display:inline-block;
  padding: 0px 0px 0px 15px;
  color:#df3f7b;
}
.lr_price .save_price {
  position:absolute;
  left:0px;
  top:15px;
  background: #df3f7b;
  padding: 3px 0px;
  font-size:12px;
  line-height:14px;
  font-weight:700;
  color:#fff;
  min-width:50px;
  text-align:center;
}
.lr_price .vpe {
  float:left;
  display:inline-block;
  font-weight: 400;
  padding: 0px 0px 0 0;
  font-size:10px;
  line-height:12px;
  height:12px;
  color:#999;
}
.lr_price .vpe_with_item_price {
  float:left;
  display:inline-block;
  box-sizing: border-box;
  font-weight: 400;
  padding: 0px 0px 0px 20px;
  font-size:10px;
  line-height:12px;
  height:12px;
  color:#999;
}
.lr_price .item_price {
  float:left;
  display:inline-block;
  box-sizing: border-box;
  font-weight: 400;
  text-align:center;
  padding: 0px 5px 0px 0px;
  font-size:10px;
  line-height:12px;
  height:12px;
  color:#999;
}
.lr_tax {
  padding: 2px 0 0 0;
  font-size:10px;
  color:#999;
  line-height:12px;
}
.lr_tax a {
  color:#999;
  text-decoration:underline;
}
.lr_tax a:hover {
  color:#999;
  text-decoration:underline;
}
.lr_buttons {
  margin: 10px 0 0 0;
  display:inline-block;
}

.lr_new_flag {
  position:absolute;
  right:0px;
  top:0px;
  text-transform:uppercase;
  background: #61ac5c;
  padding: 3px 0px;
  font-size:12px;
  line-height:14px;
  font-weight:700;
  color:#fff;
  min-width:50px;
  text-align:center;
  z-index:1;
}
.lr_rating_icons {
  margin: 2px 0 8px 0;
  display:block;
  font-size:11px;
  line-height:13px;
  height:13px;
  color:#ccc;
  padding: 0px 0px 0 0px;
  text-align:left;
}
.lr_no_reviews {
  /*  visibility:hidden; */
}

.lr_rating_icons .fas,
.lr_rating_icons .far {
  padding: 0 1px 0 0;
  vertical-align:0px;
}
.lr_rating_icons .full  {
  color:#e9c559;
}
.lr_rating_icons .lr_rating_count {
  color:#999;
  font-size:10px;
  line-height:14px;
  font-weight:600;
}
/* END productlist rows */


/* 21. START categories listing & subcats */
.cat_description {
  margin: -10px 0 30px 0;
}
.cat_description ul {
  margin-left:18px;
}
.cat_description ol {
  margin-left:28px;
}
.cat_image {
  float:left;
  margin: 6px 25px 10px 0px;
  max-width:100%;
  position:relative;
}
.ci_nomargin {
  margin-right: 0px !important;
}

.subcats_container {
  margin: 0px -5px 30px -5px;
}

.subcatlist {
  float:left;
  width:50%;
  height:auto;
  padding: 0px 5px;
  margin: 0px 0px 10px 0px;
  box-sizing: border-box;
}
@media screen and (min-width: 600px) {
  .subcatlist { width:33.3333%; }
}
@media screen and (min-width: 690px) {
  .subcatlist { width:25%; }
}

.subcatlist_inner {
  border: 1px solid #e0e0e0;
}
.subcat_image {
  display:block;
  vertical-align:middle;
  text-align:center;
  height:auto;
  overflow:hidden;
}
.subcat_image_inner {
  display:block;
  vertical-align:middle;
  text-align:center;
  position:relative;
}
.subcat_image_inner:before {
  content: "";
  display:block;
  padding-top: 52%;
}
@media screen and (min-width: 500px) {
  .subcat_image_inner:before { padding-top: 65%; }
}
@media screen and (min-width: 985px) {
  .subcat_image_inner:before { padding-top: 75%; }
}
       
.subcat_image img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 88%;
  max-height: 88%;
}
.subcat_title {
  display:table;
  padding: 6px 5px 4px 5px;
  color:#555;
  background:#f4f4f4;
  font-size:12px;
  height:40px;
  width:100%;
  line-height:14px;
  text-transform:uppercase;
  text-align:center;
  font-weight:600;
  box-sizing: border-box;
}
.subcat_title_inner {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  word-break:break-all;
}
.subcat_title_inner .fas,
.subcat_title_inner .far {
  padding: 0 0 0 2px;
  color:#007dbb;
}

.subcat_desc {
  display:inline-block;
  padding:5px;
  font-size:12px;
  line-height:16px;
}
.subcatlist a {
  color:#007dbb;
  display:block;
}
.subcatlist a:hover {
  text-decoration:none;
}
.subcatlist a:hover  .subcat_title {
  color:#007dbb !important;
  text-decoration:none !important;
  background:#e6f2f8;
}

.manu_description {
  padding: 0px 0px 25px 0px; 
}
.manu_description ul {
  margin-left:15px;
}
.manu_description ol {
  margin-left:28px;
}
.manu_image {
  float:left;
  margin: 6px 25px 10px 0px;
  max-width: 100%;
  position:relative;
}
.mi_nomargin {
  margin-right: 0px !important;
  max-width:100%;
}
/* END categories listing & subcats */

/* 22. START pagination */
.pagination_bar {
  padding: 0px 0px 0px 0px;
  margin: 15px 0 15px 0;
}
.pagination_text {
  float:left;
  display:none;
  font-size:12px;
  line-height:28px;
  vertical-align:middle;
  color:#777;
}
@media only screen and (min-width: 920px) {
  .pagination_text { display:inline-block; }
}

.pagination_list {
  display:inline-block;
  float:right;
  font-size:12px;
  line-height:28px;
}
.pagination_list ul {
  list-style-type:none;
  margin: 0;
}
.pagination_list ul li {
  float:left;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  padding: 0; 
}
.pagination_list ul li.plain {
  padding: 0 4px;
}
.pagination_list ul li a {
  display: inline-block;
  min-width:18px;
  padding: 0 5px;
  margin: 0 0 0 4px;
  color: #777;
  text-decoration:none;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}
.pagination_list ul li a:hover {
  color: #007dbb;
  background-color: #fff;
  border: 1px solid #007dbb;
}
.pagination_list ul li.current {
  display: inline-block;
  min-width:18px;
  padding: 0 5px;
  margin: 0 0 0 4px;
  color: #007dbb;
  font-weight:bold;
  background-color: #fff;
  border: 1px solid #007dbb;
}
.pagination_list .fas,
.pagination_list .far {
  font-weight:bold;
}
/* END pagination */


/* 23. START filter manufacturer */
.filter_no_top_content {
  margin: -16px 0 0 0;
}
.filter_top_content {
  margin: 0px 0 0 0;
}

.filter_bar {
  position:relative;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 15px;
  padding: 10px 5px;
}

.sort_bar {
  margin: 0px 0 0 0;
}
.sort_bar_row {
  margin: 0px -10px 0px -10px;
}
.sort_bar_item {
  float:left;
  display:inline-block;
  padding:5px 5px;
  box-sizing: border-box;
  width:50%;
}
@media screen and (min-width: 600px) {
  .sort_bar_item { width:auto; }
}

.sort_bar_item .SumoSelect > .CaptionCont {
  border: none;
  background: #fff;
  display: block;
  font-size:13px;
  line-height:21px;
  padding: 5px 5px;
  height:31px !important;  
}
@media screen and (min-width: 600px) {
  .sort_bar_item .SumoSelect > .CaptionCont { display: inline-block;}  
}

.sort_bar_item .SumoSelect > .optWrapper.open {
  min-width: 240px;
  font-size:13px;
  line-height:19px;
}
.sort_bar_item  .SumoSelect > .optWrapper > .options > li {
  padding: 5px 5px;
  border-bottom: 1px solid #e0e0e0;
  font-size:13px;
  line-height:19px;
}
.sort_bar_item .CaptionCont.SelectBox.Selected {
  color: #007dbb !important;
  background: #e6f2f8 !important;
}

.sort_bar_item a.view_tags {
  display:block;
	background:#007dbb;
  color:#fff;
  font-size:13px;
  line-height:21px;
  padding: 5px;
  font-weight:400;
}
.sort_bar_item a.view_tags .fas,
.sort_bar_item a.view_tags .far {
  padding: 0 2px 0 8px;
  font-size:11px;
}
.sort_bar_item a.view_tags:hover {
	background:#0071a9;
  text-decoration:none;
}


.sort_bar_item.right {
  float:right;
}
.sort_bar_item.right a {
  float:right;
  display:block;
  padding: 5px;
  line-height:21px;
  font-size:15px;
}
a.view_list {
  color:#bbb
}
a.view_list:hover, a.view_list.active {
  color:#007dbb;
  text-decoration:none;
}
a.view_box {
  color:#bbb
}
a.view_box:hover, a.view_box.active {
  color:#007dbb;
  text-decoration:none;
}

.tags_bar_toogle {
  display:none;
}
.tags_bar {
  position:relative;
  margin-top:-15px;
  padding: 10px;
  background: #f4f4f4;
  border-bottom: 1px solid #e0e0e0;
}
.tags_bar_headline {
  font-size:10px;
  line-height:12px;
  font-weight:bold;
  padding: 0px 0px 5px 2px;
}
a.tags_bar_reset {
  float:right;
  font-size:10px;
  line-height:12px;
}
.tags_bar_row {
  margin: 0px -5px 0px -5px;
}
.tags_bar_item {
  float:left;
  width:50%;
  padding:5px 5px;
  box-sizing: border-box;
}
@media screen and (min-width: 600px) {
   .tags_bar_item { width:25%; }
}

.tags_bar_item .SumoSelect > .CaptionCont {
  border: none;
  background: #fff;
  display: block;
  font-size:13px;
  line-height:21px;
  padding: 5px 5px;
  height:31px !important;  
}
.tags_bar_item .SumoSelect > .optWrapper.open {
  min-width: 240px;
  font-size:13px;
  line-height:19px;
}
.tags_bar_item  .SumoSelect > .optWrapper > .options > li {
  padding: 5px 5px;
  border-bottom: 1px solid #e0e0e0;
  font-size:13px;
  line-height:19px;
}
.tags_bar_item .CaptionCont.SelectBox.Selected {
  color: #007dbb !important;
  background: #fff !important;
}
/* END filter manufacturer */


/* 24. START content sites (AGB, Datenschutz, etc.) */
.content_site {
  padding: 0 0 20px 0;
}
.content_site ul {
  margin-left:18px;
}
.content_site ol {
  margin-left:28px;
}
.content_site img {
  max-width:100% !important;
  height:auto !important;
}
/* END content sites (AGB, Datenschutz, etc.) */


/* 25. START products_table for order_details, account_history_info, checkout_confirmation */
ul.orderlist {
  list-style-type:none;
  margin: 0 0 0 0 !important;
}
ul.orderlist li {
  list-style-type:none;
  line-height:19px;
}
ul.orderlist li .orderlist_row {
  vertical-align:top;
  padding: 10px 10px;
}
ul.orderlist li .orderlist_header {
  padding: 0px 10px 8px 10px;
  font-size:11px;
  line-height:19px;
  color:#666666;
  font-weight:bold !important;
  background:transparent;
  border-bottom:1px solid #ddd;
}

.orderlist_header .ol_width_2   { width: auto; padding-bottom: 0px; font-size:11px; line-height:19px; }
@media only screen and (min-width: 690px) {
  .orderlist_header .ol_width_2 { width:  40.0%; padding-bottom:0px; }
}

.orderlist_header .ol_width_3   { display:none; width: 160px;}
@media only screen and (min-width: 690px) {
  .orderlist_header .ol_width_3 { display:inline-block;}
}

.orderlist_header .ol_width_6   { display:none; }
@media screen and (min-width: 500px) {
  .orderlist_header .ol_width_6 { display:inline-block;}
}
 
ul.orderlist li .orderlist_header span.ol_singleprice {
  font-weight:bold !important;
}
ul.orderlist li .orderlist_header span.ol_totalprice {
  font-weight:bold !important;
}
ul.orderlist li .orderlist_header span.ol_price_row {
  float:right;
  display:inline-block;
}

.ol_row1 {
  background:transparent;
  border-bottom:1px solid #ddd;
}
.ol_row2 {
  background:transparent;
  border-bottom:1px solid #ddd;
}
ul.orderlist li .orderlist_row span {
}

.ol_width_1         { width: 10.0%; min-width:100px;}
.ol_width_2         { width: 100.0%; padding-bottom:10px; }
@media only screen and (min-width: 690px) {
  .ol_width_2       { width:  40.0%; padding-bottom:0px; }
}

.ol_width_3         { width: 100.0%; border-bottom: 1px solid #ededed; padding-bottom: 10px !important;}
@media screen and (min-width: 500px) {
  .ol_width_3       { width: 160px; border-bottom: 0px; padding-bottom: 0px !important; }
}

.ol_width_31        { width:  5.0%; min-width:50px;}
.ol_width_32        { width: auto; padding-left: 10px; }
.ol_width_33        { width: auto; padding-left: 10px; }

@media screen and (min-width: 500px) {
  .ol_width_32 { width: 30.0%; padding-left:0px; }
  .ol_width_33 { width: 30.0%; padding-left:0px; }
}

.ol_width_4 { width: 70%; padding: 5px 0 0 0; }
.ol_width_4_header { width: 70%; }

@media screen and (min-width: 500px) {
  .ol_width_4 { width: 40.0%; padding: 0px; }
  .ol_width_4_header { width: 40.0%; }
}
@media screen and (min-width: 690px) {
  .ol_width_4 { width: 28.0%;}
  .ol_width_4_header { width: 28.0%; }
}
@media screen and (min-width: 759px) {
  .ol_width_4 { width: 32.0%;}
  .ol_width_4_header { width: 32.0%; }
}
@media screen and (min-width: 920px) {
  .ol_width_4         { width: 25.0%;}
  .ol_width_4_header  { width: 25.0%; }
}

.ol_width_41        { width: 50.0%; }
.ol_width_42        { width: 50.0%; }

.ol_width_6        { width:  5.0%; min-width:50px;}

span.ol_quantity {
  float:left;
  display:inline-block;
}
span.ol_quantity2 {
  float:left;
  display:inline-block;
  padding-top:5px;
}
span.ol_quantity input {
  background:#fff;
  border: 1px solid #ccc;
  text-align:center;
}
span.ol_image {
  float:left;
  display:none;
  text-align:center;
  box-sizing: border-box;
  padding-right:20px;
}
@media only screen and (min-width: 920px) {
  span.ol_image { display:inline-block; }
}

span.ol_image_inner {
  display:block;
  text-align: center;
  width: 100%;
  position:relative;
  background:#fff;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
span.ol_image_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
}
span.ol_image_inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 88%;
  max-height: 88%;
}

span.ol_productsname {
  float:left;
  display:inline-block;
  font-size: 14px;
  line-height: 20px;
}
span.ol_productsname a {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  padding: 0;
  color:#007dbb;
}
span.ol_productsname a:hover {
  color:#333;
  text-decoration:none;
}
span.ol_productsname .markProductOutOfStock span {
  color:#e13939 !important;
  font-size:12px;
  font-weight:800;
  display:inline-block;
  padding-left:4px;
}

span.ol_action_row {
  float:left;
  display:inline-block;
  text-align:center;
  padding: 0px 0px;
}
@media only screen and (min-width: 690px) {
  span.ol_action_row {padding: 0px 15px;}
}

span.ol_price_row {
  float:right;
  display:inline-block;
}
span.ol_delete {
  float:right;
  text-align:center;
  display:inline-block;
}
span.ol_singleprice {
  float:right;
  text-align:right;
}
span.ol_totalprice {
  float:right;
  text-align:right;
}

.ol_distance {
  display:block;
  padding-top:10px;
}
.ol_model {
  font-size:12px;
  line-height:18px;
  font-weight:normal;
  margin: 2px 0 0 0;
}
.ol_shipping {
  font-size:12px;
  line-height:18px;
  font-weight:normal;
  margin: 2px 0 0 0;
}
.ol_short_desc {
  font-size:12px;
  line-height:16px;
  color:#999;
  margin: 8px 0;
}

.ol_tags_row {
  margin: 0 0 10px 0;
}
.ol_tags_item {
  font-size:12px;
  line-height:18px;
  font-weight:normal;
  margin: 2px 0 0 0;
}

ul.attributes_list {
  list-style-type:none;
  margin: 5px 0px 5px 0px !important;
}
ul.attributes_list li {
  border: none !important;
  font-size:12px;
  line-height:20px;
}

.ord_wishlist {
  display:block;
  padding:6px 0 0px 0;
  font-size:10px;
  color:#666;
}

.ord_wishlist a {
  color:#666 !important;
  text-transform:none !important;
  font-size:10px !important;
  font-weight:700 !important;
}
.ord_wishlist a:hover {
  text-decoration:underline;
}
.ord_wishlist .fas,
.ord_wishlist .far {
  padding-right:4px;
  font-weight:bold;
}

.ord_subtotal {
  margin: 0px 0 0px 0;
  float:right;
  width:100%;
  text-align:right;
  line-height:20px;
  padding: 0px 0px 0px 0px;
}
@media only screen and (min-width: 759px) {
  .ord_subtotal { width: 70%;}
}


.ord_subtotal .shipping_container {
  margin: 4px 0px;
}
.ord_subtotal select {
  max-width:180px;
  margin-left:5px;
}
.ord_subtotal .SumoSelect {
  max-width:180px;
  margin-left:5px;
  text-align: left;
}
.ord_subtotal .SumoSelect .SelectBox {
  padding: 5px 8px;
}

.ord_subtotal .shipping_hinweis {
  font-size:12px;
  line-height:16px;
  margin: 0px 0px 4px 0px;
}

.ord_table_right {
  text-align:right;
}
.ord_width100 {
  width:100px;
}

ul.ord_total_list {
  margin: 0px !important;
  list-style-type:none !important;
}
ul.ord_total_list li {
  padding: 10px 10px;
  line-height:20px;
}
.otl_row1 {
  padding: 10px 10px 10px 0px !important;
  border-bottom:1px solid #ddd;
  background:#fff;
}
.otl_row2 {
  background:#fff;
  padding: 10px 10px 10px 0px !important;
}
.otl_row3 {
  background:#fff;
  padding: 10px 10px 10px 0px !important;
  color:#999;
}
@media screen and (min-width: 500px) {
  .otl_row1 { padding: 10px 10px 10px 10px !important;}
  .otl_row2 { padding: 10px 10px 10px 10px !important;}
  .otl_row3 { padding: 10px 10px 10px 10px !important;}
}

.otl_row4 {
  border-top:1px solid #ddd;
  background:#d4ebcb;
  padding:15px 10px !important;
}

.otl_row2 .otl_col1 {
  line-height:30px;
}

.otl_col1 {
  width:50%;
  float:left;
  text-align:left;
}
.otl_col2 {
  width:50%;
  float:left;
  text-align:right;
}
.otl_col3 {
  width:76%;
  float:left;
  text-align:left;
}
.otl_col4 {
  width:24%;
  float:left;
  text-align:right;
  white-space:nowrap;
}
@media screen and (min-width: 500px) {
  .otl_col3 { width: 80%;}
  .otl_col4 { width: 20%; }
}



.express_info_cart {
  display:block;
  text-align:right;
  line-height:12px;
  font-size:10px;
  padding:2px 2px 5px 0;
}
.express_info_cart a {
  color:#555;
}
.express_info_cart a:hover {
  color:#555;
  text-decoration:underline;
}

.total_table_right {
  padding: 10px 0 0 0;
  float:right;
}
table.total_table {
  font-size:14px;
  line-height:20px;
}
table.total_table tr td {
  padding:2px 5px;
  vertical-align:top;
}
.ord_width_total {
  width:105px;
}

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


/* 26. START Product details */
#product_details {
  position:relative;
  padding: 0 0 30px 0;
}

.pd_imagebox {
  float: none; 
  margin: 0 auto 20px auto; 
  width: 100%; 
  max-width:500px;   
}
@media only screen and (min-width: 690px) {
  .pd_imagebox { float:left; margin:0; width:40%; max-width:initial; }
}

.pd_content {
  float:right;
  width: 100%;
}
@media only screen and (min-width: 690px) {
  .pd_content { width: 55%; }
}
@media only screen and (min-width: 985px) {
  .pd_content { width:50%; }
}

.pd_infobox {
  padding: 0px 0 0 0;
}
.pd_more_boxes {
  margin: 0 0 30px 0;
}
.pd_summarybox {
  width:100%;
  margin-bottom:20px;
}    
.pd_big_image {
  position:relative;
  width:100%;
  min-height:100px;
  margin: 0px 0px 0px 0px;
  box-sizing: border-box;
  text-align:center;
}
.pd_big_image img {
  margin: 0px auto;
  width:100%;
  height:auto;
  vertical-align:bottom;
}  
.pd_fsk18 {
  background: transparent url(img/fsk18.png) no-repeat top center;
  height: 44px;
  position: absolute;
  width: 44px;
  top:4px;
  left:0px;
}
.zoomtext {
  line-height:14px;
  font-size:10px;
  padding:14px 0px;
}
.pd_small_image_row {
  margin: 0px -5px 0px -5px;
}
.pd_small_image {
  float:left;
  position:relative;
  width:25%;
  padding: 0px 5px;
  margin: 0px 0px 10px 0px;
  box-sizing: border-box;
}
.pd_small_image_inner {
  border:1px solid #eee;
  text-align: center;
  position:relative;
  width:100%;
  box-sizing: border-box;
}
.pd_small_image_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
  overflow:hidden;
}

.pd_small_image_inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 88%;
  max-height: 88%;
}

.pd_small_image_tab_row {
  margin: 20px -5px 0px -5px;
}
.pd_small_image_tab {
  float:left;
  position:relative;
  width:33.3333%;
  padding: 0px 5px;
  margin: 0px 0px 10px 0px;
  box-sizing: border-box;
}
@media screen and (min-width: 400px) {
  .pd_small_image_tab { width:20%; }
}
@media screen and (min-width: 500px) {
  .pd_small_image_tab { width:16.6666%; }
}
@media screen and (min-width: 600px) {
  .pd_small_image_tab { width:14.2857%; }
}

.pd_small_image_tab_inner {
  border:1px solid #eee;
  text-align: center;
  position:relative;
  width:100%;
  box-sizing: border-box;
}
.pd_small_image_tab_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
  overflow:hidden;
}
.pd_small_image_tab img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 88%;
  max-height: 88%;
}

.pd_titlebox {
  margin: 0 0 16px 0;
  padding: 0 0 16px 0;
  border-bottom: 1px solid #ddd;
}
.pd_manu_top {
  font-size:12px;
  line-height:16px;
  padding: 2px 0px;
}
.pd_manu_top strong {
  font-weight:600;
}

.pd_ratingrow {
  padding: 2px 0px;
  font-size:12px;
  line-height:16px;
  text-align:left;
}
.pd_ratingrow .pd_rating_icons {
  display:inline-block;
  font-size:12px;
  line-height:16px;
  color:#ccc;
  padding: 0px 3px 0 0;
}
.pd_ratingrow .pd_rating_icons .fas,
.pd_ratingrow .pd_rating_icons .far {
  padding: 0 1px 0 0;
  vertical-align:0px;
}
.pd_ratingrow .pd_rating_icons .full  {
  color:#e9c559;
}

.pd_inforow {
  padding: 2px 0px;
  font-size:12px;
  line-height:16px;
  text-align:left;
}
.pd_inforow.red { 
  color:#e13939;
}
.pd_inforow strong {
  font-weight:600;
}
.pd_manu_image {
  margin: 10px 0 0 0;
  display:inline-block;
}
.pd_manu_image img {
  max-height:40px;
  width:auto;
}

.pd_inforow_message {
  padding: 2px 0px 2px 0px;
  color:#e13939;
  font-size:12px;
  line-height:16px;
  text-align:left;
}

.pd_shipping_row {
  color:#696969;
  padding: 2px 0px 2px 0px;
  font-size:12px;
  line-height:16px;
  text-align:left;
  white-space:nowrap;
}
.pd_shipping_row a {
  color:#007dbb;
}
.pd_shipping_row strong {
  font-weight:600;
}
.pd_shipping_row a:hover {
  text-decoration:underline;
}
.pd_shipping_row .pd_shipping_image {
  display:inline-block;
  padding: 0 4px 0 2px;
}
.pd_shipping_row .pd_shipping_image img {
  vertical-align:-1px;
  height:10px;
}

.pd_titlerow {
  color:#696969;
  padding: 2px 0px 2px 0px;
  font-size:12px;
  line-height:16px;
  text-align:left;
}
.pd_titlerow.red {
  color:#e13939;
}

.pd_descriptionbox {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 20px 0px;
}

.pd_price {
  position:relative;
  text-align:left;
  padding: 0px 0 0 0;
}
.pd_price .no_price {
  font-size:10px;
  line-height:14px;
  font-weight:normal;
  display:block;
  padding:4px 0 4px 0;
  color:#999;
}
.pd_price .small_price {
  display:inline-block;
  font-size:10px;
  font-weight:normal;
  line-height:12px;
  padding-right:4px;
}
.pd_price .standard_price {
  display:inline-block;
  font-size: 18px;
  line-height:20px;
  color:#434343;
  font-weight:800;
}
.pd_price .new_price {
  display:inline-block;
  font-size:18px;
  line-height:20px;
  font-weight:800;
  color:#df3f7b;
}
.pd_price .new_price .small_price {
  display:none;
}
.pd_price .special_price {
  display:inline-block;
  font-size:18px;
  line-height:20px;
  font-weight:800;
  color:#df3f7b;
}
.pd_price .special_price .small_price {
  display:none;
}
.pd_price .old_price {
  display:inline-block;
  font-size:12px;
  line-height:20px;
  font-weight:400;
  color:#777;
  text-decoration:line-through;
  padding: 0 10px 0 0;
}
.pd_price .old_price .small_price {
  display:none;
}
.pd_price .save_price {
  padding: 0px 0 0 0;
  display:inline-block;
  font-size:12px;
  font-weight:400;
  line-height:20px;
  color:#df3f7b;
  padding: 0 0 0 10px;
}
.pd_price .item_price {
  display:block;
  font-weight: 400;
  text-align:left;
  padding: 3px 0 0 0;
  font-size:10px;
  line-height:12px;
  color:#999;
}
.pd_price .uvp_price {
  display:inline-block;
  font-size: 18px;
  line-height:20px;
  color:#434343;
  font-weight:800;
}
.pd_price .graduated_price {
  display:inline-block;
  font-size:18px;
  line-height:20px;
  font-weight:800;
  color:#df3f7b;
}
.pd_price .vpe {
  display:block;
  font-weight: 400;
  text-align:left;
  padding: 3px 0 0 0px;
  font-size:10px;
  line-height:12px;
  color:#999;
}

.pd_tax {
  text-align:left;
  padding: 3px 0 6px 0;
  font-size:10px;
  color:#999;
  line-height:12px;
}
.pd_tax a {
  color:#999;
  text-decoration:underline;
}
.pd_tax a:hover {
  color:#999;
  text-decoration:underline;
}
.pd_fsk_padding {
  padding-left:60px;
}
.xtb_booster_redirect_message {
  padding:10px;
  color:#ffffff;
  font-size:12px;
  line-height:16px;
  background-color:#329005;
  margin-bottom:20px;
}
ul.pd_iconlist {
  margin: 20px 0 0px 0px !important;
  list-style-type:none;
  border: solid #ddd;
  border-width: 1px 0px 0px 0px;
  overflow:hidden;
}
ul.pd_iconlist li {
  float:left;
  background:#fafafa;
  width:50%;
  font-size:12px;
  line-height:16px;
}
ul.pd_iconlist li a {
  vertical-align:top;
  display:block;
  color:#555;
  border-bottom:1px solid #ddd;
  padding: 10px 0px 10px 30px;
  white-space:nowrap;
  box-sizing: border-box;
  height:37px;
}
ul.pd_iconlist li a:hover {
  color:#007dbb;
  text-decoration:none;
}
ul.pd_iconlist li.wishlist {
  cursor:pointer;
  box-sizing: border-box;
}
ul.pd_iconlist li.wishlist .wishlist_submit_link {
  vertical-align:top;
  color:#555;
  background:none;
  border: none;
  font-size:12px;
  padding:10px 0px 10px 30px;
  cursor:pointer;
  width:100%;
  text-align:left;
  outline:none;
  box-sizing: border-box;
  border-bottom:1px solid #ddd;  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height:37px;
}
ul.pd_iconlist li.wishlist .wishlist_submit_link:hover {
  color:#007dbb;
  text-decoration:none;
}
ul.pd_iconlist li.print {
  position:relative;
}
ul.pd_iconlist li.print:before {
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  content: '\f02f';
  font-size: 16px;
  position:absolute;
  top:9px;
  left:7px;
  color:#858585;
}
ul.pd_iconlist li.vote {
  position:relative;
}
ul.pd_iconlist li.vote:before {
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  content: '\f164';
  font-size: 16px;
  position:absolute;
  top:9px;
  left:7px;
  color:#858585;
}
ul.pd_iconlist li.express {
  position:relative;
}
ul.pd_iconlist li.express:before {
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  content: '\f218';
  font-size: 16px;
  position:absolute;
  top:9px;
  left:5px;
  color:#858585;
}
ul.pd_iconlist li.wishlist {
  position:relative;
}
ul.pd_iconlist li.wishlist:before {
  font-family: 'Font Awesome 5 Free';
  font-weight:400;
  content: '\f004';
  font-size: 16px;
  position:absolute;
  top:10px;
  left:6px;
  color:#858585;
}

.dateadded {
  font-size:10px;
}
.dateadded_border {
  margin-top:15px;
  font-size:10px;
  border-top: 1px solid #ddd;
}
.pd_description {
  margin: 0 0 30px 0;
}
.pd_description ul{
  margin: 8px 0px 8px 15px;
}
.pd_description ol{
  margin: 8px 0px 8px 15px;
}
.pd_description img{
  width: auto;
  max-width: 100%;
  height: auto;
}
.pd_description iframe{
  max-width: 100%;
}

.pd_tabs { 
  background:#ddd; 
}
@media only screen and (min-width: 690px) {
  .pd_tabs { background:initial; }
}

.pd_tabs .resp-tabs-list {
  position:relative;
  bottom:-2px;
}
.pd_tabs .resp-tabs-list li {
  padding: 10px 10px !important; 
  border-bottom: 1px solid #ccc; 
  border-left: 1px solid #ccc; 
  border-right: 1px solid #ccc; 
  width: 100%; 
  box-sizing:border-box;
  font-size: 12px;
  text-transform: uppercase;
  color:#999;
  margin: 0 30px 0 0;
}
@media only screen and (min-width: 690px) {
  .pd_tabs .resp-tabs-list li { box-sizing:none; padding: 10px 0px !important; border-bottom: 3px solid transparent; border-left: initial; border-right: initial; width: auto; }
}

.pd_tabs .resp-tab-active {
  border: none;
  color:#007dbb !important;
  background-color: #fff;
  padding: 10px 0px !important;
  border-bottom: 3px solid #007dbb !important;
}
.pd_tabs .resp-tab-content {
  border: solid #ddd !important;
  border-width: 1px 0 0 0 !important;
  padding: 10px 0 !important;
}

.pd_accordion h2.resp-accordion {
  font-size: 12px;
  text-transform: uppercase;
  color:#999;
  background:#fff;
  padding: 12px 10px 8px 10px;
}

.pd_accordion h2.resp-tab-active {
  border-bottom: 0px solid #007dbb !important;
  margin-bottom: 0px !important;
  padding: 12px 10px 8px 10px !important;
  color:#007dbb !important;
  background-color: #fafafa !important;
}
.pd_accordion .resp-tab-content {
  padding: 10px 10px 20px 10px;
}

/* END Product details */


/* 27. START graduated prices */
.graduated_prices {
  margin: 15px 0px 0px 0px;
}
.gp_headline {
  font-size:12px;
  font-weight:bold;
  padding: 0 0 0px 0;
}
.gp_box {
  float:left;
  width:25%;
  margin: 0px 0px 15px 0px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}

.gp_title {
  display:block;
  background:#fafafa;
  font-size:10px;
  font-weight:bold;
  text-align:left;    
  padding:4px 0px;
  white-space:nowrap;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.gp_price {
  display:block;
  background:#fff;
  font-size:10px;
  font-weight:normal;
  text-align:left;    
  padding:4px 0px;
}
.gp_vpe {
  display: block;
  background:#fff;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  padding: 4px 0px;
  border-top: 1px solid #ddd;
}

/* END graduated prices */


/* 28. START addtobasket */ 
.addtobasket {
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 5px 0px;
}
.addtobasket_row1 {
  display:block;
}
.addtobasket_text {
  float:left;
  display:none;
  padding:0 30px 0 0;
  font-size:12px;
  font-weight:700;
  line-height:40px;
}
@media screen and (min-width: 400px) {
  .addtobasket_text { display: inline-block; }
}
.addtobasket_input {
  float:left;
  display:inline-block;
  width: 60px;
}
.addtobasket_cartbutton {
  float:right;
  width: 70%;
  display:block;
}
@media screen and (min-width: 400px) {
  .addtobasket_cartbutton { width: 60%; }
}
@media screen and (min-width: 759px) {
  .addtobasket_cartbutton { width: 65%; }
}
@media screen and (min-width: 985px) {
  .addtobasket_cartbutton { width:70%; }
}

.addtobasket_row2 {
  padding: 5px 0 0 0;
  display:block;
}
.addtobasket_row2_buttons {
  float:right;
  display:inline-block;
  max-width:200px;
  padding: 0 0 0 10px;
}
.addtobasket_row2_buttons .fa-heart {
  padding: 0px 10px !important;
}

.express_info {
  display:inline-block;
  text-align:right;
  line-height:40px;
  font-size:10px;
  padding:0px 0px 0 0;
  white-space:nowrap;
}
.express_info a {
  color:#555;
}
.express_info a:hover {
  color:#555;
  text-decoration:underline;
}
/* END addtobasket */

/* 29. START product_details reviews */
.reviewrow { 
  border-bottom: 1px solid #eee;
  padding:18px 0px 18px 0px;
  font-size:14px;
  line-height:20px;
}
.reviewrow strong {
  font-weight:600;
}
.reviewrow_title {
  line-height:20px;
}
.reviewrow_title p {
  margin-bottom: 0px;
}
.reviewrow_title .rating_icons {
  display:inline-block;
  font-size:13px;
  line-height:15px;
  color:#ccc;
  padding: 0px 3px 0 5px;
}
.reviewrow_title .rating_icons .fas,
.reviewrow_title .rating_icons .far {
  padding: 0 1px 0 0;
  vertical-align:0px;
}
.reviewrow_title .rating_icons .full  {
  color:#e9c559;
}

.reviewrow_image {
  float:left;
  width:18%;
  padding:0 40px 0 0;
  box-sizing: border-box;
}
.reviewrow_image_inner {
  text-align: center;
  width: 100%;
  position:relative;
  border: 1px solid #eee;
}
.reviewrow_image_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
}
.reviewrow_image_inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 88%;
  max-height: 88%;
}
.reviewrow_content {
  float:right;
  width:82%;
}
.reviewrow_content .rating_icons {
  display:inline-block;
  font-size:15px;
  line-height:15px;
  color:#ccc;
  padding: 0px 3px 0 5px;
}
.reviewrow_content .rating_icons .fas,
.reviewrow_content .rating_icons .far {
  padding: 0 1px 0 0;
  vertical-align:-1px;
}
.reviewrow_content .rating_icons .full  {
  color:#e9c559;
}
/* END product_details reviews */


/* 30. START product_options */
.productoptions {
  margin: 15px 0px 0px 0px;
}
/* multi & dropdown */
.options_row_multi {
  margin: 0 0 10px 0;  
}
.options_row_multi .options_name {
  font-size:12px;
  font-weight:bold;
  line-height:14px;
  padding: 0 0 4px 0;
}
.options_row_multi .options_select {
}
/* selection & table */
.options_row_selection {
  margin: 0 0 15px 0;  
}
.options_row_selection .options_name {
  font-size:12px;
  font-weight:bold;
  line-height:14px;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #ddd;
}
.options_row_selection .options_selection  {
  padding:8px 0px;
  font-size:12px;
  line-height:20px;  
  border-bottom: 1px solid #ddd;
}
.option_bg1 {
  background:#fafafa;
  padding:3px 5px !important;
}
.option_bg2 {
  background:#ffffff;
  padding:3px 5px !important;
}
.options_row_selection .options_selection label {
  cursor: pointer;
  display:block;
  width:100%;
}
.options_row_selection .options_selection label input[type=radio] {
  vertical-align: -2px;
}
.options_row_selection .options_selection label .options_selection_price {
  float:right;
  padding-right:2px;
}
.options_row_selection .options_selection label .label_row1 {
  display:block;
}
.options_row_selection .options_selection label .label_row1 .options_selection_input {
  float:left;
  display:block;
  width:25px;
  text-align:left;
}
.options_row_selection .options_selection label .label_row1 .options_selection_text {
  float:left;
  display:inline-block;
}
.options_row_selection .options_selection label .label_row2 {
  display:inline-block;
  font-style:italic;
}
/* END product_options */


/* 31. START product_details media */
.mediarow { 
  border-bottom: 1px solid #eee;
  padding:10px 10px 10px 10px;
}
.media_bg1 {
  background:#fafafa;
}
.media_bg2 {
  background:#ffffff;
}
.mediarow_headline {
  line-height:40px;
}
.mediarow_title {
  font-weight:bold;
  display:inline-block;
}
.mediarow_button {
  float:right;
  text-align:right;
  display:inline-block;
  height:40px;
  min-width:120px;
}
.mediarow_filesize {
  float:right;
  text-align:right;
  display:inline-block;
  padding: 0px 30px 0px 0px;
  line-height:40px;
  font-style:italic;
}
.mediarow_desc {
  margin: 0px 0 0 0;
  font-size:13px;
  line-height:17px;
  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;
  padding: 0 10px 0 0;
  box-sizing: border-box;
}
body.popupcontent h1 {
  margin-top:0px !important;
}
body.popupcontent img {
  max-width:100%;
  width:auto;
  height:auto;
}
body.popupcontent ul {
  margin: 0 0 0 18px;
}
/* 32. END popup content */


/* 33. START print content (popup print_product_info, popup print_order.html) */
body.popupprint {
  min-width:100%;
  background:#fff none;
}
.printwrap {
  width:700px;
  margin: 0px auto;
}
.printlogo {
  padding:10px 0px;
  text-align:center;
  border-bottom: 1px solid #ccc;
  margin-bottom:10px;
}

/* print order */
.printColumsLeft {
  float:left;
  width:48%;
}
.printColumsRight {
  float:right;
  width:48%;
}
/* print info */
.printColumsInfoLeft {
  float:left;
  width:500px;
  padding: 0px;
}
.printColumsInfoLeft ul{
  margin: 8px 0px 8px 15px;
}
.printColumsInfoLeft ol{
  margin: 8px 0px 8px 15px;
}
.printColumsInfoRight {
  float:right;
  width:164px;
  text-align:center;
}
.printColumsInfoRight img {
  max-width:160px;
  height:auto;
  margin: 10px auto 0px auto;
  border: 1px solid #ddd;
  padding:1px;
}
ul.printinfolist {
  margin-left:15px;
}
ul.printinfolist li.active {
  font-weight:bold;
}
.moimages {
  float:left;
  width:126px;
  height:126px;
  border: 1px solid #ddd;
  padding:2px;
  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:126px;
}
/* admin print-order */
.printwrap_admin {
  padding-top:40px;
  width:700px;
  margin: 0px auto;
}
p.underline {
  margin:105px 0px 3px 15px;
  font-size:10px;
  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:12px;
  line-height:18px;
}
.print_big {
  font-size:26px;
  font-weight:bold;
  text-transform:uppercase;
  padding:30px 0 0 0;
}

.printwrap_admin table.order_table {
  margin-top:10px;
  font-size:13px;
  line-height:19px;
  width:100%;
}
.printwrap_admin .ord_table_left {
  text-align:left;
}
.printwrap_admin .ord_table_right {
  text-align:right;
}
.printwrap_admin .ord_width40 {
  width:40px;
}
.printwrap_admin .ord_width110 {
  width:110px;
}
.printwrap_admin .ord_width120 {
  width:120px;
}
.printwrap_admin table.order_table tr.headerrow {
  font-size:12px;
  line-height:18px;
  font-weight:bold;
  background:transparent;
}
.printwrap_admin table.order_table tr.headerrow td {
  padding:5px 5px;
  vertical-align:top;
}
.printwrap_admin table.order_table tr.mainrow td {
  border-top: 1px solid #ddd;
  padding:10px 5px;
  vertical-align:top;
}
.printwrap_admin table.order_table ul.attributes_list {
  list-style-type:none;
  margin: 7px 0px 0px 0px !important;
}
.printwrap_admin table.order_table ul.attributes_list li {
  font-size:12px;
  line-height:20px;
}
.printwrap_admin .total_table_right {
  float:right;
}
.printwrap_admin table.total_table {
  font-size:13px;
  line-height:19px;
}
.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: 15px 0px;
  border-bottom: 1px solid #ddd;
}
.reviewrow_full strong {
  font-weight:600;
}
.reviewrow_full_image {
  float:left;
  width:25%;
  padding:0 40px 0 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 690px) {
  .reviewrow_full_image { width: 20%; }
}

.reviewrow_full_image_inner {
  text-align: center;
  width: 100%;
  max-width:100px;
  position:relative;
  border: 1px solid #eee;
}
.reviewrow_full_image_inner:before {
  content: "";
  display:block;
  padding-top: 100%;
}
.reviewrow_full_image_inner img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:auto;
  height:auto;
  max-width: 88%;
  max-height: 88%;
}
.reviewrow_full_info {
  float:left;
  width: 70%; 
  padding: 0 0px 0 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 690px) {
  .reviewrow_full_info { width:25%; padding:0 40px 0 0; }
}

.reviewrow_full_info .rating_icons {
  display:inline-block;
  font-size:13px;
  line-height:15px;
  color:#ccc;
  padding: 0px 3px 0 5px;
}
.reviewrow_full_info .rating_icons .fas,
.reviewrow_full_info .rating_icons .far {
  padding: 0 1px 0 0;
  vertical-align:0px;
}
.reviewrow_full_info .rating_icons .full  {
  color:#e9c559;
}
.reviewrow_full_content {
  float:right;
  width:75%;
}
@media only screen and (min-width: 690px) {
  .reviewrow_full_content { width: 55%;}
}
/* END reviews */
  

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


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

 
/* 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:21px;
  font-size:13px;
  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: 16px;
  padding: 2px 20px;
  border-radius: 2px;
  color: #fff;
  border: solid 1px #101010;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#242424));
  background: -moz-linear-gradient(top,  #494949,  #242424);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#242424');
}
#layout_adminlogin .login:hover {
  text-decoration: none;
  background: #3a3a3a;
  background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#494949));
  background: -moz-linear-gradient(top,  #242424,  #494949);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#494949');
}
/* END offline & admin-login */



/* 39. START toggle shopping cart box */
.toggle_cart {
  position:absolute;
  display:none;  
  right:0px;
  width: 100%; 
  top:117px;  
  padding:5px 10px;
  background:#fff;
  border-bottom: solid 1px #e6ebee;
  color:#555;
  z-index:100;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 3px 8px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 8px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 8px -2px rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 600px) {
  .toggle_cart { width:380px; top:50px; }
}

.tc_flyout {
  padding: 10px 0px;
  font-size:14px;
  line-height:18px;
  color:#333;
  text-transform:uppercase;
  font-weight:700;
}
.tc_flyout_items {
  display:inline-block;
  float:left;
}
.tc_flyout_link {
  display:inline-block;
  float:right;
}
.tc_flyout_link a {
  color:#333 !important;
  text-decoration:none;
  font-weight:700 !important;
}
.tc_flyout_link a:hover {
  color:#007dbb !important;
  text-decoration:none;
}
.tc_flyout_link .fas,
.tc_flyout_link .far {
  padding-left:4px;
  font-weight:bold;
}

.giftmessage {
  border-bottom: 1px solid #d4ebcb;
  padding: 5px 0;
  line-height: 16px;
  font-size:12px;
  color:#3C763D;
}
ul.tc_list {
  list-style-type:none;
  margin: 0px 0px 0px 0px;
 }
ul.tc_list li {
  position:relative;
  float:none;
  padding:0px;
  border:none !important;
  margin: 0px !important;
}
ul.tc_list li a {
  display:block;
  text-transform:none !important;
  font-weight:400;
  letter-spacing:0px;
  float:none !important;
  border-top: 1px solid #e6ebee;
  font-size:13px !important;
  line-height:15px !important;
  padding: 10px 20px 10px 0px;
  color:#666;
}
ul.tc_list li .tc_delete {
  position:absolute;
  width:16px;
  height:16px;
  right: 0px;
  top: 5px;
}
ul.tc_list li .tc_delete a {
  border:none !important;
  padding:0px !important;
  line-height:16px !important;
}
ul.tc_list li .tc_delete a:hover {
  background:transparent !important;
}
ul.tc_list li a:hover {
  color:#333;
  text-decoration:none;
}

.toogle_cart_links {
  border-top: 1px solid #e6ebee !important;
  padding: 20px 0 15px 0;
}
.toogle_cart_links .fas,
.toogle_cart_links .far {
  padding-left:5px;
  font-weight:bold;
}
.toogle_cart_links a {
  text-decoration: none;
  background-color: #007dbb;
  color: #ffffff;
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 5px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 800;
  text-transform: uppercase;
  box-sizing: border-box;
}
.toogle_cart_links a:hover {
	background-color:#0071a9;
  color:#eee;
  text-decoration:none !important;
}

.toggle_wishlist {
  position:absolute;
  display:none;
  text-align:left;
  right:0px;
  top: 46px; 
  width: 100%;
  padding:5px 10px;
  background:#fff;
  border-bottom: solid 1px #e6ebee;
  color:#555;
  z-index:1201;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 3px 8px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 8px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 8px -2px rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 600px) {
  .toggle_wishlist { top:31px; width:290px; }
}
@media only screen and (min-width: 690px) {
  .toggle_wishlist { width: 380px; }
}

/* END toggle shopping cart box */


/* 40. START carousel Bestseller box */

/* END carousel Bestseller box */


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


/* 42. START sitemap  */
.sitemaplist {
  margin: 0 0 20px 0;
}
.sitemaplist ul {
  list-style-type:none;
  margin:0px;
}
.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 screen and (min-width: 500px) {
  .sitemaplist > ul.sitemapcat { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}
@media screen and (min-width: 759px) {
  .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 #ddd;
  border-bottom: 1px solid #ddd;
  font-weight:bold;
}
.sitemaplist > ul.sitemapcat > li.level1 > a {
  background:#f9f9f9;
  display:block;
  padding: 10px 5px;
}
.sitemaplist > ul.sitemapcat > li.level1 > a:hover {
  color:#333 !important;
  text-decoration:none !important;
  background: #f1f1f1 !important;
}
.sitemaplist > ul.sitemapcat > li > ul li {  
  border-top: 1px solid #ddd;
  font-weight:normal;
}
.sitemaplist > ul.sitemapcat > li > ul li a {
  background:#fff !important;
  color:#333;
  display:block;
  font-size:12px;
  line-height:18px;
  padding: 8px 0px;
}
.sitemaplist > ul.sitemapcat > li > ul li a:hover {
  text-decoration:none !important;
  background: #fafafa !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: 100%;
}
@media screen and (min-width: 500px) {
  .pri_imagebox { width: 180px; }
}
@media screen and (min-width: 759px) {
  .pri_imagebox { width:262px; }
}

.pri_big_image {
  position:relative;
  width:240px; min-height:240px;
  margin: 0px auto;
  border:1px solid #eee;
}
@media screen and (min-width: 500px) {
  .pri_big_image { margin: 0px 0px 0px 0px; width:180px; min-height:180px; }
}
@media screen and (min-width: 759px) {
  .pri_big_image { width:240px; min-height:240px; }
}

.pri_big_image img {
  position:absolute;
  margin: auto;
  left:0px;
  right:0px;
  bottom:0px;
  top:0px;
  max-width:180px;
  height:auto;
}  
@media only screen and (min-width: 759px) {
  .pri_big_image img { max-width:240px; }
}

.pri_zoomtext {
  line-height:13px;
  font-size:9px;
  padding:10px 0px;
}
.pri_content {
  float:right;
  width:100%;
}
@media screen and (min-width: 500px) {
  .pri_content { 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:13px;
  line-height:17px;
  color:#ccc;
  padding: 0px 0px 0 0;
}
.pri_rating_icons .fas,
.pri_rating_icons .far {
  padding: 0 1px 0 0;
  vertical-align:0px;
}
.pri_rating_icons .full  {
  color:#e9c559;
}
/* 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 #e0e0e0;
  padding: 12px 0px;
}
ul.historylist li.first {
  padding: 0px 0px 15px 0px;
}
.hl_image {
  float:left;
  width: 40px;
  height:40px;
  overflow:hidden;
  padding: 2px;
  border: 1px solid #e0e0e0;
  position:relative;
  display:none;
  margin: 0px 20px 0px 0px;
}
@media screen and (min-width: 400px) {
  .hl_image { display:block; }
}
.hl_image img {
  max-width: 30px;
  max-height:30px;
  position:absolute;
  margin: auto;
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
}
.hl_text {
  float:left;
  display:block;
  width:70%;
  font-size:13px;
  line-height:17px;
}
@media screen and (min-width: 400px) {
  .hl_text { width: 50%; }
}

.hl_text_entry {
  display:block;
  padding: 0px 0px 4px 0px;
}
.hl_text_entry2 {
  display:block;
  padding: 0px 0px 0px 0px;
}
.hl_price {
  display:block;
  float:right;
  width:29%;
  text-align:right;
  font-weight:bold;
  font-size:13px;
  line-height:17px;
}
.hl_price .no_price {
  font-size:9px;
  line-height:11px;
  font-weight:normal;
  display:block;
  padding:0px 0 0 0;
  color:#666;
}
.hl_price .special_price {
  display:block;
  padding: 0 0 0 0px;
  color:#df3f7b;
}
.hl_price .new_price {
  display:block;
  padding: 0 0 0 0px;
  color:#df3f7b;
}

.hl_price .small_price {
  font-size:10px;
  font-weight:400;
}
.hl_price .save_price {
  display:none;
}
.hl_price .old_price {
  display:block;
  padding: 0 0;
  font-size:11px;
  line-height:15px;
  font-weight:400;
  color:#777;
  text-decoration:line-through;
}
.hl_price .item_price {
  display:block;
  font-weight: 400;
  font-size:10px;
  line-height:12px;
  color:#999;
  text-align:right;
  padding: 1px 0 0 0;
  color:#666;
}
/* 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;
}
.account_row_payment span input,
.account_row_shipping span input {
  vertical-align:-1px;
}

ul.address_block {
  margin: 15px 0px 0px 0px !important;
  list-style-type:none !important;
}
ul.address_block li {
  border-top: 1px dashed #ccc;
  margin-top:10px;
  padding-top: 10px;
}
ul.address_block li .address_check {
  float:left;
  display:inline-block;
  width:23px;
}
ul.address_block li .address_check input {
  vertical-align:-1px;
}

ul.address_block li .address_head {
  display:inline-block;
  font-weight:bold;
}
ul.address_block li .address {
  display:block;
  padding:5px 0px 0px 23px;
}

.account_edit_buttons {
  display:block;
  float:right;
  width:110px;
  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;
}

/* END account cart and click buttons */


/* 46. START miscellaneous */

/* START Subcontent navigation in content */
.subcontent {
  float: none; margin: 0px 0 20px 0px; max-width: 100%;  
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px;
  width:100%;
  box-sizing: border-box;
}
@media only screen and (min-width: 690px) {
  .subcontent { float:right; margin: 4px 0px 40px 40px; max-width:260px; }
}

.subcontent h4 a:hover {
  text-decoration:none;
}
.subcontent ul {
  margin: 0px 0px 0px 15px;
  list-style-type:square;
}
.subcontent ul li {

}
.subcontent ul li a {
  display:block; 
  padding: 4px 0px;
  border-bottom: 1px solid #ddd;
}
.subcontent ul li a:hover {
  text-decoration:none;
}
/* END Subcontent navigation in content */


/* START tags */
.tags_block {
  margin: 20px 0 15px 0;
  border-top: 1px solid #eee;
}
.tags_row {
  font-size:12px;
  line-height:20px;
  border-bottom: 1px solid #eee;
  padding: 4px 0px;
}
.tags_bg1 {
  background:#fafafa;
}
.tags_bg2 {
  background:#ffffff;
}
.tags_row .tags_options {
  float:left;
  width:25%;
  display:block;
  font-weight:bold;
  padding: 5px 10px 5px 0;
  box-sizing: border-box;
}
.tags_row .tags_options img {
  vertical-align: -3px;
  padding-left:4px;
}
.tags_options_tooltip {
  position:relative;
  z-index: 1;
  display:inline-block;
}
.tags_options_tooltip img {
  vertical-align:-3px;
}
.tags_options_tooltip .tags_options_tooltip_hover {
  position:absolute;
  bottom:20px;
  left:-95px;
  width:200px;
  background:#eee;
  border: 1px solid #ddd;
  display:none;
  font-size:12px;
  line-height:16px;
  font-weight:normal;
  padding:10px;
}
.tags_options_tooltip:hover .tags_options_tooltip_hover {
  display:block;
}
.tags_row .tags_values {
  float:left;
  width:75%;
  display:block;
  box-sizing: border-box;
  font-size:0px;
}
.tags_values_icon_row {
  font-size:12px;
  line-height:20px;
  float:left;
  padding:5px 0px 0px 0px;
}
.tags_values_icon {
  float:left;
  display:inline-block;
  height:20px;
  width:auto;
  margin:0 10px 5px 0;
}
.tags_values_icon img {
  float:left;
  height:20px;
}
.tags_values_icon a {
  display:block;
}
.tags_values_icon a:hover {
  text-decoration:none;
}
.tags_icons_tooltip {
  position:relative;
  display:block;
}
.tags_icons_tooltip img {
  vertical-align:-3px;
}
.tags_icons_tooltip .tags_icons_tooltip_hover {
  position:absolute;
  bottom:24px;
  left:-95px;
  width:200px;
  background:#eee;
  border: 1px solid #ddd;
  display:none;
  font-size:12px;
  line-height:16px;
  font-weight:normal;
  padding:10px;
}
.tags_icons_tooltip:hover .tags_icons_tooltip_hover {
  display:block;
}
.tags_values_text_row {
  font-size:12px;
  line-height:20px;
  float:left;
  padding:5px 0px 5px 0px;
}
.tags_values_name {
  position:relative;
  cursor:default;
  float:left;
  clear:left;
}
.tags_values_name_tooltip {
    border-bottom: 1px dashed #999;
}
.tags_values_desc_hover {
  position:absolute;
  bottom:20px;
  left:-95px;
  width:200px;
  background:#eee;
  border: 1px solid #ddd;
  display:none;
  font-size:12px;
  line-height:16px;
  font-weight:normal;
  padding:10px;
}
.tags_values_name:hover .tags_values_desc_hover {
  display:block;
}
.tags_values_info {
  position:relative;
}
.tags_values_info img {
  vertical-align:-3px;
  padding-left:4px;
}
.tags_values_diff {
  font-size:12px;
  line-height:20px;
  padding-left:1px;
  padding-right:4px;
}
/* END tags */


/* START Klarna */ 

/* product_info */
.pd_summarybox .klarna_PPBox,
.pd_infobox  .klarna_PPBox {
  margin-top:15px !important;
  height:50px !important;
  width: 100% !important;
  font-size:13px !important;
}
.pd_summarybox .klarna_PPBox .klarna_PPBox_topMid span,
.pd_infobox .klarna_PPBox .klarna_PPBox_topMid span {
  margin-top:9px !important;
}

/* shopping cart */
.karna_container {
  margin: 5px 0px;
  float:right;
  width:300px;
} 
.karna_container .klarna_PPBox {
  margin-top:5px !important;
  margin-bottom:0px !important;
  height:50px !important;
  width: 99% !important;
  font-size:13px !important;
}
.karna_container .klarna_PPBox .klarna_PPBox_bottomMid {
  height:170px !important;
}
.karna_container .klarna_PPBox .klarna_PPBox_topMid span {
  margin-top:9px !important;
}
.karna_container .klarna_PPBox .klarna_PPBox_pull {
  margin-top: -2px !important;
}

/* checkout */
.klarna_box {
  min-width: 100% !important;
  max-width: 100% !important;
  border: none !important; 
  padding: 0px !important;
}
.klarna_box_bottom input {
  height:auto !important;
}
.klarna_box_bottom select {
  height: auto !important;
  padding:3px !important;
}
.klarna_einwilligung {
  max-width: 100% !important;
}
.klarna_language .klarna_display_in {
  display:none !important;
}
.klarna_language .klarna_flag_list {
  border-top:none !important;
}
.klarna_box_bottom {
  display:block !important;
}

.klarna_box_bottom ol.paymentPlan {
  margin: 3px 0 10px 0;
  padding: 5px;
}
/* END Klarna */ 


/* START Bannermanager */
.content_banner {
  margin: 0px 0 20px 0;
}
.content_banner img {
  float:left;
  width:100%;
  height:auto;
}
.content_teaser {
  margin: 0 0 20px 0;
}
ul.teaserlist {
  list-style-type:none;
  margin: 0px -10px;
}
ul.teaserlist li {
  float:left;
  width:100%;
  box-sizing: border-box;
  padding: 0px 10px;
  margin: 0 0 20px 0;
}
@media only screen and (min-width: 690px) {
  ul.teaserlist li { width: 50%;}
}
.teaserlist_container {
  display:block;
}
.teaserlist_container img {
  float:left;
  width:100%;
  height:auto;
}
/* END Bannermanager */

ul.tc_list li {
  position:relative;
  float:none;
  padding:0px;
  border:none !important;
  margin: 0px !important;
}
ul.tc_list li a {
  display:block;
  text-transform:none !important;
  font-weight:400;
  letter-spacing:0px;
  float:none !important;
  border-top: 1px solid #e6ebee;
  font-size:13px !important;
  line-height:15px !important;
  padding: 10px 20px 10px 0px;
  color:#666;
}

/* START autocomplete */
.suggestionsBox {
  position:absolute;
  right:0px;
  top:117px;
  display:none;
  width:100%;
  min-width:100%;
  padding:10px 10px 10px 10px;
  background:#fff;
  border-bottom: solid 1px #e6ebee;
  border-top: solid 1px #e6ebee;
  color:#555;
  z-index:1100;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 3px 8px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 8px -2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 8px -2px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 600px) {
  .suggestionsBox { top:50px; min-width:400px; }
}

.suggestionList {
  margin:0px;
  padding:0px;
  max-height:640px;
  overflow:auto;
  text-align:left;
  box-sizing: border-box;
}
.suggestionList li {
  border-bottom: 1px solid #e6ebee;
  background-color:#fff;
  list-style:none;
  padding:8px 0px;
}
.suggestionList li a.autocomplete {
  display:block;
  text-decoration: none;
  box-sizing: border-box;
  width:100%;
}
.suggestionList li a.autocomplete .autocomplete_image {
  float:left;
  display:block;
  width:36px;
  height:36px;
  overflow:hidden;
  box-sizing: border-box;
  border: 1px solid #e6ebee;
  margin-right:10px;
}
.suggestionList li a.autocomplete .autocomplete_image img {
  float:left;
  width:100%;
  height:auto;
}
.autocompletecloser {
  cursor:pointer;
}
.autocomplete_error {
  padding:10px 0px 11px;
  display:inline-block;
  text-align:center;
  width:100%;
}
.ac_text {
  float:left;
  display:block;
  width:50%;
  font-size:13px;
  line-height:15px;
  padding: 2px 0px;
  color:#666;
}
.ac_price {
  display:block;
  font-size:13px;
  line-height:15px;
  color:#666;
  float:right;
  width:30%;
  text-align:right;
  font-weight:700;
  padding: 2px 0px;
}
.ac_price .small_price {
  font-size:10px;
  font-weight:400;
}
.ac_price .special_price {
  display:inline-block;
  padding: 0 0 0 5px;
  color:#df3f7b;
}
.ac_price .new_price {
  display:inline-block;
  padding: 0 0 0 5px;
  color:#df3f7b;
}
.ac_price .old_price {
  display:inline-block;
  padding: 0 0;
  font-size:11px;
  line-height:15px;
  font-weight:400;
  color:#777;
  text-decoration:line-through;
}
.ac_price .save_price {
  display:none;
}
.ac_price .item_price {
    display: block;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    height: 12px;
    color: #999;
    text-align: right;
    padding: 1px 0 0 0;
    color: #666;
}

.ac_vpe {
  display:block;
  font-weight: 400;
  font-size:10px;
  line-height:12px;
  height:12px;
  color:#999;
  text-align:right;
  padding: 1px 0 0 0;
  color:#666;
}
.autocomplete_button {
  text-align:center;
  margin: 10px 0 0 0;
}

/* END autocomplete */

/* END miscellaneous */



/* 47. START CSS Buttons */

/* Globals for CSS Buttons */
.cssButton {
  position:relative;
  font-family: 'Open Sans', sans-serif;
  display:block;
  width:100%;
  text-align:center;
  padding: 10px 5px 10px 5px;
  font-size:12px;
  line-height:20px;
  font-weight:800;
  text-transform:uppercase;
  box-sizing: border-box;
  white-space:nowrap;
  text-decoration:none;
}

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

/* Colors for CSS Buttons */

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

/* Blue Buttons */
.cssButtonColor2 {
	border:1px solid #007dbb;
	text-decoration:none;
	background-color:#007dbb;
	color:#ffffff;
	display:inline-block;
}
.cssButtonColor2:hover {
	background-color:#0071a9;
	border:1px solid #0071a9;
  color:#eee;
  text-decoration:none !important;
}

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

/* Green Buttons */
.cssButtonColor4 {
	border:1px solid #61ac5c;
	text-decoration:none;
	background-color:#61ac5c;
	color:#ffffff;
	display:inline-block;
}
.cssButtonColor4:hover {
	background-color:#78b074;
	border:1px solid #78b074;
  color:#eee;
  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 {
	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:41px;
  padding: 13px 5px 7px 5px;
}
.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:10px;
  line-height:16px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#013088;
  padding: 0 5px 0 0;
  vertical-align:middle;
}
.cssButtonColor6 .color-paypal1 {
  font-size:18px;
  line-height:16px;
  font-family: 'Poppins', sans-serif;
  font-style:italic;
  font-weight:700;
  color:#013088;
}
.cssButtonColor6 .color-paypal2 {
  font-size:18px;
  line-height:16px;
  font-family: 'Poppins', sans-serif;
  font-style:italic;
  font-weight:700;
  color:#019CDE;
}

.cssButtonColor7 {
	border:1px solid #dddddd;
	text-decoration:none;
	background-color:#dddddd;
	color:#666;
	display:inline-block;
}
.cssButtonColor7:hover {
	background-color:#e4e4e4;
	border:1px solid #e4e4e4;
  color:#333;
  text-decoration:none !important;
}

/* Positions for CSS Buttons */

/* Box add_a_quickie & newsletter */
.cssButtonPos1 {
  position:absolute;
  right:0px;
  top:0px;
  width:50px;
}
.cssButtonPos1 .fas,
.cssButtonPos1 .far {
  font-size:18px;
  vertical-align:bottom;
}

/* Box search */
.cssButtonPos2 {
  width:50px;
}
.cssButtonPos2 .cssButton {
  font-size:18px !important;
  height:50px !important;
  padding: 15px 5px !important;
}

/* Box login */
.cssButtonPos3 {
  float:right;
  width:110px;
}

/* Single Button 130 */
.cssButtonPos4 {
  min-width: 130px;
}

/* Edit Buttons adress_book */
.cssButtonPos5 {
  display:inline-block;
  margin: 0 0 5px 0;
  width:120px;
}

/* Small Cart Buttons account, account_history, account_history_info */
.cssButtonPos6 {
  float:left;
  width:50px;
  display:block;
  margin: 0 0 5px 5px;
}
.cssButtonPos6 .fas,
.cssButtonPos6 .far {
  font-size:18px;
  vertical-align:bottom;
}

/* More than one Button in one line account_history_info & shopping_cart */
.cssButtonPos7 {
  float:left;
  margin: 0px 5px 5px 0px;
  min-width: 130px;
}
.cssButtonPos8 {
  float:right;
  margin: 0px 0px 5px 5px;
  min-width: 165px;
}
.cssButtonPos9 {
  float:left;
  margin: 0px 5px 5px 0px;
  min-width: 150px;
}

/* Delete Button in flyout wishlist & flyout shopping cart */
ul.tc_list li .tc_delete {
  height: 26px;
  right: 0px;
  top: 5px;
  width: 26px;
}
ul.tc_list li .tc_delete .cssButton {
  width:100%;
  text-align:center;
  padding: 4px 0px;
  line-height:19px;
}
ul.tc_list li .tc_delete .cssButton .fas,
ul.tc_list li .tc_delete .cssButton .far {
  font-size: 13px;
  line-height:21px;
  padding-right: 0;
}

/* Add to basket Button product_info */
.cssButtonPos10 {
  display:block;
  width:100%;
  margin: 0 0 5px 0;
}

/* Small Buttons wishlist */
.cssButtonPos11 {
  width:50px;
  display:inline-block;
  margin: 0 2px 0 2px;
}
.cssButtonPos11 .fas,
.cssButtonPos11 .far {
  font-size:18px;
  vertical-align:bottom;
}

/* Big Buttons checkout */
.cssButtonPos12 {
  min-width:200px;
  display:inline-block;
}
.cssButtonPos12 .cssButton {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 5px;
  min-width:220px;
}

/* Small Cart Buttons delete */
.cssButtonPos13 {
  display:block;
  margin: 0 0 0px 0px;
}
.cssButtonPos13 .cssButton {
  padding: 3px 5px;
}
.cssButtonPos13 .fas,
.cssButtonPos13 .far {
  font-size:15px;
  vertical-align:bottom;
}

.orderlist .cssButtonPos13 {
  display:block;
  margin: 1px 0 0px 0px;
  width:46px;
}
.orderlist .cssButtonPos13 .cssButton {
  padding: 10px 5px;
  background:#fff;
  color:#999;
}
.orderlist .cssButtonPos13 .fas,
.orderlist .cssButtonPos13 .far {
  font-size:16px;
  vertical-align:bottom;
  line-height:20px;
}
.orderlist .cssButtonColor5:hover {
  color:#e13939;
}

.orderlist .btn_update {
  cursor:pointer;
  display:block;
  background:#fff;
  color:#999;
  padding: 10px 15px;
  font-size:16px;
  line-height:20px;
  vertical-align:bottom;
  border:0px;
  outline:none;
}
.orderlist .btn_update:hover {
  color:#007dbb;
}
/* END CSS Buttons */


/* START CSS Write reviews */
.show_rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  display:inline-block;
  padding: 0px 15px;
  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';
  font-weight:900;
  font-size:16px;
  line-height:20px;
  position: relative;
  display: block;
  content: "\f005";
  color: #ccc;
  background: #ccc;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.show_rating > label:hover:before,
.show_rating > label:hover ~ label:before,
.show_rating > label.selected:before,
.show_rating > label.selected ~ label:before {
  color: #e9c559;
  background: #e9c559;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* END CSS Write reviews */

/* START checkout */

.link_arrow a {
  color: #007dbb;
  text-decoration:none;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
}
.link_arrow a:hover {
  color:#555;
  text-decoration:none;
}
.link_arrow .fas,
.link_arrow .far {
  color: #007dbb;
  padding-left:3px;
  padding-right:3px;
  font-weight:bold;
  vertical-align:0px;
}
/* END checkout */


/* START slick carousel */

/* Slider Startseite */
.slider-home {display:none; }

.carousel_slider {
  margin: 0 0 20px 0;
  position:relative;
}
.carousel_slider:before {
  content: "";
  display:block;
  padding-top: 40.609137%;
}
.carousel_slider > div {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.carousel_slider img {
  float:left;
  width:100%;
  height:auto;
  vertical-align:top;
}

.carousel_slider .slick-dots {
  bottom: 15px;
}
.carousel_slider .slick-dots li.slick-active button:before {
  color: #007dbb;
}
.carousel_slider .slick-dots li button:before {
  color: #007dbb;
}
.carousel_slider .slick-prev,
.carousel_slider .slick-next,
.carousel_slider .slick-prev:focus,
.carousel_slider .slick-next:focus {
  width: 50px;
  height: 50px;
  background: #fff;
  z-index: 2;
  color: #333;
  opacity:0.4;
}
.carousel_slider .slick-prev:hover,
.carousel_slider .slick-next:hover {
  color: #333;
  outline: none;
  background: #fff;
  opacity:0.9;
}
.carousel_slider .slick-prev {
  left: 20px;
}
.carousel_slider .slick-next {
  right: 20px;
}
.carousel_slider .slick-prev:before,
.carousel_slider .slick-next:before {
  color:#333;
  font-size: 24px;
}


/* Slider bestseller */
.carousel_bestseller {
  margin: 0px -10px 40px -10px;
}
.carousel_bestseller .listingbox {
  float:none;
  width:100%;
  margin: 0px 0px 0px 0px;
}
.carousel_bestseller .listingbox .lb_title h2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  font-size:14px;
  line-height:18px;
  height:36px;
}
.carousel_bestseller .slick-dots {
  bottom: -25px;
}
.carousel_bestseller .slick-dots li.slick-active button:before {
  color: #007dbb;
}
.carousel_bestseller .slick-dots li button:before {
  color: #007dbb;
}
.carousel_bestseller .slick-prev,
.carousel_bestseller .slick-next,
.carousel_bestseller .slick-prev:focus,
.carousel_bestseller .slick-next:focus {
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  background: #fff;
  z-index: 2;
  opacity:0.4;
}
.carousel_bestseller .slick-prev {
  top:-38px;
  left: auto;
  right:35px;
}
.carousel_bestseller .slick-next {
  top:-38px;
  right: 0px;
}
.carousel_bestseller .slick-prev:before,
.carousel_bestseller .slick-next:before {
  color:#333;
  font-size: 16px;
}
.carousel_bestseller .slick-prev:hover,
.carousel_bestseller .slick-next:hover {
  outline: none;
  background: #fff;
  opacity:0.9;
}
.carousel_bestseller .slick-prev:hover:before,
.carousel_bestseller .slick-prev:focus:before,
.carousel_bestseller .slick-next:hover:before,
.carousel_bestseller .slick-next:focus:before {
  color: #007dbb;
}



/* Slider Listingbox */
.carousel_listingbox {
  margin: 0px -10px 40px -10px;
}
.carousel_listingbox .listingbox {
  float:none;
  width:100%;
  margin: 0px 0px 0px 0px;
}
.carousel_listingbox .slick-dots {
  bottom: -25px;
}
.carousel_listingbox .slick-dots li.slick-active button:before {
  color: #007dbb;
}
.carousel_listingbox .slick-dots li button:before {
  color: #007dbb;
}
.carousel_listingbox .slick-prev,
.carousel_listingbox .slick-next,
.carousel_listingbox .slick-prev:focus,
.carousel_listingbox .slick-next:focus {
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  background: #fff;
  z-index: 2;
  opacity:0.4;
}
.carousel_listingbox .slick-prev {
  top:-38px;
  left: auto;
  right:35px;
}
.carousel_listingbox .slick-next {
  top:-38px;
  right: 0px;
}
.carousel_listingbox .slick-prev:before,
.carousel_listingbox .slick-next:before {
  color:#333;
  font-size: 16px;
}
.carousel_listingbox .slick-prev:hover,
.carousel_listingbox .slick-next:hover {
  outline: none;
  background: #fff;
  opacity:0.9;
}
.carousel_listingbox .slick-prev:hover:before,
.carousel_listingbox .slick-prev:focus:before,
.carousel_listingbox .slick-next:hover:before,
.carousel_listingbox .slick-next:focus:before {
  color: #007dbb;
}


/* Slider Listingbox Details */
.carousel_listingbox_details {
  margin: 0px -10px 40px -10px;
}
.carousel_listingbox_details .listingbox {
  float:none;
  width:100%;
  margin: 0px 0px 0px 0px;
}
.carousel_listingbox_details .slick-dots {
  bottom: -25px;
}
.carousel_listingbox_details .slick-dots li.slick-active button:before {
  color: #007dbb;
}
.carousel_listingbox_details .slick-dots li button:before {
  color: #007dbb;
}
.carousel_listingbox_details .slick-prev,
.carousel_listingbox_details .slick-next,
.carousel_listingbox_details .slick-prev:focus,
.carousel_listingbox_details .slick-next:focus {
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  background: #fff;
  z-index: 2;
  opacity:0.4;
}
.carousel_listingbox_details .slick-prev {
  top:-32px;
  left: auto;
  right:35px;
}
.carousel_listingbox_details .slick-next {
  top:-32px;
  right: 0px;
}
.carousel_listingbox_details .slick-prev:before,
.carousel_listingbox_details .slick-next:before {
  color:#333;
  font-size: 16px;
}
.carousel_listingbox_details .slick-prev:hover,
.carousel_listingbox_details .slick-next:hover {
  outline: none;
  background: #fff;
  opacity:0.9;
}
.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 {
  color: #007dbb;
}

/* END slick-carousel */


/* 49. START Custom checkbox & radio */

/* globals & helper */
.cus_my_5 {
  margin: 5px 0px;
}
.cus_mb_10 {
  margin-bottom: 10px;
}  
.cus_label {
  padding-left: 26px;
}   
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:13px;
  line-height:19px;
}
.cus_check.cus_check_small {
  font-size:12px;
  line-height:18px;
}
.cus_check input[type="checkbox"] {
  position: absolute !important;
  visibility:hidden;
  opacity: 0;
}
.cus_check input[type="checkbox"] ~ label {
  padding-left: 26px;
  position: relative;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  margin: 0 0 0px 0;
}
.cus_check input[type="checkbox"] ~ label:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f0c8";
  font-weight:400;
  font-size: 14px;
  line-height:14px;
  position: absolute;
  top: 2px;
  left: 1px;
  color:#ccc;
  transition: background .15s;
}
.cus_check.cus_check_small input[type="checkbox"] ~ label:before {
  top: 2px;
}
.cus_check input[type="checkbox"]:disabled ~ label {
  color: #ccc;
}
.cus_check input[type="checkbox"]:disabled ~ label,
.cus_check input[type="checkbox"]:disabled ~ label:before,
.cus_check input[type="checkbox"]:disabled ~ label:after {
  cursor: not-allowed;
}
.cus_check input[type="checkbox"]:disabled,
.cus_check input[type="checkbox"]:disabled ~ label:before,
.cus_check input[type="checkbox"]:disabled:checked ~ label:before {
  opacity:0.5;
}
.cus_check input[type="checkbox"] ~ label:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f14a';
  font-weight:900;
  font-size: 14px;
  line-height:14px;
  position: absolute;
  top: 2px;
  left: 1px;
  color: #555;
  transition: transform .15s;
  transform: scale(0) rotate(90deg);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cus_check.cus_check_small input[type="checkbox"] ~ label:after {
  top: 2px;
}
.cus_check input[type="checkbox"]:checked ~ label:after {
  transform: scale(1) rotate(0deg);
}

/* custom radios */
.cus_radio {
  font-size:13px;
  line-height:19px;
}
.cus_radio.cus_radio_small {
  font-size:12px;
  line-height:18px;
}
.cus_radio > label {
  padding-left: 26px;
}
.cus_radio input[type="radio"] {
  position: absolute;
  visibility:hidden;
  opacity: 0;
}
.cus_radio input[type="radio"] ~ label {
  padding-left: 26px;
  position: relative;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  margin: 0 0 0px 0;
}
.cus_radio input[type="radio"] ~ label:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f111";
  font-weight:400;
  font-size: 14px;
  line-height:14px;
  position: absolute;
  top: 2px;
  left: 0;
  color:#ccc;
  transition: background .15s; 
}  
.cus_radio.cus_radio_small input[type="radio"] ~ label:before {
  top: 2px;
}
.cus_radio input[type="radio"]:disabled ~ label {
  color: #ccc;
}
.cus_radio input[type="radio"]:disabled ~ label,
.cus_radio input[type="radio"]:disabled ~ label:before,
.cus_radio input[type="radio"]:disabled ~ label:after {
  cursor: not-allowed;
}
.cus_radio input[type="radio"]:disabled,
.cus_radio input[type="radio"]:disabled ~ label:before,
.cus_radio input[type="radio"]:disabled:checked ~ label:before {
  opacity:0.5;
}
.cus_radio input[type="radio"] ~ label:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f192';
  font-weight:900;
  font-size: 14px;
  line-height:14px;
  position: absolute;
  top: 2px;
  left: 0;
  color: #555;
  transition: transform .15s;
  transform: scale(0) rotate(90deg);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cus_radio.cus_radio_small input[type="radio"] ~ label:after {
  top: 2px;
}
.cus_radio input[type="radio"]:checked ~ label:after {
  transform: scale(1) rotate(0deg);
}
/* 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;
}


/* START new address book handling */
#address_block_new {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type:none;
  margin: 15px -10px 0 -10px;
  padding: 0px;
}
#address_block_new > li {
  order:2;
  float:left;
  width:100%;  
  box-sizing:border-box;
  padding: 0px 10px;
  margin: 0px;  
}
@media only screen and (min-width: 759px) {
  #address_block_new > li { width:50%; } 
}
#address_block_new > li.selected {
  order:1;
}
#address_block_new > li.selected .address_inner {
  background:#f4f4f4;
  padding: 15px 10px;
}
#address_block_new > li .address_inner {
  border-top: 1px solid #ddd;
  padding: 15px 10px;
  box-sizing:border-box;
  height:100%;
}
ol#address_block_new li label {
  display:inline-block;
  min-height:85px;
  font-weight: 700;
}
ol#address_block_new li label .address {
  display: block !important;
  padding: 5px 0px 0px 0px !important;
  font-weight: 400 !important;
}
#address_block_new form {
  position:relative;
  padding: 0px 140px 0px 0px; 
}
#address_block_new .address_actions {
  overflow:hidden;
  position:absolute;
  top:0px;
  right:0px;
  width:130px;
  text-align:right;
}
#address_block_new .address_inner_block {
  position:relative;
  padding: 0px 140px 0px 0px; 
}
/* END new address book handling */

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

